[RPOD Release] Gigs Detail and Apply Integration (#68)

* Excluding Featured Jobs in Normal Jobs section (#25)

* excluding special in normaljobs

* ci:deploying speicaljobs filter

* ci:deploying false special

* exclude featured jobs for normal section

* restore ci

* [Ready for Release] Gigs listing - Special Job section supports filters (#27)

* excluding special in normaljobs

* ci:deploying speicaljobs filter

* client side validation

* client side filter special

* resolve location filter

* client-filter

* maintain pagination

* [Ready] Dispaly no gigs data when we filtered out all Gigs (#28)

* ci:dispaly no gigs

* reset ci

* [Ready Release] Gigs listing RCRM status integration (#30)

* proxy api update

* integrate frontend ready

* ci:deploying-rcrm-integration

* restore ci

* Integrate heap.io (#34)

* heap-io

* revert ci

* [Dev Merge 1] Gigs apply integration (#65)

* api update done

* ci:deploying

* Job API update

* API Update

* deploy gig apply API

* fix: job API require externalId param

* fix: add hoursPerWeek in the job info

* output from challenge: 30215305

* deploying ff output

* output from challenge:30217172

* fix: ui

* fix: apply button enable by default

* fix: issue#47

* fix:skill default value

* fix: issue48

* fix: prod url

* fix: topcoder-profiel

* fix: skills focus

* fix: navigate gigs

* fix: refine

* fix: refine2

* fix:city-country empty value

* fix: hanlde profile error

* fix: error message

* fix: default na

* fix: referral validation

* fix:country placeholder

* fix: get job

* avoid multiple api requests

* fix:avoid cache gigdetail

* fix: mygigs duplicate data

* fix: profile url

* fix: popup

* fix: gig detail page

* fix: referral feature

* fix: reset

* fix: referral apply fix

* referral cookie

* fix: add loading

* optimize:build local applied flag

* fix:colon

* fix:split id

* refine

* refine:local cache

* reset ci

* [Dev Merge 2] Gigs apply integration (#67)

* reset ci

Author: LieutenantRoger

babel.config.js

@@ -1,27 +1,40 @@
+const { extendDefaultPlugins } = require("svgo");
+
 let cssLocalIdent;
-if (process.env.APPMODE === 'production') {
-  cssLocalIdent = '[hash:base64:6]';
+if (process.env.APPMODE === "production") {
+  cssLocalIdent = "[hash:base64:6]";
 } else {
-  cssLocalIdent = 'gigs_[path][name]___[local]___[hash:base64:6]';
+  cssLocalIdent = "gigs_[path][name]___[local]___[hash:base64:6]";
 }
 
 const config = {
   presets: [
-    ['@babel/preset-env', { targets: { 'browsers': ['> 1%', 'not dead'] } }],
-    '@babel/preset-react'
+    ["@babel/preset-env", { targets: { browsers: ["> 1%", "not dead"] } }],
+    "@babel/preset-react",
   ],
   plugins: [
-    ['module-resolver', {
-      extensions: ['.js', '.jsx'],
-      root: [
-        './src',
-      ],
-    }],
     [
-      'inline-react-svg',
+      "module-resolver",
       {
-        ignorePattern: '[/\/]assets[/\/]images'
-      }
+        extensions: [".js", ".jsx"],
+        root: ["./src"],
+      },
+    ],
+    [
+      "inline-react-svg",
+      {
+        ignorePattern: "[/\\\\]assets[/\\\\]images",
+        svgo: {
+          plugins: extendDefaultPlugins([
+            {
+              name: "cleanupIDs",
+              params: {
+                minify: false,
+              },
+            },
+          ]),
+        },
+      },
     ],
     [
       "@babel/plugin-transform-runtime",
@@ -30,15 +43,18 @@ const config = {
         regenerator: false,
       },
     ],
-    ['react-css-modules', {
-      filetypes: {
-        '.scss': {
-          syntax: 'postcss-scss',
+    [
+      "react-css-modules",
+      {
+        filetypes: {
+          ".scss": {
+            syntax: "postcss-scss",
+          },
         },
+        generateScopedName: cssLocalIdent,
       },
-      generateScopedName: cssLocalIdent
-    }],
-  ]
+    ],
+  ],
 };
 
 module.exports = config;

config/default.js

@@ -11,36 +11,46 @@ module.exports = {
   URL: {
     AUTH: process.env.URL_AUTH || "https://accounts-auth0.topcoder-dev.com",
     BASE: process.env.URL_BASE || "https://www.topcoder-dev.com",
-    COMMUNITY_APP: process.env.URL_COMMUNITY_APP || "https://community-app.topcoder-dev.com",
-    PLATFORM_WEBSITE_URL: process.env.URL_PLATFORM_WEBSITE_URL || "https://platform.topcoder-dev.com",
+    COMMUNITY_APP:
+      process.env.URL_COMMUNITY_APP || "https://community-app.topcoder-dev.com",
+    DISCUSSIONS:
+      process.env.URL_DISCUSSIONS || "https://discussions.topcoder.com",
+    PLATFORM_WEBSITE_URL:
+      process.env.URL_PLATFORM_WEBSITE_URL ||
+      "https://platform.topcoder-dev.com",
   },
+  PROXY_API: process.env.PROXY_API || "https://platform.topcoder-dev.com",
   RECRUIT_API: process.env.RECRUIT_API || "https://www.topcoder-dev.com",
   // the server api base path
   API_BASE_PATH: process.env.API_BASE_PATH || "/gigs-app/api/my-gigs",
   // the log level, default is 'debug'
   LOG_LEVEL: process.env.LOG_LEVEL || "error",
   // The authorization secret used during token verification.
-  AUTH_SECRET:
-    process.env.AUTH_SECRET,
+  AUTH_SECRET: process.env.AUTH_SECRET,
   // The valid issuer of tokens, a json array contains valid issuer.
-  VALID_ISSUERS:
-    process.env.VALID_ISSUERS,
+  VALID_ISSUERS: process.env.VALID_ISSUERS,
   // Auth0 URL, used to get TC M2M token
-  AUTH0_URL:
-    process.env.AUTH0_URL,
+  AUTH0_URL: process.env.AUTH0_URL,
   // Auth0 audience, used to get TC M2M token
   AUTH0_AUDIENCE: process.env.AUTH0_AUDIENCE,
   // Auth0 client id, used to get TC M2M token
-  AUTH0_CLIENT_ID:
-    process.env.AUTH0_CLIENT_ID,
+  AUTH0_CLIENT_ID: process.env.AUTH0_CLIENT_ID,
   // Auth0 client secret, used to get TC M2M token
-  AUTH0_CLIENT_SECRET:
-    process.env.AUTH0_CLIENT_SECRET,
+  AUTH0_CLIENT_SECRET: process.env.AUTH0_CLIENT_SECRET,
   // Proxy Auth0 URL, used to get TC M2M token
   AUTH0_PROXY_SERVER_URL: process.env.AUTH0_PROXY_SERVER_URL,
+  CHALLENGE_LIST_PATH:
+    process.env.CHALLENGE_LIST_PATH || "/earn/find/challenges",
+  GIG_LIST_PATH: process.env.GIG_LIST_PATH || "/earn/gigs",
+  GROWSURF_COOKIE: "_tc_gigs_ref",
+  GROWSURF_COOKIE_SETTINGS: {
+    secure: true,
+    domain: "",
+    expires: 30, // days
+  },
+  APPLIED_GIGS: "_applied_gigs",
   m2m: {
-    M2M_AUDIT_USER_ID:
-      process.env.M2M_AUDIT_USER_ID ,
+    M2M_AUDIT_USER_ID: process.env.M2M_AUDIT_USER_ID,
     M2M_AUDIT_HANDLE: process.env.M2M_AUDIT_HANDLE,
   },
   MOCK_API_PORT: process.env.MOCK_API_PORT || 4000,

config/prod.js

@@ -7,7 +7,9 @@ module.exports = {
     AUTH: "https://accounts-auth0.topcoder.com",
     BASE: "https://www.topcoder.com",
     COMMUNITY_APP: "https://community-app.topcoder.com",
+    DISCUSSIONS: "https://discussions.topcoder.com",
     PLATFORM_WEBSITE_URL: "https://platform.topcoder.com",
   },
   RECRUIT_API: "https://www.topcoder.com",
+  PROXY_API: "https://platform.topcoder.com",
 };

package-lock.json

@@ -1,12 +1,11 @@
 {
   "name": "@topcoder/micro-frontends-gigs-app",
   "scripts": {
-    "start": "node server.js",
-    "dev-server": "nodemon server.js",
-    "dev": "cross-env APPENV=dev webpack-dev-server",
-    "dev-https": "cross-env APPENV=dev webpack-dev-server --https",
-    "local": "cross-env APPENV=dev webpack-dev-server",
-    "prod": "cross-env APPENV=prod webpack-dev-server",
+    "start": "node --max-http-header-size 16384 server.js",
+    "dev-server": "nodemon --max-http-header-size 16384 server.js",
+    "dev": "cross-env APPENV=dev NODE_OPTIONS='--max-http-header-size=16384' webpack-dev-server",
+    "dev-https": "cross-env APPENV=dev NODE_OPTIONS='--max-http-header-size=16384' webpack-dev-server --https",
+    "prod": "cross-env APPENV=prod NODE_OPTIONS='--max-http-header-size=16384' webpack-dev-server",
     "build": "cross-env APPENV=${APPENV:-dev} APPMODE=${APPMODE:-development} webpack --mode=${APPMODE:-development}",
     "analyze": "cross-env APPMODE=production webpack --mode=production --env.analyze=true",
     "lint": "eslint src --ext js,jsx --fix",
@@ -66,6 +65,7 @@
     "@babel/runtime": "^7.13.10",
     "@reach/router": "^1.3.4",
     "autoprefixer": "^8.6.5",
+    "browser-cookies": "^1.2.0",
     "classnames": "^2.3.1",
     "cors": "^2.8.5",
     "country-calling-code": "0.0.3",
@@ -85,8 +85,10 @@
     "react-date-range": "^1.1.3",
     "react-dom": "^16.12.0",
     "react-dropzone": "^11.3.2",
+    "react-html-parser": "^2.0.2",
     "react-loading": "^2.0.3",
     "react-redux": "^7.2.3",
+    "react-responsive": "^9.0.0-beta.4",
     "react-responsive-modal": "^6.1.0",
     "react-select": "^1.3.0",
     "react-use": "^15.3.4",

package.json

@@ -2,6 +2,8 @@
  * Main App component
  */
 import React from "react";
+import GigApplyPage from "./containers/GigApplyPage";
+import GigDetailsPage from "./containers/GigDetailsPage";
 import GigsPage from "./containers/GigsPage";
 import MyGigsPage from "./containers/MyGigsPage";
 
@@ -12,9 +14,11 @@ import "react-responsive-modal/styles.css";
 
 import "./styles/main.scss";
 
-const App = ({ view }) => {
+const App = ({ externalId, view }) => {
   return (
     <div className="layout-wrapper">
+      {view === "gig-apply" && <GigApplyPage externalId={externalId} />}
+      {view === "gig-details" && <GigDetailsPage externalId={externalId} />}
       {view === "gigs" && <GigsPage />}
       {view === "my-gigs" && <MyGigsPage />}
       <div id="tooltips-container-id" />

src/App.jsx

@@ -0,0 +1,42 @@
+import { createActions } from "redux-actions";
+import * as ACTION_TYPE from "./types";
+
+const actions = createActions(
+  {},
+  ACTION_TYPE.INIT_PROFILE_DATA,
+  ACTION_TYPE.RESET_APPLICATION,
+  ACTION_TYPE.RESET_FORM,
+  ACTION_TYPE.SEND_APPLICATION_ERROR,
+  ACTION_TYPE.SEND_APPLICATION_PENDING,
+  ACTION_TYPE.SEND_APPLICATION_SUCCESS,
+  ACTION_TYPE.SET_AGREED_DURATION,
+  ACTION_TYPE.SET_AGREED_TERMS,
+  ACTION_TYPE.SET_AGREED_TIMEZONE,
+  ACTION_TYPE.SET_CITY,
+  ACTION_TYPE.SET_COUNTRY,
+  ACTION_TYPE.SET_PAYMENT,
+  ACTION_TYPE.SET_PHONE,
+  ACTION_TYPE.SET_REFERRAL,
+  ACTION_TYPE.SET_RESUME,
+  ACTION_TYPE.SET_SKILLS,
+  ACTION_TYPE.TOUCH_AGREED_DURATION,
+  ACTION_TYPE.TOUCH_AGREED_TERMS,
+  ACTION_TYPE.TOUCH_AGREED_TIMEZONE,
+  ACTION_TYPE.TOUCH_CITY,
+  ACTION_TYPE.TOUCH_PAYMENT,
+  ACTION_TYPE.TOUCH_PHONE,
+  ACTION_TYPE.TOUCH_RESUME,
+  ACTION_TYPE.TOUCH_SKILLS,
+  ACTION_TYPE.TOUCH_REFERRAL,
+  ACTION_TYPE.VALIDATE_CITY,
+  ACTION_TYPE.VALIDATE_COUNTRY,
+  ACTION_TYPE.VALIDATE_PAYMENT,
+  ACTION_TYPE.VALIDATE_PHONE,
+  ACTION_TYPE.VALIDATE_RESUME,
+  ACTION_TYPE.VALIDATE_SKILLS,
+  ACTION_TYPE.VALIDATE_REFERRAL,
+  ACTION_TYPE.VALIDATE_UNTOUCHED,
+  { prefix: "GIG-APPLY", namespace: "--" }
+);
+
+export default actions;