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

package/dist/EntityAssociation-BSjw-KJ2.js

@@ -0,0 +1,159 @@
+;
+{
+  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] = "4aea94da-b883-4249-9eb5-4b8e5c67f836", e._sentryDebugIdIdentifier = "sentry-dbid-4aea94da-b883-4249-9eb5-4b8e5c67f836");
+  } catch (e) {
+  }
+}
+;
+import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+import { useRef, useCallback, useEffect, useState } from "preact/hooks";
+import { B as Button, u as useTranslation, Y as IconButton, V as TaskStatuses, a4 as noop } from "./StoreProvider-_QQynxk0.js";
+import { T as Tag } from "./Tag-DdkVScyr.js";
+import { V as VerificationErrorAlert } from "./VerificationErrorAlert-Bl4kwjzn.js";
+import { C as Card } from "./Card-Cka2XXoj.js";
+import { C as Confirm } from "./useDataset-BHoDL5D6.js";
+import { T as TaskVerificationStatus } from "./InputText-DJn5nzG0.js";
+import { l as handleKeys } from "./IndividualOnfido-hThSjqMs.js";
+import { j as getRoleTagVariant, f as getRoleName } from "./CountryField-B79la7c-.js";
+function useClickAwayListener(ref, onClickAway) {
+  const handleClickAway = useCallback(
+    (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        onClickAway();
+      }
+    },
+    [ref, onClickAway]
+  );
+  useEffect(() => {
+    document.addEventListener("mousedown", handleClickAway);
+    return () => {
+      document.removeEventListener("mousedown", handleClickAway);
+    };
+  }, [handleClickAway]);
+}
+const ClickAwayWrapper = ({ children, onClickAway, ...divProps }) => {
+  const ref = useRef(null);
+  useClickAwayListener(ref, onClickAway);
+  return /* @__PURE__ */ jsx("div", { ref, ...divProps, children });
+};
+const actionsMenu = "adyen-kyc-actions-menu";
+const styles = {
+  actionsMenu
+};
+const ActionsMenu = ({ options, open, setOpen }) => {
+  const menuItems = options.map(({ label, onSelect, icon }) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: (event) => {
+        event.stopPropagation();
+        setOpen(false);
+        onSelect();
+      },
+      variant: "tertiary",
+      icon,
+      children: label
+    },
+    label
+  ));
+  return open ? /* @__PURE__ */ jsx(ClickAwayWrapper, { onClickAway: () => setOpen(false), className: styles.actionsMenu, role: "menu", children: menuItems }) : null;
+};
+const EntityAssociation = ({
+  name,
+  types,
+  status,
+  actions,
+  problems,
+  infoContent,
+  onNavigateToEntity,
+  deleteEntity,
+  isDeleteDisabled
+}) => {
+  const { t } = useTranslation("common");
+  const [showingActions, setShowingActions] = useState(false);
+  const [isConfirmShown, setIsConfirmShown] = useState(false);
+  const isDeletable = !!deleteEntity;
+  const handleRemoveIntent = (event) => {
+    event.stopPropagation();
+    setIsConfirmShown(true);
+  };
+  const dismissConfirm = () => {
+    setIsConfirmShown(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Card,
+      {
+        className: "adyen-kyc-entity-association",
+        stateful: Boolean(onNavigateToEntity),
+        onClick: onNavigateToEntity,
+        onKeyDown: handleKeys(["Enter"], onNavigateToEntity ?? noop),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-entity-association__top", children: [
+            /* @__PURE__ */ jsx("h3", { className: "adyen-kyc-entity-association__title", children: name }),
+            /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-entity-association__info", children: [
+              /* @__PURE__ */ jsx(TaskVerificationStatus, { status }),
+              actions && /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-entity-association__actions", children: [
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    variant: "tertiary",
+                    icon: "more-horiz",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      setShowingActions(!showingActions);
+                    },
+                    ariaLabel: t(($) => $["toggleAssociationMenu"], { name })
+                  }
+                ),
+                /* @__PURE__ */ jsx(ActionsMenu, { options: actions, open: showingActions, setOpen: setShowingActions })
+              ] }),
+              isDeletable && /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  ariaLabel: t(($) => $["delete"]),
+                  icon: "bin",
+                  variant: "tertiary",
+                  onClick: handleRemoveIntent,
+                  disabled: isConfirmShown || isDeleteDisabled
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { children: types.map((type) => /* @__PURE__ */ jsx(
+            Tag,
+            {
+              className: "adyen-kyc-entity-association__tag",
+              variant: getRoleTagVariant(type),
+              children: t(($) => $[getRoleName(type)])
+            },
+            type
+          )) }),
+          status === TaskStatuses.ERROR && /* @__PURE__ */ jsx(
+            VerificationErrorAlert,
+            {
+              className: "adyen-kyc-entity-association-alert",
+              problems
+            }
+          ),
+          infoContent
+        ]
+      }
+    ),
+    isConfirmShown && isDeletable && /* @__PURE__ */ jsx(
+      Confirm,
+      {
+        title: t(($) => $["deleteItem"], { item: name }),
+        description: t(($) => $["thisActionIsPermanent"]),
+        onConfirm: deleteEntity,
+        confirmText: t(($) => $["delete"]),
+        onCancel: dismissConfirm,
+        critical: true
+      }
+    )
+  ] });
+};
+export {
+  EntityAssociation as E
+};

