@incodetech/web 0.0.0-dev-20260313-bc2dab4 → 0.0.0-dev-20260317-ce5d28b

package/dist/ekycModule-fxKjsL1i.js

@@ -0,0 +1,245 @@
+import { u as r, I as D, b as P, a as M, S as V, B as w } from "./button-Ca1tRSTI.js";
+import { createEkycManager as x } from "@incodetech/core/ekyc";
+import { y as E, A as k } from "./vendor-preact-BXf0bkEs.js";
+import "./uiConfig-Z6RT23Sl.js";
+import "@incodetech/core";
+import { u as T, A as B } from "./addressAutocomplete-CL7IcYGQ.js";
+import { V as b, t as H, F as K } from "./formField-B2HDj15w.js";
+import { D as O } from "./dateInputComposed-CvFmQpJ0.js";
+import { D as z } from "./dropdownComposed-DBm7cotT.js";
+import { P as G } from "./page-BVHG3h0V.js";
+import { r as j } from "./incodeModule-aE-LkKwM.js";
+import { P as J } from "./phoneInputComposed-D0oBe-el.js";
+const Q = ({ config: p, onFinish: s, onError: m }) => {
+  const { t: h } = P(), [t, i] = M(() => x({ config: p }));
+  E(() => {
+    (t.status === "finished" || t.status === "closed") && s?.();
+  }, [t.status, s]);
+  const y = t.status === "error" ? t.errorMessage : void 0;
+  return E(() => {
+    t.status === "error" && m?.(y);
+  }, [t.status, m, y]), t.status === "finished" || t.status === "closed" ? null : t.status === "loading" ? /* @__PURE__ */ r(
+    b,
+    {
+      status: "submitting",
+      submittingTitle: h("common.loading")
+    }
+  ) : t.status === "submitting" ? /* @__PURE__ */ r(b, { status: "submitting" }) : t.status === "success" ? /* @__PURE__ */ r(b, { status: "success" }) : t.status === "error" ? /* @__PURE__ */ r(
+    b,
+    {
+      status: "failure",
+      onRetry: () => i.retry(),
+      onSkip: () => i.skip()
+    }
+  ) : t.status === "misconfigured" ? /* @__PURE__ */ r(
+    b,
+    {
+      status: "failure",
+      failureTitle: h("verification.noFormFields"),
+      onSkip: () => i.close(),
+      skipLabel: h("common.close")
+    }
+  ) : t.status === "form" ? /* @__PURE__ */ r(U, { state: t, manager: i }) : null;
+}, U = ({ state: p, manager: s }) => {
+  const {
+    fields: m,
+    values: h,
+    displayErrors: t,
+    errorParams: i,
+    isValid: y,
+    addressSuggestions: N,
+    prefilled: R,
+    hideEmail: A,
+    fieldsCountry: L,
+    submitError: C
+  } = p, { t: o } = P(), g = k(null), F = k(null), I = k(void 0), $ = T(g, m.length);
+  E(() => {
+    const e = t.postalCode, n = I.current;
+    if (I.current = e, !e || n === e)
+      return;
+    const u = requestAnimationFrame(() => {
+      const c = F.current;
+      if (!c) return;
+      (c.querySelector("#postalCode-error") ?? c).scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    });
+    return () => cancelAnimationFrame(u);
+  }, [t.postalCode]);
+  const v = (e, n) => H(o, n, i[e]);
+  let S;
+  return /* @__PURE__ */ r(G, { className: `IncodeEkycPage${$ ? " IncodeEkycPageScrollable" : ""}`, title: o("verification.title"), children: [
+    /* @__PURE__ */ r("div", { ref: g, className: "IncodeEkycForm", children: m.map((e) => {
+      if (e.name === "email" && A) return null;
+      let n = null;
+      e.section && e.section !== S && (S = e.section, n = /* @__PURE__ */ r("h3", { className: "IncodeEkycSectionHeader", children: o({
+        address: "verification.labels.addressDetailsSection",
+        driverLicense: "verification.labels.dlDetailsSection"
+      }[e.section] ?? e.section) }));
+      const u = e.readonly || R[e.name], c = h[e.name] ?? "", d = t[e.name];
+      if (e.name === "street" && e.section === "address")
+        return /* @__PURE__ */ r("div", { children: [
+          n,
+          /* @__PURE__ */ r(
+            B,
+            {
+              label: e.label,
+              value: c,
+              error: d,
+              errorParams: i[e.name],
+              suggestions: N,
+              readonly: u,
+              optional: !e.required,
+              onChange: (a) => s.setField("street", a),
+              onSearch: (a) => s.searchAddress(a),
+              onSelect: (a) => s.selectAddress(a)
+            }
+          )
+        ] }, e.name);
+      if (e.type === "dropdown") {
+        const a = o(e.label);
+        return /* @__PURE__ */ r("div", { children: [
+          n,
+          /* @__PURE__ */ r(
+            z,
+            {
+              id: `ekyc-${e.name}`,
+              label: a,
+              placeholder: e.placeholder ? o(e.placeholder) : void 0,
+              value: c,
+              options: (e.options ?? []).map((l) => ({
+                ...l,
+                label: o(l.label)
+              })),
+              error: v(e.name, d),
+              disabled: u,
+              searchable: !0,
+              onChange: (l) => s.setField(e.name, l),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "date") {
+        const a = o(e.label);
+        return /* @__PURE__ */ r("div", { children: [
+          n,
+          /* @__PURE__ */ r(
+            O,
+            {
+              id: `ekyc-${e.name}`,
+              label: a,
+              value: c,
+              error: v(e.name, d),
+              disabled: u,
+              onInput: (l) => {
+                const q = l.target;
+                s.setField(e.name, q.value);
+              },
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "phone") {
+        const a = o(e.label);
+        return /* @__PURE__ */ r("div", { children: [
+          n,
+          /* @__PURE__ */ r(
+            J,
+            {
+              id: `ekyc-${e.name}`,
+              label: a,
+              countryCode: L,
+              value: c,
+              placeholder: e.placeholder,
+              error: v(e.name, d),
+              disabled: u,
+              disableCountrySelector: e.disableCountrySelector,
+              required: e.required,
+              onChange: (l) => s.setField(e.name, l),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      return e.type === "radio" ? /* @__PURE__ */ r("div", { children: [
+        n,
+        /* @__PURE__ */ r("div", { className: "IncodeEkycRadioGroup", children: [
+          /* @__PURE__ */ r("label", { className: "IncodeEkycRadioLabel", children: o(e.label) }),
+          /* @__PURE__ */ r("div", { className: "IncodeEkycRadioOptions", children: e.options?.map((a) => /* @__PURE__ */ r(
+            "label",
+            {
+              className: "IncodeEkycRadioOption",
+              children: [
+                /* @__PURE__ */ r(
+                  "input",
+                  {
+                    type: "radio",
+                    name: e.name,
+                    checked: c === a.value,
+                    value: a.value,
+                    onChange: () => s.setField(e.name, a.value),
+                    disabled: u
+                  }
+                ),
+                /* @__PURE__ */ r("span", { children: o(a.label) })
+              ]
+            },
+            a.value
+          )) }),
+          d && /* @__PURE__ */ r("span", { className: "IncodeEkycFieldError", children: v(e.name, d) })
+        ] })
+      ] }, e.name) : /* @__PURE__ */ r(
+        "div",
+        {
+          ref: e.name === "postalCode" ? F : void 0,
+          children: [
+            n,
+            /* @__PURE__ */ r(
+              K,
+              {
+                name: e.name,
+                label: e.label,
+                value: c,
+                error: d,
+                errorParams: i[e.name],
+                type: e.type,
+                placeholder: e.placeholder,
+                placeholderParams: e.placeholderParams,
+                required: e.required,
+                optional: e.optional,
+                readonly: u,
+                maxLength: e.maxLength,
+                onChange: (a, l) => s.setField(a, l)
+              }
+            )
+          ]
+        },
+        e.name
+      );
+    }) }),
+    /* @__PURE__ */ r("div", { className: "IncodeEkycFooter", children: [
+      /* @__PURE__ */ r(V, { size: 32 }),
+      C && /* @__PURE__ */ r("p", { className: "IncodeEkycSubmitError", children: o(C) }),
+      /* @__PURE__ */ r(
+        w,
+        {
+          onClick: () => s.submit(),
+          disabled: !y,
+          "data-testid": "ekyc-submit",
+          children: o("common.continue")
+        }
+      )
+    ] })
+  ] });
+}, W = ({
+  config: p,
+  onFinish: s,
+  onError: m
+}) => /* @__PURE__ */ r(D, { children: p ? /* @__PURE__ */ r(Q, { config: p, onFinish: s, onError: m }) : null });
+j(W, "incode-ekyc");
+export {
+  W as EkycModule
+};

package/dist/extensibility.es.js

@@ -6,13 +6,13 @@ import { C as ie, F as le, M as de } from "./fileIcon-DOyMcRWU.js";
 import { S as ue, T as he, a as Ce, b as xe, c as Ie, d as me } from "./spinner-Cx3FPUCD.js";
 import { P as be } from "./processing-CDgOueI3.js";
 import { E as ve } from "./errorContent-yUAdbZ5o.js";
-import { F as ye, V as we } from "./formField-C91ckby4.js";
+import { F as ye, V as we } from "./formField-B2HDj15w.js";
 import { a as Be, C as Le, c as Me, b as Se, e as Fe, d as De, H as He, L as Pe, P as Ve } from "./captureFooter-X2qN1773.js";
 import { D as Oe, a as Re, I as We, S as je } from "./dropdownComposed-DBm7cotT.js";
 import { O as $e } from "./otpInput-cazUY73p.js";
 import { D as E, d as O, A as R, y as W, q as j } from "./vendor-preact-BXf0bkEs.js";
 import { E as U } from "./errorIcon-BL647nVh.js";
-import { P as Ae } from "./phoneInputComposed-B1gXoSzr.js";
+import { P as Ae } from "./phoneInputComposed-D0oBe-el.js";
 import { C as ze, D as Ge } from "./dateInputComposed-CvFmQpJ0.js";
 import { B as Ke, L as Qe, P as Xe } from "./permissions-DwF2Ez1N.js";
 import { C as _e } from "./chevronDown-BUaOuf9J.js";