@incodetech/web 2.0.0-rc.0 → 2.0.0

package/dist/phone/phone.es.js

@@ -1,98 +0,0 @@
-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

@@ -1,11 +0,0 @@
-/*! 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;
-}