package/dist/EntityGuidanceStatus-CM6gQcz1.js

@@ -0,0 +1,105 @@
+;
+{
+  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] = "f3e2c029-9c71-4440-aaa0-85ce5b2192f5", e._sentryDebugIdIdentifier = "sentry-dbid-f3e2c029-9c71-4440-aaa0-85ce5b2192f5");
+  } catch (e) {
+  }
+}
+;
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { T as Tag } from "./Tag-DdkVScyr.js";
+import { bz as getDecisionMakerDescriptionMap, P as TaskTypes, bA as TRUST_DEFAULT_DESCRIPTIONS_MAP, a3 as Icon, u as useTranslation, an as Trans } from "./StoreProvider-_QQynxk0.js";
+import { U as UnincorporatedPartnershipMemberTypes, j as getRoleTagVariant, f as getRoleName } from "./CountryField-B79la7c-.js";
+const UNINCORPORATED_PARTNERSHIP__DEFAULT_DESCRIPTIONS_MAP = {
+  [UnincorporatedPartnershipMemberTypes.SECONDARY_PARTNER]: "provideAtLeastOneSecondaryPartner",
+  [UnincorporatedPartnershipMemberTypes.OWNER]: "provideAllOwners",
+  [UnincorporatedPartnershipMemberTypes.CONTROLLING_PERSON]: "ifNoOwnersSpecifyControllingPersons"
+};
+const iconStatus = (current, min) => {
+  const isSatisfied = current > 0 && current >= min;
+  return isSatisfied ? "satisfied" : "empty";
+};
+const getEntityStatusRuleDescription = (country, currentTask, entityLabel) => {
+  const defaultMessage = getDecisionMakerDescriptionMap(country)[entityLabel];
+  switch (currentTask) {
+    case TaskTypes.TRUST_MEMBER_OVERVIEW: {
+      return TRUST_DEFAULT_DESCRIPTIONS_MAP[entityLabel];
+    }
+    case TaskTypes.UNINCORPORATED_PARTNERSHIP_MEMBER_OVERVIEW: {
+      return UNINCORPORATED_PARTNERSHIP__DEFAULT_DESCRIPTIONS_MAP[entityLabel] || defaultMessage;
+    }
+    default: {
+      return defaultMessage;
+    }
+  }
+};
+const EntityStatusIcon = ({ status }) => {
+  switch (status) {
+    case "empty":
+      return /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: "checkmark-circle",
+          className: "adyen-kyc-entity-status__icon adyen-kyc-entity-status__icon--empty",
+          testId: "empty-icon"
+        }
+      );
+    case "satisfied":
+      return /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: "checkmark",
+          className: "adyen-kyc-entity-status__icon adyen-kyc-entity-status__icon--satisfied",
+          testId: "satisfied-icon"
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: "circle",
+          className: "adyen-kyc-entity-status__icon adyen-kyc-entity-status__icon--empty",
+          testId: "empty-icon"
+        }
+      );
+  }
+};
+const EntityGuidanceStatus = ({
+  country,
+  currentTask,
+  entityLabel,
+  status
+}) => {
+  const { t } = useTranslation("common");
+  return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-entity-status__container", children: [
+    /* @__PURE__ */ jsx(EntityStatusIcon, { status }),
+    /* @__PURE__ */ jsx(
+      Tag,
+      {
+        className: "adyen-kyc-entity-status__tag",
+        variant: getRoleTagVariant(entityLabel),
+        children: t(($) => $[getRoleName(entityLabel)])
+      },
+      entityLabel
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "adyen-kyc-entity-status--text",
+        "data-testid": `${entityLabel}-rule--description`,
+        children: /* @__PURE__ */ jsx(
+          Trans,
+          {
+            t,
+            i18nKey: ($) => $[getEntityStatusRuleDescription(country, currentTask, entityLabel)]
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  EntityGuidanceStatus as E,
+  iconStatus as i
+};

package/dist/{FormFlow-8pfRbKmA.js → FormFlow-m1k7xInJ.js}

@@ -2,21 +2,21 @@
 {
   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] = "670d5484-159e-49fb-9caa-6463732776e9", e._sentryDebugIdIdentifier = "sentry-dbid-670d5484-159e-49fb-9caa-6463732776e9");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "dd829857-d290-4c22-82f7-1e65a7a9a5f9", e._sentryDebugIdIdentifier = "sentry-dbid-dd829857-d290-4c22-82f7-1e65a7a9a5f9");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useMemo, useRef, useState } from "preact/hooks";
