@incodetech/web 0.0.0-dev-20260407-2c382da → 0.0.0-dev-20260407-ebd92aa

package/dist/passport-vertical-hint-BnCpKWeN.js

@@ -0,0 +1,267 @@
+import { v as e } from "./vendor-preact-D6SntenC.js";
+//#region src/modules/id/capture/assets/hints/passport-vertical-hint.svg?react
+var t = (t) => /* @__PURE__ */ e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 800 800",
+	...t,
+	children: [/* @__PURE__ */ e("g", {
+		clipPath: "url(#a)",
+		children: [
+			/* @__PURE__ */ e("path", {
+				fill: "url(#b)",
+				fillRule: "evenodd",
+				d: "M231.843 392.153c5.324-.558 10.366.505 13.447 1.683l.103.039 18.429 9.465 30.08 8.875c4.919.197 12.773 1.176 20.839 3.492 8.172 2.347 16.8 6.134 22.749 12.083 5.752 5.752 14.184 17.239 22.311 29.11 8.163 11.922 16.131 24.399 20.977 32.254l1.882 3.051h-3.584c-2.346 0-5.838.871-8.53 3.445-2.612 2.497-4.731 6.847-3.98 14.356 1.577 15.766-1.461 28.736-3.432 33.929.498 3.732.701 14.082-1.575 31.528-1.544 11.842-5.765 17.785-11.222 20.251-5.187 2.346-10.895 1.204-14.551.472l-.102-.02c-3.854-.771-6.617-3.938-8.45-7.012-.226-.378-.442-.762-.648-1.149-.616 4.316-1.458 9.242-2.532 14.117-1.824 8.285-4.387 16.766-7.836 21.725-3.712 5.336-9.083 6.7-14.016 6.301-3.065-.248-3.029-1.172-5.495-2.271l8.835 71.964c.002.006.003.013.004.019 3.11 16.822 2.207 44.074-1.632 68.258-3.825 24.086-10.669 45.831-32.092 54.442-20.967 8.428-45.704 6.62-67.903 1.111-22.19-5.508-42.134-14.787-53.792-21.704-5.516-2.684-13.393-7.875-19.281-14.861-5.921-7.027-10.041-16.154-7.198-26.435 2.511-9.078 3.07-24.757 2.691-40.907-.377-16.013-1.665-32.204-2.742-42.25l-6.509-31.548-.009-.145c-1.5-25.667-4.799-81.999-5.999-101.997-1.383-23.045 15.597-34.574 21.803-38.788.868-.589 1.524-1.035 1.892-1.35 1.297-1.112 4.584-4.514 8.268-8.438 3.608-3.842 7.487-8.067 9.985-10.814l16.954-22.938 17.505-22.506c6.505-8.673 21.396-28.495 28.997-38.496 4.214-5.545 9.991-7.778 15.359-8.341Zm.417 3.978c-4.566.479-9.206 2.329-12.592 6.784-7.595 9.994-22.491 29.822-28.992 38.49l-.01.014-17.496 22.494-17.046 23.062-.068.075c-2.505 2.755-6.438 7.039-10.097 10.936-3.616 3.851-7.079 7.449-8.581 8.737-.559.479-1.424 1.08-2.495 1.824-6.603 4.588-21.036 14.615-19.81 35.038 1.197 19.964 4.487 76.125 5.991 101.858l6.49 31.452.01.096c1.088 10.128 2.393 26.485 2.774 42.679.378 16.109-.146 32.346-2.835 42.068-2.356 8.519.94 16.309 6.402 22.79 5.468 6.489 12.895 11.383 18.043 13.877l.076.037.073.043c11.352 6.745 30.972 15.889 52.786 21.303 21.851 5.424 45.613 7.033 65.447-.939 19.377-7.789 25.865-27.627 29.633-51.358 3.751-23.623 4.701-50.41 1.646-66.923l-.004-.019-10.234-80.47 3.789 2.445c2.391 1.542 3.352 3.312 7.365 3.637 3.925.318 7.722-.735 10.409-4.599 2.951-4.241 5.388-12.01 7.214-20.3 1.805-8.196 2.944-16.564 3.437-21.747l3.94-.26c.464 2.01 1.522 5.131 3.144 7.85 1.666 2.793 3.653 4.709 5.799 5.138 3.849.77 8.333 1.584 12.222-.173 3.668-1.659 7.447-5.966 8.903-17.124 2.393-18.35 1.959-28.37 1.514-30.894l-.101-.568.218-.534c1.711-4.2 4.929-16.873 3.362-32.546-.849-8.492 1.532-14.142 5.195-17.645 2.444-2.336 5.34-3.604 7.936-4.174-4.869-7.804-11.968-18.839-19.216-29.426-8.156-11.912-16.391-23.092-21.839-28.54-5.251-5.251-13.122-8.797-21.025-11.067-7.869-2.26-15.531-3.187-20.131-3.349l-.253-.009-30.923-9.124-18.567-9.535c-2.598-.974-6.953-1.881-11.503-1.404Z",
+				clipRule: "evenodd"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#fff",
+				d: "M275 229h196v342H275V229Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "url(#c)",
+				fillOpacity: .3,
+				d: "M30 238.863c0-5.447 4.3658-9.863 9.7513-9.863H275v341H39.7512c-5.3855 0-9.7513-4.416-9.7513-9.863L30 238.863Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#AEAEAE",
+				d: "M353 538c0 4.418 3.587 8 8.012 8H431c-5.44-6.875-9.973-23.751-9.973-23.751 3.937 0 9.613-7.736 9.714-13.785 0-8.435-5.777-15.181-9.716-15.181 0 0 3.957-14.737 8.915-22.283h-68.928c-4.425 0-8.012 3.582-8.012 8v59Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "url(#d)",
+				d: "M415.773 519.189h.147c3.108.041 5.444 2.643 7.01 7.808 4.545-6.223 8.18-12.447 8.18-18.67 0-6.224-3.635-12.448-8.18-18.671-1.567 5.13-3.908 7.732-7.021 7.808-1.181 0-12.691-.004-13.872-.01.052-.371.019-.339-.076 0-3.892-.01 1.203-.027-4.116-.05-5.318-.023-10.077 22.145 4.528 21.819 1.489-.004 11.714-.013 13.4-.034Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#CDCDCD",
+				d: "M408.63 519.077c-.969-9.325 3.067-18.105 3.067-18.105s9.138 1.74 6.482 18.105h-9.549Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "url(#e)",
+				d: "M389.91 526.852c-1.943-1.233-.622-2.751.281-3.356l8.599-.808c.749.034 1.228.509 1.384 1.743.195 1.542-3.782 2.54-5.266 2.888-1.485.347-2.569 1.073-4.998-.467Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "url(#f)",
+				d: "M391.03 489.808c-1.955 1.214-.649 2.744.249 3.358l8.591.889c.749-.027 1.233-.497 1.4-1.73.21-1.54-3.757-2.575-5.238-2.937-1.482-.362-2.559-1.098-5.002.42Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#fff",
+				d: "M391.716 490.788c13.008 0 23.552 9.533 23.552 16.973 0 8.138-10.544 16.973-23.552 16.973-11.589 0-23.973-.936-23.973-16.973s12.116-16.973 23.973-16.973Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#707070",
+				d: "M429.159 471H445c4.418 0 8 3.582 8 8v59c0 4.418-3.582 8-8 8h-14.752c-5.589-6.875-9.748-23.5-9.748-23.5 4.044 0 9.378-7.987 9.482-14.036 0-8.435-5.435-14.964-9.482-14.964 0 0 3.565-14.954 8.659-22.5Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#E9E9EB",
+				d: "M436 418c0-1.105.895-2 2-2h9c1.105 0 2 .895 2 2v43c0 1.104-.896 2-2 2h-9c-1.104 0-2-.896-2-2v-43Zm-26.214-91c0-1.105.896-2 2-2h9.286c1.105 0 2 .896 2 2v134c0 1.104-.895 2-2 2h-9.286c-1.104 0-2-.895-2-2V327Zm-26.571 37.154c0-1.104.895-2 2-2h9.286c1.104.001 2 .896 2 2V461c0 1.104-.896 2-2 2h-9.286c-1.105 0-2-.895-2-2v-96.846Zm-26.571 0c0-1.104.895-2 2-2h9.286c1.104.001 2 .896 2 2V461c0 1.104-.896 2-2 2h-9.286c-1.105 0-2-.895-2-2v-96.846Z"
+			}),
+			/* @__PURE__ */ e("rect", {
+				width: 34,
+				height: 12,
+				x: 441,
+				y: 286,
+				fill: "#E9E9EB",
+				rx: 2,
+				transform: "rotate(-90 441 286)"
+			}),
+			/* @__PURE__ */ e("rect", {
+				width: 34,
+				height: 12,
+				x: 413,
+				y: 286,
+				fill: "#E9E9EB",
+				rx: 2,
+				transform: "rotate(-90 413 286)"
+			}),
+			/* @__PURE__ */ e("rect", {
+				width: 34,
+				height: 13,
+				x: 384,
+				y: 286,
+				fill: "#E9E9EB",
+				rx: 2,
+				transform: "rotate(-90 384 286)"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#F4F4F5",
+				d: "M471 571V229h42c6.627 0 12 5.373 12 12v318c0 6.627-5.373 12-12 12h-42Z"
+			}),
+			/* @__PURE__ */ e("rect", {
+				width: 139,
+				height: 19,
+				x: 303,
+				y: 546,
+				fill: "#C9C9C9",
+				fillOpacity: .5,
+				rx: 2,
+				transform: "rotate(-90 303 546)"
+			}),
+			/* @__PURE__ */ e("rect", {
+				width: 28,
+				height: 28,
+				x: 303,
+				y: 280,
+				fill: "#EAF0F6",
+				rx: 2,
+				transform: "rotate(-90 303 280)"
+			}),
+			/* @__PURE__ */ e("rect", {
+				width: 299,
+				height: 13,
+				x: 481,
+				y: 551,
+				fill: "#C9C9C9",
+				fillOpacity: .5,
+				rx: 2,
+				transform: "rotate(-90 481 551)"
+			}),
+			/* @__PURE__ */ e("rect", {
+				width: 299,
+				height: 13,
+				x: 502,
+				y: 551,
+				fill: "#C9C9C9",
+				fillOpacity: .5,
+				rx: 2,
+				transform: "rotate(-90 502 551)"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "url(#g)",
+				stroke: "url(#h)",
+				strokeWidth: 6,
+				d: "M291.236 614.053c17.5 91 15.508 156.278 9.494 171.762-18.872 70.363-109.364 47.471-148.681 21.591-3.814-48.5 39.153-70.476 41.804-121.931-.152-7.444 14.136-81.358 15.979-91.247 1.843-9.89 1.168-48.684-1.131-61.128-2.3-12.445.075-38.353 7.916-64.553 7.84-26.201 20.701-33.312 35.79-31.013 15.826 2.412 18.824 15.696 20.965 25.184 2.142 9.489 8.143 25.784 8.486 52.132.343 26.348-5.267 16.251 9.378 99.203Z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#C9C9C9",
+				fillOpacity: .8,
+				fillRule: "evenodd",
+				d: "M23 559V241c0-9.389 7.6112-17 17-17h473c9.389 0 17 7.611 17 17v318c0 9.389-7.611 17-17 17H40c-9.3888 0-17-7.611-17-17Zm5 0c0 6.627 5.3726 12 12 12h473c6.627 0 12-5.373 12-12V241c0-6.627-5.373-12-12-12H40c-6.6274 0-12 5.373-12 12v318Z",
+				clipRule: "evenodd"
+			})
+		]
+	}), /* @__PURE__ */ e("defs", { children: [
+		/* @__PURE__ */ e("linearGradient", {
+			id: "b",
+			x1: 451.5,
+			x2: 288.5,
+			y1: 411.5,
+			y2: 650.5,
+			gradientUnits: "userSpaceOnUse",
+			children: [/* @__PURE__ */ e("stop", { stopColor: "#fff" }), /* @__PURE__ */ e("stop", {
+				offset: 1,
+				stopColor: "#fff",
+				stopOpacity: 0
+			})]
+		}),
+		/* @__PURE__ */ e("linearGradient", {
+			id: "c",
+			x1: 30,
+			x2: 261,
+			y1: 400,
+			y2: 400,
+			gradientUnits: "userSpaceOnUse",
+			children: [/* @__PURE__ */ e("stop", {
+				offset: .108594,
+				stopColor: "#EAEAEA",
+				stopOpacity: 0
+			}), /* @__PURE__ */ e("stop", {
+				offset: 1,
+				stopColor: "#848484"
+			})]
+		}),
+		/* @__PURE__ */ e("linearGradient", {
+			id: "d",
+			x1: 403.261,
+			x2: 421.335,
+			y1: 509.982,
+			y2: 509.982,
+			gradientUnits: "userSpaceOnUse",
+			children: [/* @__PURE__ */ e("stop", { stopColor: "#B1B1B1" }), /* @__PURE__ */ e("stop", {
+				offset: 1,
+				stopColor: "#fff"
+			})]
+		}),
+		/* @__PURE__ */ e("linearGradient", {
+			id: "e",
+			x1: 394.239,
+			x2: 394.798,
+			y1: 523.577,
+			y2: 526.517,
+			gradientUnits: "userSpaceOnUse",
+			children: [
+				/* @__PURE__ */ e("stop", {
+					offset: .171875,
+					stopColor: "#BDBDBD"
+				}),
+				/* @__PURE__ */ e("stop", {
+					offset: .640625,
+					stopColor: "#E1E1E1"
+				}),
+				/* @__PURE__ */ e("stop", {
+					offset: 1,
+					stopColor: "#DDD"
+				})
+			]
+		}),
+		/* @__PURE__ */ e("linearGradient", {
+			id: "f",
+			x1: 395.328,
+			x2: 395.914,
+			y1: 493.124,
+			y2: 490.189,
+			gradientUnits: "userSpaceOnUse",
+			children: [
+				/* @__PURE__ */ e("stop", {
+					offset: .0416667,
+					stopColor: "#B5B5B5"
+				}),
+				/* @__PURE__ */ e("stop", {
+					offset: .362488,
+					stopColor: "#E2E2E2"
+				}),
+				/* @__PURE__ */ e("stop", {
+					offset: 1,
+					stopColor: "#fff"
+				})
+			]
+		}),
+		/* @__PURE__ */ e("linearGradient", {
+			id: "g",
+			x1: 284.5,
+			x2: 240.5,
+			y1: 48.0001,
+			y2: 752.5,
+			gradientUnits: "userSpaceOnUse",
+			children: [/* @__PURE__ */ e("stop", { stopColor: "#D9D9D9" }), /* @__PURE__ */ e("stop", {
+				offset: .897222,
+				stopColor: "#fff",
+				stopOpacity: 0
+			})]
+		}),
+		/* @__PURE__ */ e("linearGradient", {
+			id: "h",
+			x1: 239.736,
+			x2: 226.736,
+			y1: 477.053,
+			y2: 751.053,
+			gradientUnits: "userSpaceOnUse",
+			children: [/* @__PURE__ */ e("stop", {
+				offset: .10944,
+				stopColor: "#fff"
+			}), /* @__PURE__ */ e("stop", {
+				offset: 1,
+				stopColor: "#fff",
+				stopOpacity: 0
+			})]
+		}),
+		/* @__PURE__ */ e("clipPath", {
+			id: "a",
+			children: /* @__PURE__ */ e("path", {
+				fill: "#fff",
+				d: "M0 0h800v800H0z"
+			})
+		})
+	] })]
+});
+//#endregion
+export { t as default };

package/dist/phone/phone.es.js

@@ -1,121 +1,87 @@
-import { u as n, I as O, b as C, a as E, S as g } from "../loadingIcon-DmuPXh70.js";
-import { createPhoneManager as v } from "@incodetech/core/phone";
-import { d as w } from "../vendor-preact-BoMmvSgn.js";
-import "../instance-BWYzq8dk.js";
-import "@incodetech/core";
-import { B as S } from "../button-CE9kRlem.js";
-import { C as y } from "../checkbox-B5X-mfqq.js";
-import { O as k } from "../otpInput-BFXhqFRT.js";
-import { P } from "../page-SrUl0qtN.js";
-import { P as R } from "../phoneInputComposed-Cm9O2Jba.js";
-import { r as V } from "../incodeModule-C4XIllao.js";
-const B = ({
-  config: r,
-  manager: s,
-  onFinish: p,
-  onError: d
-}) => {
-  const { t: e } = C(), [t, o] = E(
-    () => {
-      if (s) return s;
-      if (!r)
-        throw new Error("Phone config is required");
-      return v({ config: r });
-    },
-    { manageLifecycle: !s }
-  ), [b, I] = w(!1);
-  if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingInitialOtp") {
-    const i = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", a = t.status === "inputting" ? t.countryCode : "US", l = t.status === "inputting" ? t.prefilledPhone : void 0, c = t.status === "inputting" && t.phoneError ? e(t.phoneError) : void 0, u = t.status === "inputting" ? t.otpVerification ?? !1 : !1, h = t.status === "inputting" ? t.optinEnabled ?? !1 : !1;
-    return /* @__PURE__ */ n(
-      P,
-      {
-        className: "IncodePhonePage",
-        title: e("phone.verify"),
-        subtitle: u ? e("email.willSendCode") : void 0,
-        children: [
-          /* @__PURE__ */ n("div", { class: "IncodePhoneInputContainer", children: [
-            /* @__PURE__ */ n(
-              R,
-              {
-                id: "phone",
-                countryCode: a,
-                value: l,
-                error: c,
-                disabled: i,
-                onChange: (m, f) => {
-                  o.setPhoneNumber(m, f), I(f);
-                },
-                "data-testid": "phone-input",
-                showErrorIcon: !0
-              }
-            ),
-            /* @__PURE__ */ n(g, { size: 16 }),
-            h && /* @__PURE__ */ n(
-              y,
-              {
-                id: "phone-optin",
-                label: e("phone.optIn"),
-                size: "s",
-                onChange: (m) => o.setOptInGranted(m.target.checked)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ n(g, {}),
-          /* @__PURE__ */ n(
-            S,
-            {
-              onClick: () => o.submit(),
-              disabled: !b,
-              isLoading: i,
-              "data-testid": "phone-submit",
-              children: e("common.continue")
-            }
-          )
-        ]
-      },
-      "phone-input"
-    );
-  }
-  if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError" || t.status === "resendingOtp") {
-    const i = t.status === "verifyingOtp", a = t.status === "otpError", l = t.status === "awaitingOtp", c = t.status === "resendingOtp", u = l || a || i;
-    return /* @__PURE__ */ n(
-      P,
-      {
-        className: "IncodePhonePage",
-        title: e("otp.enterCodeSMS"),
-        children: /* @__PURE__ */ n(
-          k,
-          {
-            resendTimer: u ? t.resendTimer : 0,
-            canResend: u ? t.canResend : !1,
-            isLoading: i,
-            disabled: c || i,
-            error: a ? e(t.otpError) : void 0,
-            onSubmit: (h) => o.submitOtp(h),
-            onResend: () => o.resendOtp(),
-            onBack: () => o.back()
-          }
-        )
-      },
-      "phone-otp"
-    );
-  }
-  return t.status === "finished" ? (p?.(), null) : (t.status === "error" && d?.(t.error), null);
-}, L = ({
-  config: r,
-  manager: s,
-  onFinish: p,
-  onError: d
-}) => /* @__PURE__ */ n(O, { children: r || s ? /* @__PURE__ */ n(
-  B,
-  {
-    config: r,
-    manager: s,
-    onFinish: p,
-    onError: d
-  }
-) : null });
-V(L, "incode-phone");
-export {
-  L as Phone
-};
+import { n as e } from "../i18n-DZOHbK9q.js";
+import { p as t, v as n } from "../vendor-preact-D6SntenC.js";
+import { c as r, r as i } from "../loadingIcon-BDMR5L6z.js";
+import { t as a } from "../spacer-DCljE53A.js";
+import { t as o } from "../button-DrtZRYJX.js";
+import { t as s } from "../page-M9yWRw73.js";
+import { t as c } from "../otpInput-DRZiayDi.js";
+import { t as l } from "../checkbox-kZerHUek.js";
+import { t as u } from "../phoneInputComposed-CXTXBQ0B.js";
+import { t as d } from "../incodeModule-Bf6yJ8RB.js";
+import { createPhoneManager as f } from "@incodetech/core/phone";
+//#region src/modules/phone/phone.tsx
+var p = ({ config: i, manager: d, onFinish: p, onError: m }) => {
+	let { t: h } = e(), [g, _] = r(() => {
+		if (d) return d;
+		if (!i) throw Error("Phone config is required");
+		return f({ config: i });
+	}, { manageLifecycle: !d }), [v, y] = t(!1);
+	if (g.status === "idle" || g.status === "loadingPrefill" || g.status === "inputting" || g.status === "submitting" || g.status === "sendingInitialOtp") {
+		let e = g.status === "idle" || g.status === "loadingPrefill" || g.status === "submitting" || g.status === "sendingInitialOtp", t = g.status === "inputting" ? g.countryCode : "US", r = g.status === "inputting" ? g.prefilledPhone : void 0, i = g.status === "inputting" && g.phoneError ? h(g.phoneError) : void 0, c = g.status === "inputting" ? g.otpVerification ?? !1 : !1, d = g.status === "inputting" ? g.optinEnabled ?? !1 : !1;
+		return /* @__PURE__ */ n(s, {
+			className: "IncodePhonePage",
+			title: h("phone.verify"),
+			subtitle: c ? h("email.willSendCode") : void 0,
+			children: [
+				/* @__PURE__ */ n("div", {
+					class: "IncodePhoneInputContainer",
+					children: [
+						/* @__PURE__ */ n(u, {
+							id: "phone",
+							countryCode: t,
+							value: r,
+							error: i,
+							disabled: e,
+							onChange: (e, t) => {
+								_.setPhoneNumber(e, t), y(t);
+							},
+							"data-testid": "phone-input",
+							showErrorIcon: !0
+						}),
+						/* @__PURE__ */ n(a, { size: 16 }),
+						d && /* @__PURE__ */ n(l, {
+							id: "phone-optin",
+							label: h("phone.optIn"),
+							size: "s",
+							onChange: (e) => _.setOptInGranted(e.target.checked)
+						})
+					]
+				}),
+				/* @__PURE__ */ n(a, {}),
+				/* @__PURE__ */ n(o, {
+					onClick: () => _.submit(),
+					disabled: !v,
+					isLoading: e,
+					"data-testid": "phone-submit",
+					children: h("common.continue")
+				})
+			]
+		}, "phone-input");
+	}
+	if (g.status === "awaitingOtp" || g.status === "verifyingOtp" || g.status === "otpError" || g.status === "resendingOtp") {
+		let e = g.status === "verifyingOtp", t = g.status === "otpError", r = g.status === "awaitingOtp", i = g.status === "resendingOtp", a = r || t || e;
+		return /* @__PURE__ */ n(s, {
+			className: "IncodePhonePage",
+			title: h("otp.enterCodeSMS"),
+			children: /* @__PURE__ */ n(c, {
+				resendTimer: a ? g.resendTimer : 0,
+				canResend: a ? g.canResend : !1,
+				isLoading: e,
+				disabled: i || e,
+				error: t ? h(g.otpError) : void 0,
+				onSubmit: (e) => _.submitOtp(e),
+				onResend: () => _.resendOtp(),
+				onBack: () => _.back()
+			})
+		}, "phone-otp");
+	}
+	return g.status === "finished" ? (p?.(), null) : (g.status === "error" && m?.(g.error), null);
+}, m = ({ config: e, manager: t, onFinish: r, onError: a }) => /* @__PURE__ */ n(i, { children: e || t ? /* @__PURE__ */ n(p, {
+	config: e,
+	manager: t,
+	onFinish: r,
+	onError: a
+}) : null });
+d(m, "incode-phone");
+//#endregion
+export { m as Phone };

package/dist/phone/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 .IncodePhonePage .IncodePageContent {
   padding-top: var(--spacing-32, var(--spacing-32, 32px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));

package/dist/phoneInput-C9T_8FJt.js

@@ -0,0 +1,138 @@
+import { S as e, _ as t, l as n, p as r, v as i } from "./vendor-preact-D6SntenC.js";
+import { t as a } from "./spacer-DCljE53A.js";
+import { c as o } from "./icons-BHbofCgJ.js";
+import { r as s, t as c } from "./countries-y2ydYDhN.js";
+import { n as l, t as u } from "./AsYouType-DPWqJvFu.js";
+//#region src/modules/phone/phoneInput.tsx
+var d = ({ countryCode: d, prefilledPhone: f, phoneError: p, optinEnabled: m = !1, disabled: h = !1, autoFocus: g = !1, onPhoneChange: _, onOptInChange: v }) => {
+	let [y, b] = r(null), [x, S] = r(!1), [C, w] = r(""), [T, E] = r(!1), D = n(null), O = n(null);
+	t(() => {
+		b(s(d) || c.find((e) => e.code === "US") || c[0]);
+	}, [d]), t(() => {
+		if (f && y) {
+			let e = f.startsWith("+") ? f : `+${f}`, t = l(e);
+			if (t?.isValid()) {
+				if (t.country && t.country !== y.code) {
+					let e = s(t.country);
+					e && b(e);
+				}
+				w(new u(t.country).input(t.nationalNumber)), _(e, !0);
+			}
+		}
+	}, [
+		f,
+		y,
+		_
+	]), t(() => {
+		g && O.current?.focus();
+	}, [g]), t(() => {
+		let e = (e) => {
+			D.current && !D.current.contains(e.target) && S(!1);
+		};
+		return x && document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [x]);
+	let k = (e, t) => {
+		let n = `${t.callingCode}${e.replace(/\D/g, "")}`;
+		try {
+			_(n, l(n, t.code)?.isValid() ?? !1);
+		} catch {
+			_(n, !1);
+		}
+	}, A = (e) => {
+		let t = e.target.value;
+		y ? (w(new u(y.code).input(t)), k(t, y)) : w(t);
+	}, j = (e) => {
+		b(e), S(!1), C && k(C, e);
+	}, M = (e) => {
+		let t = e.target.checked;
+		E(t), v?.(t);
+	};
+	return /* @__PURE__ */ i("div", {
+		class: "IncodePhoneInput",
+		children: /* @__PURE__ */ i("div", {
+			class: "IncodePhoneInputContainer",
+			children: [
+				/* @__PURE__ */ i("div", {
+					class: "IncodePhoneInputRow",
+					children: [/* @__PURE__ */ i("div", {
+						class: `IncodePhoneCountrySelector ${x ? "IncodePhoneCountrySelectorOpen" : ""} ${h ? "IncodePhoneCountrySelectorDisabled" : ""}`,
+						ref: D,
+						children: [/* @__PURE__ */ i("button", {
+							type: "button",
+							class: "IncodePhoneCountryButton",
+							onClick: () => {
+								h || S(!x);
+							},
+							disabled: h,
+							"aria-expanded": x,
+							"aria-haspopup": "listbox",
+							"data-testid": "phone-country-selector",
+							children: [
+								/* @__PURE__ */ i("span", {
+									class: "IncodePhoneCountryFlag",
+									"aria-hidden": "true",
+									children: y?.emoji
+								}),
+								/* @__PURE__ */ i("span", {
+									class: "IncodePhoneCountryCode",
+									children: y?.callingCode
+								}),
+								/* @__PURE__ */ i(o, { class: `IncodePhoneCountryArrow ${x ? "IncodePhoneCountryArrowUp" : ""}` })
+							]
+						}), x && /* @__PURE__ */ i("div", {
+							class: "IncodePhoneCountryDropdown",
+							children: c.map((e) => /* @__PURE__ */ i("button", {
+								type: "button",
+								class: `IncodePhoneCountryOption ${y?.code === e.code ? "IncodePhoneCountryOptionSelected" : ""}`,
+								onClick: () => j(e),
+								children: [
+									/* @__PURE__ */ i("span", {
+										class: "IncodePhoneCountryFlag",
+										"aria-hidden": "true",
+										children: e.emoji
+									}),
+									/* @__PURE__ */ i("span", {
+										class: "IncodePhoneCountryOptionCode",
+										children: e.callingCode
+									}),
+									/* @__PURE__ */ i("span", {
+										class: "IncodePhoneCountryOptionName",
+										children: e.name
+									})
+								]
+							}, e.code))
+						})]
+					}), /* @__PURE__ */ i("div", {
+						class: `IncodePhoneInputWrapper ${p ? "IncodePhoneInputWrapperError" : ""} ${h ? "IncodePhoneInputWrapperDisabled" : ""}`,
+						children: /* @__PURE__ */ i("input", {
+							ref: O,
+							type: "tel",
+							value: C,
+							onInput: A,
+							placeholder: "(123) 456-7890",
+							disabled: h,
+							class: "IncodePhoneInputField",
+							"data-testid": "phone-input"
+						})
+					})]
+				}),
+				p && /* @__PURE__ */ i(e, { children: [/* @__PURE__ */ i(a, { size: 8 }), /* @__PURE__ */ i("p", {
+					class: "IncodePhoneInputError",
+					"data-testid": "phone-error",
+					children: p
+				})] }),
+				m && /* @__PURE__ */ i(e, { children: [/* @__PURE__ */ i(a, { size: 16 }), /* @__PURE__ */ i("label", {
+					class: "IncodePhoneInputOptIn",
+					children: [/* @__PURE__ */ i("input", {
+						type: "checkbox",
+						checked: T,
+						onChange: M,
+						"data-testid": "phone-optin"
+					}), /* @__PURE__ */ i("span", { children: "I agree to receive SMS notifications" })]
+				})] })
+			]
+		})
+	});
+};
+//#endregion
+export { d as PhoneInput };