release-20260316

src/common/schema.ts

@@ -1115,7 +1115,8 @@ export interface components {
       | components["schemas"]["ModuleMobileInternet"]
       | components["schemas"]["ModuleHomeInternet"]
       | components["schemas"]["ModuleGasSupply"]
-      | components["schemas"]["ModuleAnnualIncomeRange"];
+      | components["schemas"]["ModuleAnnualIncomeRange"]
+      | components["schemas"]["ModuleACNSaver"];
     /** ModuleAdditionalTarget */
     ModuleAdditionalTarget: {
       output: string;
@@ -1966,6 +1967,22 @@ export interface components {
         data?: { [key: string]: unknown };
       }[];
     };
+    /**
+     * ModuleACNSaver
+     * @description This module is created ad-hoc for Accenture to target their saver/investor personas.
+     */
+    ModuleACNSaver: {
+      output: (
+        | "ACN.PRAGMATICO DIGITALE"
+        | "ACN.EMERGENTE ASPIRAZIONALE"
+        | "ACN.INVESTITORE SOFISTICATO"
+        | "ACN.SOCIALE COLLABORATIVO"
+        | "ACN.CONSERVATORE PRUDENTE"
+      )[];
+      /** @enum {undefined} */
+      type: "acn_saver_personas";
+      variant: string;
+    };
   };
   responses: {
     /** Shared error response */
@@ -3927,6 +3944,7 @@ export interface operations {
           count: number;
           /** @description The plan ID to associate with the generation */
           planId: string;
+          context?: string;
         };
       };
     };
@@ -5258,7 +5276,6 @@ export interface operations {
       400: components["responses"]["Error"];
       403: components["responses"]["Error"];
       404: components["responses"]["Error"];
-      406: components["responses"]["Error"];
       500: components["responses"]["Error"];
       502: components["responses"]["Error"];
     };

src/features/api/index.ts

@@ -1902,6 +1902,7 @@ export type PostServicesApiKUsecasesApiArg = {
     count: number;
     /** The plan ID to associate with the generation */
     planId: string;
+    context?: string;
   };
 };
 export type GetServicesApiKJobsByJobIdApiResponse =
@@ -3179,6 +3180,17 @@ export type ModuleAnnualIncomeRange = {
   type: 'annual_income_range';
   variant: string;
 };
+export type ModuleAcnSaver = {
+  output: (
+    | 'ACN.PRAGMATICO DIGITALE'
+    | 'ACN.EMERGENTE ASPIRAZIONALE'
+    | 'ACN.INVESTITORE SOFISTICATO'
+    | 'ACN.SOCIALE COLLABORATIVO'
+    | 'ACN.CONSERVATORE PRUDENTE'
+  )[];
+  type: 'acn_saver_personas';
+  variant: string;
+};
 export type Module =
   | ModuleTitle
   | ModuleDate
@@ -3203,7 +3215,8 @@ export type Module =
   | ModuleMobileInternet
   | ModuleHomeInternet
   | ModuleGasSupply
-  | ModuleAnnualIncomeRange;
+  | ModuleAnnualIncomeRange
+  | ModuleAcnSaver;
 export type PlanStatus = 'pending_review' | 'draft' | 'approved' | 'paying';
 export type PurchasablePlanRules =
   | 'number_of_modules'

src/features/planModules/index.tsx

