@adyen/kyc-components 4.0.0-compact.4 → 4.0.0-compact.8

package/dist/{RootBusinessLinesPage-CbaRG8zg.js → RootBusinessLinesPage-BfW_VGr0.js}

@@ -2,39 +2,49 @@
 {
   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] = "3ebead8a-573a-4e9c-bcef-5a9de06f3dc9", e._sentryDebugIdIdentifier = "sentry-dbid-3ebead8a-573a-4e9c-bcef-5a9de06f3dc9");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "3b4461da-bdc1-4d43-ab10-878db26c036c", e._sentryDebugIdIdentifier = "sentry-dbid-3b4461da-bdc1-4d43-ab10-878db26c036c");
   } catch (e) {
   }
 }
 ;
-import { C as CountryCodes, a1 as entriesOf, P as createLogger, u as useTranslation, L as Loader, Y as IconButton, G as Typography, ao as Trans, B as Button, b as useApiContext, a0 as useMutation, aN as httpDelete, X as useExperimentsContext, U as TaskStatuses, a2 as useQueryClient, M as EntityTypes, c as useLegalEntity, R as ROOT_LE, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-DTMSAVgy.js";
+import { a0 as CountryCodes, ac as entriesOf, a3 as createLogger, u as useTranslation, L as Loader, t as IconButton, z as Typography, aB as Trans, V as Button, b as useApiContext, ad as httpDelete, v as useExperimentsContext, p as useAnalyticsContext, H as TASK_STATUS_POLLING_INTERVAL_MS, a8 as EntityTypes, c as useLegalEntity, a as addResourceBundles, j as TaskTypes, R as ROOT_LE, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-DwuHWsNs.js";
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
+import { useMutation, useQueryClient } from "@tanstack/preact-query";
 import { useCallback, useMemo, useRef, useState, useEffect } from "preact/hooks";
-import { $ as salesChannelsWithWebData, a0 as useIndustryCodes, _ as useBusinessLines, z as industryCodeFieldMetadata, a1 as IndustryCodeField, a2 as INDUSTRY_CODE_FIELD, a3 as SALES_CHANNELS_FIELD, a4 as WEB_DATA_FIELD, a5 as shouldSignNewPci, a6 as SCTA_FIELD, a7 as Divider, a8 as selectedBusinessLine, u as useSalesChannels, a9 as usePciQuestionnaireList, a as usePciStatus, aa as businessLinesConfigurations, ab as businessLinesForms } from "./OnboardingDropinComponent-Cu2pv74K.js";
-import { u as useCreateBusinessLine, a as useUpdateBusinessLine } from "./useUpdateBusinessLines-DWsML109.js";
-import { F as FormContextProvider, a as FormFlow } from "./FormFlow-DX2A0gcf.js";
-import { a as useToastContext } from "./useToastContext-BQYYaLd-.js";
-import { g as getPropsFromConfigurations } from "./process-field-configurations-BBc1EBeB.js";
-import { a as addValidityToForms, u as useFormComposer } from "./dropinUtils-BYk71qFP.js";
-import { u as useMultiForm } from "./useMultiForm-BkNgL1zi.js";
-import { x as createFormRules, I as Image, i as useCapabilityProblems, j as getProblemsForEntity } from "./Spacer-BT5nYRXK.js";
-import { s as summaryStep } from "./Summary-BOSxxPjv.js";
-import { m as mergeFieldMetadataIntoProps, c as createFormUtils, H as Header, S as StackLayout, a as Link, L as List } from "./CountryField-BIYJvEAW.js";
-import { u as useFormContext } from "./Address-BG5_sFfZ.js";
+import { u as useBusinessLines } from "./useBusinessLines-DG-LapFA.js";
+import { s as salesChannelsWithWebData, u as useIndustryCodes, d as businessLineTypes, i as industryCodeFieldMetadata, a as IndustryCodeField, I as INDUSTRY_CODE_FIELD, S as SALES_CHANNELS_FIELD, W as WEB_DATA_FIELD, e as shouldSignNewPci, f as SCTA_FIELD, D as Divider, g as selectedBusinessLine, b as useCreateBusinessLine, c as useUpdateBusinessLine, h as businessLinesConfigurations, j as businessLinesForms } from "./useUpdateBusinessLines-CdYUvjtv.js";
+import { u as usePciQuestionnaireList } from "./usePciQuestionnaireList-rxdFFrP5.js";
+import { u as useSalesChannels, a as usePciStatus } from "./useSalesChannels-CI133F-6.js";
+import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-BPBBPKhK.js";
+import { u as useToastContext } from "./useToastContext-B1vl-x5N.js";
+import { g as getPropsFromConfigurations } from "./process-field-configurations-CAtKO6CG.js";
+import { a as addValidityToForms, u as useFormComposer } from "./dropinUtils-NHYW3kj5.js";
+import { u as useMultiForm } from "./useMultiForm-Cs0-iUXR.js";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-Cx2uHyD0.js";
+import { c as createFormRules } from "./form-rules-DhbF2mY4.js";
+import { s as summaryStep } from "./Summary-BtqxXkko.js";
+import { H as Header } from "./Header-B9Tv_mvA.js";
+import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-Dg7QeiCj.js";
 import { Show } from "@preact/signals/utils";
-import { C as Checkbox } from "./debouncedInputEvent-BdLyqQK5.js";
-import { F as Field } from "./useForm-BsQfbbso.js";
-import { K as KEYBOARD_KEYS, M as Modal } from "./Modal-B8fxl0iP.js";
-import { I as InputText } from "./InputText-qTMbrUXW.js";
-import { SignPCIComponent } from "./SignPCIComponent-4qzKpijW.js";
-import { A as Avatar } from "./Avatar-BbYg2DuO.js";
+import { C as Checkbox } from "./Checkbox-CQQWg0dg.js";
+import { F as Field } from "./Field-GFhXhBL7.js";
+import { K as KEYBOARD_KEYS, M as Modal } from "./Modal-BRPW5V15.js";
+import { I as InputText } from "./InputText-BstgOD1h.js";
+import { SignPCIComponent } from "./SignPCIComponent-DqNgUb0y.js";
+import { A as Avatar } from "./Avatar-B1FMn4jz.js";
 import cx from "classnames";
 import { D as DetailViewLayout } from "./DetailViewLayout-Z9cuUp4X.js";
-import { C as Card } from "./Card-BHab7Kyt.js";
+import { S as StackLayout } from "./unincorporated-partnership-MeN1dp53.js";
+import { C as Card } from "./Card-OQuFzmxm.js";
+import { L as Link } from "./Link-hYPpX6dq.js";
 import { lazy } from "preact/compat";
-import { N as LandingLayout } from "./IndividualOnfido-BxhmIQwc.js";
-import { L as ListItem } from "./ListItem-DKLPtRMQ.js";
-import { C as Confirm, S as StructuredList } from "./useDataset-D1R4kueP.js";
+import { I as Image } from "./Image-8l9eOMtL.js";
+import { L as LandingLayout } from "./LandingLayout-DfrTphbg.js";
+import { u as useTaskStatus } from "./useTaskStatus-DdTyBvAb.js";
+import { L as List } from "./List-BAzyC6sw.js";
+import { L as ListItem } from "./ListItem-DCNK7Kw1.js";
+import { S as StructuredList } from "./StructuredList-CVMZBzwq.js";
+import { C as Confirm } from "./Confirm-DqMkw97y.js";
 const rules = ({ data, country }) => {
   return createFormRules({
     webAddressRequired: () => {
@@ -65,7 +75,7 @@ const formatBusinessLinesDataForSummary = (data, labels, t) => {
         return {
           ...summaryData,
           [form]: {
-            [labels.salesChannelsForm.salesChannels ?? "salesChannelsParentheticalPlural"]: data.salesChannelsForm.salesChannels?.map(
+            [labels.salesChannelsForm.salesChannels ?? "salesChannels"]: data.salesChannelsForm.salesChannels?.map(
               (channel) => t(($) => $[channel], { ns: "businessLines" })
             ),
             ...salesChannelsWithWebData.some(
@@ -88,10 +98,22 @@ const formatBusinessLinesDataForSummary = (data, labels, t) => {
   }, {});
 };
 const buildRequiredForms = ({
-  config: { country, forms, requiredFields, optionalFields, isValid, problems, data },
+  config: {
+    country,
+    forms,
+    requiredFields,
+    optionalFields,
+    isValid,
+    problems,
+    data,
+    industryCodes
+  },
   options
 }) => {
   const filteredForms = Object.values(forms).filter(({ formId }) => {
+    if (formId === "industryCodesForm" && industryCodes?.length === 1) {
+      return false;
+    }
     if (formId === "sctaForm") {
       const isJapan = country === "JP";
       const hasWebsite = !!data.salesChannelsForm.webAddress;
@@ -102,15 +124,21 @@ const buildRequiredForms = ({
   const requiredForms = options?.skipSummary ? filteredForms : [...filteredForms, summaryStep];
   return addValidityToForms(requiredForms, isValid, problems);
 };
-const mapBusinessLineToBusinessLineSchema = (selectedBusinessLine2) => {
+const mapBusinessLineToBusinessLineSchema = (selectedBusinessLine2, industryCodes) => {
+  const selectedIndustryCodes = selectedBusinessLine2.value ? [
+    {
+      id: selectedBusinessLine2.value.industryCode,
+      name: `${selectedBusinessLine2.value.industryCode} - ${selectedBusinessLine2.value.industryCodeDescription}`
+    }
+  ] : industryCodes.length === 1 ? [
+    {
+      id: industryCodes[0].code,
+      name: `${industryCodes[0].code} - ${industryCodes[0].description}`
+    }
+  ] : void 0;
   return {
     industryCodesForm: {
-      industryCodes: selectedBusinessLine2.value ? [
-        {
-          id: selectedBusinessLine2.value.industryCode,
-          name: `${selectedBusinessLine2.value.industryCode} - ${selectedBusinessLine2.value.industryCodeDescription}`
-        }
-      ] : void 0
+      industryCodes: selectedIndustryCodes
     },
     salesChannelsForm: {
       salesChannels: selectedBusinessLine2.value?.salesChannels ?? [],
@@ -124,6 +152,7 @@ const mapBusinessLineToBusinessLineSchema = (selectedBusinessLine2) => {
   };
 };
 const submitBusinessLines = async ({
+  userEvents,
   selectedBusinessLine: selectedBusinessLine2,
   legalEntityId,
   data,
@@ -165,10 +194,20 @@ const submitBusinessLines = async ({
       let failureCount = 0;
       results.forEach((result, index) => {
         if (result.status === "rejected") {
+          userEvents?.addTaskEvent("Encountered error", {
+            actionType: "submit",
+            returnType: "businessLines",
+            returnValue: "businessLinesCreationFailure"
+          });
           failureCount++;
           logger.error(
             `Failed to create business line with associated industry code: ${payloads[index].industryCode}`
           );
+        } else {
+          userEvents?.addTaskEvent("Success", {
+            actionType: "submit",
+            industryCode: result.value.industryCode
+          });
         }
       });
       if (failureCount > 0) {
@@ -193,11 +232,20 @@ const submitBusinessLines = async ({
       };
       try {
         await updateBusinessLine(updatePayload);
+        userEvents?.addTaskEvent("Success", {
+          actionType: "edit",
+          industryCode: updatePayload.industryCode
+        });
         showToast({
           label: t(($) => $[`businessLineUpdateSuccess`], { ns: "businessLines" }),
           variant: "success"
         });
       } catch {
+        userEvents?.addTaskEvent("Encountered error", {
+          actionType: "edit",
+          returnType: "businessLines",
+          returnValue: "businessLineUpdateFailure"
+        });
         showToast({
           label: t(($) => $[`businessLineUpdateFailure`], { ns: "businessLines" }),
           variant: "error"
@@ -254,7 +302,6 @@ function IndustryCodesForm({
 }) {
   const { t, i18n } = useTranslation(["common", "businessLines"]);
   const { form } = useFormContext();
-  const businessLineTypes = ["acquiring"];
   const { data: industryCodes, isLoading: industryCodesLoading } = useIndustryCodes(
     businessLineTypes,
     i18n.language
@@ -316,7 +363,6 @@ function IndustryCodesForm({
             ns: "businessLines"
           })
         },
-        placeholders: formUtils.getFieldPlaceholders(INDUSTRY_CODE_FIELD),
         readonly: formUtils.isReadOnly("industryCodes"),
         handleChangeFor,
         businessLineTypes,
@@ -735,7 +781,7 @@ function SalesChannelsForm({
   ] });
 }
 function SctaField({ data, valid, errors, handleChangeFor }) {
-  const { t } = useTranslation(["businessLines"]);
+  const { t } = useTranslation(["businessLines", "common"]);
   const handleKeyDown = (e) => {
     if (e.key === KEYBOARD_KEYS.enter) {
       e.preventDefault();
@@ -790,7 +836,7 @@ function SctaField({ data, valid, errors, handleChangeFor }) {
   ] });
 }
 function SctaInfoModal({ onClose }) {
-  const { t } = useTranslation(["businessLines"]);
+  const { t } = useTranslation(["businessLines", "common"]);
   return /* @__PURE__ */ jsx(
     Modal,
     {
@@ -804,7 +850,7 @@ function SctaInfoModal({ onClose }) {
         }) }),
         /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", children: t(($) => $["whatIsScta"], { ns: "businessLines" }) }),
         /* @__PURE__ */ jsx(Typography, { variant: "body", children: /* @__PURE__ */ jsx(Trans, { t, i18nKey: ($) => $["sctaDescription"], ns: "businessLines" }) }),
-        /* @__PURE__ */ jsx(Card, { borderless: true, background: "secondary", children: /* @__PURE__ */ jsxs(StackLayout, { children: [
+        /* @__PURE__ */ jsx(Card, { variant: "secondary", children: /* @__PURE__ */ jsxs(StackLayout, { children: [
           /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", children: t(($) => $["toComplyWithSctaYouMust"], { ns: "businessLines" }) }),
           /* @__PURE__ */ jsxs("ul", { children: [
             /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: t(($) => $["appointADesignatedOperationsOfficer"], { ns: "businessLines" }) }) }),
@@ -971,7 +1017,7 @@ const businessLines$1 = "adyen-kyc-business-lines";
 const styles$1 = {
   businessLines: businessLines$1
 };
-const businessLines = lazy(() => import("./business-lines-DboUCbXw.js"));
+const businessLines = lazy(() => import("./business-lines-BAqTbnBw.js"));
 const BusinessLinesGettingStarted = ({
   handleGettingStartedClick,
   handleCancelClick
@@ -1006,11 +1052,13 @@ const useDeleteBusinessLine = (options) => {
 const BusinessLineModal = ({
   businessLine,
   setShowBusinessLineInfo,
-  setAddingBusinessLines
+  setAddingBusinessLines,
+  hideIndustryCode
 }) => {
   const { t } = useTranslation(["common", "businessLines"]);
   const { showToast } = useToastContext();
   const { isExperimentEnabled } = useExperimentsContext();
+  const userEvents = useAnalyticsContext();
   const { mutateAsync: deleteBusinessLine2, status: deleteStatus } = useDeleteBusinessLine();
   const { refetch: fetchBusinessLines, status: fetchingStatus } = useBusinessLines([
     "paymentProcessing"
@@ -1023,7 +1071,7 @@ const BusinessLineModal = ({
   );
   const blInfoItems = [
     {
-      term: t(($) => $["salesChannelsParentheticalPlural"], { ns: "common" }),
+      term: t(($) => $["salesChannels"], { ns: "common" }),
       details: businessLine?.salesChannels?.map((i) => t(($) => $[i], { ns: "businessLines" })).join(", ") ?? ""
     },
     ...blWebAddress ? [
@@ -1072,17 +1120,27 @@ const BusinessLineModal = ({
   const confirmDeleteBusinessLine = async (businessLineId) => {
     try {
       await deleteBusinessLine2(businessLineId);
-    } catch {
-      showToast({
-        label: t(($) => $[`businessLineDeleteFailure`], { ns: "businessLines" }),
-        variant: "error"
+      userEvents?.addTaskEvent("Success", {
+        actionType: "remove",
+        industryCode: businessLine.industryCode
       });
-    } finally {
       showToast({
         label: t(($) => $[`businessLineDeleteSuccess`], { ns: "businessLines" }),
         variant: "success"
       });
       await fetchBusinessLines();
+    } catch {
+      userEvents?.addTaskEvent("Encountered error", {
+        actionType: "remove",
+        industryCode: businessLine.industryCode,
+        returnType: "businessLine",
+        returnValue: "businessLineDeleteFailure"
+      });
+      showToast({
+        label: t(($) => $[`businessLineDeleteFailure`], { ns: "businessLines" }),
+        variant: "error"
+      });
+    } finally {
       setShowBusinessLineInfo(false);
     }
   };
@@ -1119,17 +1177,17 @@ const BusinessLineModal = ({
             /* @__PURE__ */ jsx(
               ListItem,
               {
-                title: `${businessLine?.industryCode} - ${businessLine?.industryCodeDescription}`,
+                title: hideIndustryCode ? t(($) => $["salesChannels"], { ns: "common" }) : `${businessLine.industryCode} - ${businessLine.industryCodeDescription}`,
                 description: `${businessLine?.salesChannels?.map((i) => t(($) => $[i], { ns: "businessLines" })).join(", ")}`,
                 avatar: { iconName: "bag", circle: true }
               }
             ),
-            /* @__PURE__ */ jsx(Card, { background: "secondary", borderless: true, children: /* @__PURE__ */ jsxs(StackLayout, { children: [
+            /* @__PURE__ */ jsx(Card, { variant: "secondary", children: /* @__PURE__ */ jsxs(StackLayout, { children: [
               /* @__PURE__ */ jsx(Typography, { variant: "title", children: t(($) => $["paymentProcessingDetails"], { ns: "businessLines" }) }),
               /* @__PURE__ */ jsx(Divider, {}),
               /* @__PURE__ */ jsx(StructuredList, { items: blInfoItems })
             ] }) }),
-            blCommerceDisclosureAddress && /* @__PURE__ */ jsx(Card, { background: "secondary", borderless: true, children: /* @__PURE__ */ jsxs(StackLayout, { children: [
+            blCommerceDisclosureAddress && /* @__PURE__ */ jsx(Card, { variant: "secondary", children: /* @__PURE__ */ jsxs(StackLayout, { children: [
               /* @__PURE__ */ jsx(Typography, { variant: "title", children: t(($) => $["japaneseCommercialDisclosure"], { ns: "common" }) }),
               /* @__PURE__ */ jsx(Divider, {}),
               /* @__PURE__ */ jsx(StructuredList, { items: sctaBlInfoItems })
@@ -1151,9 +1209,13 @@ const ExistingBusinessLines = ({
   businessLines: businessLines2,
   setAddingBusinessLines
 }) => {
-  const { t } = useTranslation(["businessLines", "common"]);
+  const { t, i18n } = useTranslation(["businessLines", "common"]);
   const [showBusinessLineInfo, setShowBusinessLineInfo] = useState(false);
   const [businessLine, setBusinessLine] = useState();
+  const { data: industryCodes } = useIndustryCodes(["acquiring"], i18n.language);
+  const { data: normalizedTasks } = useTaskStatus({
+    refetchInterval: TASK_STATUS_POLLING_INTERVAL_MS
+  });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StackLayout, { align: "center", gap: "none", children: [
       /* @__PURE__ */ jsx(
@@ -1161,7 +1223,7 @@ const ExistingBusinessLines = ({
         {
           title: t(($) => $["businessLines"]),
           description: t(($) => $["businessLinesGettingStarted"]),
-          status: TaskStatuses.FINISHED,
+          status: normalizedTasks?.ACQUIRING_BUSINESS_LINE?.status,
           align: "center"
         }
       ),
@@ -1181,7 +1243,8 @@ const ExistingBusinessLines = ({
       {
         businessLine,
         setShowBusinessLineInfo,
-        setAddingBusinessLines
+        setAddingBusinessLines,
+        hideIndustryCode: industryCodes?.length === 1
       }
     )
   ] });
@@ -1203,6 +1266,7 @@ const BusinessLinesList = ({
     selectedBusinessLine.value = void 0;
     setAddingBusinessLines(true);
   };
+  const canAddNewBusinessLine = businessLines2.length <= 200 && !isExperimentEnabled("EnableLimitToSingleBusinessLine") && hasSelectableIndustryCodes && !!existingBusinessLines && !!industryCodes;
   return /* @__PURE__ */ jsx("div", { className: styles.businessLinesListContainer, children: /* @__PURE__ */ jsxs(StackLayout, { children: [
     /* @__PURE__ */ jsx(List, { dividers: false, variant: "grouped-primary", padding: "small", children: businessLines2.map((bl, index) => {
       const handleBusinessLineSelection = (bl2) => {
@@ -1212,7 +1276,7 @@ const BusinessLinesList = ({
       return /* @__PURE__ */ jsx(
         ListItem,
         {
-          title: `${bl.industryCode} - ${bl.industryCodeDescription}`,
+          title: industryCodes?.length === 1 ? t(($) => $["salesChannels"], { ns: "common" }) : `${bl.industryCode} - ${bl.industryCodeDescription}`,
           description: `${bl.salesChannels?.map((i) => t(($) => $[i], { ns: "businessLines" })).join(", ")}`,
           avatar: { iconName: "bag", circle: true },
           action: {
@@ -1223,27 +1287,27 @@ const BusinessLinesList = ({
         index
       );
     }) }),
-    !isExperimentEnabled("EnableLimitToSingleBusinessLine") && /* @__PURE__ */ jsx(List, { dividers: false, variant: "grouped-primary", padding: "small", children: /* @__PURE__ */ jsx(
+    canAddNewBusinessLine && /* @__PURE__ */ jsx(List, { dividers: false, variant: "grouped-primary", padding: "small", children: /* @__PURE__ */ jsx(
       ListItem,
       {
         title: t(($) => $["addNew"]),
         avatar: { iconName: "plus", circle: true, variant: "tertiary" },
         action: {
-          onClick: () => addNewBusinessLine(),
-          disabled: businessLines2.length >= 200 || !!industryCodes && !hasSelectableIndustryCodes
-          // Users can have max of 200 BL
+          onClick: () => addNewBusinessLine()
         }
       }
     ) })
   ] }) });
 };
 function BusinessLinesDropin({
+  taskType,
   handleHomeClick,
   rootLegalEntity
 }) {
   const capabilityProblems = useCapabilityProblems();
   const { showToast } = useToastContext();
   const queryClient = useQueryClient();
+  const userEvents = useAnalyticsContext();
   const { mutateAsync: createBusinessLine, status: createBusinessLineStatus } = useCreateBusinessLine();
   const { mutateAsync: updateBusinessLine, status: updateBusinessLineStatus } = useUpdateBusinessLine();
   const {
@@ -1255,11 +1319,15 @@ function BusinessLinesDropin({
   const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, rootLegalEntity.id) : void 0;
   const [addingBusinessLines, setAddingBusinessLines] = useState(false);
   const [derivedProps, setDerivedProps] = useState();
-  const { t } = useTranslation(["businessLines", "common"]);
+  const { t, i18n } = useTranslation(["businessLines", "common"]);
+  const { data: industryCodes, isFetching: isFetchingIndustryCodes } = useIndustryCodes(
+    businessLineTypes,
+    i18n.language
+  );
   const hasExistingBusinessLines = (businessLines2?.length ?? 0) > 0;
   const hasBusinessLineData = hasExistingBusinessLines || !!selectedBusinessLine.value;
   const multiForm = useMultiForm({
-    defaultData: mapBusinessLineToBusinessLineSchema(selectedBusinessLine),
+    defaultData: mapBusinessLineToBusinessLineSchema(selectedBusinessLine, industryCodes ?? []),
     requiredFields: derivedProps?.requiredFields,
     optionalFields: derivedProps?.optionalFields,
     allFields: derivedProps?.allFields,
@@ -1271,6 +1339,12 @@ function BusinessLinesDropin({
     () => rules({ data, country }),
     [data, country]
   );
+  useEffect(() => {
+    userEvents.updateBaseTrackingPayload({ task: taskType });
+    userEvents.addTaskEvent("Landed on page", {
+      actionType: "start"
+    });
+  }, []);
   useEffect(() => {
     const props = getPropsFromConfigurations({
       scenarioConfiguration: businessLinesConfigurations,
@@ -1292,7 +1366,8 @@ function BusinessLinesDropin({
         optionalFields: derivedProps?.optionalFields || {},
         isValid: formValidity || {},
         problems: problems || {},
-        data
+        data,
+        industryCodes
       }
     });
   }, [
@@ -1301,7 +1376,8 @@ function BusinessLinesDropin({
     formValidity,
     problems,
     data,
-    country
+    country,
+    industryCodes
   ]);
   const summaryData = useMemo(
     () => formatBusinessLinesDataForSummary(
@@ -1311,7 +1387,7 @@ function BusinessLinesDropin({
           industryCodes: "industry"
         },
         salesChannelsForm: {
-          salesChannels: "salesChannelsParentheticalPlural"
+          salesChannels: "salesChannels"
         },
         sctaForm: {
           sctaUrl: "japaneseCommercialDisclosureWebpage"
@@ -1333,6 +1409,7 @@ function BusinessLinesDropin({
   const handleSubmit = async () => {
     try {
       await submitBusinessLines({
+        userEvents,
         selectedBusinessLine,
         data,
         createBusinessLine,
@@ -1364,15 +1441,9 @@ function BusinessLinesDropin({
     return [.../* @__PURE__ */ new Set([...existingSalesChannels, ...selectedSalesChannels ?? []])];
   }, [existingSalesChannels, selectedSalesChannels]);
   const isAddingNewSalesChannels = hasBusinessLineData && activeForm.formId === "salesChannelsForm" && hasNewSalesChannels;
-  usePciQuestionnaireList({
-    enabled: false
-  });
-  const { isLoading: pciStatusLoading } = usePciStatus(
-    { additionalSalesChannels: allSalesChannels },
-    {
-      enabled: false
-    }
-  );
+  const [pciCheckInFlight, setPciCheckInFlight] = useState(false);
+  usePciQuestionnaireList({ enabled: false });
+  usePciStatus({ additionalSalesChannels: allSalesChannels }, { enabled: false });
   const handleCancelClick = () => {
     if (hasExistingBusinessLines) {
       setAddingBusinessLines(false);
@@ -1385,23 +1456,29 @@ function BusinessLinesDropin({
   const overrideNextClick = async () => {
     if (!activeForm.isValid) return handleNextClick();
     if (isAddingNewSalesChannels) {
-      const questionnaireList = await queryClient.fetchQuery({
-        queryKey: ["pciQuestionnaireList"]
-      });
-      if (questionnaireList?.data?.length) {
-        const pciResponse = await queryClient.fetchQuery({
-          queryKey: ["pciStatus", { additionalSalesChannels: allSalesChannels }]
+      try {
+        setPciCheckInFlight(true);
+        const questionnaireList = await queryClient.fetchQuery({
+          queryKey: ["pciQuestionnaireList"]
         });
-        if (pciResponse?.signingRequired === true) {
-          shouldSignNewPci.value = true;
-          return;
+        if (questionnaireList?.data?.length) {
+          const pciResponse = await queryClient.fetchQuery({
+            queryKey: ["pciStatus", { additionalSalesChannels: allSalesChannels }]
+          });
+          if (pciResponse?.signingRequired) {
+            shouldSignNewPci.value = true;
+            return;
+          }
         }
+      } finally {
+        setPciCheckInFlight(false);
       }
     }
     return handleNextClick();
   };
   const renderContent = () => {
-    if (!addingBusinessLines && isFetchingBusinessLines) return /* @__PURE__ */ jsx(Loader, { size: "large" });
+    if (!addingBusinessLines && (isFetchingBusinessLines || isFetchingIndustryCodes))
+      return /* @__PURE__ */ jsx(Loader, { size: "large" });
     if (addingBusinessLines) {
       return /* @__PURE__ */ jsx(FormContextProvider, { form: multiForm, children: /* @__PURE__ */ jsx(
         FormFlow,
@@ -1421,7 +1498,7 @@ function BusinessLinesDropin({
           handleBackClick,
           handleCancelClick,
           loadingStatus: showLoader ? "loading" : "success",
-          nextButtonLoading: isAddingNewSalesChannels && pciStatusLoading,
+          nextButtonLoading: pciCheckInFlight,
           children: /* @__PURE__ */ jsx(
             BusinessLines,
             {
@@ -1462,7 +1539,14 @@ const RootBusinessLinesPage = ({ handleHomeClick }) => {
   if (!rootLe) {
     return /* @__PURE__ */ jsx(Loader, {});
   }
-  return /* @__PURE__ */ jsx(BusinessLinesDropin, { handleHomeClick, rootLegalEntity: rootLe });
+  return /* @__PURE__ */ jsx(
+    BusinessLinesDropin,
+    {
+      handleHomeClick,
+      rootLegalEntity: rootLe,
+      taskType: TaskTypes.ACQUIRING_BUSINESS_LINE
+    }
+  );
 };
 export {
   RootBusinessLinesPage

package/dist/{RootIndividualDetailsPage-D4hpO1W0.js → RootIndividualDetailsPage-CU0ERRgH.js}

@@ -2,17 +2,17 @@
 {
   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] = "f9d749ef-1998-4414-9547-c06f5b1c475c", e._sentryDebugIdIdentifier = "sentry-dbid-f9d749ef-1998-4414-9547-c06f5b1c475c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c9e115d0-2188-4d59-8919-0326e3c1ba42", e._sentryDebugIdIdentifier = "sentry-dbid-c9e115d0-2188-4d59-8919-0326e3c1ba42");
   } catch (e) {
   }
 }
 ;
-import { c as useLegalEntity, R as ROOT_LE, X as useExperimentsContext, K as useAccountHolder, u as useTranslation, a as addResourceBundles, L as Loader, g as getLegalEntityCountry, q as isPartOfTrustFromLegalEntity, M as EntityTypes, al as isOnfidoAutofillFlowEnabled, a5 as noop, O as TaskTypes, _ as __variableDynamicImportRuntimeHelper, bt as individualOnfidoBaseMapping, b5 as individualComponentsKeyMapping } from "./StoreProvider-DTMSAVgy.js";
+import { c as useLegalEntity, m as useAccountHolder, u as useTranslation, a as addResourceBundles, L as Loader, g as getLegalEntityCountry, J as isPartOfTrustFromLegalEntity, a8 as EntityTypes, a7 as noop, j as TaskTypes, R as ROOT_LE, _ as __variableDynamicImportRuntimeHelper, b8 as individualOnfidoBaseMapping } from "./StoreProvider-DwuHWsNs.js";
 import { jsx } from "preact/jsx-runtime";
-import { i as useCapabilityProblems, j as getProblemsForEntity } from "./Spacer-BT5nYRXK.js";
-import { f as filterProblemsByTaskForms } from "./OnboardingDropinComponent-Cu2pv74K.js";
-import { g as getTrustedFieldsProvider, E as getTrustedFields, o as individualOnfidoForms, p as individualForms } from "./IndividualOnfido-BxhmIQwc.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-Cy08-w8F.js";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-Cx2uHyD0.js";
+import { f as filterProblemsByTaskForms } from "./filterProblemsByTaskForms-Cz7iQtms.js";
+import { g as getTrustedFieldsProvider, b as getTrustedFields } from "./getTrustedFields-C5-mXl-l.js";
+import { I as IndividualOnfidoDropin, i as individualOnfidoForms } from "./IndividualDropin-D_UTW3Pt.js";
 function RootIndividualDetailsPage({
   asModal = false,
   hideSidebar = false,
@@ -25,11 +25,10 @@ function RootIndividualDetailsPage({
 }) {
   const { data: rootLe } = useLegalEntity(ROOT_LE);
   const capabilityProblems = useCapabilityProblems();
-  const { isExperimentEnabled } = useExperimentsContext();
   const { accountHolder } = useAccountHolder();
   const { i18n } = useTranslation();
   addResourceBundles(i18n, [
-    { ns: "individual", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-DvZ431fC.js"), "../language/de-DE.json": () => import("./de-DE-0uSzhWg5.js"), "../language/en-US.json": () => import("./en-US-fyGPkcqX.js"), "../language/es-ES.json": () => import("./es-ES-B7dt4cn7.js"), "../language/fi-FI.json": () => import("./fi-FI-REMsyTSr.js"), "../language/fr-FR.json": () => import("./fr-FR-CvHWmim-.js"), "../language/it-IT.json": () => import("./it-IT-BeX7-OcD.js"), "../language/ja-JP.json": () => import("./ja-JP-D1vtig2x.js"), "../language/nl-NL.json": () => import("./nl-NL-CM5U8ODq.js"), "../language/no-NO.json": () => import("./no-NO-BQL_M1pn.js"), "../language/pt-BR.json": () => import("./pt-BR-AZ3roErF.js"), "../language/sl-SI.json": () => import("./sl-SI-C0wSbuau.js"), "../language/sv-SE.json": () => import("./sv-SE-DtKjf4Go.js") }), `../language/${lang}.json`, 3) }
+    { ns: "individual", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-DvZ431fC.js"), "../language/de-DE.json": () => import("./de-DE-0uSzhWg5.js"), "../language/en-US.json": () => import("./en-US-cVpRgdC8.js"), "../language/es-ES.json": () => import("./es-ES-B7dt4cn7.js"), "../language/fi-FI.json": () => import("./fi-FI-REMsyTSr.js"), "../language/fr-FR.json": () => import("./fr-FR-CvHWmim-.js"), "../language/it-IT.json": () => import("./it-IT-BeX7-OcD.js"), "../language/ja-JP.json": () => import("./ja-JP-B3wVYIJU.js"), "../language/nl-NL.json": () => import("./nl-NL-CM5U8ODq.js"), "../language/no-NO.json": () => import("./no-NO-BQL_M1pn.js"), "../language/pt-BR.json": () => import("./pt-BR-AZ3roErF.js"), "../language/sl-SI.json": () => import("./sl-SI-C0wSbuau.js"), "../language/sv-SE.json": () => import("./sv-SE-DtKjf4Go.js") }), `../language/${lang}.json`, 3) }
   ]);
   if (!rootLe) {
     return /* @__PURE__ */ jsx(Loader, {});
@@ -37,18 +36,10 @@ function RootIndividualDetailsPage({
   const country = getLegalEntityCountry(rootLe);
   const hasTrust = accountHolder === "aTrust" || isPartOfTrustFromLegalEntity(rootLe);
   const entityProblems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, rootLe.id) : void 0;
-  const isOnfidoAutofillFlow = isOnfidoAutofillFlowEnabled(
-    country,
-    TaskTypes.INDIVIDUAL,
-    isExperimentEnabled
-  );
-  const initialForms = Object.keys(isOnfidoAutofillFlow ? individualOnfidoForms : individualForms);
+  const initialForms = Object.keys(individualOnfidoForms);
   const problemsByTask = filterProblemsByTaskForms(entityProblems, initialForms);
   const trustedFieldsProvider = getTrustedFieldsProvider(rootLe);
-  const trustedFields = getTrustedFields(
-    rootLe,
-    isOnfidoAutofillFlow ? individualOnfidoBaseMapping : individualComponentsKeyMapping
-  );
+  const trustedFields = getTrustedFields(rootLe, individualOnfidoBaseMapping);
   const props = {
     taskType: TaskTypes.INDIVIDUAL,
     taskName: hasTrust ? "individualTrusteeDetails" : "individualDetails",
@@ -64,7 +55,7 @@ function RootIndividualDetailsPage({
     handleCloseClick,
     handleHomeClick
   };
-  return isOnfidoAutofillFlow ? /* @__PURE__ */ jsx(IndividualOnfidoDropin, { ...props, trustedFields }) : /* @__PURE__ */ jsx(IndividualDropin, { ...props, trustedFields });
+  return /* @__PURE__ */ jsx(IndividualOnfidoDropin, { ...props, trustedFields });
 }
 export {
   RootIndividualDetailsPage