feat(account-creation): add purspose of purchase field on details page

ref: #MANAGER-20843

Signed-off-by: Sachin Ramesh <sachin.ramesh@ovhcloud.com>

Author: sachinrameshn

packages/manager/apps/account-creation/public/translations/account-details/Messages_de_DE.json

@@ -40,6 +40,12 @@
   "account_details_field_sms_consent": "Ich bin damit einverstanden, SMS zu den Neuheiten und kommerziellen Angeboten von OVHcloud zu erhalten.",
   "account_details_field_area": "Region",
   "account_details_field_state": "Status",
+  "account_details_field_purchase_purpose": "Grund für den Kauf",
+  "account_details_field_purchase_purpose_reason_for_commercial":"Nutzung im Rahmen einer Geschäftstätigkeit",
+  "account_details_field_purchase_purpose_reason_for_non-commercial":"Nutzung für gemeinnützige, religiöse oder politische Aktivitäten",
+  "account_details_field_purchase_purpose_reason_for_personal":"Persönliche Nutzung",
+  "account_details_field_purchase_purpose_reason_for_public-service":"Nutzung für die Erbringung öffentlicher Dienstleistungen",
+  "account_details_field_purchase_purpose_reason_for_study":"Nutzung für Studien oder akademische Forschung",
   "account_details_field_province": "Provinz",
   "account_details_field_corporation_firstname": "Vorname des gesetzlichen Vertreters",
   "account_details_field_corporation_lastname": "Name des gesetzlichen Vertreters",

packages/manager/apps/account-creation/public/translations/account-details/Messages_en_GB.json

@@ -40,6 +40,12 @@
   "account_details_field_sms_consent": "I agree to receive updates and promotional marketing information about OVHcloud services",
   "account_details_field_area": "Region",
   "account_details_field_state": "State",
+  "account_details_field_purchase_purpose": "Reason for purchase",
+  "account_details_field_purchase_purpose_reason_for_commercial":"Business",
+  "account_details_field_purchase_purpose_reason_for_non-commercial":"Non-profit, religious or political",
+  "account_details_field_purchase_purpose_reason_for_personal":"Personal",
+  "account_details_field_purchase_purpose_reason_for_public-service":"Government services",
+  "account_details_field_purchase_purpose_reason_for_study":"Academic study/research",
   "account_details_field_province": "Region",
   "account_details_field_corporation_firstname": "Last name (legal representative):",
   "account_details_field_corporation_lastname": "First name (legal representative):",

packages/manager/apps/account-creation/public/translations/account-details/Messages_es_ES.json

@@ -40,6 +40,12 @@
   "account_details_field_sms_consent": "Acepto libremente recibir SMS sobre las novedades y ofertas comerciales de OVHcloud.",
   "account_details_field_area": "Región",
   "account_details_field_state": "Estado",
+  "account_details_field_purchase_purpose": "Motivo de la compra",
+  "account_details_field_purchase_purpose_reason_for_commercial":"Utilización en el marco de una actividad comercial",
+  "account_details_field_purchase_purpose_reason_for_non-commercial":"Utilización en el marco de actividades no lucrativas, religiosas o políticas",
+  "account_details_field_purchase_purpose_reason_for_personal":"Utilización a título personal",
+  "account_details_field_purchase_purpose_reason_for_public-service":"Utilización con fines de servicio público",
+  "account_details_field_purchase_purpose_reason_for_study":"Utilización con fines académicos o de investigación",
   "account_details_field_province": "Provincia",
   "account_details_field_corporation_firstname": "Nombre del representante legal",
   "account_details_field_corporation_lastname": "Apellido del representante legal",

packages/manager/apps/account-creation/public/translations/account-details/Messages_fr_CA.json

@@ -30,6 +30,12 @@
   "account_details_field_city": "Ville",
   "account_details_field_area": "Région",
   "account_details_field_state": "État",
