@adyen/kyc-components 3.91.0-beta.3 → 3.92.0-beta.0

package/dist/{FormFlow-DbFT9hyz.js → useFormContext-CbeJNsuq.js}

@@ -2,22 +2,23 @@
 {
   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] = "1e24de3b-37b3-4a2e-98ca-0ea8ce887a0e", e._sentryDebugIdIdentifier = "sentry-dbid-1e24de3b-37b3-4a2e-98ca-0ea8ce887a0e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "24420981-7385-4382-80c2-030bd3b0e2c3", e._sentryDebugIdIdentifier = "sentry-dbid-24420981-7385-4382-80c2-030bd3b0e2c3");
   } catch (e) {
   }
 }
 ;
-import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { useMemo, useRef, useState } from "preact/hooks";
-import { F as FormContext } from "./Address-60p2PM3m.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useMemo, useRef, useState, useContext } from "preact/hooks";
 import cx from "classnames";
-import { a3 as useAnalyticsContext, u as useTranslation, B as Button } from "./StoreProvider-1OKeIzng.js";
-import { L as LoaderWrapper } from "./useForm-toxM6BuV.js";
-import { M as MaybeModal } from "./MaybeModal-8Mje-dwb.js";
+import { V as useAnalyticsContext, u as useTranslation, B as Button } from "./StoreProvider-W47xsQUu.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-CvZ8iY1N.js";
+import { M as MaybeModal } from "./MaybeModal-sGLMQumb.js";
 import { P as ProgressBar } from "./ProgressBar-B7gTQncy.js";
-import { F as FormRouterContextProvider } from "./dropinUtils-B0EvVjy3.js";
-import { C as Confirm } from "./useDataset-CvqVm3C5.js";
-import { S as Summary } from "./Summary-DuyrspJx.js";
+import { F as FormRouterContextProvider } from "./dropinUtils-m7wayRwp.js";
+import { C as Confirm } from "./Confirm-Bf-PgAN9.js";
+import { S as Summary } from "./Summary-DN3ZoZ79.js";
+import { createContext } from "preact";
+const FormContext = createContext(null);
 function FormContextProvider({
   children,
   form
@@ -74,7 +75,6 @@ const FormFlow = ({
   const isFirstStep = currentStep === 0;
   const isLastStep = currentStep === totalSteps - 1;
   const isSingleStepForm = totalSteps < 2;
-  const hasProblems = summary?.problems?.verificationErrors !== void 0;
   const progress = Math.floor(currentStep / (totalSteps - 1) * 100);
   const scrollToTop = () => {
     if (contentRef.current) {
@@ -120,13 +120,6 @@ const FormFlow = ({
     setIsConfirmPresented(false);
     handleCancelClick?.();
   };
-  const handleSkip = () => {
-    userEvents.addPageEvent("Clicked button", {
-      actionType: "skip",
-      label: "skip"
-    });
-    gotoFormByFormIndex(currentStep + 1);
-  };
   const footerClassName = cx(styles.formFlowFooter, {
     [styles.formFlowFooterBorder]: isSingleStepForm
   });
@@ -169,18 +162,15 @@ const FormFlow = ({
                       children: t(($) => $["back"])
                     }
                   ),
-                  /* @__PURE__ */ jsx("div", { className: styles.formFlowPrimaryActions, children: isLastStep ? /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: isSubmitting, children: t(($) => $["submit"]) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                    hasProblems && /* @__PURE__ */ jsx(Button, { onClick: handleSkip, disabled: isActionDisabled, variant: "secondary", children: t(($) => $["skip"]) }),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        onClick: handleNext,
-                        disabled: isActionDisabled || disableNextButton,
-                        loading: nextButtonLoading,
-                        children: t(($) => $["continue"])
-                      }
-                    )
-                  ] }) })
+                  /* @__PURE__ */ jsx("div", { className: styles.formFlowPrimaryActions, children: isLastStep ? /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: isSubmitting, children: t(($) => $["submit"]) }) : /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      onClick: handleNext,
+                      disabled: isActionDisabled || disableNextButton,
+                      loading: nextButtonLoading,
+                      children: t(($) => $["continue"])
+                    }
+                  ) })
                 ] })
               ] })
             ]
