@snowcone-app/canvas 0.29.0 → 0.31.0

package/dist/{embed-BTRtoktw.js → embed-D4TIzO7g.js}

@@ -1,13 +1,13 @@
-import { E as Le, o as Ve, p as Be, C as Fe, q as H, r as J, t as Ue, v as Me, w as je, x as qe, y as ze, g as Ke, e as We } from "./UnifiedFontService-CgYnYTj7.js";
-import { y as L } from "./FontAnalyzer-D4Sg-P6_.js";
+import { E as Le, p as Ve, q as Be, C as Fe, r as H, t as J, v as Ue, w as Me, x as je, y as qe, z as ze, h as Ke, e as We } from "./useCommands-bPXY9rCh.js";
+import { E as T, y as be, z as L } from "./FontAnalyzer-BYhwxDhe.js";
 import { jsx as l, jsxs as N, Fragment as Ge } from "react/jsx-runtime";
-import { useContext as He, createContext as Je, useRef as x, useState as C, useMemo as O, useCallback as F, useLayoutEffect as Q, useEffect as $, useSyncExternalStore as z, Component as Qe, forwardRef as be, useId as de, memo as Ye, isValidElement as we } from "react";
+import { useContext as He, createContext as Je, useRef as x, useState as C, useMemo as O, useCallback as F, useLayoutEffect as Q, useEffect as $, useSyncExternalStore as z, Component as Qe, forwardRef as we, useId as de, memo as Ye, isValidElement as Ee } from "react";
 import { assertVariantSelected as Xe, RenderSession as Ze, createCartDetail as et } from "@snowcone-app/sdk";