@@ -69,6 +69,8 @@ const planModuleSlice = createSlice({
       state.records[action.payload.type] = {
         ...oldVal,
         output: action.payload.output,
+        // Preserve variant or use 'default' if not set
+        variant: oldVal?.variant || 'default',
       };
       if (!state.currentModules.includes(action.payload.type)) {
         state.currentModules.push(action.payload.type);

src/locales/en/translation.json

@@ -921,10 +921,12 @@
   "__PLAN_PAGE_MODULE_GENDER_TOTAL_PERCENTAGE_LABEL": "Total:",
   "__PLAN_PAGE_MODULE_GENDER_UNASSIGNED_PERCENTAGE_ERROR": "Please assign a percentage to each selected gender.",
   "__PLAN_PAGE_MODULE_GOAL_INFO": "Enter goal (max 256 characters)",
-  "__PLAN_PAGE_MODULE_GOAL_LABEL": "Specify the main goal of this activity",
-  "__PLAN_PAGE_MODULE_GOAL_PLACEHOLDER": "Describe what you want to achieve",
+  "__PLAN_PAGE_MODULE_GOAL_LABEL": "What do you want to understand from this activity?",
+  "__PLAN_PAGE_MODULE_GOAL_PLACEHOLDER": "e.g., Understand whether new visitors can find a product, add it to the cart smoothly, and notice the gift card option.",
   "__PLAN_PAGE_MODULE_GOAL_REMOVE_TOOLTIP_BUTTON": "Delete",
   "__PLAN_PAGE_MODULE_GOAL_TITLE": "Goal of the activity",
+  "__PLAN_PAGE_MODULE_GOAL_TOOLTIP_TITLE": "How to write a good goal",
+  "__PLAN_PAGE_MODULE_GOAL_TOOLTIP_DESCRIPTION": "Specify the goal of this activity to help us set it up effectively.<br/><br/>Tip: concentrate on the outcome you want to explore in the user journey, not on each step.<br/><br/>Testers won't see this field.",
   "__PLAN_PAGE_MODULE_INCOME_25K_TO_50K_LABEL": "€25,000 - €50,000",
   "__PLAN_PAGE_MODULE_INCOME_ALL_LABEL": "All income levels",
   "__PLAN_PAGE_MODULE_INCOME_ALL_LABEL_HINT": "Participants equally distributed across income brackets",

src/pages/JoinPage/sendToHubspot.ts

@@ -8,6 +8,8 @@
   firstName: string;
   lastName: string;
 }) {
+  if (process.env.NODE_ENV === 'test') return false; // Skip actual API call during tests
+
   const PORTAL_ID = isDev() ? '50612068' : '6087279';
   const FORM_ID = isDev() ? STAGING_FORM_ID : PRODUCTION_FORM_ID;
   const url = `https://api.hsforms.com/submissions/v3/integration/submit/${PORTAL_ID}/${FORM_ID}`;
@@ -101,13 +103,13 @@
     });
 
     if (!response.ok) {
       console.error(`HubSpot API error: ${response.statusText}`);
       return false;
     }
 
     return await response.json();
   } catch (error) {
     console.error('Error submitting to HubSpot:', error);
     return false;
   }
 }

src/pages/Plan/ModulesList.tsx

@@ -82,8 +82,8 @@
   const breakpointSm = parseInt(appTheme.breakpoints.sm, 10);
   const isMobile = width < breakpointSm;
 
