@incodetech/web 2.0.0 → 2.0.1

package/dist/phone/phone.es.js

@@ -0,0 +1,98 @@
+import { n as e } from "../i18n-9s4OSqwi.js";
+import { p as t, v as n } from "../vendor-preact-D6SntenC.js";
+import { o as r } from "../hooks-BVnGysT7.js";
+import { t as i } from "../incodeComponent-C1o4M0ZK.js";
+import { r as a } from "../loadingIcon-BN5YRQUb.js";
+import { t as o } from "../page-C1yT4DLb.js";
+import { t as s } from "../button-DcCUEn2n.js";
+import { t as c } from "../otpInput-DqRA_egd.js";
+import { t as l } from "../checkbox-Cl57ltq_.js";
+import { t as u } from "../phoneInputComposed-bvWhGLFZ.js";
+import { t as d } from "../incodeModule-BqCjVgEI.js";
+import { createPhoneManager as f } from "@incodetech/core/phone";
+//#region src/modules/phone/phone.tsx
+function p(e) {
+	return e === "invalidPhone" ? "phone.invalidPhone" : e === "serverError" ? "phone.serverError" : e;
+}
+function m(e) {
+	return e === "serverError" ? "phone.serverError" : e;
+}
+var h = ({ config: i, manager: d, onFinish: h, onError: g }) => {
+	let { t: _ } = e(), [v, y] = r(() => {
+		if (d) return d;
+		if (!i) throw Error("Phone config is required");
+		return f({ config: i });
+	}, { manageLifecycle: !d }), [b, x] = t(!1), [S, C] = t(!1), [w, T] = t(!1);
+	if (v.status === "idle" || v.status === "loadingPrefill" || v.status === "loadingStartInfo") return null;
+	if (v.status === "inputting" || v.status === "submitting" || v.status === "sendingInitialOtp") {
+		let e = v.status === "submitting" || v.status === "sendingInitialOtp", t = v.status === "inputting" ? v.countryCode : "US", r = v.status === "inputting" ? v.prefilledPhone : void 0, i = v.status === "inputting" && v.phoneError ? _(p(v.phoneError)) : void 0, c = v.status === "inputting" && S && w && !b ? _("phone.invalidPhone") : void 0, d = i ?? c, f = !b || i !== void 0, m = v.status === "inputting" ? v.optinEnabled ?? !1 : !1;
+		return /* @__PURE__ */ n(o, {
+			className: "IncodePhonePage",
+			title: _("phone.verify"),
+			subtitle: _("email.willSendCode"),
+			children: [
+				/* @__PURE__ */ n("div", {
+					class: "IncodePhoneInputContainer",
+					children: [
+						/* @__PURE__ */ n(u, {
+							id: "phone",
+							countryCode: t,
+							value: r,
+							error: d,
+							disabled: e,
+							onChange: (e, t) => {
+								y.setPhoneNumber(e, t), C(!0), T(!1), x(t);
+							},
+							onBlur: () => {
+								T(!0);
+							},
+							"data-testid": "phone-input",
+							showErrorIcon: !0
+						}),
+						/* @__PURE__ */ n(a, { size: 16 }),
+						m && /* @__PURE__ */ n(l, {
+							id: "phone-optin",
+							label: _("phone.optIn"),
+							size: "s",
+							onChange: (e) => y.setOptInGranted(e.target.checked)
+						})
+					]
+				}),
+				/* @__PURE__ */ n(a, {}),
+				/* @__PURE__ */ n(s, {
+					onClick: () => y.submit(),
+					disabled: f,
+					isLoading: e,
+					"data-testid": "phone-submit",
+					children: _("common.continue")
+				})
+			]
+		}, "phone-input");
+	}
+	if (v.status === "awaitingOtp" || v.status === "verifyingOtp" || v.status === "otpError" || v.status === "resendingOtp") {
+		let e = v.status === "verifyingOtp", t = v.status === "otpError", r = v.status === "awaitingOtp", i = v.status === "resendingOtp", a = r || t || e, s = t ? _(m(v.otpError)) : void 0;
+		return /* @__PURE__ */ n(o, {
+			className: "IncodePhonePage",
+			title: _("otp.enterCodeSMS"),
+			children: /* @__PURE__ */ n(c, {
+				resendTimer: a ? v.resendTimer : 0,
+				canResend: a ? v.canResend : !1,
+				isLoading: e,
+				disabled: i || e,
+				error: s,
+				onSubmit: (e) => y.submitOtp(e),
+				onResend: () => y.resendOtp(),
+				onBack: () => y.back()
+			})
+		}, "phone-otp");
+	}
+	return v.status === "finished" ? (h?.(), null) : (v.status === "error" && g?.(v.error), null);
+}, g = ({ config: e, manager: t, onFinish: r, onError: a }) => /* @__PURE__ */ n(i, { children: e || t ? /* @__PURE__ */ n(h, {
+	config: e,
+	manager: t,
+	onFinish: r,
+	onError: a
+}) : null });
+d(g, "incode-phone");
+//#endregion
+export { g as Phone };

package/dist/phone/styles.css

@@ -0,0 +1,11 @@
+/*! 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));
+  align-items: center;
+}
+
+.IncodePhoneInputContainer {
+  width: 100%;
+  max-width: 420px;
+}