Add cp dashboard proxy based on speciality and published a new report dashboard (#254)

* chore(design-system): update design system version

* chore(design-system): update design library with sidebar fixes

* feat(login-page): add navigate state in order to handle afterLogin

In logged template add new state var with the current location value.
This value will be used to redirect back the user after a correct login

* test(login): add debug log

* fix(login-form): update redirect method

* feat(campaign-dashboard): setup basic page

* chore(api): update api slice with get-campaign-reports route

* feat(campaign-dashboard): retrieve reports from api

* chore(api): update api hooks with getCampaignById

* feat(campaign-dashboard): create barebone structure

* feat(dashboard-routing): clean up dashboard routing with a clean new util

* chore(api): update api definition

* Cup 1334 add report dashboard (#240)

* feat(campaign-dashboard): setup basic page

* chore(api): update api slice with get-campaign-reports route

* feat(campaign-dashboard): retrieve reports from api

* chore(api): update api hooks with getCampaignById

* feat(campaign-dashboard): create barebone structure

* feat(campaign-dashboard): add new UI for report cards

* feat(campaign-reports): add new archive icon

* feat(translations): add missing download label for campaign reports

* feat(translations): update campaign reports translations

* feat(campaign-reports): add input toggle in page header

* fix(campaing-dashboard): input toggle is not editable

* feat(campaign-reports): improve campaign page and page header components

* feat(campaign-reports): add empty state

* feat(campaign-reports): add page title and subtitle

* feat(campaign-reports): add translations for file type labels

* feat(campaign-reports): handle different button text and icon for links + remove trim input

* fix(campaign-reports): fix date font size

Co-authored-by: Luca Cannarozzo <cannarozzoluca@live.it>

* feat(dashboard): redirect campaign to the most appropriate dash

* fix(campaign-reports): fix breadcrumb project href + fix empty state title

* build(gtm): change Google Tag Manager container

* feat(gtm): add auth and env to dev gtm environment

* test(gtm): remove pageView event

* feat(campaign-reports): add loader + page improvements

* feat(routes): add CROWD_WP_URL to localized routes paths

* fix(wizard): fix missing campaign_date_end

* fix(wizard): remove useless campaign_date_end_text form field

* fix(wizard): remove useless whenConfirm old component

* feat(gtm): move dl push into useEffect hook

* Update translation.json (POEditor.com)

* Update translation.json (POEditor.com)

* refactor(i18n): reordered terms

* refactor(i18n): remove unused term

* Update translation.json (POEditor.com)

* Update translation.json (POEditor.com)

* sort terms

* fix(translations): update translations + fix i18n compare

* Update translation.json (POEditor.com)

* Update translation.json (POEditor.com)

* refactor(i18n): re-ordered strings

* chore(design-system): bump version to fix sidebar on mobile

* refactor(express): remove unused import on who step

* feat(express): improve mobile experience with modal use case

* feat(express): improve experience of submit btn on small screen

* fix(gtm): check activeWorkspace before setting DL company

* fix(gtm): update company also on ws switch

* feat(gtm): add workspace change event

* refactor(navigation): remove useless console log

Co-authored-by: Marco Bonomo <82754802+marcbon@users.noreply.github.com>
Co-authored-by: Marco Bonomo <marco.bonomo@unguess.io>

Author: cannarocks

.env.development

@@ -1,4 +1,6 @@
-REACT_APP_GTM_ID=GTM-K55XC7S
+REACT_APP_GTM_ID=GTM-WVXPS94
+REACT_APP_GTM_AUTH=HjeAxSQB9e685mi-_8YiDw
+REACT_APP_GTM_ENV=env-4
 REACT_APP_API_URL=/api
 REACT_APP_TRYBER_WP_API_URL=https://dv-crowd.app-quality.com/wp-json/appq/v1
 REACT_ZAPIER_WEBHOOK=https://hooks.zapier.com/hooks/catch/5196925/bkxm1k6/

.env.production

@@ -1,4 +1,4 @@
-REACT_APP_GTM_ID=GTM-K55XC7S
+REACT_APP_GTM_ID=GTM-WVXPS94
 REACT_APP_API_URL=/api
 REACT_APP_TRYBER_WP_API_URL=https://tryber.me/wp-json/appq/v1
 REACT_ZAPIER_WEBHOOK=https://hooks.zapier.com/hooks/catch/5196925/bkxm1k6/

i18next-scanner.config.js

@@ -8,7 +8,11 @@ const VirtualFile = require('vinyl');
 function sortObject(object) {
   const unsortedArr = [...Object.entries(object)];
   const sortedArr = unsortedArr.sort(([key1, value1], [key2, value2]) =>
-    key1.localeCompare(key2)
+    key1.localeCompare(key2, 'en', {
+      sensitivity: 'base',
+      numeric: true,
+      ignorePunctuation: true,
+    })
   );
   var sorted = {};
   sortedArr.forEach(([key, value]) => (sorted[key] = value));

package.json

@@ -3,7 +3,7 @@
   "version": "1.4.0",
   "private": true,
   "dependencies": {
-    "@appquality/unguess-design-system": "2.12.11",
+    "@appquality/unguess-design-system": "2.12.16",
     "@headwayapp/react-widget": "^0.0.4",
     "@reduxjs/toolkit": "^1.8.0",
     "@rtk-query/codegen-openapi": "^1.0.0-alpha.1",

src/app/App.tsx

@@ -3,20 +3,11 @@ import { GlobalStyle, theme } from '@appquality/unguess-design-system';
 import { ThemeProvider } from '@zendeskgarden/react-theming';
 import { BrowserRouter } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import TagManager from 'react-gtm-module';
 import Helmet from 'react-helmet';
 import Pages from 'src/common/Pages';
 import { Provider } from 'react-redux';
 import { store } from './store';
 
-if (process.env.REACT_APP_GTM_ID) {
-  const tagManagerArgs = {
-    gtmId: process.env.REACT_APP_GTM_ID,
-  };
-
-  TagManager.initialize(tagManagerArgs);
-}
-
 const App = () => {
   const { t } = useTranslation();
   return (
@@ -26,15 +17,10 @@ const App = () => {
         <Helmet>
           <meta
             property="og:title"
-            content={`UNGUESS - ${t('Be smart from the start')}`}
-          />
-          <title>UNGUESS - {t('Be smart from the start')}</title>
-          <meta
-            name="description"
-            content={t(
-              'UNGUESS provides collective wisdom to improve your decision-making process. Eliminate inefficiencies with our testing, monitoring and research platform.'
-            )}
+            content={`UNGUESS - ${t('__APP_META_PAYOFF')}`}
           />
+          <title>UNGUESS - {t('__APP_META_PAYOFF')}</title>
+          <meta name="description" content={t('__APP_META_DESCRIPTION')} />
         </Helmet>
         <BrowserRouter>
           <Pages />