@adyen/kyc-components 3.85.0 → 3.86.0-beta.0

package/dist/{RootBusinessLinesPage-D-YRRyIW.js → RootBusinessLinesPage-CJUpoVy5.js}

@@ -2,37 +2,35 @@
 {
   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] = "0966f7ba-2f19-48b4-8d7f-175b0ae33dd5", e._sentryDebugIdIdentifier = "sentry-dbid-0966f7ba-2f19-48b4-8d7f-175b0ae33dd5");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "42335460-467d-4ad0-a095-73de6e5aed47", e._sentryDebugIdIdentifier = "sentry-dbid-42335460-467d-4ad0-a095-73de6e5aed47");
   } catch (e) {
   }
 }
 ;
-import { b as useApiContext, aD as useMutation, k as httpPost, u as useTranslation, x as Typography, aC as entriesOf, N as createLogger, B as Button, O as TaskStatuses, J as EntityTypes, L as Loader, c as useLegalEntity, R as ROOT_LE, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-BYjTSjnX.js";
+import { b as useApiContext, a2 as useMutation, k as httpPost, u as useTranslation, y as Typography, a0 as entriesOf, P as createLogger, B as Button, aS as httpDelete, $ as useExperimentsContext, L as Loader, U as TaskStatuses, M as EntityTypes, c as useLegalEntity, R as ROOT_LE, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-CWnZNw9D.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useRef, useState, useCallback, useMemo, useEffect } from "preact/hooks";
-import { l as useBusinessLines } from "./OnboardingDropinComponent-IKzrTT3r.js";
-import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-DrrsFJH7.js";
-import { u as useToastContext } from "./useToastContext-DHgUoF6x.js";
-import { g as getPropsFromConfigurations } from "./process-field-configurations-CiECrUSj.js";
-import { g as getRequiredForms, a as addValidityToForms, t as trackNavigation, u as useFormComposer } from "./dropinUtils-CCEDaAJW.js";
-import { u as useMultiForm } from "./useMultiForm-CU58VvHX.js";
-import { C as Checkbox, g as getAssociatedLeAnalyticsPayload } from "./analytics-DkXXx2b6.js";
-import { b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-BsOQ678Q.js";
-import { I as INDUSTRY_CODE_FIELD, i as industryCodeFieldMetadata, a as IndustryCodeField, D as Divider } from "./Divider-DiS12D_i.js";
-import { A as Avatar } from "./Avatar-CrL6cVDB.js";
+import { a4 as INDUSTRY_CODE_FIELD, P as industryCodeFieldMetadata, a5 as IndustryCodeField, aE as useBusinessLines, aF as Divider, aG as selectedBusinessLine, aH as useIndustryCodes } from "./OnboardingDropinComponent-D-tQ12Sy.js";
+import { F as FormContextProvider, a as FormFlow } from "./FormFlow-A9b0QEcM.js";
+import { u as useToastContext } from "./useToastContext-CCxuinr_.js";
+import { g as getPropsFromConfigurations } from "./process-field-configurations-D2EUZow3.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-L9qJuAw0.js";
+import { u as useMultiForm } from "./useMultiForm-GpoMvhwU.js";
+import { x as createFormRules, I as Image, i as useCapabilityProblems, k as getProblemsForEntity } from "./fieldConfigurations-DVV23oeM.js";
+import { A as Avatar } from "./Avatar-zXT7v3KF.js";
 import cx from "classnames";
-import { K as KEYBOARD_KEYS, M as Modal } from "./Modal-ConNvgj4.js";
-import { F as Field } from "./useForm-CNi1k1NR.js";
-import { I as InputText } from "./InputText-EX5kyD9L.js";
-import { m as mergeFieldMetadataIntoProps, c as createFormUtils, H as Header, S as StackLayout, L as List } from "./CountryField-CFppUh42.js";
+import { K as KEYBOARD_KEYS, M as Modal } from "./Modal-C9aImxis.js";
+import { F as Field } from "./trackNavigation-gyYoCNvj.js";
+import { C as Checkbox } from "./debouncedInputEvent-B3Lwtvx_.js";
+import { I as InputText } from "./InputText-BG-TiSNN.js";
+import { m as mergeFieldMetadataIntoProps, c as createFormUtils, H as Header, a as Link, S as StackLayout, L as List } from "./CountryField-Bv9P8dRJ.js";
+import { i as useFormContext } from "./Address-ChPj2pfR.js";
 import { lazy } from "preact/compat";
-import { I as Image } from "./Image-BhBefhke.js";
-import { L as LandingLayout } from "./LandingLayout-Ca68Z9DA.js";
-import { L as ListItem } from "./ListItem-pn0XFAz_.js";
-import { L as Link } from "./Link-BS6Zpegg.js";
-import { S as StructuredList } from "./useDataset-C0A9qR_N.js";
+import { R as LandingLayout } from "./IndividualOnfido-BMIkKHvJ.js";
+import { L as ListItem } from "./ListItem-DIDj0vuO.js";
+import { S as StructuredList, C as Confirm } from "./useDataset-C4vcroxo.js";
 import { D as DetailViewLayout } from "./DetailViewLayout-Z9cuUp4X.js";
-import { C as Card } from "./Card-N9psV2kP.js";
+import { C as Card } from "./Card-Bz2B4J0v.js";
 const createBusinessLine = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -49,6 +47,31 @@ const useCreateBusinessLine = (options) => {
     ...options
   });
 };