-import { F as FormContext } from "./Address-Bl_bd5Lp.js";
+import { F as FormContext } from "./Address-CaKnB-Qo.js";
 import cx from "classnames";
-import { a1 as useAnalyticsContext, u as useTranslation, B as Button, Y as IconButton } from "./StoreProvider-Cvqvt7fn.js";
-import { L as LoaderWrapper } from "./trackNavigation-DYYVv6_y.js";
-import { M as MaybeModal } from "./MaybeModal-CZ-qmMqV.js";
-import { F as FormRouterContextProvider } from "./dropinUtils-DFscjCzE.js";
-import { C as Confirm } from "./useDataset-CKGFlO8U.js";
-import { h as Summary } from "./CountryField-mxgVAmFp.js";
+import { a0 as useAnalyticsContext, u as useTranslation, B as Button, Y as IconButton } from "./StoreProvider-_QQynxk0.js";
+import { L as LoaderWrapper } from "./useForm-SCWu19rh.js";
+import { M as MaybeModal } from "./MaybeModal-BI4OTKmk.js";
+import { F as FormRouterContextProvider } from "./dropinUtils-L0ggRI0e.js";
+import { C as Confirm } from "./useDataset-BHoDL5D6.js";
+import { S as Summary } from "./Summary-jCIFPrTE.js";
 function FormContextProvider({
   children,
   form
@@ -140,9 +140,17 @@ const FormFlow = ({
     setIsConfirmPresented(true);
   };
   const handleCancelDismiss = () => {
+    userEvents.addPageEvent("Closed modal", {
+      actionType: "close",
+      label: "cancel"
+    });
     setIsConfirmPresented(false);
   };
   const handleConfirmDismiss = () => {
+    userEvents.addPageEvent("Clicked button", {
+      actionType: "navigate",
+      label: "leave"
+    });
     setIsConfirmPresented(false);
     handleCancelClick?.();
   };

package/dist/{FormNavigation-C2KywHXa.js → FormNavigation-9G1WKPrp.js}

@@ -2,33 +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] = "3a5f2ff4-c0a5-4923-ac4f-ad8e0a85321a", e._sentryDebugIdIdentifier = "sentry-dbid-3a5f2ff4-c0a5-4923-ac4f-ad8e0a85321a");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bdc599c7-cf3e-4f5f-a51b-647960ae8fad", e._sentryDebugIdIdentifier = "sentry-dbid-bdc599c7-cf3e-4f5f-a51b-647960ae8fad");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
-import { B as Button, u as useTranslation, a4 as Icon, a1 as useAnalyticsContext, y as Typography } from "./StoreProvider-Cvqvt7fn.js";
+import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
-import { t as trackNavigation } from "./trackNavigation-DYYVv6_y.js";
-import { K as KEYBOARD_KEYS } from "./Modal-GSjDUwX-.js";
-const ActionBar = ({
-  onNext,
-  onBack,
-  onHome,
-  homeButtonLabel,
-  backButtonLabel,
-  nextButtonLabel,
-  hideBackButton,
-  hideNextButton,
-  nextButtonDisabled = false
-}) => /* @__PURE__ */ jsxs("div", { className: "adyen-action-bar", children: [
-  (onBack || onNext) && /* @__PURE__ */ jsxs("div", { className: "adyen-action-bar__action", children: [
-    onBack && !hideBackButton && backButtonLabel && /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => onBack(), testId: "backBtn", children: backButtonLabel }),
-    onNext && !hideNextButton && nextButtonLabel && /* @__PURE__ */ jsx(Button, { onClick: onNext, disabled: nextButtonDisabled, children: nextButtonLabel })
-  ] }),
-  onHome && homeButtonLabel && /* @__PURE__ */ jsx("div", { className: "adyen-action-bar__action", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => onHome(), children: homeButtonLabel }) })
-] });
+import { u as useTranslation, a3 as Icon, a0 as useAnalyticsContext, H as Typography } from "./StoreProvider-_QQynxk0.js";
+import { t as trackNavigation } from "./trackNavigation-db_h46BT.js";
+import { K as KEYBOARD_KEYS } from "./Modal-C89D3p56.js";
 const FormNavigationItem = ({
   form,
   isActive,
@@ -157,6 +140,5 @@ function FormNavigation({
   ] });
 }
 export {
-  ActionBar as A,
   FormNavigation as F
 };