@@ -200,7 +190,12 @@ const FormFlow = ({
     }
   );
 };
+function useFormContext() {
+  const context = useContext(FormContext);
+  return context;
+}
 export {
   FormContextProvider as F,
-  FormFlow as a
+  FormFlow as a,
+  useFormContext as u
 };

package/dist/{useGlobalData-DkUVPkLY.js → useGlobalData-Cy0Lkfo4.js}

@@ -2,14 +2,14 @@
 {
   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] = "8fca004e-6392-483b-979a-4dffdd782aaa", e._sentryDebugIdIdentifier = "sentry-dbid-8fca004e-6392-483b-979a-4dffdd782aaa");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "3a808338-85ca-4b24-9db3-f514c647dcaa", e._sentryDebugIdIdentifier = "sentry-dbid-3a808338-85ca-4b24-9db3-f514c647dcaa");
   } catch (e) {
   }
 }
 ;
 import { useContext, useCallback, useMemo } from "preact/hooks";
-import { d as debounce } from "./debouncedInputEvent-DYPebEvv.js";
-import { az as StateContext } from "./StoreProvider-1OKeIzng.js";
+import { a as debounce } from "./debouncedInputEvent-Cv2S512Y.js";
+import { bm as StateContext } from "./StoreProvider-W47xsQUu.js";
 function useStateContext() {
   const context = useContext(StateContext);
   return context;

package/dist/useId-BZ0PA7jP.js

@@ -0,0 +1,24 @@
+;
+{
+  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] = "1b45db25-e530-4076-9ec1-2e9652ae80b0", e._sentryDebugIdIdentifier = "sentry-dbid-1b45db25-e530-4076-9ec1-2e9652ae80b0");
+  } catch (e) {
+  }
+}
+;
+import { useState } from "preact/hooks";
+function uuidv4() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    let r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
+const useId = (prefix) => {
+  const [uuid] = useState(uuidv4());
+  return `${prefix}_${uuid}`;
+};
+export {
+  useId as a,
+  uuidv4 as u
+};

package/dist/{useMultiForm-CaNgYAN2.js → useMultiForm-D7a7Rxi8.js}

@@ -2,15 +2,15 @@
 {
   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] = "25ca067a-b645-4e84-bfc9-8f84d60f78b3", e._sentryDebugIdIdentifier = "sentry-dbid-25ca067a-b645-4e84-bfc9-8f84d60f78b3");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "a2ae63c6-7539-4774-bcac-cc259f47aab3", e._sentryDebugIdIdentifier = "sentry-dbid-a2ae63c6-7539-4774-bcac-cc259f47aab3");
   } catch (e) {
   }
 }
 ;
 import { useCallback, useMemo, useReducer, useEffect } from "preact/hooks";
-import { ak as objectsDeepEqual, P as createLogger, W as isEmpty } from "./StoreProvider-1OKeIzng.js";
-import { V as ValidationResult } from "./useForm-toxM6BuV.js";
-import { e as isNotEmptyValidator } from "./CountryField-fKjZ6eNz.js";
+import { ad as objectsDeepEqual, H as createLogger, as as isEmpty } from "./StoreProvider-W47xsQUu.js";
+import { V as ValidationResult } from "./utils-BiZgCW0f.js";
+import { a as isNotEmptyValidator } from "./commonValidators-BedeKU4L.js";
 const omitKeys = (obj, omit) => Object.keys(obj).filter((k) => !omit.includes(k)).reduce((a, c) => {
   a[c] = obj[c];
   return a;

package/dist/{useOnboardingStatus-Bduco7xn.js → useOnboardingStatus-CvGvC8eS.js}

@@ -7,7 +7,7 @@
   }
 }
 ;