+const updateBusinessLine = async (legalEntityId, baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${legalEntityId}/businessLines/${data.id}`
+    },
+    data
+  );
+};
+const useUpdateBusinessLine = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useMutation({
+    mutationFn: (data) => updateBusinessLine(rootLegalEntityId.value, baseUrl.value, data),
+    ...options
+  });
+};
+const rules = ({ data }) => {
+  return createFormRules({
+    webAddressRequired: () => {
+      if ((data.salesChannelsForm.salesChannels?.includes("eCommerce") || data.salesChannelsForm.salesChannels?.includes("ecomMoto")) && !data.salesChannelsForm.webExempt) {
+        return "REQUIRED";
+      }
+    }
+  });
+};
 const window = "adyen-kyc-window";
 const item = "adyen-kyc-item";
 const selectedItem = "adyen-kyc-selectedItem";
@@ -237,7 +260,8 @@ function SalesChannels({
     setSelectedCards(selectedIds);
     handleChangeFor("salesChannels", "blur")(selectedIds);
     if (!salesChannelsWithWebData.some((channel) => selectedIds.includes(channel))) {
-      handleChangeFor("webData")({ webAddress: void 0, exempt: true });
+      handleChangeFor("webAddress")(void 0);
+      handleChangeFor("webExempt")(void 0);
     }
   };
   return /* @__PURE__ */ jsx(
@@ -291,7 +315,7 @@ function SalesChannelCard({ channel, selected }) {
     ] })
   ] });
 }
-const WEB_DATA_FIELD = ["webData"];
+const WEB_DATA_FIELD = ["webAddress", "webExempt"];
 function WebDataField({ data, valid, errors, labels, handleChangeFor }) {
   const { t } = useTranslation("common");
   const handleKeyDown = (e) => {
@@ -300,37 +324,40 @@ function WebDataField({ data, valid, errors, labels, handleChangeFor }) {
     }
   };
   const handleWebDataChange = (e, mode) => {
-    const webAddress = {
-      exempt: false,
-      webAddress: typeof e === "string" ? e : e.target?.value
-    };
-    handleChangeFor("webData", mode)(webAddress);
+    handleChangeFor(
+      "webAddress",
+      mode
+    )(typeof e === "string" ? e : e.target?.value);
   };
   const handleWebDataExemptChange = () => {
-    if (data.webData?.exempt === true) {
-      handleChangeFor("webData")({ exempt: false, webAddress: void 0 });
-    } else handleChangeFor("webData")({ exempt: true, webAddress: void 0 });
+    if (data.webExempt === true) {
+      handleChangeFor("webAddress")(void 0);
+      handleChangeFor("webExempt")(false);
+    } else {
+      handleChangeFor("webAddress")(void 0);
+      handleChangeFor("webExempt")(true);
+    }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Field,
       {
         name: "webAddress",
-        label: labels?.webData ?? t(($) => $["businessUrl"]),
-        errorMessage: errors.webData,
-        isValid: valid.webData,
+        label: labels?.webAddress ?? t(($) => $["businessUrl"]),
+        errorMessage: errors.webAddress,
+        isValid: valid.webAddress,
         children: (childProps) => /* @__PURE__ */ jsx(
           InputText,
           {
             ...childProps,
             name: "webAddress",
-            value: data.webData?.webAddress,
-            disabled: Boolean(data.webData?.exempt === true),
+            value: data.webAddress,
+            disabled: data.webExempt === true,
             onInput: (e) => handleWebDataChange(e, "input"),
             onBlur: (e) => handleWebDataChange(e, "blur"),
             onKeyDown: handleKeyDown,
-            isValid: valid.webData,
-            placeholder: data.webData?.exempt ? void 0 : "https://"
+            isValid: valid.webAddress,
+            placeholder: data.webExempt ? void 0 : "https://"
           }
         )
       }
@@ -341,7 +368,7 @@ function WebDataField({ data, valid, errors, labels, handleChangeFor }) {
         ...childProps,
         name: "webDataExempt",
         label: t(($) => $["iDontHaveAWebsite"]),
-        checked: data.webData?.exempt ?? false,
+        checked: data.webExempt ?? false,
         onChange: handleWebDataExemptChange
       }
     ) })
@@ -367,7 +394,7 @@ const formatBusinessLinesDataForSummary = (data, labels, t) => {
             ...salesChannelsWithWebData.some(
               (channel) => data.salesChannelsForm.salesChannels?.includes(channel)
             ) && {
-              [labels.salesChannelsForm.webData ?? "businessUrl"]: data.salesChannelsForm.webData?.webAddress ? data.salesChannelsForm.webData?.webAddress : "None"
+              [labels.salesChannelsForm.webAddress ?? "businessUrl"]: data.salesChannelsForm.webAddress ? data.salesChannelsForm.webAddress : t(($) => $["iDontHaveAWebsite"])
             }
           }
         };
@@ -380,7 +407,8 @@ const salesChannelsWithWebData = ["eCommerce", "ecomMoto"];
 const businessLinesConfigurations = {
   industryCodes: { rule: "REQUIRED" },
   salesChannels: { rule: "REQUIRED" },
-  webData: { rule: "REQUIRED" }
+  webAddress: { rule: "webAddressRequired" },
+  webExempt: { rule: "OPTIONAL" }
 };
 const businessLinesForms = {
   industryCodesForm: {
@@ -394,50 +422,91 @@ const businessLinesForms = {
     fields: [...SALES_CHANNELS_FIELD, ...WEB_DATA_FIELD]
   }
 };
+const mapBusinessLineToBusinessLineSchema = (selectedBusinessLine2) => {
+  return {
+    industryCodesForm: {
+      industryCodes: selectedBusinessLine2.value ? [
+        {
+          id: selectedBusinessLine2.value.industryCode,
+          name: `${selectedBusinessLine2.value.industryCode} - ${selectedBusinessLine2.value.industryCodeDescription}`
+        }
+      ] : void 0
+    },
+    salesChannelsForm: {
+      salesChannels: selectedBusinessLine2.value?.salesChannels ?? [],
+      webAddress: selectedBusinessLine2.value?.webData?.[0].webAddress,
+      // only 1 web address currently possible
+      webExempt: selectedBusinessLine2.value?.webDataExemption?.reason ? true : void 0
+    }
+  };
+};
 const submitBusinessLines = async ({
+  selectedBusinessLine: selectedBusinessLine2,
   legalEntityId,
   data,
   createBusinessLine: createBusinessLine2,
   fetchBusinessLines,
+  updateBusinessLine: updateBusinessLine2,
   showToast,
   t
 }) => {
   const requiresWebData = salesChannelsWithWebData.some(
     (channel) => data.salesChannelsForm.salesChannels?.includes(channel)
   );
+  const commonPayload = {
+    legalEntityId,
+    service: "paymentProcessing",
+    salesChannels: data.salesChannelsForm.salesChannels ?? [],
+    webData: requiresWebData && data.salesChannelsForm.webAddress ? [{ webAddress: data.salesChannelsForm.webAddress }] : void 0,
+    webDataExemption: requiresWebData && data.salesChannelsForm.webExempt ? { reason: "noOnlinePresence" } : void 0
+  };
   try {
-    const payloads = (data.industryCodesForm.industryCodes ?? []).map(
-      (i) => ({
+    if (!selectedBusinessLine2?.value) {
+      const payloads = (data.industryCodesForm.industryCodes ?? []).map((i) => ({
         industryCode: i.id,
-        legalEntityId,
-        service: "paymentProcessing",
-        salesChannels: data.salesChannelsForm.salesChannels ? data.salesChannelsForm.salesChannels : void 0,
-        webData: requiresWebData && data.salesChannelsForm.webData?.webAddress ? [{ webAddress: data.salesChannelsForm.webData.webAddress }] : void 0,
-        webDataExemption: requiresWebData && data.salesChannelsForm.webData?.exempt ? { reason: "noOnlinePresence" } : void 0
-      })
-    );
-    const results = await Promise.allSettled(
-      payloads.map((payload) => createBusinessLine2(payload))
-    );
-    let failureCount = 0;
-    results.forEach((result, index) => {
-      if (result.status === "rejected") {
-        failureCount++;
-        logger.error(
-          `Failed to create business line with associated industry code: ${payloads[index].industryCode}`
-        );
-      }
-    });
-    if (failureCount > 0) {
-      showToast({
-        label: t(($) => $[`businessLinesFailure`], { failuresLength: failureCount }),
-        variant: "error"
+        ...commonPayload
+      }));
+      const results = await Promise.allSettled(
+        payloads.map((payload) => createBusinessLine2(payload))
+      );
+      let failureCount = 0;
+      results.forEach((result, index) => {
+        if (result.status === "rejected") {
+          failureCount++;
+          logger.error(
+            `Failed to create business line with associated industry code: ${payloads[index].industryCode}`
+          );
+        }
       });
+      if (failureCount > 0) {
+        showToast({
+          label: t(($) => $[`businessLinesCreationFailure`], { failuresLength: failureCount }),
+          variant: "error"
+        });
+      } else {
+        showToast({
+          label: t(($) => $[`businessLinesCreationSuccess`]),
+          variant: "success"
+        });
+      }
     } else {
-      showToast({
-        label: t(($) => $[`businessLinesSuccess`]),
-        variant: "success"
-      });
+      const updatePayload = {
+        id: selectedBusinessLine2.value.id,
+        industryCode: data.industryCodesForm.industryCodes[0].id,
+        ...commonPayload
+      };
+      try {
+        await updateBusinessLine2(updatePayload);
+        showToast({
+          label: t(($) => $[`businessLineUpdateSuccess`]),
+          variant: "success"
+        });
+      } catch {
+        showToast({
+          label: t(($) => $[`businessLineUpdateFailure`]),
+          variant: "error"
+        });
+      }
     }
   } finally {
     await fetchBusinessLines();
@@ -458,13 +527,13 @@ const businessLinesValidators = {
       },
       errorMessage: "fieldIsRequired"
     },
-    webData: {
+    webAddress: {
       modes: ["blur"],
       validate: (val) => {
-        if (val?.exempt === true) return true;
-        return !!val?.webAddress && new RegExp(
+        if (!val) return false;
+        return new RegExp(
           /^(https?:\/\/)([\da-z.-]+)\.([a-z.]{2,6})([:\d]*)([/\w .-]*)*\/?(\?[\w %&=.]*)?#?([\w]*)?$/i
-        ).test(val.webAddress);
+        ).test(val);
       },
       errorMessage: "validationPleaseEnterAValidUrl"
     }
@@ -601,8 +670,8 @@ function SalesChannelsForm({
           validationErrors,
           WEB_DATA_FIELD
         ),
-        labels: formUtils.getFieldLabels(WEB_DATA_FIELD, { webData: "businessUrl" }),
-        readonly: formUtils.isReadOnly("webData"),
+        labels: formUtils.getFieldLabels(WEB_DATA_FIELD, { webAddress: "businessUrl" }),
+        readonly: formUtils.isReadOnly("webAddress"),
         handleChangeFor
       }
     )
@@ -658,49 +727,92 @@ const BusinessLinesGettingStarted = ({
     }
   );
 };
-const businessLineModalContent = "adyen-kyc-business-line-modal-content";
-const businessLineCard = "adyen-kyc-business-line-card";
+const deleteBusinessLine = async (legalEntityId, baseUrl, businessLineId) => {
+  return httpDelete({
+    baseUrl,
+    path: `legalEntities/${legalEntityId}/businessLines/${businessLineId}`
+  });
+};
+const useDeleteBusinessLine = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useMutation({
+    mutationFn: (businessLineId) => deleteBusinessLine(rootLegalEntityId.value, baseUrl.value, businessLineId),
+    ...options
+  });
+};
+const businessLineModalContent = "adyen-kyc-business-line__modal-content";
+const businessLineCard = "adyen-kyc-business-line__card";
+const businessLineActions = "adyen-kyc-business-line__actions";
 const styles$1 = {
   businessLineModalContent,
-  businessLineCard
+  businessLineCard,
+  businessLineActions
 };
 const BusinessLineModal = ({
-  businessLineInfo,
-  setShowBusinessLineInfo
+  businessLine,
+  setShowBusinessLineInfo,
+  setAddingBusinessLines
 }) => {
   const { t } = useTranslation(["common", "businessLines"]);
+  const { showToast } = useToastContext();
+  const { isExperimentEnabled } = useExperimentsContext();
+  const { mutateAsync: deleteBusinessLine2, status: deleteStatus } = useDeleteBusinessLine();
+  const { refetch: fetchBusinessLines, status: fetchingStatus } = useBusinessLines();
+  const showLoader = deleteStatus === "pending" || fetchingStatus === "pending";
+  const [openDeleteModal, setOpenDeleteModal] = useState(false);
   const blInfoItems = [
     {
       term: t(($) => $["salesChannelsParentheticalPlural"]),
-      details: businessLineInfo?.salesChannels?.map((i) => t(($) => $[i])).join(", ") ?? ""
+      details: businessLine?.salesChannels?.map((i) => t(($) => $[i])).join(", ") ?? ""
     },
-    ...businessLineInfo?.webData?.length ? [
+    ...businessLine?.webData?.length ? [
       {
         term: t(($) => $["businessUrl"]),
-        details: businessLineInfo.webData.map((i) => {
+        details: businessLine.webData.map((i) => {
           if (!i.webAddress) return;
           return /* @__PURE__ */ jsx(Link, { href: i.webAddress, external: true, inline: true, children: i.webAddress }, i.webAddress);
         })
       }
     ] : [],
-    ...businessLineInfo?.webDataExemption?.reason ? [
+    ...businessLine?.webDataExemption?.reason ? [
       {
         term: t(($) => $["businessUrl"]),
         details: t(($) => $["iDontHaveAWebsite"])
       }
     ] : []
   ];
+  const editBusinessLine = (businessLine2) => {
+    selectedBusinessLine.value = businessLine2;
+    setAddingBusinessLines(true);
+  };
+  const confirmDeleteBusinessLine = async (businessLineId) => {
+    try {
+      await deleteBusinessLine2(businessLineId);
+    } catch {
+      showToast({
+        label: t(($) => $[`businessLineDeleteFailure`], { ns: "businessLines" }),
+        variant: "error"
+      });
+    } finally {
+      showToast({
+        label: t(($) => $[`businessLineDeleteSuccess`], { ns: "businessLines" }),
+        variant: "success"
+      });
+      await fetchBusinessLines();
+      setShowBusinessLineInfo(false);
+    }
+  };
   return /* @__PURE__ */ jsx(
     Modal,
     {
       ariaLabel: t(($) => $["businessLine"], { ns: "businessLines" }),
       onClose: () => setShowBusinessLineInfo(false),
-      children: /* @__PURE__ */ jsx("div", { className: styles$1.businessLineModalContent, children: /* @__PURE__ */ jsxs(DetailViewLayout, { title: t(($) => $["businessLine"], { ns: "businessLines" }), compact: true, children: [
+      children: /* @__PURE__ */ jsx("div", { className: styles$1.businessLineModalContent, children: showLoader ? /* @__PURE__ */ jsx(Loader, { size: "large" }) : /* @__PURE__ */ jsxs(DetailViewLayout, { title: t(($) => $["businessLine"], { ns: "businessLines" }), compact: true, children: [
         /* @__PURE__ */ jsx(
           ListItem,
           {
-            title: `${businessLineInfo?.industryCode} - description`,
-            description: `${businessLineInfo?.salesChannels?.map((i) => t(($) => $[i])).join(", ")}`,
+            title: `${businessLine?.industryCode} - ${businessLine?.industryCodeDescription}`,
+            description: `${businessLine?.salesChannels?.map((i) => t(($) => $[i])).join(", ")}`,
             avatar: { iconName: "bag", circle: true }
           }
         ),
@@ -715,7 +827,24 @@ const BusinessLineModal = ({
               /* @__PURE__ */ jsx(StructuredList, { items: blInfoItems })
             ] })
           }
-        )
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles$1.businessLineActions, children: [
+          isExperimentEnabled("EnableModifyBusinessLines") && /* @__PURE__ */ jsx(Button, { onClick: () => editBusinessLine(businessLine), children: t(($) => $["edit"], { ns: "common" }) }),
+          isExperimentEnabled("EnableDeleteBusinessLines") && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Button, { onClick: () => setOpenDeleteModal(true), variant: "secondary", children: t(($) => $["delete"], { ns: "common" }) }),
+            openDeleteModal && /* @__PURE__ */ jsx(
+              Confirm,
+              {
+                title: t(($) => $["deleteThisBusinessLine"], { ns: "businessLines" }),
+                confirmText: t(($) => $["delete"]),
+                onConfirm: () => confirmDeleteBusinessLine(businessLine.id),
+                onCancel: () => setOpenDeleteModal(false),
+                description: t(($) => $["thisActionCantBeUndone"]),
+                critical: true
+              }
+            )
+          ] })
+        ] })
       ] }) })
     }
   );
@@ -733,7 +862,7 @@ const ExistingBusinessLines = ({
 }) => {
   const { t } = useTranslation(["businessLines", "common"]);
   const [showBusinessLineInfo, setShowBusinessLineInfo] = useState(false);
-  const [businessLineInfo, setBusinessLineInfo] = useState();
+  const [businessLine, setBusinessLine] = useState();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StackLayout, { align: "center", gap: "none", children: [
       /* @__PURE__ */ jsx(
@@ -749,39 +878,45 @@ const ExistingBusinessLines = ({
         BusinessLinesList,
         {
           businessLines: businessLines2,
-          setBusinessLineInfo,
+          setBusinessLine,
           setShowBusinessLineInfo,
           setAddingBusinessLines
         }
       ),
       /* @__PURE__ */ jsx("div", { className: styles.goBackButtonContainer, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleCancelClick, fullWidth: true, children: t(($) => $["goBackToTaskList"], { ns: "common" }) }) })
     ] }),
-    showBusinessLineInfo && /* @__PURE__ */ jsx(
+    showBusinessLineInfo && businessLine && /* @__PURE__ */ jsx(
       BusinessLineModal,
       {
-        businessLineInfo,
-        setShowBusinessLineInfo
+        businessLine,
+        setShowBusinessLineInfo,
+        setAddingBusinessLines
       }
     )
   ] });
 };
 const BusinessLinesList = ({
   businessLines: businessLines2,
-  setBusinessLineInfo,
+  setBusinessLine,
   setShowBusinessLineInfo,
   setAddingBusinessLines
 }) => {
   const { t } = useTranslation(["common", "businessLines"]);
+  const { data: industryCodes } = useIndustryCodes(["acquiring"]);
+  const { data: existingBusinessLines } = useBusinessLines();
+  const existingCodes = existingBusinessLines?.map((b) => b.industryCode) || [];
+  const allCodes = industryCodes?.map((i) => i.code) || [];
+  const hasSelectableIndustryCodes = allCodes.some((code) => !existingCodes.includes(code));
   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) => {
-        setBusinessLineInfo(bl2);
+        setBusinessLine(bl2);
         setShowBusinessLineInfo(true);
       };
       return /* @__PURE__ */ jsx(
         ListItem,
         {
-          title: `${bl.industryCode} - description`,
+          title: `${bl.industryCode} - ${bl.industryCodeDescription}`,
           description: `${bl.salesChannels?.map((i) => t(($) => $[i])).join(", ")}`,
           avatar: { iconName: "bag", circle: true },
           action: {
@@ -799,7 +934,7 @@ const BusinessLinesList = ({
         avatar: { iconName: "plus", circle: true, variant: "tertiary" },
         action: {
           onClick: () => setAddingBusinessLines(true),
-          disabled: businessLines2.length >= 200
+          disabled: businessLines2.length >= 200 || !!industryCodes && !hasSelectableIndustryCodes
           // Users can have max of 200 BL
         }
       }
@@ -813,12 +948,13 @@ function BusinessLinesDropin({
   const capabilityProblems = useCapabilityProblems();
   const { showToast } = useToastContext();
   const { mutateAsync: createBusinessLine2, status: createBusinessLineStatus } = useCreateBusinessLine();
+  const { mutateAsync: updateBusinessLine2, status: updateBusinessLineStatus } = useUpdateBusinessLine();
   const {
     data: businessLines2,
     refetch: fetchBusinessLines,
     isFetching: isFetchingBusinessLines
   } = useBusinessLines();
-  const showLoader = createBusinessLineStatus === "pending" || isFetchingBusinessLines;
+  const showLoader = createBusinessLineStatus === "pending" || updateBusinessLineStatus === "pending" || isFetchingBusinessLines;
   const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, rootLegalEntity.id) : void 0;
   const [addingBusinessLines, setAddingBusinessLines] = useState(false);
   const [derivedProps, setDerivedProps] = useState();
@@ -827,25 +963,17 @@ function BusinessLinesDropin({
   const paymentProcessingBusinessLines = businessLines2?.filter((b) => b.service === "paymentProcessing") ?? [];
   const hasExistingBusinessLines = paymentProcessingBusinessLines?.length > 0;
   const multiForm = useMultiForm({
-    defaultData: {
-      industryCodesForm: {
-        industryCodes: []
-      },
-      salesChannelsForm: {
-        salesChannels: [],
-        webData: {
-          webAddress: void 0,
-          exempt: void 0
-        }
-      }
-    },
-    // TODO: MAP EXISTING DATA TO SCHEMA
+    defaultData: mapBusinessLineToBusinessLineSchema(selectedBusinessLine),
     requiredFields: derivedProps?.requiredFields,
     optionalFields: derivedProps?.optionalFields,
     allFields: derivedProps?.allFields,
     rules: businessLinesValidators
   });
   const { isValid: formValidity, triggerValidation, data, setFormData } = multiForm;
+  const customRules = useMemo(
+    () => rules({ data }),
+    [data]
+  );
   useEffect(() => {
     const props = getPropsFromConfigurations({
       scenarioConfiguration: businessLinesConfigurations,
@@ -853,11 +981,11 @@ function BusinessLinesDropin({
       remediationActions: problems?.remediationActions ? Object.values(problems?.remediationActions) : [],
       dataMissingErrors: problems?.missingData ?? [],
       fieldsWithExistingData: [],
-      customRules: {},
+      customRules,
       legalEntityType: rootLegalEntity?.type
     });
     setDerivedProps(props);
-  }, [problems, rootLegalEntity?.type]);
+  }, [customRules, problems, rootLegalEntity?.type]);
   const forms = useMemo(() => {
     const requiredForms = getRequiredForms(
       businessLinesForms,
@@ -881,51 +1009,47 @@ function BusinessLinesDropin({
     ),
     [data, t]
   );
-  const associatedLeTrackingParams = useMemo(
-    () => getAssociatedLeAnalyticsPayload({
-      associatedLegalEntity: rootLegalEntity
-    }),
-    [rootLegalEntity]
-  );
-  const handleTrackNavigation = useCallback(
-    (props) => {
-      trackNavigation({
-        ...props,
-        additionalTrackingParams: associatedLeTrackingParams
-      });
-    },
-    [associatedLeTrackingParams]
-  );
+  const clearBusinessLines = () => {
+    setFormData("industryCodesForm", { industryCodes: [] });
+    setFormData("salesChannelsForm", {
+      salesChannels: [],
+      webAddress: void 0,
+      webExempt: void 0
+    });
+    gotoFormByFormIndex(0);
+  };
   const handleSubmit = async () => {
     try {
       await submitBusinessLines({
+        selectedBusinessLine,
         data,
         createBusinessLine: createBusinessLine2,
-        legalEntityId: rootLegalEntity.id,
         fetchBusinessLines,
+        updateBusinessLine: updateBusinessLine2,
+        legalEntityId: rootLegalEntity.id,
         showToast,
         t: businessLinesT
       });
     } finally {
       setAddingBusinessLines(false);
-      setFormData("industryCodesForm", { industryCodes: [] });
-      setFormData("salesChannelsForm", {
-        salesChannels: [],
-        webData: {
-          webAddress: void 0,
-          exempt: void 0
-        }
-      });
-      gotoFormByFormIndex(0);
+      clearBusinessLines();
     }
   };
   const { handleNextClick, handleBackClick, activeForm, gotoFormByFormIndex, steps } = useFormComposer({
     problems,
-    navigationTrackingParams: associatedLeTrackingParams,
     forms,
     onSubmit: handleSubmit,
     triggerValidation
   });
+  const handleCancelClick = () => {
+    if (hasExistingBusinessLines) {
+      setAddingBusinessLines(false);
+    } else {
+      handleHomeClick?.();
+    }
+    selectedBusinessLine.value = void 0;
+    clearBusinessLines();
+  };
   const renderContent = () => {
     if (!addingBusinessLines && isFetchingBusinessLines) return /* @__PURE__ */ jsx(Loader, { size: "large" });
     if (addingBusinessLines) {
@@ -935,7 +1059,6 @@ function BusinessLinesDropin({
           summary: {
             data: summaryData,
             problems,
-            trackNavigation: handleTrackNavigation,
             useStructuredList: true
           },
           asModal: true,
@@ -946,7 +1069,7 @@ function BusinessLinesDropin({
           gotoFormByFormIndex,
           handleNextClick,
           handleBackClick,
-          handleCancelClick: hasExistingBusinessLines ? () => setAddingBusinessLines(false) : handleHomeClick,
+          handleCancelClick,
           loadingStatus: showLoader ? "loading" : "success",
           children: /* @__PURE__ */ jsx(BusinessLines, { activeForm, problems })
         }
@@ -976,7 +1099,7 @@ const RootBusinessLinesPage = ({ handleHomeClick }) => {
   const { data: rootLe } = useLegalEntity(ROOT_LE);
   const { i18n } = useTranslation();
   addResourceBundles(i18n, i18n.language, [
-    { ns: "businessLines", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-BIOMFPaW.js"), "../language/cs-CZ.json": () => import("./cs-CZ-DNWTRefA.js"), "../language/da-DK.json": () => import("./da-DK-D-PlwKvZ.js"), "../language/de-DE.json": () => import("./de-DE-4GAd_srm.js"), "../language/el-GR.json": () => import("./el-GR-Ddnh0NhQ.js"), "../language/en-US.json": () => import("./en-US-BCFNoF5y.js"), "../language/es-ES.json": () => import("./es-ES-C4lENXHH.js"), "../language/et-EE.json": () => import("./et-EE-3EQr-1cj.js"), "../language/fi-FI.json": () => import("./fi-FI-Byvvcxxq.js"), "../language/fr-FR.json": () => import("./fr-FR-E_UubsZ-.js"), "../language/hr-HR.json": () => import("./hr-HR-TVOgDkBf.js"), "../language/hu-HU.json": () => import("./hu-HU-DRONW_47.js"), "../language/it-IT.json": () => import("./it-IT-DuBLJIdz.js"), "../language/ja-JP.json": () => import("./ja-JP-CJ_j_HAA.js"), "../language/lt-LT.json": () => import("./lt-LT-CBBDNCnp.js"), "../language/lv-LV.json": () => import("./lv-LV-CtIe38WU.js"), "../language/nl-NL.json": () => import("./nl-NL-CE4l8R5l.js"), "../language/no-NO.json": () => import("./no-NO-B1_YJlMP.js"), "../language/pl-PL.json": () => import("./pl-PL-DGYFY42P.js"), "../language/pt-BR.json": () => import("./pt-BR-Co8OqKh-.js"), "../language/pt-PT.json": () => import("./pt-PT-pKLoM66X.js"), "../language/ro-RO.json": () => import("./ro-RO-D3rQ93wa.js"), "../language/sk-SK.json": () => import("./sk-SK-CmH1I1tp.js"), "../language/sl-SI.json": () => import("./sl-SI-hnlbW1OT.js"), "../language/sv-SE.json": () => import("./sv-SE-7Cbo1oic.js") }), `../language/${i18n.language}.json`, 3) }
+    { ns: "businessLines", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-BC1dwNN2.js"), "../language/cs-CZ.json": () => import("./cs-CZ-2foXfkBk.js"), "../language/da-DK.json": () => import("./da-DK-DU3_xdWg.js"), "../language/de-DE.json": () => import("./de-DE-BODG29hR.js"), "../language/el-GR.json": () => import("./el-GR-DcIdm3iK.js"), "../language/en-US.json": () => import("./en-US-DYo4OF-P.js"), "../language/es-ES.json": () => import("./es-ES-CMQqgMEJ.js"), "../language/et-EE.json": () => import("./et-EE-DcpuYQwB.js"), "../language/fi-FI.json": () => import("./fi-FI-4GTHkwOL.js"), "../language/fr-FR.json": () => import("./fr-FR-Ba-HRBQ7.js"), "../language/hr-HR.json": () => import("./hr-HR-BFx1T11G.js"), "../language/hu-HU.json": () => import("./hu-HU-GXvzHwu9.js"), "../language/it-IT.json": () => import("./it-IT-Bw3VIHJB.js"), "../language/ja-JP.json": () => import("./ja-JP-DI7lRfpI.js"), "../language/lt-LT.json": () => import("./lt-LT-ewVNPhQN.js"), "../language/lv-LV.json": () => import("./lv-LV-JqXvRt4T.js"), "../language/nl-NL.json": () => import("./nl-NL-DR1wVqQC.js"), "../language/no-NO.json": () => import("./no-NO-BZmigu6-.js"), "../language/pl-PL.json": () => import("./pl-PL-BKxhMICw.js"), "../language/pt-BR.json": () => import("./pt-BR-wAIdhUru.js"), "../language/pt-PT.json": () => import("./pt-PT-C1qHVe7L.js"), "../language/ro-RO.json": () => import("./ro-RO-juw6hKRk.js"), "../language/sk-SK.json": () => import("./sk-SK-BM57awWi.js"), "../language/sl-SI.json": () => import("./sl-SI-g2WSP0Tj.js"), "../language/sv-SE.json": () => import("./sv-SE-Cfs0NHgG.js") }), `../language/${i18n.language}.json`, 3) }
   ]);
   if (!rootLe) {
     return /* @__PURE__ */ jsx(Loader, {});