@janbox/storefront-builder 2.0.1 → 2.0.3

package/dist/index.js

@@ -1,22 +1,17 @@
-import { u as x, e as B, f as H } from "./countdown-timer.node-OmDiT-pz.js";
-import { d as Ee, A as _e, b as Re, c as Ve, g as De, B as je, h as qe, a as Ge, C as We, i as Oe, F as Ke, j as Ze, G as Je, H as Qe, k as $e, I as Xe, L as Ye, l as eo, M as oo, m as to, P as so, R as ro, S as no, n as ao, T as io, o as co, p as lo, q as uo, r as po, U as mo, s as No, V as fo } from "./countdown-timer.node-OmDiT-pz.js";
-import { D as v, a as k } from "./index-CwrFnubn.js";
-import { A as ho, B as wo, b as Io, C as Po, c as So, d as bo, e as Co, f as xo, F as vo, g as ko, G as To, H as yo, I as Lo, h as Ao, L as Mo, M as Bo, P as Ho, R as zo, S as Fo, i as Uo, T as Eo, j as _o, U as Ro, V as Vo, k as Do, u as jo, l as qo, m as Go, n as Wo, o as Oo, p as Ko, q as Zo, r as Jo, s as Qo, t as $o, v as Xo, w as Yo, x as et, y as ot, z as tt, E as st, J as rt, K as nt, N as at } from "./index-CwrFnubn.js";
-import { useNode as P } from "@craftjs/core";
-import { useNode as dt } from "@craftjs/core";
-import { isString as b, isNil as T } from "lodash-es";
-import { Fragment as N, useState as z, useEffect as S, useRef as h } from "react";
-import "clsx";
-import "tailwind-merge";
-import { y as C, l as f, W as g } from "./dialog-header-DPLOS7TT.js";
-import { c as lt, z as ut } from "./dialog-header-DPLOS7TT.js";
-import { u as F, I as U, U as E, v as w, w as y } from "./anchor-target-BlOvysAr.js";
-import { jsxs as l, jsx as e } from "@emotion/react/jsx-runtime";
+import { u as f, f as T, g as x, h as H, i as _ } from "./countdown-timer.node-CZrTzirS.js";
+import { e as pe, A as ce, c as ue, d as Ne, j as me, B as le, k as Pe, a as Ie, C as ge, l as fe, F as Te, m as xe, G as be, H as he, n as Ce, I as Le, L as Ae, o as ve, p as Se, q as He, P as _e, R as Me, S as Fe, r as Re, T as we, s as Ee, v as ye, w as Be, x as Ge, U as Ue, y as ke, V as De, z as qe, D as Ve, E as je, J as ze, K as Je, N as Ke, O as Oe, Q as Qe, W as We, X as Xe, Y as Ye } from "./countdown-timer.node-CZrTzirS.js";
+import { u as i, D as b, a as h, T as C } from "./index-CdI5y-ul.js";
+import { A as $e, B as eo, b as oo, C as so, c as ro, d as to, e as ao, f as no, F as io, g as po, G as co, H as uo, I as No, h as mo, L as lo, M as Po, P as Io, R as go, S as fo, i as To, j as xo, k as bo, U as ho, V as Co, l as Lo, m as Ao, n as vo, o as So, p as Ho, q as _o, r as Mo, s as Fo, t as Ro, v as wo, w as Eo, x as yo, y as Bo, z as Go, E as Uo, J as ko, K as Do, N as qo, O as Vo, Q as jo } from "./index-CdI5y-ul.js";
+import { useNode as L } from "@craftjs/core";
+import { useNode as Jo } from "@craftjs/core";
+import { isNil as A } from "lodash-es";
+import { useRef as a, useEffect as v, Fragment as n } from "react";
+import { jsxs as d, jsx as s } from "@emotion/react/jsx-runtime";
 import "flat";