-import { b as useApiContext, j as useQuery, m as httpGet } from "./StoreProvider-1OKeIzng.js";
+import { b as useApiContext, j as useQuery, m as httpGet } from "./StoreProvider-W47xsQUu.js";
 const getOnboardingStatus = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,

package/dist/{useScenarios-DaW_7ScU.js → useScenarios-XDDpaOsu.js}

@@ -2,12 +2,12 @@
 {
   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] = "7db35fbd-4484-4727-818c-d73de0387d21", e._sentryDebugIdIdentifier = "sentry-dbid-7db35fbd-4484-4727-818c-d73de0387d21");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b3815080-102c-4e1f-98f3-60751d8a0182", e._sentryDebugIdIdentifier = "sentry-dbid-b3815080-102c-4e1f-98f3-60751d8a0182");
   } catch (e) {
   }
 }
 ;
-import { b as useApiContext, j as useQuery, a1 as entriesOf, w as skipToken, am as Scenarios, m as httpGet } from "./StoreProvider-1OKeIzng.js";
+import { b as useApiContext, j as useQuery, al as entriesOf, w as skipToken, ah as Scenarios, m as httpGet } from "./StoreProvider-W47xsQUu.js";
 const getScenarios = async (legalEntityId, baseUrl, legalEntityType, countryCode) => {
   const scenarioParams = new URLSearchParams({
     ...countryCode && { countryCode },

package/dist/{useTermsOfServiceStatus-zI28cNFX.js → useTermsOfServiceStatus-CJ3GEMsU.js}

@@ -7,7 +7,7 @@
   }
 }
 ;
-import { b as useApiContext, j as useQuery, m as httpGet } from "./StoreProvider-1OKeIzng.js";
+import { b as useApiContext, j as useQuery, m as httpGet } from "./StoreProvider-W47xsQUu.js";
 const getTermsOfServiceAcceptanceInfos = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,

package/dist/{useToastContext-DCXz1jVQ.js → useToastContext-0CCfpAXY.js}

@@ -2,13 +2,13 @@
 {
   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] = "1eefb665-b4d4-489c-8080-72f6a17a9bcd", e._sentryDebugIdIdentifier = "sentry-dbid-1eefb665-b4d4-489c-8080-72f6a17a9bcd");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ffb98a68-8a43-477f-8676-a73039d6d733", e._sentryDebugIdIdentifier = "sentry-dbid-ffb98a68-8a43-477f-8676-a73039d6d733");
   } catch (e) {
   }
 }
 ;
-import { P as createLogger, a2 as useQueryClient, b as useApiContext, aW as ToastContext } from "./StoreProvider-1OKeIzng.js";
-import { useCallback, useState, useContext } from "preact/hooks";
+import { H as createLogger, ao as useQueryClient, b as useApiContext, ap as ToastContext } from "./StoreProvider-W47xsQUu.js";
+import { useCallback, useContext } from "preact/hooks";
 const logger = createLogger();
 const QUERIES_TO_INVALIDATE_WHEN_ROOT_LE_IS_INVALIDATED = [
   "businessLines",
@@ -38,23 +38,11 @@ const useInvalidateRootLegalEntity = () => {
     [rootLegalEntityId.value, queryClient]
   );
 };
-function uuidv4() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-    let r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
-    return v.toString(16);
-  });
-}
-const useId = (prefix) => {
-  const [uuid] = useState(uuidv4());
-  return `${prefix}_${uuid}`;
-};
 function useToastContext() {
   const context = useContext(ToastContext);
   return context;
 }
 export {
-  useToastContext as a,
-  useId as b,
-  useInvalidateRootLegalEntity as c,
-  uuidv4 as u
+  useInvalidateRootLegalEntity as a,
+  useToastContext as u
 };

package/dist/{useUnincorporatedPartnershipMembers-DHDtTbV5.js → useUnincorporatedPartnershipMembers-Dz-2asjR.js}