+  "account_details_field_purchase_purpose": "Raison de l'achat",
+  "account_details_field_purchase_purpose_reason_for_commercial":"Utilisation dans le cadre d'une activité commerciale",
+  "account_details_field_purchase_purpose_reason_for_non-commercial":"Utilisation dans le cadre d'une activité non lucrative, religieuse ou politique",
+  "account_details_field_purchase_purpose_reason_for_personal":"Utilisation à titre personnel",
+  "account_details_field_purchase_purpose_reason_for_public-service":"Utilisation à des fins de service public",
+  "account_details_field_purchase_purpose_reason_for_study":"Utilisation à des fins d'étude ou de recherche universitaire",
   "account_details_field_province": "Province",
   "account_details_field_phone": "Téléphone",
   "account_details_phone_type_option_mobile": "Téléphone portable",

packages/manager/apps/account-creation/public/translations/account-details/Messages_fr_FR.json

@@ -30,6 +30,12 @@
   "account_details_field_city": "Ville",
   "account_details_field_area": "Région",
   "account_details_field_state": "État",
+  "account_details_field_purchase_purpose": "Raison de l'achat",
+  "account_details_field_purchase_purpose_reason_for_commercial":"Utilisation dans le cadre d'une activité commerciale",
+  "account_details_field_purchase_purpose_reason_for_non-commercial":"Utilisation dans le cadre d'une activité non lucrative, religieuse ou politique",
+  "account_details_field_purchase_purpose_reason_for_personal":"Utilisation à titre personnel",
+  "account_details_field_purchase_purpose_reason_for_public-service":"Utilisation à des fins de service public",
+  "account_details_field_purchase_purpose_reason_for_study":"Utilisation à des fins d'étude ou de recherche universitaire",
   "account_details_field_province": "Province",
   "account_details_field_phone": "Téléphone",
   "account_details_phone_type_option_mobile": "Téléphone portable",

packages/manager/apps/account-creation/public/translations/account-details/Messages_it_IT.json

@@ -40,6 +40,12 @@
   "account_details_field_sms_consent": "Accetto liberamente di ricevere SMS relativi a novità e offerte commerciali di OVHcloud.",
   "account_details_field_area": "Region",
   "account_details_field_state": "Stato",
+  "account_details_field_purchase_purpose": "Motivo dell'acquisto",
+  "account_details_field_purchase_purpose_reason_for_commercial":"Utilizzo nell'ambito di un'attività commerciale",
+  "account_details_field_purchase_purpose_reason_for_non-commercial":"Utilizzo nell'ambito di un'attività non lucrativa, religiosa o politica",
+  "account_details_field_purchase_purpose_reason_for_personal":"Utilizzo a titolo personale",
+  "account_details_field_purchase_purpose_reason_for_public-service":"Utilizzo a fini di servizio pubblico",
+  "account_details_field_purchase_purpose_reason_for_study":"Utilizzo a fini di studio o ricerca universitaria",
   "account_details_field_province": "Provincia",
   "account_details_field_corporation_firstname": "Nome del rappresentante legale",
   "account_details_field_corporation_lastname": "Cognome del rappresentante legale",

packages/manager/apps/account-creation/public/translations/account-details/Messages_pl_PL.json

@@ -28,6 +28,12 @@
   "account_details_success_message": "Twoje dane zostały zapisane.",
   "account_details_field_area": "Region",
   "account_details_field_state": "Status",
+  "account_details_field_purchase_purpose": "Przyczyna zakupu",
+  "account_details_field_purchase_purpose_reason_for_commercial":"Do celów związanych z działalnością gospodarczą",
+  "account_details_field_purchase_purpose_reason_for_non-commercial":"Do celów związanych z działalnością non-profit, religijną lub polityczną",
+  "account_details_field_purchase_purpose_reason_for_personal":"Do celów prywatnych",
+  "account_details_field_purchase_purpose_reason_for_public-service":"Do celów użyteczności publicznej",
+  "account_details_field_purchase_purpose_reason_for_study":"Do celów naukowych lub badań akademickich",
   "account_details_field_province": "Region",
   "account_details_title_individual": "Wpisz dane",
   "account_details_title_corporation": "Wpisz dane firmy",

