@adyen/kyc-components 4.0.0-beta.5 → 4.0.0-compact.0

package/dist/{Review-DEeOefPe.js → Review-D7NEYFoT.js}

@@ -2,15 +2,19 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d304fdb5-1b11-45a1-98ea-adc220f6e42f", e._sentryDebugIdIdentifier = "sentry-dbid-d304fdb5-1b11-45a1-98ea-adc220f6e42f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "fb3c52ab-9bd2-4562-a4cd-278d2e4b79f3", e._sentryDebugIdIdentifier = "sentry-dbid-fb3c52ab-9bd2-4562-a4cd-278d2e4b79f3");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { a as useApiContext, bp as useMutation, t as httpPost, c as useTranslation, a9 as useToastContext, a6 as LoaderWrapper, F as FormHeader, bv as Checkbox, aS as ActionBar } from "./StoreProvider-QThALSrj.js";
-import { D as DropinLayout } from "./OnboardingDropinComponent-DLvTQVTE.js";
+import { b as useApiContext, aA as useMutation, k as httpPost, a as useTranslation } from "./StoreProvider-BlaJzXSZ.js";
+import { L as LoaderWrapper, C as Checkbox } from "./useForm-C1DW3mPC.js";
+import { F as FormHeader } from "./CountryField-D0YZrov9.js";
+import { u as useToastContext } from "./useToastContext-DGMeMy5R.js";
+import { A as ActionBar } from "./FormNavigation-ezxkIqdb.js";
+import { D as DropinLayout } from "./OnboardingDropinComponent-B0GrJ_pR.js";
 const confirmReview = async (legalEntityId, baseUrl) => {
   return httpPost({
     baseUrl,
@@ -27,7 +31,7 @@ const useConfirmReview = (options) => {
   });
 };
 function Review({ handleHomeClick }) {
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
   const [loadingStatus, setLoadingStatus] = useState();
   const { showToast } = useToastContext();
   const [hasConfirmed, setHasConfirmed] = useState(false);

package/dist/{RootBusinessDetailsPage-B2VBJ6x2.js → RootBusinessDetailsPage-rCbGLBEv.js}

@@ -2,19 +2,41 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "18245b12-91ae-415d-af15-d3753e0eef1f", e._sentryDebugIdIdentifier = "sentry-dbid-18245b12-91ae-415d-af15-d3753e0eef1f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "92e56c85-0d43-46f0-a47a-ec79ff6a3123", e._sentryDebugIdIdentifier = "sentry-dbid-92e56c85-0d43-46f0-a47a-ec79ff6a3123");
   } catch (e) {
   }
 }
 ;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { c as useTranslation, bK as useFormContext, aa as useExperimentsContext, dT as verifiedBusiness, bL as getAddressSchemaForCountry, bM as COUNTRIES_WITH_STATES_DATASET, dU as useDebouncedState, dV as useAddressCleanse, dW as formatAddressForCleanse, dX as mapAddressData, dY as operationalAddressIsSameIds, au as mergeFieldMetadataIntoProps, dZ as legalFormFieldMetadata, d_ as stockTickerSymbolFieldMetadata, d$ as stockISINFieldMetadata, e0 as stockExchangeMICFieldMetadata, e1 as dateOfIncorporationFieldMetadata, e2 as eInvoicingCodeFieldMetadata, e3 as vatAbsenceReasonMetadata, av as resolveFieldMetadata, e4 as defaultFieldMetadata, e5 as defaultFieldConfig, cb as taxInformationDefaultFieldMetadata, cc as taxInformationDefaultFieldConfig, e6 as registrationNumberDefaultFieldMetadata, e7 as registrationNumberDefaultFieldConfig, e8 as doingBusinessAsFieldMetadata, e9 as doingBusinessAsAbsentFieldMetadata, aC as createFormUtils, ba as datasetUtilities, F as FormHeader, aB as ErrorPanel, N as Typography, ea as VerifiedBusinessCard, eb as LEGAL_FORM_FIELDS, bC as LegalFormField, ec as DBA_NAME_FIELD, ed as DBANameField, ee as BUSINESS_REGISTRATION_NUMBER_FIELD, ef as BusinessRegistrationNumberField, eg as TAX_INFORMATION_FIELD, d6 as TaxInformationField, eh as VAT_NUMBER_FIELD, ei as VatNumberField, ej as EInvoicingCodeField, ek as EINVOICING_CODE_FIELD, el as DATE_OF_INCORPORATION_FIELD, em as DateOfIncorporationField, en as STOCK_EXCHANGE_MIC_FIELD, eo as StockExchangeMICField, ep as STOCK_ISIN_FIELD, eq as StockISINField, er as STOCK_TICKER_SYMBOL_FIELD, es as StockTickerSymbolField, bN as Address, et as getNestedTrustedFields, bO as getAddressSchemaLabelsByCountry, eu as ADDITIONAL_INFORMATION_FORM_ID, aD as Field, bv as Checkbox, Y as CompanyTypesValues, v as useSettingsContext, b as useAllowedCountries, w as SettingNames, ev as localizedLegalCompanyNameFieldConfig, ew as defaultFieldMetadata$1, ex as defaultFieldConfig$1, ey as defaultFieldMetadataV4, aw as defaultFieldMetadata$2, ez as defaultFieldConfigV4, ax as defaultFieldConfig$2, eA as useLegalCompanyNameField, aJ as CountryField, aK as COUNTRY_FIELD, eB as COUNTRY_OF_GOVERNING_LAW_FIELD, eC as CountryOfGoverningLawField, bE as InputText, eD as STATE_FIELD, eE as StateField, bD as Link, aM as LEGAL_COMPANY_NAME_FIELD, X as useAccountHolder, eF as isBankAccountRequestedForOrganization, eG as companyTypeOptions, eH as useCompanyTypeExamples, dQ as EntityTypeRadioGroupCard, eI as companyTypeMetadata, u as useI18nContext, $ as TaskTypes, eJ as FinancialInformation, eK as MemoizedConstitutionalDocument, O as LegalEntityTypes, dw as MemoizedDocumentUpload, eL as BusinessSelectionMultiform, eM as COUNTRIES_USING_COMPANY_SEARCH, aP as summaryStep, bR as addValidityToForms, eN as exemptFromRegistrationNumberDefaultFieldMetadata, eO as CountryOfGoverningLawFieldValidation, eP as CountryFieldValidation, a as useApiContext, a3 as useAnalyticsContext, a9 as useToastContext, br as useQueryClient, eQ as getForms, cp as documentApiUtils, cD as composePerScenarioFormConfigurations, cx as useScenarioConfiguration, eR as financialInfoValidationWithEmployeesRules, eS as CompanyStructureValidation, eT as tinMatched, eU as rules, cy as getPropsFromConfigurations, bP as getAssociatedLeAnalyticsPayload, bT as trackNavigation, bS as useFormComposer, eV as useCompanySearch, eW as useVerifyTin, eX as businessMismatchModalOpen, bi as Confirm, eY as businessDetailsDocumentMapping, eZ as businessDetailsApiKeyMapping, d as useLegalEntity, R as ROOT_LE, af as useCapabilityProblems, L as Loader, P as isPartOfTrustFromLegalEntity, b5 as getProblemsForEntity, Z as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-QThALSrj.js";
-import { P as ProofOfOwnershipDocument, a as ProofOfSignatoryDocument, b as ProofOfDirectorDocument, R as RegistrationDocument, T as TaxDocument, m as mapApiDocumentToBusinessDetailsDocuments, c as mapLegalEntityToBusinessDetailsSchema, f as formatDataForSummary, s as submit, d as businessDetailsFieldsPerScenario, B as BusinessDetailsDropin } from "./BusinessDetailsDropin-JZ29P1pI.js";
+import { a as useTranslation, X as useExperimentsContext, x as Typography, m as useSettingsContext, u as useI18nContext, M as TaskTypes, y as LegalEntityTypes, b as useApiContext, U as useAnalyticsContext, aC as useQueryClient, bD as businessDetailsDocumentMapping, bu as businessDetailsApiKeyMapping, c as useLegalEntity, R as ROOT_LE, L as Loader, z as isPartOfTrustFromLegalEntity, J as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-BlaJzXSZ.js";
+import { r as resolveFieldMetadata, a as useAccountHolder, b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-B8bDFQ53.js";
+import { v as verifiedBusiness, u as useDebouncedState, l as legalFormFieldMetadata, s as stockTickerSymbolFieldMetadata, a as stockISINFieldMetadata, b as stockExchangeMICFieldMetadata, d as dateOfIncorporationFieldMetadata, e as eInvoicingCodeFieldMetadata, V as VerifiedBusinessCard, L as LEGAL_FORM_FIELDS, E as EInvoicingCodeField, c as EINVOICING_CODE_FIELD, D as DATE_OF_INCORPORATION_FIELD, f as DateOfIncorporationField, S as STOCK_EXCHANGE_MIC_FIELD, g as StockExchangeMICField, h as STOCK_ISIN_FIELD, i as StockISINField, j as STOCK_TICKER_SYMBOL_FIELD, k as StockTickerSymbolField, A as ADDITIONAL_INFORMATION_FORM_ID, m as localizedLegalCompanyNameFieldConfig, n as defaultFieldMetadata$1, o as defaultFieldConfig$1, p as useLegalCompanyNameField, C as COUNTRY_OF_GOVERNING_LAW_FIELD, q as CountryOfGoverningLawField, r as isBankAccountRequestedForOrganization, t as companyTypeOptions, w as useCompanyTypeExamples, x as companyTypeMetadata, F as FinancialInformation, P as ProofOfOwnershipDocument, y as ProofOfSignatoryDocument, z as ProofOfDirectorDocument, R as RegistrationDocument, T as TaxDocument, B as BusinessSelectionMultiform, G as CountryOfGoverningLawFieldValidation, H as CountryFieldValidation, I as getForms, J as mapApiDocumentToBusinessDetailsDocuments, K as mapLegalEntityToBusinessDetailsSchema, M as financialInfoValidationWithEmployeesRules, N as CompanyStructureValidation, O as tinMatched, Q as businessMismatchModalOpen, U as formatDataForSummary, W as submit, X as useCompanySearch, Y as useVerifyTin, Z as businessDetailsFieldsPerScenario, _ as BusinessDetailsDropin } from "./BusinessDetailsDropin-CRFPvWuD.js";
 import { useEffect, useMemo, useCallback, useState } from "preact/hooks";
-import { u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./useUpdateLegalEntity-56mDjaQA.js";
-import { F as FormContextProvider, a as FormFlow } from "./FormFlow-6j8qCSuK.js";
-import { u as useMultiForm } from "./useMultiForm-CuBrV4Tk.js";
-import { g as getFieldsWithExistingData } from "./getFieldsWithExistingData-CUMH8N-C.js";
+import { u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./RadioGroup-CYDXrtrO.js";
+import { F as FormContextProvider, a as FormFlow } from "./FormFlow-CZ9f5X0C.js";
+import { u as useToastContext } from "./useToastContext-DGMeMy5R.js";
+import { g as getAssociatedLeAnalyticsPayload } from "./analytics-3-a-Od7Z.js";
+import { d as documentApiUtils, e as composePerScenarioFormConfigurations, b as getPropsFromConfigurations } from "./validate-CvtamBXH.js";
+import { a as addValidityToForms, t as trackNavigation, u as useFormComposer } from "./dropinUtils-DHp5v5jB.js";
+import { u as useMultiForm } from "./useMultiForm-BucfLW49.js";
+import { b as useScenarioConfiguration } from "./mapExistingFile-DW5ktJzM.js";
+import { C as Confirm } from "./Confirm-DwutojkY.js";
+import { t as taxInformationDefaultFieldMetadata, b as taxInformationDefaultFieldConfig, c as TAX_INFORMATION_FIELD, T as TaxInformationField, M as MemoizedDocumentUpload, C as COUNTRIES_USING_COMPANY_SEARCH, r as rules, g as getFieldsWithExistingData } from "./TaxInformationField-DS0m73if.js";
+import { u as useFormContext } from "./useFormContext-beqGS11A.js";
+import { C as CompanyTypesValues } from "./bafinUtils-Bar3qiJA.js";
+import { v as vatAbsenceReasonMetadata, d as defaultFieldMetadata, a as defaultFieldConfig, r as registrationNumberDefaultFieldMetadata, b as registrationNumberDefaultFieldConfig, c as doingBusinessAsFieldMetadata, e as doingBusinessAsAbsentFieldMetadata, D as DBA_NAME_FIELD, f as DBANameField, B as BUSINESS_REGISTRATION_NUMBER_FIELD, g as BusinessRegistrationNumberField, V as VAT_NUMBER_FIELD, h as VatNumberField, M as MemoizedConstitutionalDocument, i as exemptFromRegistrationNumberDefaultFieldMetadata } from "./RegistrationAddress-qtMZa31b.js";
+import { c as useAddressCleanse, f as formatAddressForCleanse, m as mapAddressData, o as operationalAddressIsSameIds, A as Address, g as getNestedTrustedFields, S as STATE_FIELD, d as StateField } from "./Address-DSwfzWFu.js";
+import { F as Field, C as Checkbox } from "./useForm-C1DW3mPC.js";
+import { m as mergeFieldMetadataIntoProps, c as createFormUtils, F as FormHeader, E as ErrorPanel, C as CountryField, a as COUNTRY_FIELD, d as summaryStep } from "./CountryField-D0YZrov9.js";
+import { g as getAddressSchemaForCountry, C as COUNTRIES_WITH_STATES_DATASET, a as getAddressSchemaLabelsByCountry } from "./utils-CgOzbb9O.js";
+import { a as datasetUtilities } from "./useDataset-BgvQQEKd.js";
+import { L as LegalFormField } from "./Currency-BECbMsi5.js";
+import { L as Link } from "./Link-BFdxU8qh.js";
+import { S as SettingNames, I as InputText } from "./InputText-BX5sG9WJ.js";
+import { u as useAllowedCountries } from "./mapScriptLocalization-CI-Ydp2z.js";
+import { g as defaultFieldMetadataV4, h as defaultFieldMetadata$2, j as defaultFieldConfigV4, k as defaultFieldConfig$2, L as LEGAL_COMPANY_NAME_FIELD } from "./OnboardingDropinComponent-B0GrJ_pR.js";
+import { E as EntityTypeRadioGroupCard } from "./utils-Bwnj33y_.js";
 function AdditionalInformationMultiform({
   id,
   country,
@@ -25,7 +47,8 @@ function AdditionalInformationMultiform({
   validationErrors = {},
   verificationErrors = {}
 }) {
-  const { t, i18n } = useTranslation(["business", "common"]);
+  const { t, i18n } = useTranslation("business");
+  const { t: commonT } = useTranslation("common");
   const { form } = useFormContext();
   const { isExperimentEnabled } = useExperimentsContext();
   const verifiedBusiness$1 = verifiedBusiness.value;
@@ -189,7 +212,7 @@ function AdditionalInformationMultiform({
           return acc;
       }
     }, initialProps);
-    return createFormUtils(formUtilProps ?? initialProps, i18n.t);
+    return createFormUtils(formUtilProps ?? initialProps, commonT);
   }, [
     companyType,
     country,
@@ -203,7 +226,7 @@ function AdditionalInformationMultiform({
     form.trustedFields?.additionalInformation,
     form.valid?.additionalInformation,
     handleChangeFor,
-    i18n.t,
+    commonT,
     isExperimentEnabled,
     validationErrors,
     verificationErrors
@@ -224,8 +247,8 @@ function AdditionalInformationMultiform({
     /* @__PURE__ */ jsx(
       FormHeader,
       {
-        heading: t(($) => $[heading], { ns: "common" }),
-        description: description ? t(($) => $[description], { ns: "common" }) : void 0
+        heading: commonT(($) => $[heading]),
+        description: description ? commonT(($) => $[description]) : void 0
       }
     ),
     /* @__PURE__ */ jsx(
@@ -615,7 +638,7 @@ function AdditionalInformationMultiform({
   ...COUNTRY_OF_GOVERNING_LAW_FIELD
 ];
 const FormDescription = ({ description }) => {
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
   return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-header__description", children: [
     t(($) => $[description]),
     " ",
@@ -633,7 +656,7 @@ function BasicInformationMultiform({
   disableCountry = false,
   isTopLevelEntity = true
 }) {
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
   const { isSettingEnabled } = useSettingsContext();
   const { isExperimentEnabled } = useExperimentsContext();
   const { form } = useFormContext();
@@ -965,7 +988,7 @@ function CompanyStructureMultiform({
   validationErrors = {},
   verificationErrors = {}
 }) {
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
   const { form } = useFormContext();
   const { accountHolder } = useAccountHolder();
   const { isSettingEnabled } = useSettingsContext();
@@ -1295,7 +1318,7 @@ function buildRequiredForms({
         return false;
     }
     if (requiredFields || optionalFields) {
-      return Boolean(requiredFields?.[formId]) || Boolean(optionalFields?.[formId]) || usesBusinessSelection && formId === "businessSelection";
+      return Boolean(requiredFields?.[formId]) || Boolean(optionalFields?.[formId]);
     }
     return true;
   });
@@ -1410,6 +1433,7 @@ function BusinessDetailsMultiformDropin({
   handleHomeClick,
   asModal = false
 }) {
+  useTranslation(["business", "common"]);
   const { baseUrl, rootLegalEntityId } = useApiContext();
   const { i18n } = useI18nContext();
   const userEvents = useAnalyticsContext();
@@ -1517,22 +1541,20 @@ function BusinessDetailsMultiformDropin({
     ]
   );
   useEffect(() => {
-    const props = getPropsFromConfigurations(
-      fieldConfigurations,
-      defaultForms,
-      problems?.remediationActions ? Object.values(problems?.remediationActions) : [],
-      problems?.missingData ?? [],
-      getFieldsWithExistingData(
+    const props = getPropsFromConfigurations({
+      scenarioConfiguration: fieldConfigurations,
+      forms: defaultForms,
+      remediationActions: problems?.remediationActions ? Object.values(problems?.remediationActions) : [],
+      dataMissingErrors: problems?.missingData ?? [],
+      fieldsWithExistingData: getFieldsWithExistingData(
         legalEntityResponse,
         businessDetailsApiKeyMapping,
         businessDetailsDocumentMapping
       ),
       customRules,
-      {},
-      {},
-      legalEntityResponse?.type,
-      trustedFields
-    );
+      legalEntityType: legalEntityResponse?.type,
+      legalEntityTrustedFields: trustedFields
+    });
     setDerivedProps(props);
   }, [
     customRules,
@@ -1548,6 +1570,9 @@ function BusinessDetailsMultiformDropin({
     setCountry(multiForm.data?.basicInformation?.country);
     setPrevCountry(multiForm.data.basicInformation?.country);
     setTrustedFields(void 0);
+    verifiedBusiness.value = void 0;
+    tinMatched.value = void 0;
+    businessMismatchModalOpen.value = false;
   }
   const [forms, setForms] = useState(
     buildRequiredForms({
@@ -1558,14 +1583,15 @@ function BusinessDetailsMultiformDropin({
         optionalFields: derivedProps?.optionalFields,
         isValid: multiForm.isValid ?? {},
         problems
+      },
+      options: {
+        hasNoSearchResults: false,
+        verifiedBusiness: verifiedBusiness.value
       }
     })
   );
   const updateForms = useCallback(
-    ({
-      searchResults,
-      verifiedBusiness: verifiedBusiness2
-    }) => {
+    ({ searchResults }) => {
       const updatedForms = buildRequiredForms({
         config: {
           country,
@@ -1577,7 +1603,7 @@ function BusinessDetailsMultiformDropin({
         },
         options: {
           hasNoSearchResults: searchResults && !searchResults.length,
-          verifiedBusiness: verifiedBusiness2
+          verifiedBusiness: verifiedBusiness.value
         }
       });
       setForms(updatedForms);
@@ -1593,14 +1619,8 @@ function BusinessDetailsMultiformDropin({
     ]
   );
   const summaryData = useMemo(
-    () => formatDataForSummary(
-      multiForm.data,
-      forms,
-      derivedProps?.labels,
-      i18n,
-      isExperimentEnabled
-    ),
-    [derivedProps?.labels, multiForm.data, forms, i18n, isExperimentEnabled]
+    () => formatDataForSummary(multiForm.data, forms, i18n, isExperimentEnabled),
+    [multiForm.data, forms, i18n, isExperimentEnabled]
   );
   const associatedLeTrackingParams = useMemo(
     () => getAssociatedLeAnalyticsPayload({
@@ -1736,8 +1756,7 @@ function BusinessDetailsMultiformDropin({
       }
       case "businessSelection": {
         const currentForms = updateForms({
-          searchResults: companySearchResponse?.results,
-          verifiedBusiness: verifiedBusiness.value
+          searchResults: companySearchResponse?.results
         });
         return handleNextClick(currentForms);
       }
@@ -1747,8 +1766,7 @@ function BusinessDetailsMultiformDropin({
   };
   useEffect(() => {
     updateForms({
-      searchResults: companySearchResponse?.results,
-      verifiedBusiness: verifiedBusiness.value
+      searchResults: companySearchResponse?.results
     });
   }, [updateForms, companySearchResponse?.results]);
   return /* @__PURE__ */ jsx(FormContextProvider, { form: multiForm, children: /* @__PURE__ */ jsxs(
@@ -1808,10 +1826,14 @@ const RootBusinessDetailsPage = ({
   onSubmit,
   handleHomeClick
 }) => {
+  const { i18n } = useTranslation();
   const { accountHolder } = useAccountHolder();
   const { data: rootLe } = useLegalEntity(ROOT_LE);
   const capabilityProblems = useCapabilityProblems();
   const { isExperimentEnabled } = useExperimentsContext();
+  addResourceBundles(i18n, i18n.language, [
+    { ns: "business", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-CeNMXUfE.js"), "../language/de-DE.json": () => import("./de-DE-JI-7mvxy.js"), "../language/en-US.json": () => import("./en-US-DHq7VYFs.js"), "../language/es-ES.json": () => import("./es-ES-DOVPTeyf.js"), "../language/fi-FI.json": () => import("./fi-FI-D522KHGk.js"), "../language/fr-FR.json": () => import("./fr-FR-DInQKkTd.js"), "../language/it-IT.json": () => import("./it-IT-CjEYONJg.js"), "../language/nl-NL.json": () => import("./nl-NL-Zcq0bXd-.js"), "../language/no-NO.json": () => import("./no-NO-BxReX6oF.js"), "../language/pt-PT.json": () => import("./pt-PT-N0njcfLO.js"), "../language/sl-SI.json": () => import("./sl-SI-MZoDApq9.js"), "../language/sv-SE.json": () => import("./sv-SE-DCFSf4Oj.js") }), `../language/${i18n.language}.json`, 3) }
+  ]);
   if (!rootLe) {
     return /* @__PURE__ */ jsx(Loader, {});
   }

package/dist/{RootIndividualDetailsPage-Bi7xeUYJ.js → RootIndividualDetailsPage-B3TkB6Xj.js}

@@ -2,14 +2,16 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "45e89429-5947-45a5-9ad0-56e8247f1209", e._sentryDebugIdIdentifier = "sentry-dbid-45e89429-5947-45a5-9ad0-56e8247f1209");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "9379b3d5-5404-486a-a324-df8bdcc2909f", e._sentryDebugIdIdentifier = "sentry-dbid-9379b3d5-5404-486a-a324-df8bdcc2909f");
   } catch (e) {
   }
 }
 ;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
 import { jsx } from "preact/jsx-runtime";
-import { d as useLegalEntity, R as ROOT_LE, af as useCapabilityProblems, aa as useExperimentsContext, X as useAccountHolder, L as Loader, g as getLegalEntityCountry, P as isPartOfTrustFromLegalEntity, b5 as getProblemsForEntity, Z as EntityTypes, b6 as isOnfidoAutofillFlowEnabled, a8 as noop, $ as TaskTypes } from "./StoreProvider-QThALSrj.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-B0G_nHXY.js";
+import { c as useLegalEntity, R as ROOT_LE, X as useExperimentsContext, a as useTranslation, L as Loader, g as getLegalEntityCountry, z as isPartOfTrustFromLegalEntity, J as EntityTypes, ag as isOnfidoAutofillFlowEnabled, W as noop, M as TaskTypes } from "./StoreProvider-BlaJzXSZ.js";
+import { b as useCapabilityProblems, a as useAccountHolder, g as getProblemsForEntity } from "./fieldConfigurations-B8bDFQ53.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-vuHu-O_C.js";
 function RootIndividualDetailsPage({
   asModal = false,
   hideSidebar = false,
@@ -26,6 +28,10 @@ function RootIndividualDetailsPage({
   const capabilityProblems = useCapabilityProblems();
   const { isExperimentEnabled } = useExperimentsContext();
   const { accountHolder } = useAccountHolder();
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, i18n.language, [
+    { ns: "individual", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-D0N1TVVU.js"), "../language/de-DE.json": () => import("./de-DE-Dtuu-nE7.js"), "../language/en-US.json": () => import("./en-US-546hB2Wn.js"), "../language/es-ES.json": () => import("./es-ES-BsQpwaPN.js"), "../language/fi-FI.json": () => import("./fi-FI-BJ9RzrL3.js"), "../language/fr-FR.json": () => import("./fr-FR-CNR5-s9g.js"), "../language/it-IT.json": () => import("./it-IT-BV9K87FK.js"), "../language/nl-NL.json": () => import("./nl-NL-DywVQ9km.js"), "../language/no-NO.json": () => import("./no-NO-B8oxqfNI.js"), "../language/pt-PT.json": () => import("./pt-PT-BvK00TeI.js"), "../language/sl-SI.json": () => import("./sl-SI-NI2OJAvm.js"), "../language/sv-SE.json": () => import("./sv-SE-CAZpDX9G.js") }), `../language/${i18n.language}.json`, 3) }
+  ]);
   if (!rootLe) {
     return /* @__PURE__ */ jsx(Loader, {});
   }

package/dist/SignPCIComponent-C0iYfSl6.js

@@ -0,0 +1,294 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "6884ee5f-37ce-43a9-94e3-485d179ade38", e._sentryDebugIdIdentifier = "sentry-dbid-6884ee5f-37ce-43a9-94e3-485d179ade38");
+  } catch (e) {
+  }
+}
+;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
+import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { b as useApiContext, j as useQuery, k as httpPost, aA as useMutation, a9 as isEmpty, a as useTranslation, U as useAnalyticsContext, aR as getOwnDecisionMakers, y as LegalEntityTypes, M as TaskTypes, B as Button, c as useLegalEntity, R as ROOT_LE, L as Loader } from "./StoreProvider-BlaJzXSZ.js";
+import { u as useSalesChannelsSettings, a as usePciStatus } from "./OnboardingDropinComponent-B0GrJ_pR.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-DGMeMy5R.js";
+import { M as MaybeModal } from "./MaybeModal-CE9kYOrU.js";
+import { E as EndStateLayout } from "./EndStateLayout-CyGtLyvf.js";
+import { useState, useCallback, useEffect } from "preact/hooks";
+import { a as useForm, F as Field, c as Select, C as Checkbox } from "./useForm-C1DW3mPC.js";
+import { D as DetailViewLayout } from "./DetailViewLayout-Z9cuUp4X.js";
+import { C as Card } from "./Card-BMuquALf.js";
+import { C as ContractViewer } from "./ContractViewer-Byp71k2e.js";
+const getPciTemplate = async (legalEntityId, baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${legalEntityId}/pci/generatePciTemplates`
+    },
+    data
+  );
+};
+const usePciTemplate = (data, options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: ["pciTemplate", data],
+    queryFn: () => getPciTemplate(rootLegalEntityId.value, baseUrl.value, data),
+    ...options
+  });
+};
+const signPci = async (legalEntityId, baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${legalEntityId}/pci/signPciTemplates`
+    },
+    data
+  );
+};
+const useSignPci = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
+  return useMutation({
+    mutationFn: (data) => signPci(rootLegalEntityId.value, baseUrl.value, data),
+    onSuccess: async () => {
+      await invalidateRootLegalEntity();
+    },
+    ...options
+  });
+};
+const pciValidationRules = {
+  signer: {
+    modes: ["blur"],
+    validate: (signer) => !isEmpty(signer),
+    errorMessage: "fieldIsRequired"
+  },
+  acceptPci: {
+    modes: ["blur"],
+    validate: (acceptPci) => !!acceptPci,
+    errorMessage: "fieldIsRequired"
+  }
+};
+const PciFields = ["signer", "acceptPci"];
+function PciDropin({
+  legalEntityResponse,
+  pciTemplateResponse,
+  handleHomeClick,
+  handleSign,
+  taskType = TaskTypes.PCI_DSS,
+  asModal = false,
+  needsSigning = true,
+  handleCloseClick
+}) {
+  const { t } = useTranslation(["contract", "common"]);
+  const userEvents = useAnalyticsContext();
+  const { showToast } = useToastContext();
+  const [isLoading, setIsLoading] = useState(false);
+  const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
+    schema: PciFields,
+    rules: pciValidationRules
+  });
+  const { pciTemplateReferences } = pciTemplateResponse;
+  const pciQuestionnaire = JSON.parse(
+    decodeURIComponent(escape(window.atob(pciTemplateResponse.content)))
+  );
+  const uniqueEntityAssociations = [
+    ...new Map(
+      getOwnDecisionMakers(legalEntityResponse).map((entityAssociation) => [
+        entityAssociation.legalEntityId,
+        entityAssociation
+      ])
+    ).values()
+  ];
+  const signers = legalEntityResponse.type === LegalEntityTypes.ORGANIZATION ? uniqueEntityAssociations.filter(
+    (ea) => Boolean(ea.legalEntityId && ea.name)
+  ).map(({ legalEntityId: id, name }) => ({ id, name })) : [
+    {
+      id: legalEntityResponse.id,
+      name: `${legalEntityResponse?.individual?.name.firstName} ${legalEntityResponse.individual?.name.lastName}`
+    }
+  ];
+  const handleSignClick = async () => {
+    if (isLoading) return;
+    const baseTracking = {
+      actionType: "sign",
+      label: "sign"
+    };
+    triggerValidation();
+    if (isValid) {
+      try {
+        setIsLoading(true);
+        await handleSign(legalEntityResponse.id, { signedBy: data.signer, pciTemplateReferences });
+        setIsLoading(false);
+        showToast({ label: t(($) => $["pciSignedSuccessfully"]), variant: "success" });
+        userEvents.addTaskEvent("Success", baseTracking);
+        goHome();
+      } catch (e) {
+        setIsLoading(false);
+        showToast({ label: t(($) => $["signingFailed"]), variant: "error" });
+        userEvents.addTaskEvent("Encountered error", {
+          ...baseTracking,
+          returnType: e?.errorCode || "backend",
+          returnValue: e?.title ?? e?.message
+        });
+      }
+    } else {
+      userEvents.addTaskEvent("Encountered error", {
+        ...baseTracking,
+        returnType: "validation",
+        returnValue: Object.entries(valid).filter(([, value]) => !value).map(([key]) => key)
+      });
+    }
+  };
+  const goHome = () => {
+    userEvents.addPageEvent("Clicked button", {
+      actionType: "back",
+      label: "finishLater"
+    });
+    handleHomeClick();
+  };
+  const handleExpandSection = useCallback((title) => {
+    userEvents.addFieldEvent("Clicked accordion", {
+      actionType: "open",
+      field: title
+    });
+  }, []);
+  useEffect(() => {
+    userEvents.updateBaseTrackingPayload({ task: taskType });
+    userEvents.addTaskEvent("Landed on page", {
+      actionType: "start"
+    });
+  }, []);
+  const acceptPciLabel = `${t(($) => $["acknowledgePciRequirements"])} ${t(($) => $["basedOnTheAboveSignatory"])}`;
+  const actions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { onClick: handleSignClick, fullWidth: true, disabled: isLoading, children: t(($) => $["sign"], { ns: "common" }) }),
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: goHome, fullWidth: true, children: t(($) => $["finishLater"], { ns: "common" }) })
+  ] });
+  return /* @__PURE__ */ jsx(MaybeModal, { inline: !asModal, onClose: handleCloseClick, inset: true, children: !needsSigning ? /* @__PURE__ */ jsx(
+    EndStateLayout,
+    {
+      title: t(($) => $["agreementSigned"], { ns: "common" }),
+      description: t(($) => $["pciDssSelfServiceQuestionnaireSignedSuccessfully"]),
+      action: handleCloseClick && /* @__PURE__ */ jsx(Button, { onClick: handleCloseClick, fullWidth: true, children: t(($) => $["finish"], { ns: "common" }) })
+    }
+  ) : /* @__PURE__ */ jsxs(
+    DetailViewLayout,
+    {
+      title: t(($) => $["pciDssSelfServiceQuestionnaire"]),
+      compact: asModal,
+      actions,
+      children: [
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(ContractViewer, { contract: pciQuestionnaire, onExpandSection: handleExpandSection }) }),
+        /* @__PURE__ */ jsx(
+          Field,
+          {
+            name: "signer",
+            label: t(($) => $["signatory"], { ns: "common" }),
+            errorMessage: errors.signer?.errorMessage,
+            isValid: valid.signer,
+            dataTestId: "signer",
+            children: (childProps) => /* @__PURE__ */ jsx(
+              Select,
+              {
+                ...childProps,
+                onChange: handleChangeFor("signer", "blur"),
+                name: "signer",
+                placeholder: t(($) => $["selectSigner"]),
+                selected: data.signer,
+                items: signers
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Field,
+          {
+            name: "acceptPci",
+            errorMessage: errors.acceptPci?.errorMessage,
+            isValid: valid.acceptPci,
+            showErrorIconBottom: true,
+            children: (childProps) => /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                ...childProps,
+                label: acceptPciLabel,
+                checked: data.acceptPci ?? false,
+                name: "acceptPci",
+                onChange: handleChangeFor("acceptPci")
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+function SignPCIComponent({
+  modalView = false,
+  onClose,
+  onSigned,
+  onUnmount
+}) {
+  const additionalSalesChannels = useSalesChannelsSettings();
+  const { t, i18n } = useTranslation(["contract", "common"]);
+  addResourceBundles(i18n, i18n.language, [
+    { ns: "common", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-BJ7aTPir.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-C78RLE2G.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-BlaJzXSZ.js").then((n) => n.bN), "../../../language/locales/es-ES.json": () => import("./es-ES-BtUSEzkE.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-Cvar63RH.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-B5543Fe-.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-Dd6xGSe-.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-DVENFpd5.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Dn2UkdoI.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-_o5xgnxS.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-BUfESAQK.js") }), `../../../language/locales/${i18n.language}.json`, 6) },
+    { ns: "ui", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-D4H69PX3.js"), "../../ui/language/de-DE.json": () => import("./de-DE-wp5-H-ov.js"), "../../ui/language/en-US.json": () => import("./en-US-CAm3meB1.js"), "../../ui/language/es-ES.json": () => import("./es-ES-Ds3-DtqZ.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-DPNeTsJS.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-ChmNQciP.js"), "../../ui/language/it-IT.json": () => import("./it-IT-eCrTB65E.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-D2QKudfh.js"), "../../ui/language/no-NO.json": () => import("./no-NO-C_snYWBc.js"), "../../ui/language/pt-PT.json": () => import("./pt-PT-C-hbNnsB.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-BhVTSmhQ.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-66rqYTxi.js") }), `../../ui/language/${i18n.language}.json`, 5) },
+    { ns: "contract", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../Contract/language/da-DK.json": () => import("./da-DK-BoQic3Gy.js"), "../../Contract/language/de-DE.json": () => import("./de-DE-Dwagawx1.js"), "../../Contract/language/en-US.json": () => import("./en-US-BbAzROHT.js"), "../../Contract/language/es-ES.json": () => import("./es-ES-Bsoco8Fj.js"), "../../Contract/language/fi-FI.json": () => import("./fi-FI-ClnsYt3L.js"), "../../Contract/language/fr-FR.json": () => import("./fr-FR-CJI0bIig.js"), "../../Contract/language/it-IT.json": () => import("./it-IT-BeC2Y1F8.js"), "../../Contract/language/nl-NL.json": () => import("./nl-NL-Cysslsh2.js"), "../../Contract/language/no-NO.json": () => import("./no-NO-zSnPtrDi.js"), "../../Contract/language/pt-PT.json": () => import("./pt-PT-CjsyP_OK.js"), "../../Contract/language/sl-SI.json": () => import("./sl-SI-Br0UEUPL.js"), "../../Contract/language/sv-SE.json": () => import("./sv-SE-BtXmvxx4.js") }), `../../Contract/language/${i18n.language}.json`, 5) }
+  ]);
+  const {
+    data: legalEntityData,
+    isError: isLegalEntityError,
+    isLoading: isLegalEntityLoading
+  } = useLegalEntity(ROOT_LE);
+  const { data: pciTemplateData, isLoading: isPciTemplateDataLoading } = usePciTemplate({
+    additionalSalesChannels,
+    language: i18n.language.substring(0, 2) ?? "en"
+  });
+  const {
+    data: pciStatusData,
+    isLoading: isPciStatusLoading,
+    isError: isPciStatusError
+  } = usePciStatus({
+    additionalSalesChannels
+  });
+  const signPci2 = useSignPci();
+  const handleOnClose = () => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onClose?.();
+  };
+  if (isLegalEntityLoading || isPciStatusLoading || isPciTemplateDataLoading || !legalEntityData || !pciTemplateData) {
+    return /* @__PURE__ */ jsx(Loader, {});
+  }
+  if (isLegalEntityError || isPciStatusError) {
+    return /* @__PURE__ */ jsx(MaybeModal, { inline: !modalView, onClose: handleOnClose, children: /* @__PURE__ */ jsx(
+      EndStateLayout,
+      {
+        title: t(($) => $["nothingNeedsToBeSigned"]),
+        description: t(($) => $["pciDoesNotNeedSigningOrHasBeenSigned"], { ns: "common" }),
+        action: /* @__PURE__ */ jsx(Button, { onClick: handleOnClose, fullWidth: true, children: t(($) => $["finish"], { ns: "common" }) })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    PciDropin,
+    {
+      taskType: TaskTypes.PCI_DSS,
+      legalEntityResponse: legalEntityData,
+      pciTemplateResponse: pciTemplateData,
+      handleHomeClick: handleOnClose,
+      handleSign: async (_legalEntityId, signedBy) => {
+        await signPci2.mutateAsync(signedBy);
+        onUnmount?.();
+        onSigned?.();
+      },
+      handleCloseClick: handleOnClose,
+      asModal: modalView,
+      needsSigning: Boolean(pciStatusData?.signingRequired)
+    }
+  );
+}
+export {
+  SignPCIComponent
+};