package/dist/{FormWrapper-CZhSGUa3.js → FormWrapper-DzAkc4KF.js}

@@ -2,22 +2,22 @@
 {
   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] = "81505751-2721-4e53-a4a1-2908e6d01a36", e._sentryDebugIdIdentifier = "sentry-dbid-81505751-2721-4e53-a4a1-2908e6d01a36");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "07844dac-b63c-4481-87a1-714a3808c43a", e._sentryDebugIdIdentifier = "sentry-dbid-07844dac-b63c-4481-87a1-714a3808c43a");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { u as useTranslation, a1 as useAnalyticsContext, $ as useExperimentsContext, B as Button } from "./StoreProvider-Cvqvt7fn.js";
-import { L as LoaderWrapper } from "./trackNavigation-DYYVv6_y.js";
-import { M as MaybeModal } from "./MaybeModal-CZ-qmMqV.js";
-import { a as ModalContent, c as ModalHeader, b as ModalFooter } from "./Modal-GSjDUwX-.js";
-import { S as Spacer } from "./getName-B1o2b2LX.js";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-C26xG3ak.js";
-import { F as FormRouterContextProvider } from "./dropinUtils-DFscjCzE.js";
-import { F as FormNavigation } from "./FormNavigation-C2KywHXa.js";
-import { f as summaryStep, h as Summary } from "./CountryField-mxgVAmFp.js";
+import { u as useTranslation, a0 as useAnalyticsContext, p as useExperimentsContext, B as Button } from "./StoreProvider-_QQynxk0.js";
+import { L as LoaderWrapper } from "./useForm-SCWu19rh.js";
+import { M as MaybeModal } from "./MaybeModal-BI4OTKmk.js";
+import { a as ModalContent, c as ModalHeader, b as ModalFooter } from "./Modal-C89D3p56.js";
+import { S as Spacer } from "./getName-DftHbR4I.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-Bc_wca9O.js";
+import { F as FormRouterContextProvider } from "./dropinUtils-L0ggRI0e.js";
+import { F as FormNavigation } from "./FormNavigation-9G1WKPrp.js";
+import { s as summaryStep, S as Summary } from "./Summary-jCIFPrTE.js";
 const FormWrapper = ({
   asModal = false,
   summary,