@@ -2,16 +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] = "79d4e2aa-1778-448b-8e6c-abb315ce5265", e._sentryDebugIdIdentifier = "sentry-dbid-79d4e2aa-1778-448b-8e6c-abb315ce5265");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d2f0983d-2413-45ac-96b5-a8393511d585", e._sentryDebugIdIdentifier = "sentry-dbid-d2f0983d-2413-45ac-96b5-a8393511d585");
   } catch (e) {
   }
 }
 ;
 import { useMemo } from "preact/hooks";
-import { r as LegalEntityTypes, ag as getOwnEntityAssociations, c as useLegalEntity, R as ROOT_LE } from "./StoreProvider-1OKeIzng.js";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-DleehqQL.js";
-import { U as UnincorporatedPartnershipMemberTypes } from "./CountryField-fKjZ6eNz.js";
-import { g as getLegalEntityNameBasedOnType } from "./getName-gmt7CInl.js";
+import { r as LegalEntityTypes, a9 as getOwnEntityAssociations, c as useLegalEntity, R as ROOT_LE } from "./StoreProvider-W47xsQUu.js";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-ZXsa10__.js";
+import { U as UnincorporatedPartnershipMemberTypes } from "./unincorporated-partnership-MeN1dp53.js";
+import { g as getLegalEntityNameBasedOnType } from "./getName-B5kzxk6G.js";
 const getMemberOwnerId = (memberId, entityAssociations) => entityAssociations.find((association) => association.associatorId === memberId)?.legalEntityId;
 const convertEntityAssociationIntoUnincorporatedPartnershipMember = (association) => {
   if (association.entityType === LegalEntityTypes.INDIVIDUAL || association.entityType === LegalEntityTypes.ORGANIZATION)

package/dist/useUpdateBusinessLines-deoRDumy.js

@@ -0,0 +1,337 @@
+;
+{
+  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] = "e563e535-c7c9-475b-89b3-48afe284c3a2", e._sentryDebugIdIdentifier = "sentry-dbid-e563e535-c7c9-475b-89b3-48afe284c3a2");
+  } catch (e) {
+  }
+}
+;
+import { b as useApiContext, j as useQuery, m as httpGet, as as isEmpty, u as useTranslation, Z as useExperimentsContext, X as IconButton, am as useMutation, k as httpPost } from "./StoreProvider-W47xsQUu.js";
+import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+import { useRef, useMemo, useState, useEffect } from "preact/hooks";
+import { F as Field } from "./Field-7VEEzNuR.js";
+import { L as List } from "./List-BAzyC6sw.js";
+import { S as Select } from "./Select-ClLBkh__.js";
+import { signal } from "@preact/signals";
+const fetchIndustryCodes = async (legalEntityId, baseUrl, businessLineTypes, locale) => {
+  const results = await Promise.all(
+    businessLineTypes.map((businessLineType) => {
+      return httpGet({
+        baseUrl,
+        path: `legalEntities/${legalEntityId}/businessLines/${businessLineType}/industryCodes?locale=${locale}`
+      });
+    })
+  );
+  const deduped = [];
+  for (const result of results) {
+    for (const industryCodeDTO of result) {
+      const found = deduped.find((item) => item.code === industryCodeDTO.code);
+      if (!found) {
+        deduped.push(industryCodeDTO);
+      }
+    }
+  }
+  return deduped;
+};
+const useIndustryCodes = (businessLineTypes, locale, options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: ["industryCodes", businessLineTypes.join(","), locale],
+    queryFn: () => fetchIndustryCodes(rootLegalEntityId.value, baseUrl.value, businessLineTypes, locale),
+    ...options
+  });
+};
+const industryCodeFieldValidation = () => ({
+  industryCodes: {
+    modes: ["blur"],
+    validate: (industryCode) => !isEmpty(industryCode),
+    errorMessage: "fieldIsRequired"
+  }
+});
+const industryCodeFieldMetadata = {
+  label: "industry",
+  validators: [
+    industryCodeFieldValidation().industryCodes
+  ]
+};
+const selectedBusinessLine = signal(void 0);
+const shouldSignNewPci = signal(false);
+const industryCodesContent = "adyen-kyc-industry-codes-content";
+const industryCodesSelection = "adyen-kyc-industry-codes-selection";
+const styles$1 = {
+  industryCodesContent,
+  industryCodesSelection
+};
+const mapSelectedCodes = (selectedCodes) => {
+  return selectedCodes && selectedCodes.length > 0 ? selectedCodes.map((i) => {
+    return {
+      value: i,
+      touched: !!i.id
+    };
+  }) : [{ value: { id: "", name: "" }, touched: false }];
+};
+function IndustryCodeField({
+  data,
+  valid,
+  errors,
+  labels,
+  placeholders,
+  readonly,
+  handleChangeFor,
+  guidanceText,
+  setErrors,
+  // need to manually set errors due to nested select components
+  setValid,
+  // need to manually set validation due to nested select components
+  businessLineTypes,
+  single = false,
+  industryCodes,
+  existingBusinessLines
+}) {
+  const { t } = useTranslation("ui");
+  const industryCodesRef = useRef(null);
+  const { isExperimentEnabled } = useExperimentsContext();
+  const singleIndustryCode = single || !!selectedBusinessLine.value || // when editing a business line, only single dropdown should render
+  isExperimentEnabled("EnableLimitToSingleBusinessLine");
+  const allIndustryCodeSelectItems = useMemo(
+    () => industryCodes?.map((entry) => ({
+      id: entry.code,
+      name: `${entry.code} - ${entry.description}`
+    })) ?? [],
+    [industryCodes]
+  );
+  const selectableIndustryCodes = useMemo(() => {
+    if (!businessLineTypes.includes("acquiring")) return allIndustryCodeSelectItems;
+    const selectedIds = data.industryCodes?.map((c) => c.id);
+    const existingIds = (existingBusinessLines ?? []).map((b) => b.industryCode);
+    return allIndustryCodeSelectItems.filter((item) => {
+      const isDuplicate = selectedIds?.includes(item.id) || existingIds?.includes(item.id);
+      return !isDuplicate;
+    });
+  }, [allIndustryCodeSelectItems, businessLineTypes, data.industryCodes, existingBusinessLines]);
+  const selectedCodes = data.industryCodes;
+  const [items, setItems] = useState(mapSelectedCodes(selectedCodes));
+  useEffect(() => {
+    setItems(mapSelectedCodes(selectedCodes));
+  }, [selectedCodes]);
+  const updateIndustryCodes = (value) => {
+    handleChangeFor("industryCodes")(value);
+  };
+  const addIndustryCodeField = (e) => {
+    if (items[items.length - 1].value.id === "") {
+      handleIndustryCodeFocusOut(e, items.length - 1);
+      return;
+    }
+    const newItems = [...items, { value: { id: "", name: "" }, touched: false }];
+    setItems(newItems);
+    updateIndustryCodes(newItems.map((item) => item.value));
+  };
+  const removeField = (indexToRemove) => {
+    const newItems = items.filter((_, index) => index !== indexToRemove);
+    setItems(newItems);
+    updateIndustryCodes(newItems.map((item) => item.value));
+  };
+  const handleSelectIndustryCode = (indexToUpdate, selectedItem) => {
+    setItems((prevItems) => {
+      const newItems = [...prevItems];
+      newItems[indexToUpdate] = {
+        value: {
+          id: selectedItem.id,
+          name: selectedItem.name
+        },
+        touched: true
+      };
+      updateIndustryCodes(
+        newItems.map((item) => {
+          return {
+            id: item.value.id,
+            name: item.value.name
+          };
+        })
+      );
+      return newItems;
+    });
+  };
+  const handleIndustryCodeFocusOut = (e, index) => {
+    if (industryCodesRef.current && !industryCodesRef.current.contains(e.relatedTarget)) {
+      setItems((prevItems) => {
+        if (prevItems[index].value.id || prevItems[index].touched) {
+          return prevItems;
+        }
+        const newItems = [...prevItems];
+        newItems[index] = { ...newItems[index], touched: true };
+        const isGroupInvalid = newItems.some((item) => item.value.id === "");
+        if (isGroupInvalid) {
+          setErrors?.(
+            "industryCodes",
+            {
+              isValid: false,
+              errorMessage: "fieldIsRequired",
+              hasError: true
+            },
+            "industryCodesForm"
+          );
+          setValid?.("industryCodes", false, "industryCodesForm");
+        } else {
+          setErrors?.("industryCodes", null, "industryCodesForm");
+          setValid?.("industryCodes", true, "industryCodesForm");
+        }
+        return newItems;
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      name: "industryCodes",
+      label: labels?.industryCodes || t(($) => $["industry"]),
+      errorMessage: errors.industryCodes,
+      isValid: valid.industryCodes,
+      formatGuidance: guidanceText.industryCodes,
+      showErrorIcon: false,
+      children: (childProps) => /* @__PURE__ */ jsx(Wrapper, { single: singleIndustryCode, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: styles$1.industryCodesContent,
+          ref: industryCodesRef,
+          "data-testid": "industryCode",
+          children: items.map((code, index) => {
+            const isInvalid = code.touched && code.value.id === "";
+            return /* @__PURE__ */ jsxs("div", { className: styles$1.industryCodesSelection, children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  ...childProps,
+                  id: `industryCodeSelection-${index}`,
+                  name: `industryCodeSelection-${index}`,
+                  selected: code.value,
+                  placeholder: placeholders?.industryCodes || t(($) => $["industryCode__placeholder"]),
+                  items: allIndustryCodeSelectItems,
+                  excludedValues: allIndustryCodeSelectItems.filter(
+                    (i) => !selectableIndustryCodes.includes(i)
+                  ),
+                  readonly: !!data.industryCodes && readonly || !!industryCodes && selectableIndustryCodes.length === 0,
+                  onSelect: (selectedItem) => handleSelectIndustryCode(index, selectedItem),
+                  isInvalid,
+                  onBlur: (e) => handleIndustryCodeFocusOut(e, index)
+                }
+              ),
+              !singleIndustryCode && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    ariaLabel: t(($) => $["removeIndustryCode"]),
+                    variant: "tertiary",
+                    icon: "minusCircleFilled",
+                    circle: true,
+                    onClick: () => removeField(index),
+                    disabled: items.length === 1 || readonly
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    ariaLabel: t(($) => $["addIndustryCode"]),
+                    variant: "tertiary",
+                    icon: "plusCircleFilled",
+                    circle: true,
+                    onClick: addIndustryCodeField,
+                    disabled: readonly || code.value.id === "" || code.value.id !== "" && index !== items.length - 1 || selectableIndustryCodes.length === 0
+                  }
+                )
+              ] })
+            ] }, code.value.id);
+          })
+        }
+      ) })
+    }
+  );
+}
+function Wrapper({ single, children }) {
+  return single ? children : /* @__PURE__ */ jsx(List, { dividers: false, variant: "grouped-primary", children });
+}
+const salesChannelsWithWebData = ["eCommerce", "ecomMoto"];
+const SALES_CHANNELS_FIELD = ["salesChannels"];
+const WEB_DATA_FIELD = ["webAddress", "webExempt"];
+const INDUSTRY_CODE_FIELD = ["industryCodes"];
+const SCTA_FIELD = ["sctaUrl", "sctaExempt"];
+const businessLinesConfigurations = {
+  industryCodes: { rule: "REQUIRED" },
+  salesChannels: { rule: "REQUIRED" },
+  webAddress: { rule: "webAddressRequired" },
+  webExempt: { rule: "OPTIONAL" },
+  sctaUrl: { rule: "sctaUrlRequired" },
+  sctaExempt: { rule: "OPTIONAL" }
+};
+const businessLinesForms = {
+  industryCodesForm: {
+    formId: "industryCodesForm",
+    formName: "industryCodesForm",
+    fields: INDUSTRY_CODE_FIELD
+  },
+  salesChannelsForm: {
+    formId: "salesChannelsForm",
+    formName: "paymentProcessing",
+    fields: [...SALES_CHANNELS_FIELD, ...WEB_DATA_FIELD]
+  },
+  sctaForm: {
+    formId: "sctaForm",
+    formName: "japaneseCommercialDisclosure",
+    fields: SCTA_FIELD
+  }
+};
+const divider = "adyen-kyc-divider";
+const styles = {
+  divider
+};
+const Divider = () => /* @__PURE__ */ jsx("hr", { className: styles.divider });
+const createBusinessLine = async (legalEntityId, baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${legalEntityId}/businessLines`
+    },
+    data
+  );
+};
+const useCreateBusinessLine = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useMutation({
+    mutationFn: (data) => createBusinessLine(rootLegalEntityId.value, baseUrl.value, data),
+    ...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
+  });
+};
+export {
+  Divider as D,
+  INDUSTRY_CODE_FIELD as I,
+  SALES_CHANNELS_FIELD as S,
+  WEB_DATA_FIELD as W,
+  IndustryCodeField as a,
+  useCreateBusinessLine as b,
+  useUpdateBusinessLine as c,
+  shouldSignNewPci as d,
+  SCTA_FIELD as e,
+  selectedBusinessLine as f,
+  businessLinesConfigurations as g,
+  businessLinesForms as h,
+  industryCodeFieldMetadata as i,
+  salesChannelsWithWebData as s,
+  useIndustryCodes as u
+};

package/dist/{useUpdateLegalEntity-D3CHa9fC.js → useUpdateLegalEntity-Cjpc9gbA.js}

@@ -2,13 +2,13 @@
 {
   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] = "6af14470-9872-40d9-b7b4-1c5dc538dbf1", e._sentryDebugIdIdentifier = "sentry-dbid-6af14470-9872-40d9-b7b4-1c5dc538dbf1");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0c7266c0-b46b-4be0-aebf-5c8a6ba2ccb7", e._sentryDebugIdIdentifier = "sentry-dbid-0c7266c0-b46b-4be0-aebf-5c8a6ba2ccb7");
   } catch (e) {
   }
 }
 ;
-import { b as useApiContext, a2 as useQueryClient, a0 as useMutation, k as httpPost } from "./StoreProvider-1OKeIzng.js";
-import { c as useInvalidateRootLegalEntity } from "./useToastContext-DCXz1jVQ.js";
+import { b as useApiContext, ao as useQueryClient, am as useMutation, k as httpPost } from "./StoreProvider-W47xsQUu.js";
+import { a as useInvalidateRootLegalEntity } from "./useToastContext-0CCfpAXY.js";
 const updateLegalEntity = async (rootLegalEntityId, baseUrl, data) => {
   return httpPost(
     {

package/dist/{utils-C-ZehZmz.js → utils-2HQj3ubz.js}

@@ -2,15 +2,15 @@
 {
   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] = "1828be9c-ded0-4cbf-99bc-b0aa668eb666", e._sentryDebugIdIdentifier = "sentry-dbid-1828be9c-ded0-4cbf-99bc-b0aa668eb666");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d59e2ab0-e347-45db-be03-4e4a76dee41b", e._sentryDebugIdIdentifier = "sentry-dbid-d59e2ab0-e347-45db-be03-4e4a76dee41b");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { r as LegalEntityTypes, G as Typography } from "./StoreProvider-1OKeIzng.js";
-import { C as Currencies } from "./types-BFgT3PZ8.js";
-import { l as localizeDateString } from "./localizeDateString-DUyrvinp.js";
+import { r as LegalEntityTypes, G as Typography } from "./StoreProvider-W47xsQUu.js";
+import { C as Currencies } from "./currency-CrdnaaDu.js";
+import { l as localizeDateString } from "./localizeDateString-DT6PuuWW.js";
 const formatCurrency = (amount, currency, locale) => {
   const { format } = new Intl.NumberFormat(
     locale,