-import { g as T, i as Ee, B as tt, E as nt, r as rt } from "./editorErrors-CCvoKj_P.js";
-import { u as ot, p as it } from "./usePieceGuideBundle-CTQszfKA.js";
-import { s as le, i as st } from "./design-builder-COj0zkxu.js";
-import { D as at, C as dt, g as lt, e as ct } from "./template-fields-BLRp84Ny.js";
-import "./CanvasStateV1-BMxr6xb8.js";
+import { s as le, B as tt, E as nt, r as rt, i as ot } from "./design-builder-CBG2hKc8.js";
+import { u as it, p as st } from "./usePieceGuideBundle-Bj98nPk0.js";
+import { D as at, C as dt, f as lt, d as ct } from "./template-fields-CvFcr5zy.js";
+import "./ExportManager-Bkzzyxgw.js";
+import "./CanvasStateV1-jLOibojY.js";
 const xe = Je(void 0);
 function K() {
   const t = He(xe);
@@ -167,7 +167,7 @@ function gt(t) {
   return typeof e == "function" ? { getToken: e } : { getToken: () => Promise.resolve(e) };
 }
 function Ce({ error: t, onRetry: e }) {
-  const n = Ee(t) ? t.code : "EDITOR_ERROR";
+  const n = be(t) ? t.code : "EDITOR_ERROR";
   return /* @__PURE__ */ N(
     "div",
     {
@@ -230,7 +230,7 @@ class yt extends Qe {
 }
 function vt({ reportedError: t, onRetry: e, children: n }) {
   if (t) {
-    const r = Ee(t) && t.code === "E_CHUNK_LOAD_FAILED";
+    const r = be(t) && t.code === "E_CHUNK_LOAD_FAILED";
     return /* @__PURE__ */ l(Ce, { error: t, onRetry: r ? e : void 0 });
   }
   return /* @__PURE__ */ l(yt, { reportedError: null, onRetry: e, children: n });
@@ -276,10 +276,10 @@ function bt(t) {
     m.commerce.getVersion,
     m.commerce.getVersion
   );
-  const R = m.commerce.renderVariantId(), _ = ot(R ?? n.variantId ?? n.defaultGvid), D = O(() => {
+  const R = m.commerce.renderVariantId(), _ = it(R ?? n.variantId ?? n.defaultGvid), D = O(() => {
     if (!_) return null;
     const h = r.toJSON().artboards[0];
-    return it(_, h) ?? null;
+    return st(_, h) ?? null;
   }, [_, r]), P = x(s), A = x(d), j = x(c);
   P.current = s, A.current = d, j.current = c;
   const [ce, _e] = C([]), [Y, W] = C(!0), [ue, X] = C(null), ne = !!("grantUrl" in t && t.grantUrl || "grant" in t && t.grant), re = gt(t), Ae = "grantUrl" in re ? re.grantUrl : "getToken", me = `${n.productId}|${n.mockupIds.join(",")}|${n.variantId ?? ""}`, q = `${e}|${me}|${o}|${ne}`, oe = O(() => {
@@ -460,11 +460,11 @@ function Ie(t) {
   // wrapper, which had no DOM at all, stays layout-identical).
   /* @__PURE__ */ l("div", { className: "sc-root", style: { display: "contents" }, "data-sc-part": "root", children: /* @__PURE__ */ l(vt, { reportedError: c, onRetry: () => u(null), children: /* @__PURE__ */ l(bt, { ...t, internals: a, recordAudit: b }) }) });
 }
-let wt = () => import("./EditorCanvasImpl-BNz8TPFs.js").then((t) => t.EditorCanvasImpl);
+let wt = () => import("./EditorCanvasImpl-P2GHPNA3.js").then((t) => t.EditorCanvasImpl);
 function Oe() {
   return wt();
 }
-const Et = be(function({ children: e, maxHeight: n, floatingToolbar: r = !0, className: i, style: s }, d) {
+const Et = we(function({ children: e, maxHeight: n, floatingToolbar: r = !0, className: i, style: s }, d) {
   const c = H("Editor.Canvas");
   J("Editor.Canvas", { floatingToolbar: r });
   const u = de();
@@ -663,7 +663,7 @@ function Tt(t, e) {
 }
 function $t(t) {
   if (t === void 0 || t === !0 || t === "dark") return "dark";
-  if (t === "light" || t === "host-owned" || we(t)) return t;
+  if (t === "light" || t === "host-owned" || Ee(t)) return t;
   throw new T(
     "E_PREVIEW_NO_LOADER",
     `Editor.Preview: invalid loadingOverlay value ${JSON.stringify(t)}. A mockup preview always has a render-in-flight treatment (the loader paints over the still-visible previous mockup). Omit the prop for the default rainbow overlay, pass "dark" | "light", pass a custom ReactElement, or declare "host-owned" if the host renders its own indicator off data-sc-preview-state / <Editor.LoadingOverlay>.`,
@@ -680,7 +680,7 @@ function $e({
 }) {
   const { mockups: d, error: c, isRendering: u } = K();
   J("Editor.Preview", { ...t !== void 0 ? { mockupId: t } : {} });
-  const a = $t(r), p = a === "dark" || a === "light" ? a : null, m = we(a) ? a : null, y = a !== "host-owned", { showOverlay: b, overlayVisible: o, handleExited: g } = Te(
+  const a = $t(r), p = a === "dark" || a === "light" ? a : null, m = Ee(a) ? a : null, y = a !== "host-owned", { showOverlay: b, overlayVisible: o, handleExited: g } = Te(
     y && u
   ), w = x(/* @__PURE__ */ new Set()), f = t ? d.find((v) => v.mockupId === t && v.imageUrl) : d.find((v) => v.imageUrl), S = (v) => {
     var P;
@@ -761,7 +761,7 @@ function _t(t) {
   const { layer: e, optional: n = !1, placeholder: r, className: i, style: s } = t, d = H("Editor.TextField");
   J("Editor.TextField");
   const { pushRender: c, throttleMs: u, stateStore: a } = K(), p = de(), m = x(null);
-  if (!st(e))
+  if (!ot(e))
     throw new T(
       "E_LAYER_TOKEN_REQUIRED",
       `the \`layer\` prop must be a token minted by the design — pass layer={design.layer("name")}, not ${typeof e == "string" ? `the bare string "${e}"` : "a plain value"}. Tokens validate the name against the design's layers at mint time.`,
@@ -935,7 +935,7 @@ function Lt({
   return $(() => {
     if (!s) return;
     let u = !1;
-    return import("./ContextualToolbars-0jWvnQgp.js").then((a) => a.s).then(
+    return import("./ContextualToolbars-DRbuUE7W.js").then((a) => a.s).then(
       (a) => {
         u || c(() => a.ContextualToolbars);
       },
@@ -1030,7 +1030,7 @@ const M = {
 function on(t) {
   return /* @__PURE__ */ l(Ie, { ...t, __validation: "warn" });
 }
-const sn = be(
+const sn = we(
   function(e, n) {
     const { children: r, className: i, style: s, maxHeight: d, ...c } = e, [u, a] = C(null);
     return $(() => {
@@ -1583,4 +1583,4 @@ export {
   K as u,
   ft as v
 };
-//# sourceMappingURL=embed-BTRtoktw.js.map
+//# sourceMappingURL=embed-D4TIzO7g.js.map