@levo-so/studio 0.1.115 → 0.2.2

package/{BillingStep-DjNmSVkY.js → BillingStep-mq3o5Hrf.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./Button-Uwxgkriw.js";
+import { t as e } from "./Button-DIDhszPV.js";
 import { useState as t } from "react";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/bookingCard/BillingStep.tsx

package/Button-DIDhszPV.js

@@ -0,0 +1,505 @@
+"use client";
+import "./Dialog-IrII0ugb.js";
+import { a as e, c as t, h as n, l as r, n as i, r as a, t as o } from "./PopupRenderer-Bncp54gB-CQloeJYR.js";
+import { n as s } from "./AuthProvider-CFQqiIf1.js";
+import { n as c } from "./ModalManager-7Nhr8gTs.js";
+import { t as l } from "./cn-BL52QQS4.js";
+import { c as u } from "react/compiler-runtime";
+import { $isIdentityContextReady as d } from "@levo-so/insights/stores";
+import { useLevo as f } from "@levo-so/react";
+import * as p from "react";
+import { Suspense as m, createContext as h, forwardRef as g, lazy as _, memo as v, useContext as ee, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import "clsx";
+import "@tabler/icons-react";
+import { useStore as E } from "@nanostores/react";
+import { animate as te, scroll as ne } from "motion/react";
+import D from "html-react-parser";
+import { LoaderCircle as re } from "lucide-react";
+import * as ie from "motion/react-m";
+import ae from "next/link";
+import oe from "isomorphic-dompurify";
+//#region ../../libraries/popups/dist/index.js
+var O = async (e, t) => {
+	let n = {};
+	return t?.site_id && (n.site_id = t.site_id), t?.locale && (n.locale = t.locale), t?.country && (n.country = t.country), (await e.url("/v1/studio/popup/list-active").query(n).get().json())?.content?.data ?? [];
+}, k = _(() => import("./PopupRenderer-Bncp54gB-CQloeJYR.js").then((e) => e.o).then((e) => e.t).then((e) => ({ default: e.PopupRenderer }))), A = (e) => {
+	let t = u(9), { siteId: n, pageId: r } = e, { fetch: a, logger: o } = f(), [s, c] = S(null), l = x(!1), p, h;
+	if (t[0] !== a || t[1] !== o || t[2] !== n ? (p = () => {
+		if (l.current) return;
+		let e = () => {
+			l.current || (l.current = !0, O(a, n ? { site_id: n } : void 0).then((e) => {
+				i(e), c(e);
+			}).catch((e) => {
+				o?.error("Failed to fetch popups", { exception: e }), i([]), c([]);
+			}).finally(j));
+		};
+		if (d.get()) {
+			e();
+			return;
+		}
+		let t = d.listen((n) => {
+			n && (t(), e());
+		});
+		return () => t();
+	}, h = [
+		a,
+		o,
+		n
+	], t[0] = a, t[1] = o, t[2] = n, t[3] = p, t[4] = h) : (p = t[3], h = t[4]), y(p, h), !s || s.length === 0) return null;
+	let g;
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+		position: "relative",
+		zIndex: 99999
+	}, t[5] = g) : g = t[5];
+	let _;
+	return t[6] !== r || t[7] !== s ? (_ = /* @__PURE__ */ w("div", {
+		style: g,
+		children: /* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(k, {
+			popups: s,
+			pageId: r
+		}) })
+	}), t[6] = r, t[7] = s, t[8] = _) : _ = t[8], _;
+};
+function j() {
+	return a(!1);
+}
+var M = () => {
+	let e = u(3), n = E(t), i = E(r), a = se, o = ce, s;
+	return e[0] !== i || e[1] !== n ? (s = {
+		popups: n,
+		isLoading: i,
+		openPopup: a,
+		closePopup: o
+	}, e[0] = i, e[1] = n, e[2] = s) : s = e[2], s;
+};
+function se(n) {
+	let r = t.get().find((e) => e.id === n);
+	r && e(r, {
+		force: !0,
+		trigger_type: "manual"
+	});
+}
+function ce() {
+	let e = n.get().active_popup_id;
+	e && o(e);
+}
+//#endregion
+//#region src/providers/BlockContext.tsx
+var N = h({
+	isStudio: !1,
+	renderMode: "live",
+	workspace_id: "",
+	pageSource: []
+}), le = ({ children: e, value: t }) => {
+	let [n, r] = S(t.parsedBlockData);
+	y(() => {
+		r((e) => t.parsedBlockData === e ? e : t.parsedBlockData);
+	}, [t.parsedBlockData]);
+	let i = b(() => ({
+		parsedBlockData: n,
+		setParsedBlockData: r,
+		blockData: t.blockData,
+		pageContext: t.pageContext,
+		pageMeta: t.pageMeta,
+		blockContext: t.blockContext,
+		isStudio: t.renderMode?.startsWith("studio.") ?? !1,
+		renderMode: t.renderMode,
+		workspace_id: t.workspace_id,
+		pageSource: t.pageSource,
+		languageVariants: t.languageVariants
+	}), [
+		n,
+		r,
+		t.blockData,
+		t.pageContext,
+		t.pageMeta,
+		t.blockContext,
+		t.renderMode,
+		t.workspace_id,
+		t.pageSource,
+		t.languageVariants
+	]);
+	return /* @__PURE__ */ w(N.Provider, {
+		value: i,
+		children: e
+	});
+}, P = () => ee(N), F = () => {
+	let { languageVariants: e } = P();
+	return { languageVariants: e ?? [] };
+}, I = {
+	opacity: 1,
+	scale: 1,
+	rotate: 0,
+	rotateX: 0,
+	rotateY: 0,
+	x: 0,
+	y: 0,
+	skewX: 0,
+	skewY: 0
+}, L = {
+	opacity: 0,
+	scale: 1,
+	rotate: 0,
+	rotateX: 0,
+	rotateY: 0,
+	x: 0,
+	y: 0,
+	skewX: 0,
+	skewY: 0
+}, R = {
+	type: "spring",
+	duration: .5,
+	delay: 0,
+	bounce: .25,
+	ease: "easeOut"
+}, z = {
+	once: !0,
+	amount: "some",
+	margin: "0px 0px -150px 0px"
+}, B = (e, t) => {
+	if (!(!e || !t)) return t.split(".").reduce((e, t) => {
+		if (e == null) return;
+		let n = /^\d+$/.test(t), r = e;
+		if (n) {
+			let e = parseInt(t, 10);
+			return Array.isArray(r) ? r[e] : r?.[e];
+		}
+		return r?.[t];
+	}, e);
+}, V = (e) => !!e && typeof e == "object" && "selectedVariants" in e, H = (e) => e?.replaceAll(".", "-").replace(/[^a-zA-Z0-9_-]/g, ""), U = (e) => {
+	let t = e.split(".");
+	for (let e = t.length - 2; e >= 1; e--) if (t[e] && /^\d+$/.test(t[e])) {
+		let n = t[e - 1], r = parseInt(t[e], 10), i = t.slice(e + 1).join("."), a = [];
+		for (let n = 0; n <= e - 1; n++) {
+			let e = t[n];
+			if (/^\d+$/.test(e)) continue;
+			let r = t[n + 1];
+			r && /^\d+$/.test(r) ? (a.push(`${e}_levoGroupItem`), n++) : a.push(e);
+		}
+		i && a.push(i);
+		let o = a.join(".");
+		return {
+			isGroupItem: !0,
+			groupKey: n,
+			itemIndex: r,
+			childKey: i,
+			groupItemKey: `${n}_levoGroupItem`,
+			sharedPath: o
+		};
+	}
+	return { isGroupItem: !1 };
+}, W = (e) => {
+	let t = [];
+	return V(e) && Object.entries(e.selectedVariants).forEach(([e, n]) => {
+		typeof n == "string" && t.push(`levo-variant-${e}-${n}`);
+	}), t;
+}, G = (e, t, n) => b(() => {
+	let r = W(n), i = `levo-${t}-${H(e)}`, a = U(e);
+	return a.isGroupItem && a.sharedPath ? [
+		`levo-${t}-${H(a.sharedPath)}`,
+		i,
+		...r
+	].filter(Boolean).join(" ") : [i, ...r].join(" ");
+}, [
+	n?.selectedVariants,
+	e,
+	t
+]), K = (e, t, n, r, i, a) => b(() => {
+	let { className: o, style: s, config: c, styles: l, content: u, ...d } = e;
+	return {
+		...d,
+		elementKey: t,
+		config: {
+			...n,
+			...c
+		},
+		styles: {
+			...r,
+			...l
+		},
+		content: u ?? i,
+		generatedClassName: a,
+		className: o,
+		style: s
+	};
+}, [
+	e,
+	t,
+	n,
+	r,
+	i,
+	a
+]), q = ({ children: e, ...t }) => {
+	let { isStudio: n, renderMode: r } = P();
+	return n ? e : /* @__PURE__ */ w(ae, {
+		...t,
+		children: e
+	});
+}, ue = (e) => {
+	if (e?.action) switch (e.action.type) {
+		case "external_link": {
+			let t = e.action.value;
+			return t ? /^([a-z][a-z0-9+.-]*:|\/\/)/.test(t) || t.startsWith("#") || t.startsWith("/") ? t : `https://${t}` : void 0;
+		}
+		case "page": return e.action.value;
+		case "page_section": return e.action.value ? `#${e.action.value}` : void 0;
+		case "email": return `mailto:${e.action.value}`;
+		case "phone": return `tel:${e.action.value}`;
+		default: return;
+	}
+}, J = ({ children: e, config: t }) => {
+	let { openModal: n } = c(), { isLoggedIn: r } = s(), { openPopup: i } = M(), a = t?.action?.alt;
+	if (t?.action?.type === "popup") {
+		let n = t.action.value, r = () => {
+			n && i(n);
+		};
+		return /* @__PURE__ */ w("div", {
+			style: { display: "contents" },
+			role: "button",
+			tabIndex: 0,
+			"aria-label": a || void 0,
+			onClick: r,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r());
+			},
+			children: e
+		});
+	}
+	if (t?.action?.type === "login") {
+		if (r) return /* @__PURE__ */ w(q, {
+			href: t?.action?.value || "",
+			style: { display: "contents" },
+			"aria-label": a || void 0,
+			children: e
+		});
+		let i = () => {
+			n("login", { redirect_uri: t?.action?.value });
+		};
+		return /* @__PURE__ */ w("div", {
+			style: { display: "contents" },
+			role: "button",
+			tabIndex: 0,
+			"aria-label": a || void 0,
+			onClick: i,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
+			},
+			children: e
+		});
+	}
+	let o = ue(t), l = t?.action?.options?.openInNewTab ? "_blank" : void 0;
+	return o ? /* @__PURE__ */ w(q, {
+		href: o,
+		style: { display: "contents" },
+		...l && {
+			target: l,
+			rel: "noopener noreferrer"
+		},
+		...a && { "aria-label": a },
+		children: e
+	}) : e;
+}, Y = {
+	once: !0,
+	margin: "0px 0px -150px 0px"
+}, de = ({ children: e, MotionComponent: t, motionProps: n, scroll: r, entry: i, whileHover: a, exit: o }) => {
+	let s = x(null);
+	if (y(() => {
+		if (!r) return;
+		let e = s.current;
+		if (!e || !(e instanceof Element)) return;
+		let { from: t, to: n, offset: i } = r, a = {}, o = Array.from(new Set([...Object.keys(t), ...Object.keys(n)]));
+		for (let e of o) {
+			let r = t[e] ?? n[e], i = n[e] ?? t[e];
+			r !== i && typeof r == "number" && typeof i == "number" && (a[e] = [r, i]);
+		}
+		if (Object.keys(a).length === 0) return;
+		let c = te(e, a, { ease: "linear" });
+		try {
+			return ne(c, {
+				target: e,
+				offset: [i.start, i.end]
+			});
+		} catch (e) {
+			console.error("[AnimatedBlock] Failed to initialise scroll-linked animation", {
+				error: e,
+				offset: i
+			});
+			return;
+		}
+	}, [r]), r) {
+		let i = {};
+		for (let [e, t] of Object.entries(r.from)) t !== void 0 && (i[e] = t);
+		return /* @__PURE__ */ w(t, {
+			ref: s,
+			...n,
+			style: {
+				...n.style || {},
+				...i
+			},
+			whileHover: a,
+			exit: o,
+			children: e
+		});
+	}
+	let c = i ? {
+		...I,
+		...i.to,
+		transition: i.transition
+	} : void 0, l = i ? {
+		once: i.viewport?.once ?? Y.once,
+		amount: i.viewport?.amount,
+		margin: i.viewport?.margin ?? Y.margin
+	} : void 0;
+	return /* @__PURE__ */ w(t, {
+		...n,
+		initial: i?.from,
+		whileInView: c,
+		viewport: l,
+		whileHover: a,
+		exit: o,
+		children: e
+	});
+}, X = (e) => {
+	let t = ie.create(e), n = ({ elementKey: n, children: r, ...i }) => {
+		let { parsedBlockData: a, renderMode: o } = P(), { config: s, styles: c, content: l, id: u } = a || {}, d = s ? B(s, n) : void 0, f = c ? B(c, n) : void 0, p = l ? B(l, n) : void 0, m = b(() => {
+			let e = d || {}, t = i.config || {}, n = e.selectedVariants || {}, r = t.selectedVariants || {};
+			return {
+				...e,
+				...t,
+				selectedVariants: {
+					...n,
+					...r
+				}
+			};
+		}, [d, i.config]), h = K(i, n, m, f, p, G(n, u || "", m)), g = h.config?.animation, _ = b(() => g?.scroll ? {
+			from: {
+				...L,
+				...g.scroll.from
+			},
+			to: {
+				...I,
+				...g.scroll.to
+			},
+			offset: g.scroll.offset ?? {
+				start: "start end",
+				end: "end center"
+			}
+		} : void 0, [g?.scroll]), v = b(() => g?.entry ? {
+			from: {
+				...L,
+				...g.entry.from
+			},
+			to: {
+				...I,
+				...g.entry.to
+			},
+			transition: g.entry.transition,
+			viewport: g.entry.viewport
+		} : void 0, [g?.entry]);
+		return !a || h.config?.enabled === !1 ? null : g && Object.keys(g).length > 0 && o !== "studio.block" ? /* @__PURE__ */ w(J, {
+			config: h?.config || {},
+			children: /* @__PURE__ */ w(de, {
+				MotionComponent: t,
+				motionProps: h,
+				scroll: _,
+				entry: v,
+				whileHover: g.whileHover,
+				exit: g.exit,
+				children: r
+			})
+		}) : /* @__PURE__ */ w(J, {
+			config: h?.config || {},
+			children: /* @__PURE__ */ w(e, {
+				...h,
+				children: r
+			})
+		});
+	};
+	return n.displayName = `withBlockProps(${e.displayName || e.name || "Component"})`, v(n);
+}, Z = g(({ className: e, config: t, content: n, elementKey: r, generatedClassName: i, styles: a, noElementKey: o, ...s }, c) => {
+	if (!n) return /* @__PURE__ */ w("span", {
+		ref: c,
+		style: { display: "none" }
+	});
+	let { kind: u, data: d } = n, f = t?.icon?.alt, p = l(e, i), m = {
+		"data-levo_element_key": o ? void 0 : r,
+		"data-levo_element_type": "Icon",
+		className: p,
+		...s
+	}, h = f ? {
+		"aria-label": f,
+		role: "img"
+	} : {};
+	switch (u) {
+		case "emoji": return /* @__PURE__ */ w("p", {
+			style: {
+				width: "auto",
+				height: "auto",
+				...m.style
+			},
+			ref: c,
+			...m,
+			...h,
+			children: d?.unicode
+		});
+		case "icon": {
+			let e = d;
+			return e?.svgCode ? /* @__PURE__ */ w("div", {
+				ref: c,
+				...m,
+				...h,
+				style: {
+					display: a?.display ? void 0 : "inline-block",
+					...m.style
+				},
+				dangerouslySetInnerHTML: { __html: e.svgCode }
+			}) : /* @__PURE__ */ w("span", {
+				ref: c,
+				...m
+			});
+		}
+		case "custom": return /* @__PURE__ */ w("img", {
+			ref: c,
+			src: d?.location,
+			srcSet: d?.srcset?.path,
+			decoding: "async",
+			alt: f ?? "icon",
+			...m
+		});
+		default: return /* @__PURE__ */ w("span", {
+			ref: c,
+			...m
+		});
+	}
+});
+Z.displayName = "BaseIcon";
+var Q = X(Z), $ = p.forwardRef(({ className: e, isLoading: t, loadingText: n, children: r, config: i = {}, styles: a, content: o, elementKey: s, generatedClassName: c, ...u }, d) => {
+	let f = r ?? o, p = i, m = typeof f == "string" ? D(oe.sanitize(f)) : f, h = (e, t) => e?.enabled ? /* @__PURE__ */ w(Q, {
+		noElementKey: !0,
+		elementKey: `${s}_${t}Icon`
+	}) : null;
+	return f ? /* @__PURE__ */ w("button", {
+		"data-levo_element_key": s,
+		"data-levo_element_type": "Button",
+		type: "button",
+		className: l("inline-flex items-center justify-center", e, c),
+		ref: d,
+		...u,
+		children: t ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(re, { className: l("h-4 w-4 animate-spin", n ? "mr-2" : "") }), n] }) : /* @__PURE__ */ T(C, { children: [
+			h(p?.button_icons?.left, "left"),
+			/* @__PURE__ */ w("span", {
+				className: "button-content",
+				children: m
+			}),
+			h(p?.button_icons?.right, "right")
+		] })
+	}) : /* @__PURE__ */ w("span", {
+		ref: d,
+		style: { display: "none" }
+	});
+});
+$.displayName = "BaseButton";
+var fe = X($);
+//#endregion
+export { P as _, W as a, A as b, U as c, G as d, L as f, le as g, I as h, X as i, H as l, z as m, fe as n, B as o, R as p, Q as r, V as s, $ as t, K as u, F as v, M as y };