@levo-so/studio 0.3.6 → 0.3.8

package/{Dialog-IrII0ugb.js → Dialog-CPE8yUqK.js}

@@ -1,4 +1,4 @@
-import { r as e, t } from "./Button-lUfKisu8.js";
+import { r as e, t } from "./ThemeProvider-CqPHzkW9.js";
 import { c as n } from "react/compiler-runtime";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import a from "clsx";
@@ -13,10 +13,10 @@ var c = "ch8h0x0", l = "ch8h0x1", u = "ch8h0x2", d = "ch8h0x3", f = "ch8h0x5", p
 		"data-slot": "dialog",
 		...i
 	}), t[2] = i, t[3] = a), a;
-}, h = (t) => {
+}, h = (e) => {
 	let i = n(5), a;
-	i[0] === t ? a = i[1] : ({...a} = t, i[0] = t, i[1] = a);
-	let { portalRef: o } = e(), c;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let { portalRef: o } = t(), c;
 	return i[2] !== o || i[3] !== a ? (c = /* @__PURE__ */ r(s.Portal, {
 		container: o,
 		...a
@@ -32,11 +32,11 @@ var c = "ch8h0x0", l = "ch8h0x1", u = "ch8h0x2", d = "ch8h0x3", f = "ch8h0x5", p
 		className: c,
 		...o
 	}), t[5] = o, t[6] = c, t[7] = u) : u = t[7], u;
-}, _ = (e) => {
+}, _ = (t) => {
 	let i = n(10), a, o, c;
-	i[0] === e ? (a = i[1], o = i[2], c = i[3]) : ({variant: c, size: o, ...a} = e, i[0] = e, i[1] = a, i[2] = o, i[3] = c);
+	i[0] === t ? (a = i[1], o = i[2], c = i[3]) : ({variant: c, size: o, ...a} = t, i[0] = t, i[1] = a, i[2] = o, i[3] = c);
 	let l;
-	i[4] !== o || i[5] !== c ? (l = /* @__PURE__ */ r(t, {
+	i[4] !== o || i[5] !== c ? (l = /* @__PURE__ */ r(e, {
 		variant: c,
 		size: o
 	}), i[4] = o, i[5] = c, i[6] = l) : l = i[6];
@@ -57,15 +57,15 @@ var c = "ch8h0x0", l = "ch8h0x1", u = "ch8h0x2", d = "ch8h0x3", f = "ch8h0x5", p
 		className: l,
 		...o
 	}), t[5] = o, t[6] = l, t[7] = u) : u = t[7], u;
-}, y = (e) => {
+}, y = (t) => {
 	let c = n(14), l, d, f, p;
-	c[0] === e ? (l = c[1], d = c[2], f = c[3], p = c[4]) : ({className: d, children: l, showCloseButton: p, ...f} = e, c[0] = e, c[1] = l, c[2] = d, c[3] = f, c[4] = p);
+	c[0] === t ? (l = c[1], d = c[2], f = c[3], p = c[4]) : ({className: d, children: l, showCloseButton: p, ...f} = t, c[0] = t, c[1] = l, c[2] = d, c[3] = f, c[4] = p);
 	let m = p === void 0 ? !0 : p, h;
 	c[5] === d ? h = c[6] : (h = a(u, d), c[5] = d, c[6] = h);
 	let g;
 	c[7] === m ? g = c[8] : (g = m && /* @__PURE__ */ r(s.Close, {
 		"data-slot": "dialog-close",
-		render: /* @__PURE__ */ r(t, {
+		render: /* @__PURE__ */ r(e, {
 			variant: "ghost",
 			size: "icon-sm",
 			className: "ch8h0x7",

package/{EntryCard-BfwGbFzQ.js → EntryCard-DLPs2PaP.js}

@@ -1,8 +1,8 @@
 "use client";
-import { n as e } from "./dist-Ckw19x6H.js";
-import { n as t } from "./AuthProvider-CFQqiIf1.js";
-import { t as n } from "./card-Cb4m0p4i.js";
-import { t as r } from "./MessageFooter-CrhrI-su.js";
+import { r as e } from "./dist-2bXx8eVI.js";
+import { n as t } from "./AuthProvider-B5NfFwbG.js";
+import { t as n } from "./card-5ooLmYSr.js";
+import { t as r } from "./MessageFooter-K4Zd_eFO.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 var o = {
 	header: "_header_emo7t_1",

package/{KBChatWidget-0dtBwnDA.js → KBChatWidget-B-SNBtoX.js}

@@ -1,5 +1,5 @@
 "use client";
-import { _ as e, a as t, c as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, r as d, s as f, t as p, u as m, v as h } from "./pillChrome-CrJ9a5vj.js";
+import { _ as e, a as t, c as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, r as d, s as f, t as p, u as m, v as h } from "./pillChrome-CYoMtUAv.js";
 import { Children as g, createContext as _, isValidElement as v, useCallback as y, useContext as b, useEffect as x, useLayoutEffect as S, useRef as C, useState as w } from "react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 import { ArrowUp as O, Check as k, ChevronDown as ee, Copy as A, MessageSquarePlus as j, Mic as te, RefreshCw as M, Sparkles as ne, Square as N, X as P } from "lucide-react";

package/{LoginCard-CMeVif-w.js → LoginCard-EtzpuqYB.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./LoginForm-DhGQD4uI.js";
-import { t } from "./card-Cb4m0p4i.js";
+import { t as e } from "./LoginForm-kI_b_7Tc.js";
+import { t } from "./card-5ooLmYSr.js";
 import { Suspense as n, lazy as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {
@@ -8,7 +8,7 @@ var s = {
 	title: "_title_s7k8g_7",
 	subtitle: "_subtitle_s7k8g_14",
 	formWrapper: "_formWrapper_s7k8g_20"
-}, c = r(() => import("./PendingApprovalCard-BlyH59Vy.js")), l = ({ logo: r, siteName: l, page: u }) => {
+}, c = r(() => import("./PendingApprovalCard-CCbhY8p3.js")), l = ({ logo: r, siteName: l, page: u }) => {
 	let [d, f] = i(!1), [p, m] = i(!1), h = u.access?.find((e) => e.kind === "gating" && e.enabled)?.options;
 	return p ? /* @__PURE__ */ a(n, {
 		fallback: /* @__PURE__ */ a("div", {}),

package/{LoginForm-DhGQD4uI.js → LoginForm-kI_b_7Tc.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./useLogin-BhysESLW.js";
-import { c as t, t as n } from "./authentication-TdyaDNTn.js";
+import { t as e } from "./useLogin-CfnGrLdO.js";
+import { c as t, t as n } from "./authentication-BXQbxiPP.js";
 import { LevoOAuth as r, errorHandler as i, successToast as a, useLevo as o } from "@levo-so/react";
 import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";

package/{LoginModal-Ui2GnSje.js → LoginModal-C-9BhmoO.js}

@@ -1,8 +1,8 @@
 "use client";
-import { n as e } from "./AuthProvider-CFQqiIf1.js";
-import { n as t } from "./ModalManager-BW3Dol7F.js";
-import { a as n, n as r, o as i, r as a, t as o } from "./dialog-RrTP-MGm.js";
-import { t as s } from "./LoginForm-DhGQD4uI.js";
+import { n as e } from "./AuthProvider-B5NfFwbG.js";
+import { n as t } from "./ModalManager-CzH36UIk.js";
+import { a as n, n as r, o as i, r as a, t as o } from "./dialog-8LH_ihs4.js";
+import { t as s } from "./LoginForm-kI_b_7Tc.js";
 import { useEffect as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 var d = {

package/{MessageCard-CJltLT2a.js → MessageCard-Nsxr98n6.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./card-Cb4m0p4i.js";
-import { t } from "./MessageFooter-CrhrI-su.js";
+import { t as e } from "./card-5ooLmYSr.js";
+import { t } from "./MessageFooter-K4Zd_eFO.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/accessCard/MessageCard.tsx
 var i = ({ logo: i, siteName: a, options: o, message: s }) => /* @__PURE__ */ r(e, {

package/{MessageFooter-CrhrI-su.js → MessageFooter-K4Zd_eFO.js}

@@ -1,6 +1,6 @@
 "use client";
-import { n as e } from "./AuthProvider-CFQqiIf1.js";
-import { t } from "./useLogin-BhysESLW.js";
+import { n as e } from "./AuthProvider-B5NfFwbG.js";
+import { t } from "./useLogin-CfnGrLdO.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import i from "libphonenumber-js";
 var a = {

package/{ModalManager-BW3Dol7F.js → ModalManager-CzH36UIk.js}

@@ -2,7 +2,7 @@
 import { Suspense as e, createContext as t, lazy as n, useCallback as r, useContext as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/context/ModalManager.tsx
-var c = n(() => import("./LoginModal-Ui2GnSje.js")), l = t({
+var c = n(() => import("./LoginModal-C-9BhmoO.js")), l = t({
 	availableModals: ["login"],
 	openModals: { key: null },
 	openModal: () => ({}),

package/{PendingApprovalCard-BlyH59Vy.js → PendingApprovalCard-CCbhY8p3.js}

@@ -1,7 +1,7 @@
 "use client";
-import { n as e } from "./dist-Ckw19x6H.js";
-import { t } from "./card-Cb4m0p4i.js";
-import { t as n } from "./MessageFooter-CrhrI-su.js";
+import { r as e } from "./dist-2bXx8eVI.js";
+import { t } from "./card-5ooLmYSr.js";
+import { t as n } from "./MessageFooter-K4Zd_eFO.js";
 import { useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {

package/{PhoneWidget-BQEfbyV4.js → PhoneWidget-BkzFjfKW.js}

@@ -1,13 +1,13 @@
 "use client";
-import { r as e, t } from "./CollectionField-CD6ok1A3.js";
-import { t as n } from "./VerifyButton-kdxRhJWI.js";
+import { r as e, t } from "./CollectionField-BZmxRB5D.js";
+import { t as n } from "./VerifyButton-BwTbzSwS.js";
 import { t as r } from "./CollectionInput-DyNbxIZ8.js";
 import { c as ee } from "react/compiler-runtime";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { IconPencil as te } from "@tabler/icons-react";
-import ne, { isSupportedCountry as re } from "react-phone-number-input";
-import { useController as ie } from "react-hook-form";
+import te, { isSupportedCountry as ne } from "react-phone-number-input";
+import { useController as re } from "react-hook-form";
+import { IconPencil as ie } from "@tabler/icons-react";
 //#region ../../libraries/react-collection/dist/widgets/phoneWidget/PhoneWidget.cssm.js
 var ae = "_89f1hw0", s = "_89f1hw1", c = "_89f1hw2", oe = "_89f1hw4", l = (l) => {
 	let u = ee(51), { field: d, settings: se } = l, { key: f, label: p, helper_text: m, readonly: h, options: g } = d, _ = f === void 0 ? "" : f, v = p === void 0 ? "" : p, y = m === void 0 ? "" : m, b = h === void 0 ? !1 : h, x = _, S = !!g?.verification && !!se?.enableVerification, [C, w] = i(null), [T, E] = i(!1), D;
@@ -19,14 +19,14 @@ var ae = "_89f1hw0", s = "_89f1hw1", c = "_89f1hw2", oe = "_89f1hw4", l = (l) =>
 		name: x,
 		rules: k
 	}, u[7] = x, u[8] = k, u[9] = A) : A = u[9];
-	let { field: j, fieldState: M } = ie(A), N, P, F, I;
+	let { field: j, fieldState: M } = re(A), N, P, F, I;
 	u[10] === j ? (N = u[11], P = u[12], F = u[13], I = u[14]) : ({value: I, onBlur: N, onChange: P, ...F} = j, u[10] = j, u[11] = N, u[12] = P, u[13] = F, u[14] = I);
 	let { error: ce } = M, L = !!d?.required, R = ce?.message, z = !!C && !!I && C === I, B;
 	u[15] === g?.country ? B = u[16] : (B = () => {
 		let e = g?.country;
 		if (e && typeof e == "string") {
 			let t = e?.toUpperCase();
-			if (re(t)) return t;
+			if (ne(t)) return t;
 		}
 		return "IN";
 	}, u[15] = g?.country, u[16] = B);
@@ -50,12 +50,12 @@ var ae = "_89f1hw0", s = "_89f1hw1", c = "_89f1hw2", oe = "_89f1hw4", l = (l) =>
 		onClick: () => w(null),
 		className: oe,
 		title: "Change phone number",
-		children: /* @__PURE__ */ a(te, { size: 14 })
+		children: /* @__PURE__ */ a(ie, { size: 14 })
 	}) : null, u[25] = z, u[26] = Y);
 	let X;
 	u[27] !== F || u[28] !== W || u[29] !== G || u[30] !== K || u[31] !== q || u[32] !== J || u[33] !== Y ? (X = /* @__PURE__ */ a("div", {
 		className: c,
-		children: /* @__PURE__ */ a(ne, {
+		children: /* @__PURE__ */ a(te, {
 			value: W,
 			international: !0,
 			inputComponent: r,

package/{Popover-V2O1gz6N.js → Popover-Iis-qOn1.js}

@@ -1,4 +1,4 @@
-import { n as e, r as t } from "./Button-lUfKisu8.js";
+import { i as e, t } from "./ThemeProvider-CqPHzkW9.js";
 import { c as n } from "react/compiler-runtime";
 import { jsx as r } from "react/jsx-runtime";
 import i from "clsx";

package/PopupBody-DZVwDLkg-PiECxgmc.js

@@ -0,0 +1,171 @@
+import { r as e } from "./ThemeProvider-CqPHzkW9.js";
+import { n as t, t as n } from "./fontSize-B-ba6pvx.js";
+import { n as r, r as i, t as a } from "./inlineRteTheme-BOAno9MG.js";
+import { i as o, r as s, t as c } from "./Dialog-CPE8yUqK.js";
+import { t as l } from "./inlineCollectionTheme-uhBXoF1F.js";
+import { _ as u, a as d, d as f, g as p, i as m, l as h, r as g } from "./usePopupRedirect-BThP_YPW-jXtfhYu6.js";
+import { c as _ } from "react/compiler-runtime";
+import { useLevo as v } from "@levo-so/react";
+import { Suspense as y, lazy as b, useMemo as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import E from "clsx";
+import { Link as D } from "@tiptap/extension-link";
+import { Document as O } from "@tiptap/extension-document";
+import { TextStyle as k } from "@tiptap/extension-text-style";
+import { IconCheck as A, IconCopy as j } from "@tabler/icons-react";
+import { Bold as M } from "@tiptap/extension-bold";
+import { BulletList as N } from "@tiptap/extension-bullet-list";
+import { Code as P } from "@tiptap/extension-code";
+import { Color as F } from "@tiptap/extension-color";
+import { HardBreak as I } from "@tiptap/extension-hard-break";
+import { Heading as L } from "@tiptap/extension-heading";
+import { Highlight as R } from "@tiptap/extension-highlight";
+import { Italic as z } from "@tiptap/extension-italic";
+import { ListItem as B } from "@tiptap/extension-list-item";
+import { OrderedList as V } from "@tiptap/extension-ordered-list";
+import { Paragraph as H } from "@tiptap/extension-paragraph";
+import { Strike as U } from "@tiptap/extension-strike";
+import { Subscript as W } from "@tiptap/extension-subscript";
+import { Superscript as G } from "@tiptap/extension-superscript";
+import { Text as K } from "@tiptap/extension-text";
+import { Typography as q } from "@tiptap/extension-typography";
+import { Underline as J } from "@tiptap/extension-underline";
+import { UniqueID as Y } from "@tiptap/extension-unique-id";
+import { generateJSON as X } from "@tiptap/html";
+import { renderToReactElement as Z } from "@tiptap/static-renderer/pm/react";
+//#region ../../libraries/popups/dist/PopupBody-DZVwDLkg.js
+var Q = [
+	O,
+	H,
+	K,
+	L,
+	M,
+	z,
+	U,
+	P,
+	N,
+	V,
+	B,
+	I,
+	J,
+	D.configure({ openOnClick: !1 }),
+	k,
+	n,
+	q,
+	G,
+	W,
+	F,
+	R.configure({ multicolor: !0 }),
+	t,
+	i,
+	Y.configure({ types: [
+		"paragraph",
+		"heading",
+		"bulletList",
+		"orderedList"
+	] })
+], $ = (e) => X(e, Q), ee = ({ content: e, className: t, ref: n, ...i }) => {
+	let a = x(() => e ? typeof e == "string" ? e ? $(e) : null : e.json && Object.keys(e.json).length > 0 ? e.json : e.html ? $(e.html) : null : null, [e]), o = x(() => a ? Z({
+		content: a,
+		extensions: Q
+	}) : null, [a]);
+	return o ? /* @__PURE__ */ w("div", {
+		ref: n,
+		className: E(r, t),
+		...i,
+		children: o
+	}) : null;
+}, te = /* @__PURE__ */ u({ PopupBody: () => oe }), ne = b(() => import("./dist-2bXx8eVI.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormBuilder }))), re = a({ baseSpacing: ".625rem" }), ie = { style: l({ form: { gap: "1rem" } }) }, ae = {
+	left: h,
+	center: g,
+	right: m
+}, oe = (t) => {
+	let n = _(33), { popup: r, disableInteraction: i } = t, a = d(), l = a?.callbacks?.onAction, u = p(r), m = !a, { content: h } = r, { workspace: g } = v(), [b, x] = S(!1), E;
+	n[0] !== h.action || n[1] !== l || n[2] !== r ? (E = () => {
+		if (h.action?.type !== "redirect" || !h.action.copyValue) return;
+		let e = h.action.copyValue;
+		navigator.clipboard.writeText(e).then(() => {
+			x(!0), setTimeout(() => x(!1), 2e3), l?.(r, {
+				action_type: "copy",
+				copy_value: e
+			});
+		});
+	}, n[0] = h.action, n[1] = l, n[2] = r, n[3] = E) : E = n[3];
+	let D = E, O = h.align ?? "left", k = h.size ?? "medium", M;
+	n[4] === k ? M = n[5] : (M = f({ size: k }), n[4] = k, n[5] = M);
+	let N;
+	n[6] === i ? N = n[7] : (N = i ? { pointerEvents: "none" } : void 0, n[6] = i, n[7] = N);
+	let P;
+	n[8] !== O || n[9] !== h.description || n[10] !== h.heading ? (P = (h.heading || h.description) && /* @__PURE__ */ T(c, {
+		className: "zv6sjd4",
+		style: { textAlign: O },
+		children: [h.heading && /* @__PURE__ */ w(o, { children: h.heading }), h.description && /* @__PURE__ */ w(s, { children: h.description })]
+	}), n[8] = O, n[9] = h.description, n[10] = h.heading, n[11] = P) : P = n[11];
+	let F;
+	n[12] === h.body ? F = n[13] : (F = (h.body?.html || h.body?.json) && /* @__PURE__ */ w(ee, {
+		className: "zv6sjd5",
+		style: re,
+		content: h.body
+	}), n[12] = h.body, n[13] = F);
+	let I;
+	n[14] !== O || n[15] !== h.action || n[16] !== m || n[17] !== l || n[18] !== r || n[19] !== g ? (I = h.action?.type === "form" && /* @__PURE__ */ w("div", {
+		className: "zv6sjd7",
+		children: /* @__PURE__ */ w(y, { children: /* @__PURE__ */ w(ne, {
+			collection_id: h.action.collectionKey,
+			formVariant: h.action.formVariant,
+			theme: ie,
+			uiConfig: {
+				hideFormHeading: !0,
+				hideSectionHeadings: !0
+			},
+			successConfig: h.action.successRedirectUrl ? { action: {
+				type: "redirect",
+				value: h.action.successRedirectUrl
+			} } : void 0,
+			submitButtonConfig: {
+				show: !0,
+				text: h.action.label || "Submit",
+				styles: h.action.fullWidth && (h.action.formVariant ?? "default") === "default" ? "zv6sjdb" : ae[O]
+			},
+			workspace_id: g,
+			containerStyles: "zv6sjd6",
+			preview: m,
+			onSuccess: () => {
+				h.action?.type === "form" && l?.(r, {
+					action_type: "form_submit",
+					collection_key: h.action.collectionKey
+				});
+			}
+		}) })
+	}), n[14] = O, n[15] = h.action, n[16] = m, n[17] = l, n[18] = r, n[19] = g, n[20] = I) : I = n[20];
+	let L;
+	n[21] !== h.action || n[22] !== b || n[23] !== D || n[24] !== u ? (L = h.action?.type === "redirect" && /* @__PURE__ */ T(C, { children: [h.action.copyValue && /* @__PURE__ */ T("button", {
+		type: "button",
+		className: "zv6sjdd",
+		onClick: D,
+		children: [/* @__PURE__ */ w("span", {
+			className: "zv6sjde",
+			children: h.action.copyValue
+		}), w(b ? A : j, {
+			size: 18,
+			className: "zv6sjdf"
+		})]
+	}), /* @__PURE__ */ w(e, {
+		className: "zv6sjdc",
+		onClick: () => u?.(),
+		children: h.action.label || "Button"
+	})] }), n[21] = h.action, n[22] = b, n[23] = D, n[24] = u, n[25] = L) : L = n[25];
+	let R;
+	return n[26] !== M || n[27] !== N || n[28] !== P || n[29] !== F || n[30] !== I || n[31] !== L ? (R = /* @__PURE__ */ T("div", {
+		className: M,
+		style: N,
+		children: [
+			P,
+			F,
+			I,
+			L
+		]
+	}), n[26] = M, n[27] = N, n[28] = P, n[29] = F, n[30] = I, n[31] = L, n[32] = R) : R = n[32], R;
+};
+//#endregion
+export { te as n };