@levo-so/site-runtime 0.3.20 → 0.3.21

package/BillingStep-ByiYjJ0S.js

@@ -0,0 +1,251 @@
+"use client";
+import { s as e } from "./dist-BVFCdirT.js";
+import { n as t, t as n } from "./CollectionLabel-CmUFfc_7.js";
+import { m as ee } from "./theme.cssm-iXnQwMCp.js";
+import { c as te } from "react/compiler-runtime";
+import { useState as r } from "react";
+import { Fragment as ne, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ../../libraries/react-collection/dist/lib/CollectionFormRenderer/booking/BillingStep.cssm.js
+var re = "_10rr7a60", ie = "_10rr7a61", ae = "_10rr7a62", oe = "_10rr7a63", se = "_10rr7a64", ce = "_10rr7a65", le = "_10rr7a66", ue = "_10rr7a67", de = "_10rr7a68", fe = "_10rr7a6a", pe = "_10rr7a6b", me = "_10rr7a6c", he = "_10rr7a6d", ge = (ge) => {
+	let o = te(90), { onSubmit: s, prefillName: _e, prefillData: c, isEdit: l, onClose: u, error: d } = ge, ve = !!c?.tax_id, [f, ye] = r(ve), [p, be] = r(_e || (ve ? "" : c?.name) || ""), [m, xe] = r(ve && c?.name || ""), [h, Se] = r(c?.tax_id || ""), Ce = c?.address?.line1 || "", we = c?.address?.line2 || "", Te = c?.address?.city || "", Ee = c?.address?.state || "", De = c?.address?.postal_code || "", Oe = c?.address?.country || "", g;
+	o[0] !== Ce || o[1] !== we || o[2] !== Te || o[3] !== Ee || o[4] !== De || o[5] !== Oe ? (g = {
+		line1: Ce,
+		line2: we,
+		city: Te,
+		state: Ee,
+		postal_code: De,
+		country: Oe
+	}, o[0] = Ce, o[1] = we, o[2] = Te, o[3] = Ee, o[4] = De, o[5] = Oe, o[6] = g) : g = o[6];
+	let [_, ke] = r(g), v;
+	o[7] !== _.city || o[8] !== _.country || o[9] !== _.line1 || o[10] !== _.line2 || o[11] !== _.postal_code || o[12] !== _.state || o[13] !== m || o[14] !== f || o[15] !== p || o[16] !== s || o[17] !== h ? (v = (e) => {
+		e.preventDefault();
+		let t = {
+			name: f ? m.trim() : p.trim(),
+			address: {
+				line1: _.line1.trim(),
+				line2: _.line2.trim() || void 0,
+				city: _.city.trim(),
+				state: _.state.trim(),
+				postal_code: _.postal_code.trim(),
+				country: _.country.trim()
+			}
+		};
+		f && h.trim() && (t.tax_id = h.trim()), s(t);
+	}, o[7] = _.city, o[8] = _.country, o[9] = _.line1, o[10] = _.line2, o[11] = _.postal_code, o[12] = _.state, o[13] = m, o[14] = f, o[15] = p, o[16] = s, o[17] = h, o[18] = v) : v = o[18];
+	let Ae = v, y;
+	o[19] === Symbol.for("react.memo_cache_sentinel") ? (y = (e, t) => {
+		ke((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, o[19] = y) : y = o[19];
+	let b = y, x;
+	o[20] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ a("div", {
+		className: ie,
+		children: [/* @__PURE__ */ i("p", {
+			className: ae,
+			children: "Billing Information"
+		}), /* @__PURE__ */ i("p", {
+			className: oe,
+			children: "Add your billing details for the invoice"
+		})]
+	}), o[20] = x) : x = o[20];
+	let S;
+	o[21] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ i(n, {
+		htmlFor: "billing_name",
+		label: "Name",
+		isRequired: !0
+	}), o[21] = S) : S = o[21];
+	let C;
+	o[22] === Symbol.for("react.memo_cache_sentinel") ? (C = (e) => be(e.target.value), o[22] = C) : C = o[22];
+	let w;
+	o[23] === p ? w = o[24] : (w = /* @__PURE__ */ a("div", {
+		className: ce,
+		children: [S, /* @__PURE__ */ i(e, {
+			id: "billing_name",
+			placeholder: "Full Name",
+			value: p,
+			onChange: C,
+			required: !0
+		})]
+	}), o[23] = p, o[24] = w);
+	let T;
+	o[25] === Symbol.for("react.memo_cache_sentinel") ? (T = (e) => ye(e.target.checked), o[25] = T) : T = o[25];
+	let E;
+	o[26] === f ? E = o[27] : (E = /* @__PURE__ */ i("input", {
+		id: "billing_is_business",
+		type: "checkbox",
+		checked: f,
+		onChange: T,
+		className: ue
+	}), o[26] = f, o[27] = E);
+	let D;
+	o[28] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ i("span", { children: "This is a business purchase" }), o[28] = D) : D = o[28];
+	let O;
+	o[29] === E ? O = o[30] : (O = /* @__PURE__ */ a(t, {
+		htmlFor: "billing_is_business",
+		className: le,
+		children: [E, D]
+	}), o[29] = E, o[30] = O);
+	let k;
+	o[31] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ i("p", {
+		className: de,
+		children: "Check this if you need a tax-compliant invoice with business details"
+	}), o[31] = k) : k = o[31];
+	let A;
+	o[32] === O ? A = o[33] : (A = /* @__PURE__ */ a("div", { children: [O, k] }), o[32] = O, o[33] = A);
+	let j;
+	o[34] !== m || o[35] !== f || o[36] !== h ? (j = f && /* @__PURE__ */ a(ne, { children: [/* @__PURE__ */ a("div", {
+		className: "_10rr7a65",
+		children: [/* @__PURE__ */ i(n, {
+			htmlFor: "billing_business_name",
+			label: "Business Name",
+			isRequired: !0
+		}), /* @__PURE__ */ i(e, {
+			id: "billing_business_name",
+			value: m,
+			onChange: (e) => xe(e.target.value),
+			required: f
+		})]
+	}), /* @__PURE__ */ a("div", {
+		className: "_10rr7a65",
+		children: [/* @__PURE__ */ i(n, {
+			htmlFor: "billing_tax_id",
+			label: "Tax ID",
+			isRequired: !0
+		}), /* @__PURE__ */ i(e, {
+			id: "billing_tax_id",
+			value: h,
+			onChange: (e) => Se(e.target.value),
+			required: f
+		})]
+	})] }), o[34] = m, o[35] = f, o[36] = h, o[37] = j) : j = o[37];
+	let M;
+	o[38] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ i(n, {
+		htmlFor: "billing_address_line1",
+		label: "Address",
+		isRequired: !0
+	}), o[38] = M) : M = o[38];
+	let N;
+	o[39] === Symbol.for("react.memo_cache_sentinel") ? (N = (e) => b("line1", e.target.value), o[39] = N) : N = o[39];
+	let P;
+	o[40] === _.line1 ? P = o[41] : (P = /* @__PURE__ */ i(e, {
+		id: "billing_address_line1",
+		placeholder: "Street Address Line 1",
+		value: _.line1,
+		onChange: N,
+		required: !0
+	}), o[40] = _.line1, o[41] = P);
+	let F;
+	o[42] === Symbol.for("react.memo_cache_sentinel") ? (F = (e) => b("line2", e.target.value), o[42] = F) : F = o[42];
+	let I;
+	o[43] === _.line2 ? I = o[44] : (I = /* @__PURE__ */ i(e, {
+		placeholder: "Street Address Line 2 (Optional)",
+		value: _.line2,
+		onChange: F
+	}), o[43] = _.line2, o[44] = I);
+	let L;
+	o[45] === Symbol.for("react.memo_cache_sentinel") ? (L = (e) => b("city", e.target.value), o[45] = L) : L = o[45];
+	let R;
+	o[46] === _.city ? R = o[47] : (R = /* @__PURE__ */ i(e, {
+		placeholder: "City",
+		value: _.city,
+		onChange: L,
+		required: !0
+	}), o[46] = _.city, o[47] = R);
+	let z;
+	o[48] === Symbol.for("react.memo_cache_sentinel") ? (z = (e) => b("state", e.target.value), o[48] = z) : z = o[48];
+	let B;
+	o[49] === _.state ? B = o[50] : (B = /* @__PURE__ */ i(e, {
+		placeholder: "State/Province",
+		value: _.state,
+		onChange: z,
+		required: !0
+	}), o[49] = _.state, o[50] = B);
+	let V;
+	o[51] !== R || o[52] !== B ? (V = /* @__PURE__ */ a("div", {
+		className: fe,
+		children: [R, B]
+	}), o[51] = R, o[52] = B, o[53] = V) : V = o[53];
+	let H;
+	o[54] === Symbol.for("react.memo_cache_sentinel") ? (H = (e) => b("postal_code", e.target.value), o[54] = H) : H = o[54];
+	let U;
+	o[55] === _.postal_code ? U = o[56] : (U = /* @__PURE__ */ i(e, {
+		placeholder: "Postal Code",
+		value: _.postal_code,
+		onChange: H,
+		required: !0
+	}), o[55] = _.postal_code, o[56] = U);
+	let W;
+	o[57] === Symbol.for("react.memo_cache_sentinel") ? (W = (e) => b("country", e.target.value), o[57] = W) : W = o[57];
+	let G;
+	o[58] === _.country ? G = o[59] : (G = /* @__PURE__ */ i(e, {
+		placeholder: "Country",
+		value: _.country,
+		onChange: W,
+		required: !0
+	}), o[58] = _.country, o[59] = G);
+	let K;
+	o[60] !== U || o[61] !== G ? (K = /* @__PURE__ */ a("div", {
+		className: fe,
+		children: [U, G]
+	}), o[60] = U, o[61] = G, o[62] = K) : K = o[62];
+	let q;
+	o[63] !== P || o[64] !== I || o[65] !== V || o[66] !== K ? (q = /* @__PURE__ */ a("div", {
+		className: ce,
+		children: [
+			M,
+			P,
+			I,
+			V,
+			K
+		]
+	}), o[63] = P, o[64] = I, o[65] = V, o[66] = K, o[67] = q) : q = o[67];
+	let J;
+	o[68] === d ? J = o[69] : (J = d && /* @__PURE__ */ i("p", {
+		role: "alert",
+		className: "_10rr7a69",
+		children: d
+	}), o[68] = d, o[69] = J);
+	let Y;
+	o[70] !== l || o[71] !== u || o[72] !== s ? (Y = () => l && u ? u() : s(null), o[70] = l, o[71] = u, o[72] = s, o[73] = Y) : Y = o[73];
+	let je = l ? "Close" : "Skip", X;
+	o[74] !== Y || o[75] !== je ? (X = /* @__PURE__ */ i(ee, {
+		type: "button",
+		variant: "ghost",
+		size: "lg",
+		onClick: Y,
+		className: me,
+		children: je
+	}), o[74] = Y, o[75] = je, o[76] = X) : X = o[76];
+	let Me = l ? "Update" : "Continue", Z;
+	o[77] === Me ? Z = o[78] : (Z = /* @__PURE__ */ i(ee, {
+		type: "submit",
+		size: "lg",
+		className: he,
+		children: Me
+	}), o[77] = Me, o[78] = Z);
+	let Q;
+	o[79] !== X || o[80] !== Z ? (Q = /* @__PURE__ */ a("div", {
+		className: pe,
+		children: [X, Z]
+	}), o[79] = X, o[80] = Z, o[81] = Q) : Q = o[81];
+	let $;
+	return o[82] !== Ae || o[83] !== w || o[84] !== A || o[85] !== j || o[86] !== q || o[87] !== J || o[88] !== Q ? ($ = /* @__PURE__ */ a("div", {
+		className: re,
+		children: [x, /* @__PURE__ */ a("form", {
+			onSubmit: Ae,
+			className: se,
+			children: [
+				w,
+				A,
+				j,
+				q,
+				J,
+				Q
+			]
+		})]
+	}), o[82] = Ae, o[83] = w, o[84] = A, o[85] = j, o[86] = q, o[87] = J, o[88] = Q, o[89] = $) : $ = o[89], $;
+};
+//#endregion
+export { ge as BillingStep };