New Release Join page and other 2025-06-11

index.html

@@ -48,7 +48,7 @@
     <div id="root">
       <div id="appq-loading-content">
         <div class="loadingImg">
-          <img src="/static/unguess_loader_single.gif" />
+          <img title="loading unguess website" src="/static/unguess_loader_single.gif" />
         </div>
       </div>
     </div>

package.json

@@ -14,6 +14,7 @@
     "i18n-iso-countries": "^7.3.0",
     "i18next": "^23.15.1",
     "i18next-browser-languagedetector": "^8.0.0",
+    "motion": "^12.16.0",
     "qs": "^6.10.3",
     "query-string": "^7.1.1",
     "react": "^18.3.1",

prettier.config.js

@@ -0,0 +1,27 @@
+module.exports = {
+  arrowParens: 'always',
+  bracketSameLine: false,
+  bracketSpacing: true,
+  embeddedLanguageFormatting: 'auto',
+  htmlWhitespaceSensitivity: 'css',
+  insertPragma: false,
+  jsxSingleQuote: false,
+  printWidth: 80,
+  proseWrap: 'preserve',
+  quoteProps: 'as-needed',
+  requirePragma: false,
+  semi: true,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'es5',
+  useTabs: false,
+  vueIndentScriptAndStyle: false,
+  overrides: [
+    {
+      files: ['src/common/schema.ts'],
+      options: {
+        singleQuote: false,
+      },
+    },
+  ],
+};

src/app/store.ts

@@ -4,7 +4,6 @@ import { unguessApiSlice } from 'src/features/api/apiTags';
 import { strapiSlice } from '../features/backoffice/strapi';
 import bugsPageReducer from '../features/bugsPage/bugsPageSlice';
 import filterReducer from '../features/campaignsFilter/campaignsFilterSlice';
-import expressReducer from '../features/express/expressSlice';
 import navigationReducer from '../features/navigation/navigationSlice';
 import planModulesReducer from '../features/planModules';
 import userReducer from '../features/user/userSlice';
@@ -17,7 +16,6 @@ export const store = configureStore({
     navigation: navigationReducer,
     workspaces: workspaceReducer,
     filters: filterReducer,
-    express: expressReducer,
     bugsPage: bugsPageReducer,
     uxFilters: uxFilterReducer,
     planModules: planModulesReducer,

src/common/GoogleTagManager.tsx

@@ -41,8 +41,9 @@ export const GoogleTagManager = ({
     if (userData?.role && activeWorkspace?.company) {
       const tagManagerDataLayer = {
         role: userData.role,
+        customer_role: userData.customer_role,
         wp_user_id: userData.tryber_wp_user_id,
-        tester_id: userData.id,
+        tester_id: userData.profile_id,
         name: userData.name,
         email: userData.email,
         company: activeWorkspace.company,

src/common/Pages.tsx

@@ -17,13 +17,12 @@ import CampaignPreview from 'src/pages/Campaign/preview';
 import Dashboard from 'src/pages/Dashboard';
 import Project from 'src/pages/Dashboard/Project';
 import InsightsPage from 'src/pages/Insights';
+import JoinPage from 'src/pages/JoinPage';
 import LoginPage from 'src/pages/LoginPage';
 import Manual from 'src/pages/Manual';
 import MediaNotFound from 'src/pages/NotFound/MediaNotFound';
 import NotFound from 'src/pages/NotFound/NotFound';
 import Plan from 'src/pages/Plan';
-import Service from 'src/pages/Service';
-import Catalog from 'src/pages/Services';
 import Template from 'src/pages/Template';
 import Templates from 'src/pages/Templates';
 import Video from 'src/pages/Video';
@@ -68,6 +67,12 @@ const Pages = () => {
                     path={`/${langPrefix}/login`}
                     element={<LoginPage />}
                   />
+                  <Route path={`/${langPrefix}/join`} element={<JoinPage />} />
+                  <Route
+                    path={`/${langPrefix}/join/invites/:profile/:token`}
+                    element={<JoinPage />}
+                  />
+
                   <Route
                     path={`/${langPrefix}/projects/:projectId`}
                     element={<Project />}
@@ -80,14 +85,6 @@ const Pages = () => {
                     path={`/${langPrefix}/campaigns/:campaignId/bugs/:bugId`}
                     element={<Bug />}
                   />
-                  <Route
-                    path={`/${langPrefix}/services`}
-                    element={<Catalog />}
-                  />
-                  <Route
-                    path={`/${langPrefix}/services/:templateId`}
-                    element={<Service />}
-                  />
                   <Route
                     path={`/${langPrefix}/templates`}
                     element={<Templates />}
@@ -156,6 +153,21 @@ const Pages = () => {
                 }
                 errorElement={<ErrorBoundaryPage />}
               />
+
+              <Route
+                path="/join"
+                element={
+                  <Redirect
+                    url={({ searchParams }) => {
+                      if (!searchParams || !searchParams.get('redirect'))
+                        return '/oops';
+                      return `/campaigns/${searchParams.get('cid')}/bugform`;
+                    }}
+                  />
+                }
+                errorElement={<ErrorBoundaryPage />}
+              />
+
               <Route path="*" element={<Navigate replace to="/oops" />} />
             </>
           )

src/common/components/ErrorBoundary/ErrorBoundaryPage.tsx

@@ -1,18 +1,26 @@
 import {
+  Button,
   Col,
   Grid,
+  MD,
+  Paragraph,
   Row,
   theme,
   XXL,
-  MD,
-  Paragraph,
-  Button,
 } from '@appquality/unguess-design-system';
-import { ReactComponent as Illustration } from 'src/assets/errorBoundaryPage.svg';
 import { useTranslation } from 'react-i18next';
-import { Logged } from 'src/features/templates/Logged';
-import { Container } from 'src/pages/ExpressWizard/wizardHeader';
+import { ReactComponent as Illustration } from 'src/assets/errorBoundaryPage.svg';
 import { GoogleTagManager } from 'src/common/GoogleTagManager';
+import { Logged } from 'src/features/templates/Logged';
+import styled from 'styled-components';
+
+const Container = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+`;
 
 const ErrorBoundaryPage = () => {
   const { t } = useTranslation();

src/common/components/Meta.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 export type MetaSize = 'medium' | 'large';
 
-export interface MetaArgs extends React.HTMLAttributes<HTMLDivElement> {
+interface MetaArgs extends React.HTMLAttributes<HTMLDivElement> {
   size?: MetaSize;
   children?: React.ReactNode;
   color?: string;