@adyen/kyc-components 3.63.2 → 3.64.1

package/dist/{CPIOZS5X-BAPAsUnD.js → I3HPI4QX-DgZhje7B.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./WXAWMS3D-C0qahN6N.js";
-import { p as getPreferredColorScheme, q as createMemo, r as createComponent } from "./core-CtLEZ35m.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./HASRA6WW-BBh_ldjJ.js";
+import { ac as getPreferredColorScheme, ad as createMemo, ae as createComponent } from "./core-DMef9uHG.js";
 var DevtoolsComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/{Introduction-imwEgL7W.js → Introduction-Dh3oNC_b.js}

@@ -1,10 +1,9 @@
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { useMemo as useMemo$1, useState, useEffect } from "preact/hooks";
-import { T as TaskTypes, L as LegalEntityType, u as useCanSeeIntroduction, a as useLegalEntityType, t as toCapitalized, g as getTranslationKeysByPrefix, b as useI18nContext, c as useAnalyticsContext, S as StepProgressIndicator, B as Button } from "./core-CtLEZ35m.js";
+import { T as TaskTypes, L as LegalEntityType, u as useCanSeeIntroduction, a as useLegalEntityType, t as toCapitalized, g as getTranslationKeysByPrefix, b as useI18nContext, c as useAnalyticsContext, S as StepProgressIndicator, B as Button } from "./core-DMef9uHG.js";
 import { useMemo } from "preact/compat";
 var IntroductionScreens = ((IntroductionScreens2) => {
   IntroductionScreens2["PROLOGUE"] = "PROLOGUE";
-  IntroductionScreens2[IntroductionScreens2["COMPANY"] = TaskTypes.COMPANY] = "COMPANY";
   IntroductionScreens2[IntroductionScreens2["INDIVIDUAL"] = TaskTypes.INDIVIDUAL] = "INDIVIDUAL";
   IntroductionScreens2[IntroductionScreens2["DECISION_MAKER"] = TaskTypes.DECISION_MAKER] = "DECISION_MAKER";
   IntroductionScreens2[IntroductionScreens2["SOLE_PROPRIETOR_COMPANY"] = TaskTypes.SOLE_PROPRIETOR_COMPANY] = "SOLE_PROPRIETOR_COMPANY";
@@ -23,7 +22,6 @@ const introductionScreensByLegalEntityType = {
   ],
   [LegalEntityType.ORGANIZATION]: [
     IntroductionScreens.PROLOGUE,
-    IntroductionScreens.COMPANY,
     IntroductionScreens.DECISION_MAKER,
     IntroductionScreens.ACCOUNT,
     IntroductionScreens.EPILOGUE
@@ -37,7 +35,6 @@ const introductionScreensByLegalEntityType = {
   ],
   [LegalEntityType.TRUST]: [
     IntroductionScreens.PROLOGUE,
-    IntroductionScreens.COMPANY,
     IntroductionScreens.INDIVIDUAL,
     IntroductionScreens.DECISION_MAKER,
     IntroductionScreens.TRUST,
@@ -48,7 +45,6 @@ const introductionScreensByLegalEntityType = {
   // TODO SOE-2109: Update to use Unincorporated Partnership screens
   [LegalEntityType.UNINCORPORATED_PARTNERSHIP]: [
     IntroductionScreens.PROLOGUE,
-    IntroductionScreens.COMPANY,
     IntroductionScreens.INDIVIDUAL,
     IntroductionScreens.DECISION_MAKER,
     IntroductionScreens.TRUST,

package/dist/Review-TmWR8Zbc.js

@@ -0,0 +1,73 @@
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useState } from "preact/hooks";
+import { U as useApiContext, V as useMutation, W as httpPost, b as useI18nContext, l as useToastContext, X as LoaderWrapper, h as FormHeader, Y as Checkbox, G as ActionBar, D as DropinLayout } from "./core-DMef9uHG.js";
+const confirmReview = async (legalEntityId, url) => {
+  return httpPost({
+    loadingContext: url,
+    errorLevel: "warn",
+    errorMessage: `Failed to confirm data review`,
+    path: `legalEntities/${legalEntityId}/confirmDataReview`,
+    authentication: "jwt",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+};
+const useConfirmReview = (options) => {
+  const { legalEntityId, baseUrl } = useApiContext();
+  return useMutation({
+    mutationFn: () => {
+      return confirmReview(legalEntityId.value, baseUrl.value);
+    },
+    ...options
+  });
+};
+function Review({ handleHomeClick }) {
+  const { i18n } = useI18nContext();
+  const [loadingStatus, setLoadingStatus] = useState();
+  const { showToast } = useToastContext();
+  const [hasConfirmed, setHasConfirmed] = useState(false);
+  const content = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(LoaderWrapper, { status: loadingStatus, formOpacityWhenLoading: 0.3, showSpinner: false, children: [
+    /* @__PURE__ */ jsx(FormHeader, { heading: i18n.get("submitReviewOfYourData") }),
+    /* @__PURE__ */ jsx("span", { children: i18n.get("pleaseNote") }),
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        checked: hasConfirmed,
+        onChange: setHasConfirmed,
+        label: i18n.get("byClickingSubmitReview"),
+        name: "confirmReviewData"
+      }
+    )
+  ] }) });
+  const { mutateAsync: confirmReview2 } = useConfirmReview();
+  const onConfirmClick = async () => {
+    try {
+      setLoadingStatus("loading");
+      await confirmReview2();
+      setLoadingStatus("success");
+      showToast({ label: i18n.get("submitSuccessful"), type: "success" });
+      handleHomeClick();
+    } catch {
+      showToast({ label: i18n.get("submitFailed"), type: "error" });
+    } finally {
+      setLoadingStatus("success");
+    }
+  };
+  const footer = /* @__PURE__ */ jsx(
+    ActionBar,
+    {
+      onHome: handleHomeClick,
+      homeButtonLabel: i18n.get("goToOverview"),
+      onNext: onConfirmClick,
+      nextButtonLabel: i18n.get("submitReview"),
+      nextButtonDisabled: !hasConfirmed
+    }
+  );
+  return /* @__PURE__ */ jsx(DropinLayout, { content, footer });
+}
+export {
+  Review
+};

package/dist/SingpassSelection-BUEOfpN3.js

@@ -0,0 +1,116 @@
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useState } from "preact/hooks";
+import { b as useI18nContext, d as useForm, e as Typography, F as Field, R as RadioGroupCard, B as Button, f as Svg, L as LegalEntityType } from "./core-DMef9uHG.js";
+const setupAccountMethods = ["singpass", "manual"];
+const setupAccountMethodFields = ["setupAccountMethod"];
+const getSingpassSelectionDisabled = (legalEntityType) => {
+  switch (legalEntityType) {
+    case LegalEntityType.INDIVIDUAL:
+    case LegalEntityType.ORGANIZATION:
+      return false;
+    default:
+      return true;
+  }
+};
+const legalEntityTypeToSelectionTranslationKeyMap = {
+  [LegalEntityType.INDIVIDUAL]: "retrieveMyInfo",
+  [LegalEntityType.ORGANIZATION]: "retrieveMyInfoBusiness"
+};
+const legalEntityTypeToSelectionDescriptionTranslationKeyMap = {
+  [LegalEntityType.INDIVIDUAL]: "getYourVerifiedDetailsInstantly",
+  [LegalEntityType.ORGANIZATION]: "getYourBusinessVerifiedDetails"
+};
+const getSetupAccountMethodMetadata = (legalEntityType) => {
+  const translationSingpassNameKey = legalEntityTypeToSelectionTranslationKeyMap[legalEntityType] ?? "retrieveMyInfoBusiness";
+  const translationSingpassDescriptionKey = legalEntityTypeToSelectionDescriptionTranslationKeyMap[legalEntityType] ?? "getYourBusinessVerifiedDetails";
+  const isSingpassSelectionDisabled = getSingpassSelectionDisabled(legalEntityType);
+  return {
+    singpass: {
+      name: translationSingpassNameKey,
+      description: translationSingpassDescriptionKey,
+      icon: /* @__PURE__ */ jsx(
+        Svg,
+        {
+          type: "image",
+          name: "singpass-verification-instant",
+          className: "adyen-kyc-setup-singpass-container"
+        }
+      ),
+      provider: {
+        name: "singpass",
+        icon: /* @__PURE__ */ jsx(Svg, { type: "image", name: "singpass-logo", className: "adyen-kyc-singpass-logo-container" })
+      },
+      isOptionDisabled: isSingpassSelectionDisabled
+    },
+    manual: {
+      name: "enterTheDetailsYourself",
+      description: "youAlsoHaveToUploadSomeSupportingDocuments",
+      icon: /* @__PURE__ */ jsx(
+        Svg,
+        {
+          type: "image",
+          name: "singpass-verification-manual",
+          className: "adyen-kyc-setup-manual-container"
+        }
+      )
+    }
+  };
+};
+const SingpassSelection = (props) => {
+  const { legalEntityType, handleNextClick } = props;
+  const { i18n } = useI18nContext();
+  const [selectedMethod, setSelectedMethod] = useState();
+  const selectSetupAccountMethod = (method) => {
+    setSelectedMethod(method);
+    handleChangeFor("setupAccountMethod")(method);
+  };
+  const { handleChangeFor, data } = useForm({
+    ...props,
+    schema: setupAccountMethodFields,
+    defaultData: {}
+  });
+  const methodsMetadata = getSetupAccountMethodMetadata(legalEntityType);
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-singpass-selection", children: [
+    /* @__PURE__ */ jsx("header", { className: "adyen-kyc-u-margin-bottom-32", children: /* @__PURE__ */ jsx(Typography, { el: "h2", variant: "title-m", children: i18n.get("howWouldYouLikeToSetUpYourAccount") }) }),
+    /* @__PURE__ */ jsx("form", { children: /* @__PURE__ */ jsx(Field, { name: "setupAccountMethod", children: (childProps) => /* @__PURE__ */ jsx(
+      RadioGroupCard,
+      {
+        ...childProps,
+        name: "setupAccountMethod",
+        options: setupAccountMethods,
+        onSelect: selectSetupAccountMethod,
+        selected: data.setupAccountMethod,
+        optionId: (method) => method,
+        optionName: (method) => methodsMetadata[method].name,
+        optionDescription: (method) => methodsMetadata[method].description,
+        className: "adyen-kyc-field-verification-methods",
+        optionClassNames: () => ({
+          icon: "adyen-kyc-radio-group-card__illustration",
+          label: "adyen-kyc-field-verification-methods__card",
+          footer: "adyen-kyc-field-verification-methods__footer"
+        }),
+        renderOptionIcon: (method) => methodsMetadata[method].icon,
+        renderOptionFooter: (method) => {
+          var _a;
+          return (_a = methodsMetadata[method].provider) == null ? void 0 : _a.icon;
+        },
+        floatingRadio: true
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        disabled: !selectedMethod,
+        onClick: () => {
+          if (!selectedMethod) return;
+          handleNextClick(selectedMethod);
+        },
+        fullWidth: true,
+        children: i18n.get("next")
+      }
+    )
+  ] }) });
+};
+export {
+  SingpassSelection
+};

package/dist/adyen-kyc-components.js

@@ -1,4 +1,4 @@
-import { C as Core } from "./core-CtLEZ35m.js";
+import { C as Core } from "./core-DMef9uHG.js";
 if (CSS.supports("container", "foo / inline-size") === false) {
   import("container-query-polyfill");
 }

package/dist/adyenConfig.js

@@ -1,4 +1,4 @@
-import { C as Core } from "./core-CtLEZ35m.js";
+import { C as Core } from "./core-DMef9uHG.js";
 const environmentMap = Object.freeze({
   live: "https://live.adyen.com",
   test: "https://test.adyen.com"