@adyen/kyc-components 3.67.3 → 3.68.1

package/dist/{css-BdtMD5A5.js → css-w3W1DNq3.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] = "a997389c-6c3c-4c0d-953f-cfa12482d3f1", e._sentryDebugIdIdentifier = "sentry-dbid-a997389c-6c3c-4c0d-953f-cfa12482d3f1");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7282731a-52d0-4e33-ab78-16fd510b6cd6", e._sentryDebugIdIdentifier = "sentry-dbid-7282731a-52d0-4e33-ab78-16fd510b6cd6");
   } catch (e) {
   }
 }
 ;
-import { c as cssProps } from "./DebugModal-Bv0myReE.js";
+import { c as cssProps } from "./DebugModal-Bl6alyPp.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text },
   property: { regex: /(^|[\r\n])[^:]*:/g, css: cssProps.key },

package/dist/individual.js

@@ -2,38 +2,54 @@
 {
   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] = "45c409a3-a480-4d6e-85aa-c46754aad2db", e._sentryDebugIdIdentifier = "sentry-dbid-45c409a3-a480-4d6e-85aa-c46754aad2db");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bba38e59-9d87-4909-90a5-3de44f43a022", e._sentryDebugIdIdentifier = "sentry-dbid-bba38e59-9d87-4909-90a5-3de44f43a022");
   } catch (e) {
   }
 }
 ;
-import { getCoreFromSdkOptionsProp } from "./adyenConfig.js";
+import { jsx } from "preact/jsx-runtime";
+import { render } from "preact";
+import { i as injectCss, E as EmbedShell } from "./EmbedShell-uQMA3IsQ.js";
+import { C as CreateIndividualComponent } from "./CreateIndividualComponent-CbKLS3lw.js";
+import { e as environmentMap } from "./utils-Do7EwrWz.js";
 class AdyenIndividual extends HTMLElement {
-  // Setters are needed for the Preact renderer to detect these are properties and not attributes
-  set options(opt) {
-    this.sdkOptions = opt;
-  }
   constructor() {
     super();
+    this.rendered = false;
     this.root = this.attachShadow({ mode: "open" });
-    this.root.innerHTML = `
-      <style> @import "../../../dist/style.css"; </style>
-      <style> @import "../style.css"; </style>
-      <div id="mount"></div>`;
+  }
+  // Setters are needed for the Preact renderer to detect these are properties and not attributes
+  set options(opt) {
+    this.sdkOptions = opt;
+    this.renderIfNotYet();
   }
   async connectedCallback() {
+    this.renderIfNotYet();
+  }
+  renderIfNotYet() {
+    var _a;
+    if (this.rendered) return;
     const legalEntityId = this.getAttribute("legalEntityId");
-    if (!legalEntityId) {
-      throw Error("Adyen Individual must have a `legalEntityId` prop");
-    }
     const modalView = this.getAttribute("view") === "modal";
-    const { onSubmitSuccess } = this;
-    const core = await getCoreFromSdkOptionsProp(this.sdkOptions);
-    core == null ? void 0 : core.create("createIndividualComponent", {
+    if (!legalEntityId || !((_a = this.sdkOptions) == null ? void 0 : _a.country)) {
+      console.debug("Missing required props");
+      return;
+    }
+    const embedShellProps = {
+      componentName: "IndividualComponent",
       legalEntityId,
-      onSubmitSuccess,
-      modalView
-    }).mount(this.root.querySelector("#mount"));
+      contextCountry: this.sdkOptions.country,
+      settings: {},
+      experiments: {},
+      loadingContext: environmentMap[this.sdkOptions.environment] ?? this.sdkOptions.environment,
+      ...this.sdkOptions
+    };
+    injectCss(this.root);
+    render(
+      /* @__PURE__ */ jsx(EmbedShell, { ...embedShellProps, children: /* @__PURE__ */ jsx(CreateIndividualComponent, { legalEntityId, modalView }) }),
+      this.root
+    );
+    this.rendered = true;
   }
 }
 customElements.define("adyen-individual", AdyenIndividual);

package/dist/{json-DbFHJS1e.js → json-BVkPD1GZ.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] = "a159fa50-ede4-4f62-9545-7c6dcaa02598", e._sentryDebugIdIdentifier = "sentry-dbid-a159fa50-ede4-4f62-9545-7c6dcaa02598");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "34a0c37f-04f2-42aa-ae59-bd05215b26d8", e._sentryDebugIdIdentifier = "sentry-dbid-34a0c37f-04f2-42aa-ae59-bd05215b26d8");
   } catch (e) {
   }
 }
 ;
-import { c as cssProps } from "./DebugModal-Bv0myReE.js";
+import { c as cssProps } from "./DebugModal-Bl6alyPp.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text },
   number: { regex: /-?\d+(\.\d+)?([eE][+-]?\d+)?/g, css: cssProps.number },

package/dist/listToRecord-CBVflh7a.js