-  const currentModules = useAppSelector(
-    (state) => state.planModules.currentModules
+  const { currentModules, records } = useAppSelector(
+    (state) => state.planModules
   );
   const { activeTab, newModule, setNewModule } = usePlanContext();
   const { t } = useTranslation();
@@ -139,9 +139,14 @@
         )}
         <GroupsWrapper>
           {groupConfig.map((group) => {
-            const groupModules = group.modules.filter((module) =>
-              currentModules.includes(module)
-            );
+            // Filter modules that are in currentModules and don't have variant "hidden"
+            const groupModules = group.modules.filter((module) => {
+              if (!currentModules.includes(module)) return false;
+              if (!Object.hasOwn(records, module)) return true;
+              const moduleRecord = records[module];
+              if (moduleRecord?.variant === 'hidden') return false;
+              return true;
+            });
             if (groupModules.length === 0) return null;
             return (
               <div key={group.id}>

src/pages/Plan/modules/Factory/index.tsx

@@ -18,6 +18,7 @@ import { LanguageModule } from './modules/Language';
 import { LiteracyModule } from './modules/Literacy';
 import { LocalityModule } from './modules/Locality';
 import { OutOfScopeModule } from './modules/OutOfScope';
+import { ACNSaverPersonasModule } from './modules/CustomModules/Accenture/ACNSaverPersonas';
 import { SetupNoteModule } from './modules/SetupNote';
 import { TargetNoteModule } from './modules/TargetNote';
 import { TargetSizeModule } from './modules/TargetSize';
@@ -53,6 +54,7 @@ const modules: Record<
   [InternetHomeModule.slug]: InternetHomeModule,
   [TitleModule.slug]: TitleModule,
   [DatesModule.slug]: DatesModule,
+  [ACNSaverPersonasModule.slug]: ACNSaverPersonasModule,
 };
 
 export function getModuleBySlug(

src/pages/Plan/modules/Factory/modules/CustomModules/Accenture/ACNSaverPersonas/Component.tsx

@@ -0,0 +1,13 @@
+import { useModule } from 'src/features/modules/useModule';
+
+const ACNSaverPersonas = () => {
+  const { value } = useModule('acn_saver_personas');
+
+  if (value?.variant === 'hidden') {
+    return null;
+  }
+
+  return <div>Personas Module - Default Variant</div>;
+};
+
+export default ACNSaverPersonas;

src/pages/Plan/modules/Factory/modules/CustomModules/Accenture/ACNSaverPersonas/index.tsx

@@ -0,0 +1,16 @@
+import { createModuleDefinition } from '../../../../ModuleDefinition';
+import Personas from './Component';
+import useIcon from './useIcon';
+import useSubtitle from './useSubtitle';
+import useTitle from './useTitle';
+
+export const ACNSaverPersonasModule = createModuleDefinition({
+  slug: 'acn_saver_personas',
+  Component: Personas,
+  useTitle,
+  useIcon,
+  useSubtitle,
+  defaultData: [],
+  defaultVariant: 'default',
+  tab: 'setup',
+});

src/pages/Plan/modules/Factory/modules/CustomModules/Accenture/ACNSaverPersonas/useIcon.tsx

@@ -0,0 +1,3 @@
+const useIcon = () => null;
+
+export default useIcon;

src/pages/Plan/modules/Factory/modules/CustomModules/Accenture/ACNSaverPersonas/useSubtitle.tsx

@@ -0,0 +1,3 @@
+const useSubtitle = () => 'User personas';
+
+export default useSubtitle;

src/pages/Plan/modules/Factory/modules/CustomModules/Accenture/ACNSaverPersonas/useTitle.tsx

@@ -0,0 +1,3 @@
+const useTitle = () => 'Personas';
+
+export default useTitle;

src/pages/Plan/modules/Factory/modules/Goal/Component.tsx

@@ -6,6 +6,7 @@ import {
   FormField,
   IconButton,
   Label,
+  MD,
   Notification,
   SM,
   Span,
@@ -234,12 +235,42 @@ const GoalContent = () => {
           <AccordionNew.Panel>
             <div style={{ padding: appTheme.space.xs }}>
               <FormField style={{ marginBottom: appTheme.space.md }}>
-                <Label>
-                  <Trans i18nKey="__PLAN_PAGE_MODULE_GOAL_LABEL">
-                    Which is the objective of the test?
-                  </Trans>
-                  <Span style={{ color: appTheme.palette.red[700] }}>*</Span>
-                </Label>
+                <div
+                  style={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: appTheme.space.xs,
+                  }}
+                >
+                  <Label style={{ marginBottom: 0 }}>
+                    <Trans i18nKey="__PLAN_PAGE_MODULE_GOAL_LABEL">
+                      What do you want to understand from this activity?
+                    </Trans>
+                    <Span style={{ color: appTheme.palette.red[700] }}>*</Span>
+                  </Label>
+                  <Tooltip
+                    placement="end"
+                    type="light"
+                    size="large"
+                    content={
+                      <>
+                        <MD isBold style={{ marginBottom: appTheme.space.xs }}>
+                          {t('__PLAN_PAGE_MODULE_GOAL_TOOLTIP_TITLE')}
+                        </MD>
+                        <MD>
+                          <Trans
+                            i18nKey="__PLAN_PAGE_MODULE_GOAL_TOOLTIP_DESCRIPTION"
+                            components={{ br: <br /> }}
+                          />
+                        </MD>
+                      </>
+                    }
+                  >
+                    <IconButton isBasic data-qa="goal-info-button">
+                      <InfoIcon />
+                    </IconButton>
+                  </Tooltip>
+                </div>
                 <div style={{ marginTop: appTheme.space.xs }}>
                   <Editor
                     editable={getPlanStatus() === 'draft'}
@@ -250,6 +281,7 @@ const GoalContent = () => {
                     ref={editorRef}
                     placeholderOptions={{
                       placeholder: t('__PLAN_PAGE_MODULE_GOAL_PLACEHOLDER'),
+                      showOnlyCurrent: false,
                     }}
                     headerTitle={' '}
                     disableSaveShortcut

src/pages/Plan/modules/Factory/modules/Tasks/Component/parts/modal/CreateTaskListsWithAI.tsx

@@ -27,7 +27,6 @@ import {
 } from 'src/features/api';
 import { useModuleTasksContext } from '../../context';
 import { useModuleTasks } from '../../hooks';
-import { processItemOutput } from '../processItemOutput';
 import { LoadingSpinner } from './LoadingSpinner';
 
 // constants
@@ -39,7 +38,6 @@ const MODULES_TO_PROMPT = [
   'language',
   'touchpoints',
 ];
-const MAX_PROMPT_LENGTH = 102300;
 
 const CreateTaskListsWithAI = () => {
   const { setOutput, value: currentTasks } = useModuleTasks();
@@ -93,20 +91,18 @@ const CreateTaskListsWithAI = () => {
 
   const handleClick = async () => {
     // gather modules info to prepend to the user prompt
-    const modulesInfo = Object.entries(records)
-      .filter(([key]) => MODULES_TO_PROMPT.includes(key))
-      .map(
-        ([key, item]) =>
-          `Module: ${key}, Config: ${JSON.stringify(processItemOutput(item))}`
+    const context = JSON.stringify(
+      Object.entries(records.records).filter(([key]) =>
+        MODULES_TO_PROMPT.includes(key)
       )
-      .join('\n');
-    const fullPrompt = `User prompt:\n${userPrompt}\n[Modules info]:\n${modulesInfo}`;
+    );
 
     await postServicesApiKUsecases({
       body: {
         planId: planId || '',
         count: usecaseNumber as number, // usecaseNumber always have a value here because the button is disabled when it's undefined
-        requirements: fullPrompt.slice(0, MAX_PROMPT_LENGTH),
+        requirements: userPrompt,
+        context,
       },
     });
   };

src/pages/Plan/modules/Factory/modules/Touchpoints/Component/index.tsx

@@ -1,10 +1,19 @@
+import { useModule } from 'src/features/modules/useModule';
 import { ModuleTouchpointsContextProvider } from './context';
 import { TouchpointsList } from './parts';
 
-const TouchPoints = () => (
-  <ModuleTouchpointsContextProvider>
-    <TouchpointsList />
-  </ModuleTouchpointsContextProvider>
-);
+const TouchPoints = () => {
+  const { value } = useModule('touchpoints');
+
+  if (value?.variant === 'hidden') {
+    return null;
+  }
+
+  return (
+    <ModuleTouchpointsContextProvider>
+      <TouchpointsList />
+    </ModuleTouchpointsContextProvider>
+  );
+};
 
 export default TouchPoints;

src/pages/Plan/modules/Factory/modules/Touchpoints/useIcon.tsx

@@ -1,12 +1,18 @@
 import { ReactComponent as TouchpointsIcon } from 'src/assets/icons/touchpoints-icon.svg';
+import { useModule } from 'src/features/modules/useModule';
 import useIconColor from '../../useIconColor';
 
 const useIcon = (withValidation: boolean = true) => {
+  const { value } = useModule('touchpoints');
   const color = useIconColor({
     module_type: 'touchpoints',
     withValidation,
   });
 
+  if (value?.variant === 'hidden') {
+    return null;
+  }
+
   return <TouchpointsIcon color={color} />;
 };
 

src/pages/Plan/navigation/aside/AddBlockButton.tsx

@@ -39,10 +39,17 @@
   const { planComposedStatus } = usePlan(planId);
   const { activeTab } = usePlanContext();
   const availableModules = getModulesByTab(activeTab.name);
-  const { currentModules } = useAppSelector((state) => state.planModules);
+  const { currentModules, records } = useAppSelector(
+    (state) => state.planModules
+  );
 
+  // Filter out modules that are already added or have variant "hidden"
   const items = availableModules.filter((module_type) => {
+    // Don't show modules that are already added
     if (currentModules.find((module) => module === module_type)) return false;
+    // Don't show modules with variant "hidden" (preconfigurated)
+    const module = records[module_type];
+    if (module?.variant === 'hidden') return false;
     return true;
   });