-import { C as _, u as L } from "./color-picker-popover-B3AVFuei.js";
-import { d as mt, g as Nt, a as ft, b as gt, c as ht, e as wt, i as It, r as Pt, t as St } from "./color-picker-popover-B3AVFuei.js";
-import { useDebounceCallback as A } from "usehooks-ts";
+import { useDebounceCallback as S } from "usehooks-ts";
+import "@janbox/storefront-ui/utils";
 import "@janbox/storefront-ui/hooks";
+import "@emotion/react";
 import "@floating-ui/react";
 import "react-use";
 import "@janbox/storefront-ui/theme";
@@ -26,349 +21,196 @@ import "@tanstack/react-virtual";
 import "react-dropzone";
 import "react-datepicker/dist/react-datepicker.css";
 import "react-datepicker";
-import { TextStyleKit as R } from "@tiptap/extension-text-style";
-import { useEditor as V, EditorContent as D, useEditorState as j } from "@tiptap/react";
-import { BubbleMenu as q } from "@tiptap/react/menus";
-import { StarterKit as G } from "@tiptap/starter-kit";
-import { useFrame as W } from "react-frame-component";
-import { c as O } from "./dropzone-Dbfed3jK.js";
-import "@emotion/react";
-import { getTextProps as K, getTabPanelProps as Z, getListItemProps as J } from "@janbox/storefront-ui";
-const Q = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.221 4.29206V4.29206C19.438 3.50906 18.183 3.46806 17.35 4.19606L9.31298 11.2281C8.44198 11.9901 8.39798 13.3291 9.21598 14.1471L10.365 15.2961C11.183 16.1141 12.523 16.0691 13.284 15.1991L20.316 7.16206C21.045 6.33006 21.003 5.07506 20.221 4.29206V4.29206Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10.87 9.87012L14.65 13.6501" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.59903 20.3231H7.30203C10.287 20.3231 11.782 16.7141 9.67103 14.6031V14.6031C8.11903 13.0511 5.48303 13.6221 4.71303 15.6771L3.19103 19.7351C3.08503 20.0201 3.29503 20.3231 3.59903 20.3231Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-`, $ = ({ editor: s }) => {
-  const [c, a] = z(!1), { nodeDOM: d } = P((t) => ({
-    nodeDOM: t.dom
-  }));
-  S(() => {
-    const t = () => {
-      a((p) => p && s.state.selection.from !== s.state.selection.to);
-    };
-    return s.on("selectionUpdate", t), () => {
-      s.off("selectionUpdate", t);
-    };
-  }, [s]);
-  const o = j({
-    editor: s,
-    selector(t) {
-      return {
-        isBold: t.editor.isActive("bold") ?? !1,
-        canBold: t.editor.can().chain().toggleBold().run() ?? !1,
-        isItalic: t.editor.isActive("italic") ?? !1,
-        canItalic: t.editor.can().chain().toggleItalic().run() ?? !1,
-        isStrike: t.editor.isActive("strike") ?? !1,
-        canStrike: t.editor.can().chain().toggleStrike().run() ?? !1,
-        textStyle: s.isActive("textStyle") ? t.editor.getAttributes("textStyle") : {}
-      };
-    }
-  }), m = (() => {
-    if (o.textStyle.fontSize && b(o.textStyle.fontSize))
-      return C(o.textStyle.fontSize);
-  })(), u = o.textStyle.color && b(o.textStyle.color) ? o.textStyle.color : d?.computedStyleMap().get("color")?.toString(), r = (t) => {
-    s.chain().focus().setColor(t).run(), a(!1);
-  }, i = (t) => {
-    if (isNaN(t.target.valueAsNumber)) {
-      s.chain().focus().unsetFontSize().run();
-      return;
-    }
-    s.chain().focus().setFontSize(`${t.target.valueAsNumber}px`).run();
-  };
-  return /* @__PURE__ */ l("div", { className: "tw:bg-ic-ink-6s tw:text-white tw:py-1 tw:px-1.5 tw:rounded tw:text-xs tw:flex tw:items-center tw:gap-2 tw:border tw:border-ic-white-2s tw:shadow tw:shadow-ic-white-2s", children: [
-    /* @__PURE__ */ e("div", { className: "tw:w-28 tw:flex-shrink-0", children: /* @__PURE__ */ e(
-      O,
-      {
-        value: m ?? "",
-        placeholder: C(d?.computedStyleMap().get("font-size")?.toString())?.toString(),
-        onChange: i,
-        debounce: 400,
-        min: 10,
-        className: "tw:text-center",
-        step: 1,
-        fullWidth: !0
-      }
-    ) }),
-    /* @__PURE__ */ e("div", { className: "tw:h-5 tw:w-px tw:bg-ic-white-1s" }),
-    /* @__PURE__ */ e(
-      f,
-      {
-        title: "Bold",
-        size: "28",
-        isHighlighted: o.isBold,
-        onClick: () => s.chain().focus().toggleBold().run(),
-        disabled: !o.canBold,
-        children: /* @__PURE__ */ e(g, { source: F })
-      }
-    ),
-    /* @__PURE__ */ e(
-      f,
-      {
-        size: "28",
-        title: "Italic",
-        isHighlighted: o.isItalic,
-        onClick: () => s.chain().focus().toggleItalic().run(),
-        disabled: !o.canItalic,
-        children: /* @__PURE__ */ e(g, { source: U })
-      }
-    ),
-    /* @__PURE__ */ e(
-      f,
-      {
-        size: "28",
-        title: "Underline",
-        isHighlighted: o.isStrike,
-        onClick: () => s.chain().focus().toggleStrike().run(),
-        disabled: !o.canStrike,
-        children: /* @__PURE__ */ e(g, { source: E })
-      }
-    ),
-    /* @__PURE__ */ e(
-      _,
-      {
-        open: c,
-        onOpenChange: a,
-        placement: "bottom",
-        color: u,
-        onChange: r,
-        children: /* @__PURE__ */ e(f, { size: "28", title: "Underline", children: /* @__PURE__ */ l("div", { className: "tw:relative tw:size-5 tw:flex tw:flex-col tw:items-center tw:justify-center", children: [
-          /* @__PURE__ */ e(g, { size: 18, source: Q }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              style: { backgroundColor: u },
-              className: "tw:absolute tw:inset-x-0 tw:h-1 tw:-bottom-1 tw:rounded tw:border tw:border-ic-white-1s"
-            }
-          )
-        ] }) })
-      }
-    )
-  ] });
-}, M = ({ options: s, deps: c, ref: a }) => {
-  const { document: d } = W(), o = V(
-    {
-      ...s,
-      extensions: [G, R, ...s?.extensions ?? []]
-    },
-    c
-  );
-  return /* @__PURE__ */ l(N, { children: [
-    /* @__PURE__ */ e(
-      D,
-      {
-        css: {
-          ".tiptap": {
-            outline: "none"
-          }
-        },
-        editor: o,
-        ref: a
-      }
-    ),
-    /* @__PURE__ */ e(
-      q,
-      {
-        appendTo: document.body,
-        getReferencedVirtualElement: () => d?.activeElement ?? null,
-        editor: o,
-        children: /* @__PURE__ */ e($, { editor: o })
-      }
-    )
-  ] });
-}, X = () => w(), Me = () => {
-  const s = x(), { connectors: c } = P(), a = h(null), {
-    id: d,
-    nodeProps: { dangerouslySetInnerHTML: o, ...m },
-    setNodeProps: u
-  } = X(), r = h(o?.__html), { isActive: i } = L((n, I) => ({
-    isActive: I.getEvent("selected").contains(d)
+import "react-frame-component";
+import { getTextProps as M, getTabPanelProps as F, getListItemProps as R } from "@janbox/storefront-ui";
+const w = () => i(), re = () => {
+  const p = f(), { connectors: c } = L(), u = a(null), {
+    id: N,
+    nodeProps: { dangerouslySetInnerHTML: t, ...m },
+    setNodeProps: l
+  } = w(), o = a(t?.__html), { isActive: r } = T((e, g) => ({
+    isActive: g.getEvent("selected").contains(N)
   }));
-  S(() => {
-    i || T(r.current) || (u({
-      dangerouslySetInnerHTML: { __html: r.current }
-    }), r.current = void 0);
-  }, [i]);
-  const t = A(({ editor: n }) => {
-    r.current = n.getHTML();
-  }), {
-    queryParams: { mode: p }
-  } = y();
-  return /* @__PURE__ */ l(N, { children: [
-    i && p === "full" && /* @__PURE__ */ l(N, { children: [
-      /* @__PURE__ */ e(v, {}),
-      /* @__PURE__ */ e(k, {})
+  v(() => {
+    r || A(o.current) || (l({
+      dangerouslySetInnerHTML: { __html: o.current }
+    }), o.current = void 0);
+  }, [r]);
+  const P = S(({ editor: e }) => {
+    o.current = e.getHTML();
+  }), { mode: I } = x();
+  return /* @__PURE__ */ d(n, { children: [
+    r && I === "full" && /* @__PURE__ */ d(n, { children: [
+      /* @__PURE__ */ s(b, {}),
+      /* @__PURE__ */ s(h, {})
     ] }),
-    /* @__PURE__ */ e(
-      B,
+    /* @__PURE__ */ s(
+      H,
       {
         ...m,
-        ...s,
-        ref: (n) => {
-          n && c.connect(n);
+        ...p,
+        ref: (e) => {
+          e && c.connect(e);
         },
-        children: /* @__PURE__ */ e(
-          M,
+        children: /* @__PURE__ */ s(
+          C,
           {
-            ref: a,
+            ref: u,
             options: {
-              content: o?.__html,
-              onUpdate: t
+              content: t?.__html,
+              onUpdate: P
             }
           }
         )
       }
     )
   ] });
-}, Y = () => w({
-  transform: K
-}), Be = () => {
-  const s = x(), { connectors: c } = P(), a = h(null), {
-    id: d,
-    nodeProps: { dangerouslySetInnerHTML: o, ...m },
-    setNodeProps: u
-  } = Y(), r = h(o?.__html), { isActive: i } = L((n, I) => ({
-    isActive: I.getEvent("selected").contains(d)
+}, E = () => i({
+  transform: M
+}), te = () => {
+  const p = f(), { connectors: c } = L(), u = a(null), {
+    id: N,
+    nodeProps: { dangerouslySetInnerHTML: t, ...m },
+    setNodeProps: l
+  } = E(), o = a(t?.__html), { isActive: r } = T((e, g) => ({
+    isActive: g.getEvent("selected").contains(N)
   }));
-  S(() => {
-    i || T(r.current) || (u({
-      dangerouslySetInnerHTML: { __html: r.current }
-    }), r.current = void 0);
-  }, [i]);
-  const t = A(({ editor: n }) => {
-    r.current = n.getHTML();
-  }), {
-    queryParams: { mode: p }
-  } = y();
-  return /* @__PURE__ */ l(N, { children: [
-    i && p === "full" && /* @__PURE__ */ l(N, { children: [
-      /* @__PURE__ */ e(v, {}),
-      /* @__PURE__ */ e(k, {})
+  v(() => {
+    r || A(o.current) || (l({
+      dangerouslySetInnerHTML: { __html: o.current }
+    }), o.current = void 0);
+  }, [r]);
+  const P = S(({ editor: e }) => {
+    o.current = e.getHTML();
+  }), { mode: I } = x();
+  return /* @__PURE__ */ d(n, { children: [
+    r && I === "full" && /* @__PURE__ */ d(n, { children: [
+      /* @__PURE__ */ s(b, {}),
+      /* @__PURE__ */ s(h, {})
     ] }),
-    /* @__PURE__ */ e(
-      H,
+    /* @__PURE__ */ s(
+      _,
       {
         ...m,
-        ...s,
-        ref: (n) => {
-          n && c.connect(n);
+        ...p,
+        ref: (e) => {
+          e && c.connect(e);
         },
-        children: /* @__PURE__ */ e(
-          M,
+        children: /* @__PURE__ */ s(
+          C,
           {
-            ref: a,
+            ref: u,
             options: {
-              content: o?.__html,
-              onUpdate: t
+              content: t?.__html,
+              onUpdate: P
             }
           }
         )
       }
     )
   ] });
-}, He = () => w({
-  transform: Z
-}), ze = () => w({
-  transform: J
+}, ae = () => i({
+  transform: F
+}), ne = () => i({
+  transform: R
 });
 export {
-  Ee as AccordionContentNode,
-  ho as AccordionGroupInspector,
-  _e as AccordionGroupNode,
-  Re as AccordionNode,
-  Ve as AccordionSummaryNode,
-  wo as BoxInspector,
-  De as BoxNode,
-  Io as ButtonInspector,
-  je as ButtonNode,
-  Po as Canvas,
-  qe as CanvasPlaceholder,
-  So as CellInspector,
-  Ge as CellNode,
-  bo as Composer,
-  Co as ContainerInspector,
-  We as ContainerNode,
-  xo as CountdownTimerInspector,
-  Oe as CountdownTimerNode,
-  vo as FlexItemInspector,
-  Ke as FlexItemNode,
-  ko as FlexboxInspector,
-  Ze as FlexboxNode,
-  To as GridInspector,
-  Je as GridNode,
-  H as Heading,
-  yo as HeadingInspector,
-  Qe as HeadingNode,
-  Be as HeadingRenderer,
-  Lo as IconInspector,
-  $e as IconNode,
-  Ao as ImageInspector,
-  Xe as ImageNode,
-  Mo as LinkInspector,
-  Ye as LinkNode,
-  eo as ListItemNode,
-  Bo as MarqueeInspector,
-  oo as MarqueeItemNode,
-  to as MarqueeNode,
-  Ho as ParagraphInspector,
-  so as ParagraphNode,
-  Me as ParagraphRenderer,
-  zo as Resolver,
-  ro as RootNode,
-  Fo as SizeField,
-  Uo as SwiperInspector,
-  no as SwiperNode,
-  ao as SwiperSlideNode,
-  io as TabContentNode,
-  co as TabListNode,
-  lo as TabNode,
-  uo as TabPanelNode,
-  Eo as TabsInspector,
-  po as TabsNode,
-  _o as TextInspector,
-  mo as UnknownNode,
-  Ro as UnorderedListInspector,
-  No as UnorderedListNode,
-  Vo as VariantField,
-  Do as VideoInspector,
-  fo as VideoNode,
-  lt as cn,
-  mt as defineNode,
-  Nt as getNodeCustom,
-  ft as getNodeDisplayName,
-  gt as getNodeInfo,
-  ht as getNodeRelated,
-  wt as getNodeResolved,
-  It as isNodeSelectable,
-  C as parseNumber,
-  ut as parseSvgString,
-  Pt as registerNodeRelated,
-  St as toResponsiveCss,
-  jo as useAccordionGroupNodeProps,
-  qo as useAccordionNodeProps,
-  Go as useBoxNodeProps,
-  Wo as useButtonNodeProps,
-  Oo as useCellNodeProps,
-  L as useComposer,
-  Ko as useContainerNodeProps,
-  Zo as useCountdownTimerNodeProps,
-  Jo as useFlexItemNodeProps,
-  Qo as useFlexboxNodeProps,
-  $o as useGridNodeProps,
-  Y as useHeadingNodeProps,
-  Xo as useIconNodeProps,
-  Yo as useImageNodeProps,
-  et as useLinkNodeProps,
-  ze as useListItemNodeProps,
-  ot as useMarqueeNodeProps,
-  dt as useNode,
-  x as useNodeDataAttributes,
-  w as useNodeProps,
-  X as useParagraphNodeProps,
-  tt as useSwiperNodeProps,
-  st as useTabNodeProps,
-  He as useTabPanelNodeProps,
-  rt as useTabsNodeProps,
-  nt as useUnorderedListNodeProps,
-  at as useVideoNodeProps
+  pe as AccordionContentNode,
+  $e as AccordionGroupInspector,
+  ce as AccordionGroupNode,
+  ue as AccordionNode,
+  Ne as AccordionSummaryNode,
+  eo as BoxInspector,
+  me as BoxNode,
+  oo as ButtonInspector,
+  le as ButtonNode,
+  so as Canvas,
+  Pe as CanvasPlaceholder,
+  ro as CellInspector,
+  Ie as CellNode,
+  to as Composer,
+  ao as ContainerInspector,
+  ge as ContainerNode,
+  no as CountdownTimerInspector,
+  fe as CountdownTimerNode,
+  io as FlexItemInspector,
+  Te as FlexItemNode,
+  po as FlexboxInspector,
+  xe as FlexboxNode,
+  co as GridInspector,
+  be as GridNode,
+  _ as Heading,
+  uo as HeadingInspector,
+  he as HeadingNode,
+  te as HeadingRenderer,
+  No as IconInspector,
+  Ce as IconNode,
+  mo as ImageInspector,
+  Le as ImageNode,
+  lo as LinkInspector,
+  Ae as LinkNode,
+  ve as ListItemNode,
+  Po as MarqueeInspector,
+  Se as MarqueeItemNode,
+  He as MarqueeNode,
+  Io as ParagraphInspector,
+  _e as ParagraphNode,
+  re as ParagraphRenderer,
+  go as Resolver,
+  Me as RootNode,
+  fo as SizeField,
+  To as SwiperInspector,
+  Fe as SwiperNode,
+  Re as SwiperSlideNode,
+  we as TabContentNode,
+  Ee as TabListNode,
+  ye as TabNode,
+  Be as TabPanelNode,
+  xo as TabsInspector,
+  Ge as TabsNode,
+  bo as TextInspector,
+  Ue as UnknownNode,
+  ho as UnorderedListInspector,
+  ke as UnorderedListNode,
+  Co as VariantField,
+  Lo as VideoInspector,
+  De as VideoNode,
+  qe as defineNode,
+  Ve as getNodeCustom,
+  je as getNodeDisplayName,
+  ze as getNodeInfo,
+  Je as getNodeRelated,
+  Ke as getNodeResolved,
+  Oe as isNodeSelectable,
+  Qe as parseNumber,
+  We as parseSvgString,
+  Xe as registerNodeRelated,
+  Ye as toResponsiveCss,
+  Ao as useAccordionGroupNodeProps,
+  vo as useAccordionNodeProps,
+  So as useBoxNodeProps,
+  Ho as useButtonNodeProps,
+  _o as useCellNodeProps,
+  T as useComposer,
+  Mo as useContainerNodeProps,
+  Fo as useCountdownTimerNodeProps,
+  Ro as useFlexItemNodeProps,
+  wo as useFlexboxNodeProps,
+  Eo as useGridNodeProps,
+  E as useHeadingNodeProps,
+  yo as useIconNodeProps,
+  Bo as useImageNodeProps,
+  Go as useLinkNodeProps,
+  ne as useListItemNodeProps,
+  Uo as useMarqueeNodeProps,
+  Jo as useNode,
+  f as useNodeDataAttributes,
+  i as useNodeProps,
+  w as useParagraphNodeProps,
+  ko as useSwiperNodeProps,
+  Do as useTabNodeProps,
+  ae as useTabPanelNodeProps,
+  qo as useTabsNodeProps,
+  Vo as useUnorderedListNodeProps,
+  jo as useVideoNodeProps
 };