@@ -0,0 +1,160 @@
+;
+{
+  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] = "c3306b30-c910-4cdc-9b43-140f9e64a4f2", e._sentryDebugIdIdentifier = "sentry-dbid-c3306b30-c910-4cdc-9b43-140f9e64a4f2");
+  } catch (e) {
+  }
+}
+;
+import { jsx, jsxs } from "preact/jsx-runtime";
+import cx from "classnames";
+import { K as Loader, Q as Icon, i as useI18nContext, N as TaskStatus, bv as KEYBOARD_KEYS } from "./EventEmitter-BCgWoSHk.js";
+const tag = "adyen-kyc-tag";
+const tagGrey = "adyen-kyc-tag-grey";
+const tagBlue = "adyen-kyc-tag-blue";
+const tagOrange = "adyen-kyc-tag-orange";
+const tagRed = "adyen-kyc-tag-red";
+const tagTeal = "adyen-kyc-tag-teal";
+const tagGreen = "adyen-kyc-tag-green";
+const styles = {
+  tag,
+  tagGrey,
+  tagBlue,
+  tagOrange,
+  tagRed,
+  tagTeal,
+  tagGreen
+};
+const variantMap = {
+  grey: styles.tagGrey,
+  teal: styles.tagTeal,
+  red: styles.tagRed,
+  green: styles.tagGreen,
+  orange: styles.tagOrange,
+  blue: styles.tagBlue
+};
+const Tag = ({ className, variant = "blue", children }) => {
+  return /* @__PURE__ */ jsx("span", { className: cx(styles.tag, variantMap[variant], className), children });
+};
+const Status = ({ text, className, iconStatusClass, icon, size = "small" }) => {
+  const containerClasses = cx("adyen-kyc-status", className);
+  const iconClasses = cx("adyen-kyc-status__icon", iconStatusClass, {
+    "adyen-kyc-status__icon--large": size === "large"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: containerClasses, children: [
+    /* @__PURE__ */ jsx("span", { className: iconClasses, children: icon === "loading" ? /* @__PURE__ */ jsx(Loader, { size: size === "large" ? "small" : "xsmall", dot: true }) : /* @__PURE__ */ jsx(Icon, { name: icon }) }),
+    /* @__PURE__ */ jsx("span", { className: "adyen-kyc-status__text", children: text })
+  ] });
+};
+const TaskItemStatus = ({
+  status,
+  downloadHandler,
+  size = "small",
+  statusLabel
+}) => {
+  const { i18n } = useI18nContext();
+  const handleDownloadClick = (e) => {
+    e.stopPropagation();
+    downloadHandler == null ? void 0 : downloadHandler();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === KEYBOARD_KEYS.enter || e.key === KEYBOARD_KEYS.space) {
+      e.preventDefault();
+      handleDownloadClick(e);
+    }
+  };
+  switch (status) {
+    case TaskStatus.DOWNLOAD:
+      return /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: "adyen-kyc-status--download",
+          role: "button",
+          tabIndex: 0,
+          onClick: handleDownloadClick,
+          onKeyDown: handleKeyDown,
+          children: [
+            statusLabel || i18n.get("download"),
+            " "
+          ]
+        }
+      );
+    case TaskStatus.FINISHED:
+      return /* @__PURE__ */ jsx(
+        Status,
+        {
+          className: "adyen-kyc-status--finished",
+          iconStatusClass: "adyen-kyc-status__icon--finished",
+          icon: "checkmark-small",
+          text: statusLabel || i18n.get("verified"),
+          size
+        }
+      );
+    case TaskStatus.SIGNED:
+      return /* @__PURE__ */ jsx(
+        Status,
+        {
+          className: "adyen-kyc-status--finished",
+          iconStatusClass: "adyen-kyc-status__icon--finished",
+          icon: "checkmark-small",
+          text: statusLabel || i18n.get("signed"),
+          size
+        }
+      );
+    case TaskStatus.ERROR:
+      return /* @__PURE__ */ jsx(
+        Status,
+        {
+          className: "adyen-kyc-status--error",
+          iconStatusClass: "adyen-kyc-status__icon--error",
+          icon: "info-circle",
+          text: statusLabel || i18n.get("unsuccessful"),
+          size
+        }
+      );
+    case TaskStatus.PROCESSING:
+      return /* @__PURE__ */ jsx(
+        Status,
+        {
+          className: "",
+          iconStatusClass: "",
+          icon: "loading",
+          text: statusLabel || i18n.get("inReview"),
+          size
+        }
+      );
+    case TaskStatus.SIGN:
+      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-sign", children: statusLabel || i18n.get("sign") });
+    case TaskStatus.SUBMIT:
+      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-submit", children: statusLabel || i18n.get("submit") });
+    case TaskStatus.REMOVING:
+      return /* @__PURE__ */ jsx(
+        Status,
+        {
+          className: "",
+          iconStatusClass: "",
+          icon: "loading",
+          text: statusLabel || i18n.get("removing"),
+          size
+        }
+      );
+    case TaskStatus.DETAILS_REQUIRED:
+    case TaskStatus.EMPTY:
+      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-details-required", children: statusLabel || i18n.get("add") });
+    default:
+      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-details-unknown", children: i18n.get("unknown") });
+  }
+};
+const listToRecord = (list, getValue) => list.reduce(
+  (acc, k) => ({
+    ...acc,
+    [k]: getValue(k)
+  }),
+  {}
+);
+export {
+  Tag as T,
+  TaskItemStatus as a,
+  listToRecord as l
+};

package/dist/{plaintext-DuNA8yq2.js → plaintext-Bgjkv8j9.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] = "294a483f-cab0-4ad9-b48e-ff1e9d1eea40", e._sentryDebugIdIdentifier = "sentry-dbid-294a483f-cab0-4ad9-b48e-ff1e9d1eea40");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e7c5c8a9-987c-45be-b150-463818871c40", e._sentryDebugIdIdentifier = "sentry-dbid-e7c5c8a9-987c-45be-b150-463818871c40");
   } catch (e) {
   }
 }
 ;
-import { c as cssProps } from "./DebugModal-Bv0myReE.js";
+import { c as cssProps } from "./DebugModal-Bl6alyPp.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text }
 };