packages/manager/apps/account-creation/public/translations/account-details/Messages_pt_PT.json

@@ -40,6 +40,12 @@
   "account_details_field_sms_consent": "Aceito receber SMS relativos às novidades e ofertas comerciais da OVHcloud.",
   "account_details_field_area": "Região",
   "account_details_field_state": "Estado",
+  "account_details_field_purchase_purpose": "Razão da compra",
+  "account_details_field_purchase_purpose_reason_for_commercial":"Utilização no âmbito de uma atividade comercial",
+  "account_details_field_purchase_purpose_reason_for_non-commercial":"Utilização sem fins lucrativos, religiosa ou política",
+  "account_details_field_purchase_purpose_reason_for_personal":"Utilização pessoal",
+  "account_details_field_purchase_purpose_reason_for_public-service":"Utilização para fins de serviço público",
+  "account_details_field_purchase_purpose_reason_for_study":"Utilização para fins de estudo ou de investigação universitária",
   "account_details_field_province": "Província",
   "account_details_field_corporation_firstname": "Nome próprio do representante legal",
   "account_details_field_corporation_lastname": "Nome do representante legal",

packages/manager/apps/account-creation/src/pages/accountDetails/accountDetails.page.tsx

@@ -126,10 +126,14 @@ function AccountDetailsForm({
     smsConsent?: boolean;
   };
 
-  const zodSchema = useMemo(() => getZodSchemaFromRule(rules).extend({
-      confirmSend: z.literal(true),
-      smsConsent: z.boolean().optional(),
-    }), [rules]);
+  const zodSchema = useMemo(
+    () =>
+      getZodSchemaFromRule(rules).extend({
+        confirmSend: z.literal(true),
+        smsConsent: z.boolean().optional(),
+      }),
+    [rules],
+  );
 
   function renderTranslatedZodError(message: string | undefined, rule: Rule) {
     if (!message) return undefined;
@@ -520,6 +524,48 @@ function AccountDetailsForm({
                 </OdsFormField>
               )}
             />
+            {rules?.purposeOfPurchase && (
+              <Controller
+                control={control}
+                name="purposeOfPurchase"
+                render={({ field: { name, value, onChange, onBlur } }) => (
+                  <OdsFormField className="w-full">
+                    <OdsText
+                      preset="caption"
+                      aria-label={t('account_details_field_purchase_purpose')}
+                    >
+                      <label htmlFor={name}>
+                        {t('account_details_field_purchase_purpose')}
+                        {rules?.purposeOfPurchase?.mandatory && ' *'}
+                      </label>
+                    </OdsText>
+                    {!isLoading && (
+                      <>
+                        <OdsSelect
+                          name={name}
+                          value={value}
+                          onOdsChange={onChange}
+                          onOdsBlur={onBlur}
+                          isDisabled={!rules}
+                          className="flex-1"
+                          key={`purpose_purchase_${rules?.purposeOfPurchase.in?.join(
+                            '_',
+                          ) || 'empty'}`}
+                        >
+                          {rules?.purposeOfPurchase.in?.map((type) => (
+                            <option key={type} value={type}>
+                              {t(
+                                `account_details_field_purchase_purpose_reason_for_${type}`,
+                              )}
+                            </option>
+                          ))}
+                        </OdsSelect>
+                      </>
+                    )}
+                  </OdsFormField>
+                )}
+              />
+            )}
           </div>
         )}
 

packages/manager/apps/account-creation/src/types/rule.ts

@@ -26,7 +26,8 @@ export type RuleField =
   | 'smsConsent'
   | 'spareEmail'
   | 'vat'
-  | 'zip';
+  | 'zip'
+  | 'purposeOfPurchase';
 
 export type Rule = {
   defaultValue: string | null;