@billgangcom/theme-lib 1.62.2 → 1.62.3

package/dist/builder.es.js

@@ -1594,7 +1594,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
       children: t
     }
   ) : null;
-}, Ta = "_applyButton_1a9kh_2", Na = "_content_1a9kh_7", La = "_title_1a9kh_14", Ba = "_label_1a9kh_21", Aa = "_colorValue_1a9kh_40", Pa = "_colorMap_1a9kh_48", $a = "_indicator_1a9kh_57", Ia = "_hueSlider_1a9kh_66", Ma = "_slider_1a9kh_97", Fa = "_buttons_1a9kh_102", Ha = "_name_1a9kh_109", Ea = "_secondary_1a9kh_114", Da = "_input_1a9kh_122", Ra = "_modal_1a9kh_160", Oa = "_alphaSlider_1a9kh_249", Ua = "_alphaBackground_1a9kh_257", Va = "_alphaGradient_1a9kh_268", za = "_chargeTypes_1a9kh_297", Ga = "_charge_1a9kh_297", qa = "_chargeActive_1a9kh_326", Wa = "_gradient_1a9kh_334", Za = "_color_1a9kh_40", Xa = "_colorActive_1a9kh_355", Ya = "_gradientWrapper_1a9kh_362", Ka = "_subtitle_1a9kh_368", Ja = "_colorTypes_1a9kh_375", Qa = "_colorType_1a9kh_375", er = "_colorTypeActive_1a9kh_399", tr = "_colorsWrapper_1a9kh_404", or = "_colors_1a9kh_404", A = {
+}, Ta = "_applyButton_1a9kh_2", Na = "_content_1a9kh_7", La = "_title_1a9kh_14", Ba = "_label_1a9kh_21", Aa = "_colorValue_1a9kh_40", Pa = "_colorMap_1a9kh_48", $a = "_indicator_1a9kh_57", Ia = "_hueSlider_1a9kh_66", Ma = "_slider_1a9kh_97", Fa = "_buttons_1a9kh_102", Ha = "_name_1a9kh_109", Ea = "_secondary_1a9kh_114", Da = "_input_1a9kh_122", Ra = "_modal_1a9kh_160", Oa = "_alphaSlider_1a9kh_249", Ua = "_alphaBackground_1a9kh_257", Va = "_alphaGradient_1a9kh_268", za = "_chargeTypes_1a9kh_297", Ga = "_charge_1a9kh_297", qa = "_chargeActive_1a9kh_326", Wa = "_gradient_1a9kh_334", Za = "_color_1a9kh_40", Xa = "_colorActive_1a9kh_355", Ya = "_gradientWrapper_1a9kh_362", Ka = "_subtitle_1a9kh_368", Ja = "_colorTypes_1a9kh_375", Qa = "_colorType_1a9kh_375", er = "_colorTypeActive_1a9kh_399", tr = "_colorsWrapper_1a9kh_404", or = "_colors_1a9kh_404", P = {
   applyButton: Ta,
   content: Na,
   title: La,
@@ -1652,95 +1652,95 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     saturation2: j,
     brightness2: k,
     alpha2: L,
-    setHue2: R,
-    setSaturation2: M,
-    setBrightness2: O,
+    setHue2: O,
+    setSaturation2: F,
+    setBrightness2: D,
     setAlpha2: Z,
-    activeColorIndex: E,
+    activeColorIndex: A,
     setActiveColorIndex: re,
     isGradientActive: me
-  } = gt(), D = ($, B, V) => {
+  } = gt(), R = (I, B, V) => {
     B /= 100, V /= 100;
-    const P = (Y) => (Y + $ / 60) % 6, F = (Y) => V * (1 - B * Math.max(0, Math.min(P(Y), 4 - P(Y), 1))), I = Math.round(255 * F(5)), U = Math.round(255 * F(3)), z = Math.round(255 * F(1));
-    return { r: I, g: U, b: z };
-  }, ce = ($) => $.toString(16).padStart(2, "0"), ee = ($, B, V, P) => {
-    const { r: F, g: I, b: U } = D($, B, V), z = Math.round(P / 100 * 255);
-    return `#${ce(F)}${ce(I)}${ce(U)}${ce(z)}`;
-  }, H = ($, B, V, P) => {
+    const $ = (Y) => (Y + I / 60) % 6, H = (Y) => V * (1 - B * Math.max(0, Math.min($(Y), 4 - $(Y), 1))), M = Math.round(255 * H(5)), U = Math.round(255 * H(3)), z = Math.round(255 * H(1));
+    return { r: M, g: U, b: z };
+  }, ce = (I) => I.toString(16).padStart(2, "0"), ee = (I, B, V, $) => {
+    const { r: H, g: M, b: U } = R(I, B, V), z = Math.round($ / 100 * 255);
+    return `#${ce(H)}${ce(M)}${ce(U)}${ce(z)}`;
+  }, E = (I, B, V, $) => {
     if (S)
-      if (E === 1) {
-        h($), m(B), c(V), u(P);
-        const F = ee($, B, V, P), I = ee(C, j, k, L), z = `linear-gradient(${d === "vertical" ? "0deg" : "90deg"}, ${F} 0%, ${I} 100%)`;
+      if (A === 1) {
+        h(I), m(B), c(V), u($);
+        const H = ee(I, B, V, $), M = ee(C, j, k, L), z = `linear-gradient(${d === "vertical" ? "0deg" : "90deg"}, ${H} 0%, ${M} 100%)`;
         _(z), g(z);
       } else {
-        R($), M(B), O(V), Z(P);
-        const F = ee($, B, V, P), I = ee(i, a, r, l), z = `linear-gradient(${d === "vertical" ? "0deg" : "90deg"}, ${I} 0%, ${F} 100%)`;
+        O(I), F(B), D(V), Z($);
+        const H = ee(I, B, V, $), M = ee(i, a, r, l), z = `linear-gradient(${d === "vertical" ? "0deg" : "90deg"}, ${M} 0%, ${H} 100%)`;
         _(z), g(z);
       }
     else {
-      const F = ee($, B, V, P);
-      _(F), g(F);
+      const H = ee(I, B, V, $);
+      _(H), g(H);
     }
-  }, K = ($, B, V) => {
-    const { width: P, height: F } = V.getBoundingClientRect(), I = Math.max(0, Math.min($ / P * 100, 100)), U = Math.max(0, Math.min(100 - B / F * 100, 100));
-    S ? E === 1 ? (m(I), c(U), H(i, I, U, l)) : (M(I), O(U), H(C, I, U, L)) : (m(I), c(U), H(i, I, U, l));
-  }, Se = ($) => {
-    const { offsetX: B, offsetY: V } = $.nativeEvent;
-    f(!0), K(B, V, $.currentTarget);
-  }, mt = ($) => {
+  }, K = (I, B, V) => {
+    const { width: $, height: H } = V.getBoundingClientRect(), M = Math.max(0, Math.min(I / $ * 100, 100)), U = Math.max(0, Math.min(100 - B / H * 100, 100));
+    S ? A === 1 ? (m(M), c(U), E(i, M, U, l)) : (F(M), D(U), E(C, M, U, L)) : (m(M), c(U), E(i, M, U, l));
+  }, Se = (I) => {
+    const { offsetX: B, offsetY: V } = I.nativeEvent;
+    f(!0), K(B, V, I.currentTarget);
+  }, mt = (I) => {
     if (p) {
-      const B = document.querySelector(`.${A.colorMap}`), { left: V, top: P } = B.getBoundingClientRect(), F = $.clientX - V, I = $.clientY - P;
-      K(F, I, B);
+      const B = document.querySelector(`.${P.colorMap}`), { left: V, top: $ } = B.getBoundingClientRect(), H = I.clientX - V, M = I.clientY - $;
+      K(H, M, B);
     }
   }, Ze = () => {
     f(!1);
   };
   x.useEffect(() => {
-    function $(P) {
-      const F = /linear-gradient\((\d+deg),\s*(#[0-9a-fA-F]{8})\s*0%,\s*(#[0-9a-fA-F]{8})\s*100%\)/, I = P.match(F);
-      if (I) {
-        const U = I[1], z = I[2], Y = I[3];
+    function I($) {
+      const H = /linear-gradient\((\d+deg),\s*(#[0-9a-fA-F]{8})\s*0%,\s*(#[0-9a-fA-F]{8})\s*100%\)/, M = $.match(H);
+      if (M) {
+        const U = M[1], z = M[2], Y = M[3];
         return { angle: U, col1: z, col2: Y };
       }
       return null;
     }
-    function B(P) {
-      const F = parseInt(P.slice(1, 3), 16), I = parseInt(P.slice(3, 5), 16), U = parseInt(P.slice(5, 7), 16), z = parseInt(P.slice(7, 9), 16) / 255 * 100, { h: Y, s: Pe, b: xt } = V(F, I, U);
+    function B($) {
+      const H = parseInt($.slice(1, 3), 16), M = parseInt($.slice(3, 5), 16), U = parseInt($.slice(5, 7), 16), z = parseInt($.slice(7, 9), 16) / 255 * 100, { h: Y, s: Pe, b: xt } = V(H, M, U);
       return { h: Y, s: Pe, b: xt, a: z };
     }
-    function V(P, F, I) {
-      P /= 255, F /= 255, I /= 255;
-      const U = Math.max(P, F, I), z = Math.min(P, F, I);
+    function V($, H, M) {
+      $ /= 255, H /= 255, M /= 255;
+      const U = Math.max($, H, M), z = Math.min($, H, M);
       let Y = 0;
       const Pe = U - z, xt = (U === 0 ? 0 : Pe / U) * 100, go = U * 100;
       if (U === z)
         Y = 0;
       else
         switch (U) {
-          case P:
-            Y = ((F - I) / Pe + (F < I ? 6 : 0)) * 60;
+          case $:
+            Y = ((H - M) / Pe + (H < M ? 6 : 0)) * 60;
             break;
-          case F:
-            Y = ((I - P) / Pe + 2) * 60;
+          case H:
+            Y = ((M - $) / Pe + 2) * 60;
             break;
-          case I:
-            Y = ((P - F) / Pe + 4) * 60;
+          case M:
+            Y = (($ - H) / Pe + 4) * 60;
             break;
         }
       return { h: Y, s: xt, b: go };
     }
     if (o && o.startsWith("linear-gradient")) {
-      const P = $(o);
-      if (P) {
-        const { angle: F, col1: I, col2: U } = P, z = B(I), Y = B(U);
-        v(!0), b(F === "0deg" ? "vertical" : "horizontal"), h(z.h), m(z.s), c(z.b), u(z.a), R(Y.h), M(Y.s), O(Y.b), Z(Y.a), re(1);
+      const $ = I(o);
+      if ($) {
+        const { angle: H, col1: M, col2: U } = $, z = B(M), Y = B(U);
+        v(!0), b(H === "0deg" ? "vertical" : "horizontal"), h(z.h), m(z.s), c(z.b), u(z.a), O(Y.h), F(Y.s), D(Y.b), Z(Y.a), re(1);
       }
     } else if (o) {
-      const F = function(U) {
+      const H = function(U) {
         let z = U;
         return z.length === 7 && (z = z + "ff"), z;
-      }(o), I = B(F);
-      v(!1), h(I.h), m(I.s), c(I.b), u(I.a);
+      }(o), M = B(H);
+      v(!1), h(M.h), m(M.s), c(M.b), u(M.a);
     }
   }, [
     o,
@@ -1750,18 +1750,18 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     m,
     c,
     u,
-    R,
-    M,
     O,
+    F,
+    D,
     Z,
     re
   ]), x.useEffect(() => {
-    let $, B, V, P;
-    S ? E === 1 ? ($ = i, B = a, V = r, P = l) : ($ = C, B = j, V = k, P = L) : ($ = i, B = a, V = r, P = l), H($, B, V, P);
+    let I, B, V, $;
+    S ? A === 1 ? (I = i, B = a, V = r, $ = l) : (I = C, B = j, V = k, $ = L) : (I = i, B = a, V = r, $ = l), E(I, B, V, $);
   }, [
     S,
     d,
-    E,
+    A,
     i,
     a,
     r,
@@ -1771,40 +1771,40 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     k,
     L
   ]), x.useEffect(() => {
-    const $ = (V) => mt(V), B = () => Ze();
-    return p ? (document.addEventListener("mousemove", $), document.addEventListener("mouseup", B)) : (document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", B)), () => {
-      document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", B);
+    const I = (V) => mt(V), B = () => Ze();
+    return p ? (document.addEventListener("mousemove", I), document.addEventListener("mouseup", B)) : (document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", B)), () => {
+      document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", B);
     };
   }, [p, S, d]);
   function ft() {
     if (!S)
       w(n);
     else {
-      const $ = ee(i, a, r, l), B = ee(C, j, k, L), P = `linear-gradient(${d === "vertical" ? "0deg" : "90deg"}, ${$} 0%, ${B} 100%)`;
-      w(P);
+      const I = ee(i, a, r, l), B = ee(C, j, k, L), $ = `linear-gradient(${d === "vertical" ? "0deg" : "90deg"}, ${I} 0%, ${B} 100%)`;
+      w($);
     }
     s(!1);
   }
   function X() {
     s(!1), _(o);
   }
-  const Ae = S ? E === 1 ? i : C : i, Ut = S ? E === 1 ? a : j : a, Vt = S ? E === 1 ? r : k : r, ho = S ? E === 1 ? l : L : l, { r: zt, g: Gt, b: qt } = D(Ae, Ut, Vt), po = `linear-gradient(to right, rgba(${zt}, ${Gt}, ${qt}, 0), rgba(${zt}, ${Gt}, ${qt}, 1))`, Wt = ee(i, a, r, l), Zt = ee(C, j, k, L);
+  const Ae = S ? A === 1 ? i : C : i, Ut = S ? A === 1 ? a : j : a, Vt = S ? A === 1 ? r : k : r, ho = S ? A === 1 ? l : L : l, { r: zt, g: Gt, b: qt } = R(Ae, Ut, Vt), po = `linear-gradient(to right, rgba(${zt}, ${Gt}, ${qt}, 0), rgba(${zt}, ${Gt}, ${qt}, 1))`, Wt = ee(i, a, r, l), Zt = ee(C, j, k, L);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: A.modal,
-      onClick: ($) => $.stopPropagation(),
+      className: P.modal,
+      onClick: (I) => I.stopPropagation(),
       style: {
         top: `${t.top}px`,
         left: `${t.left}px`
       },
       children: [
-        /* @__PURE__ */ e.jsx("h2", { className: A.title, children: "Color" }),
-        me && /* @__PURE__ */ e.jsxs("div", { className: A.colorTypes, children: [
+        /* @__PURE__ */ e.jsx("h2", { className: P.title, children: "Color" }),
+        me && /* @__PURE__ */ e.jsxs("div", { className: P.colorTypes, children: [
           /* @__PURE__ */ e.jsxs(
             "div",
             {
-              className: y(A.colorType, { [A.colorTypeActive]: !S }),
+              className: y(P.colorType, { [P.colorTypeActive]: !S }),
               onClick: () => v(!1),
               children: [
                 /* @__PURE__ */ e.jsx(
@@ -1825,7 +1825,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
           /* @__PURE__ */ e.jsxs(
             "div",
             {
-              className: y(A.colorType, { [A.colorTypeActive]: S }),
+              className: y(P.colorType, { [P.colorTypeActive]: S }),
               onClick: () => v(!0),
               children: [
                 /* @__PURE__ */ e.jsx(
@@ -1844,11 +1844,11 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
             }
           )
         ] }),
-        S && me && /* @__PURE__ */ e.jsxs("div", { className: A.colorsWrapper, children: [
+        S && me && /* @__PURE__ */ e.jsxs("div", { className: P.colorsWrapper, children: [
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: A.colors,
+              className: P.colors,
               style: {
                 background: `linear-gradient(90deg, ${Wt} 0%, ${Zt} 100%)`
               }
@@ -1857,7 +1857,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: y(A.color, { [A.colorActive]: E === 1 }),
+              className: y(P.color, { [P.colorActive]: A === 1 }),
               onClick: () => re(1),
               style: { background: Wt }
             }
@@ -1865,7 +1865,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: y(A.color, { [A.colorActive]: E === 2 }),
+              className: y(P.color, { [P.colorActive]: A === 2 }),
               onClick: () => re(2),
               style: { background: Zt }
             }
@@ -1874,7 +1874,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: A.colorMap,
+            className: P.colorMap,
             onMouseDown: Se,
             style: {
               background: `
@@ -1885,7 +1885,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: A.indicator,
+                className: P.indicator,
                 style: {
                   position: "absolute",
                   left: `${Ut}%`,
@@ -1899,7 +1899,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: A.hueSlider,
+            className: P.hueSlider,
             style: {
               bottom: S ? "175px" : "100px"
             },
@@ -1910,11 +1910,11 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
                 min: "0",
                 max: "360",
                 value: Ae,
-                onChange: ($) => {
-                  const B = Number($.target.value);
-                  S ? E === 1 ? H(B, a, r, l) : H(B, j, k, L) : (h(B), H(B, a, r, l));
+                onChange: (I) => {
+                  const B = Number(I.target.value);
+                  S ? A === 1 ? E(B, a, r, l) : E(B, j, k, L) : (h(B), E(B, a, r, l));
                 },
-                className: A.slider
+                className: P.slider
               }
             )
           }
@@ -1922,16 +1922,16 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
         /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: A.alphaSlider,
+            className: P.alphaSlider,
             style: {
               bottom: S ? "150px" : "75px"
             },
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: A.alphaBackground }),
+              /* @__PURE__ */ e.jsx("div", { className: P.alphaBackground }),
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: A.alphaGradient,
+                  className: P.alphaGradient,
                   style: { background: po }
                 }
               ),
@@ -1942,24 +1942,24 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
                   min: "0",
                   max: "100",
                   value: ho,
-                  onChange: ($) => {
-                    const B = Number($.target.value);
-                    S ? E === 1 ? H(i, a, r, B) : H(C, j, k, B) : (u(B), H(i, a, r, B));
+                  onChange: (I) => {
+                    const B = Number(I.target.value);
+                    S ? A === 1 ? E(i, a, r, B) : E(C, j, k, B) : (u(B), E(i, a, r, B));
                   },
-                  className: A.slider
+                  className: P.slider
                 }
               )
             ]
           }
         ),
-        S && me && /* @__PURE__ */ e.jsxs("div", { className: A.gradientWrapper, children: [
-          /* @__PURE__ */ e.jsx("h3", { className: A.subtitle, children: "Rotation" }),
-          /* @__PURE__ */ e.jsx("div", { className: A.gradient, children: /* @__PURE__ */ e.jsxs("div", { className: A.chargeTypes, children: [
+        S && me && /* @__PURE__ */ e.jsxs("div", { className: P.gradientWrapper, children: [
+          /* @__PURE__ */ e.jsx("h3", { className: P.subtitle, children: "Rotation" }),
+          /* @__PURE__ */ e.jsx("div", { className: P.gradient, children: /* @__PURE__ */ e.jsxs("div", { className: P.chargeTypes, children: [
             /* @__PURE__ */ e.jsxs(
               "div",
               {
-                className: y(A.charge, {
-                  [A.chargeActive]: d === "horizontal"
+                className: y(P.charge, {
+                  [P.chargeActive]: d === "horizontal"
                 }),
                 onClick: () => b("horizontal"),
                 children: [
@@ -1978,8 +1978,8 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
             /* @__PURE__ */ e.jsxs(
               "div",
               {
-                className: y(A.charge, {
-                  [A.chargeActive]: d === "vertical"
+                className: y(P.charge, {
+                  [P.chargeActive]: d === "vertical"
                 }),
                 onClick: () => b("vertical"),
                 children: [
@@ -1997,12 +1997,12 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
             )
           ] }) })
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: A.buttons, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: P.buttons, children: [
           /* @__PURE__ */ e.jsx(
             Q,
             {
               onClick: X,
-              className: y(A.applyButton, A.cancelButton),
+              className: y(P.applyButton, P.cancelButton),
               type: "Secondary",
               children: "Cancel"
             }
@@ -2011,7 +2011,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
             Q,
             {
               onClick: ft,
-              className: A.applyButton,
+              className: P.applyButton,
               children: "Apply"
             }
           )
@@ -2213,12 +2213,12 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     startHideTimeout: c,
     hoverBlockId: u,
     isModalVisible: _
-  } = Re(), { setPositionBlock: g } = q(), [w, S] = x.useState(!1), [v, d] = x.useState(!1), [b, C] = x.useState(!1), [j, k] = x.useState(!1), [L, R] = x.useState(null), { attributes: M, listeners: O, setNodeRef: Z, transform: E, transition: re } = To({
+  } = Re(), { setPositionBlock: g } = q(), [w, S] = x.useState(!1), [v, d] = x.useState(!1), [b, C] = x.useState(!1), [j, k] = x.useState(!1), [L, O] = x.useState(null), { attributes: F, listeners: D, setNodeRef: Z, transform: A, transition: re } = To({
     id: t
   }), me = {
-    transform: No.Transform.toString(E),
+    transform: No.Transform.toString(A),
     transition: re
-  }, { setTitle: D, setDescription: ce, setOnConfirm: ee } = Be(), { pages: H, currentPage: K } = G(), { removeBlock: Se } = q(), mt = (X) => {
+  }, { setTitle: R, setDescription: ce, setOnConfirm: ee } = Be(), { pages: E, currentPage: K } = G(), { removeBlock: Se } = q(), mt = (X) => {
     X.stopPropagation(), r({
       id: t,
       neededScroll: !0
@@ -2248,8 +2248,8 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
       },
       onMouseEnter: mt,
       onMouseLeave: ft,
-      ...M,
-      ...O,
+      ...F,
+      ...D,
       children: [
         /* @__PURE__ */ e.jsxs(
           "div",
@@ -2296,7 +2296,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
                         const X = setTimeout(() => {
                           s || k(!0);
                         }, 200);
-                        R(X);
+                        O(X);
                       },
                       onMouseLeave: () => {
                         L && clearTimeout(L), k(!1);
@@ -2336,7 +2336,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
                         const X = setTimeout(() => {
                           s || C(!0);
                         }, 200);
-                        R(X);
+                        O(X);
                       },
                       onMouseLeave: () => {
                         L && clearTimeout(L), C(!1);
@@ -2373,10 +2373,10 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
             {
               className: J.deleteButton,
               onClick: (X) => {
-                X.stopPropagation(), D("Remove Block"), ce(
+                X.stopPropagation(), R("Remove Block"), ce(
                   `Are you sure you want to delete ${n || "this"} block? Once you delete this block, any content visible will also be deleted. This is irreversible.`
                 ), ee(() => {
-                  H && Se(H[K].path, t);
+                  E && Se(E[K].path, t);
                 });
               },
               children: /* @__PURE__ */ e.jsx(
@@ -2721,16 +2721,16 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     announcement: d,
     isLoadingLayers: b
   } = q(), { currentPage: C, pages: j } = G();
-  function k(M = !1) {
-    if (j && r && !M) {
-      const O = {
+  function k(F = !1) {
+    if (j && r && !F) {
+      const D = {
         blockSettings: {}
       };
       Object.keys(r.blockSettings).filter((Z) => !["displayName", "isAddable"].includes(Z)).map((Z) => {
-        O.blockSettings[Z] = r.blockSettings[Z];
+        D.blockSettings[Z] = r.blockSettings[Z];
       }), m(j[C].path, c, {
         name: f[j[C].path].data[c].name,
-        value: O
+        value: D
       });
     }
     a(null), u(null), p({
@@ -2744,29 +2744,29 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     var Z;
     if (!j || !j[C] || !c)
       return null;
-    const M = f[j[C].path].data[c];
-    return !M || !s[M.name] ? null : new s[M.name]((Z = M.value) == null ? void 0 : Z.blockSettings);
+    const F = f[j[C].path].data[c];
+    return !F || !s[F.name] ? null : new s[F.name]((Z = F.value) == null ? void 0 : Z.blockSettings);
   }
   x.useEffect(() => {
     if (i || c && !["header", "footer", "announcement"].includes(c)) {
-      const M = L();
-      l(M);
+      const F = L();
+      l(F);
     } else
       l(null);
   }, [i, c]), x.useEffect(() => {
     if (i && j && !c) {
-      const M = {
+      const F = {
         blockSettings: {},
         blockColors: {}
-      }, O = new s[i]();
-      l(O), Object.keys(O.blockSettings).filter((E) => !["displayName", "isAddable"].includes(E)).map((E) => {
-        M.blockSettings[E] = O.blockSettings[E];
-      }), Object.keys(O.blockColors).filter((E) => !["displayName", "isAddable"].includes(E)).map((E) => {
-        M.blockColors[E] = O.blockColors[E];
+      }, D = new s[i]();
+      l(D), Object.keys(D.blockSettings).filter((A) => !["displayName", "isAddable"].includes(A)).map((A) => {
+        F.blockSettings[A] = D.blockSettings[A];
+      }), Object.keys(D.blockColors).filter((A) => !["displayName", "isAddable"].includes(A)).map((A) => {
+        F.blockColors[A] = D.blockColors[A];
       });
       const Z = h(j[C].path, {
         name: i,
-        value: M
+        value: F
       });
       p({
         id: Z,
@@ -2780,13 +2780,13 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
   }, [c, v]), x.useEffect(() => {
     c === "announcement" && w(d);
   }, [c, d]);
-  function R(M) {
+  function O(F) {
     if (!s)
       return "unknown name";
-    if (!s[M])
+    if (!s[F])
       return c === "header" ? S == null ? void 0 : S.blockSettings.displayName : c === "footer" ? v == null ? void 0 : v.blockSettings.displayName : c === "announcement" ? d == null ? void 0 : d.blockSettings.displayName : "unknown name";
-    const O = new s[M]();
-    return !O.blockSettings || !O.blockSettings.displayName ? "unknown name" : O.blockSettings.displayName;
+    const D = new s[F]();
+    return !D.blockSettings || !D.blockSettings.displayName ? "unknown name" : D.blockSettings.displayName;
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -2796,7 +2796,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
         [Ie.close]: !c,
         [Ie.clicked]: n
       }),
-      onClick: (M) => M.stopPropagation(),
+      onClick: (F) => F.stopPropagation(),
       style: {
         opacity: b ? 0 : 1
       },
@@ -2806,7 +2806,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
           {
             onClick: k,
             setIsClicked: o,
-            getDisplayName: R
+            getDisplayName: O
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: Ie.settings, children: [
@@ -2968,12 +2968,12 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
       left: b
     });
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: A.content, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: P.content, children: [
     /* @__PURE__ */ e.jsx(
       "span",
       {
-        className: y(A.name, {
-          [A.secondary]: i === "secondary"
+        className: y(P.name, {
+          [P.secondary]: i === "secondary"
         }),
         children: s
       }
@@ -2981,13 +2981,13 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: A.label,
+        className: P.label,
         onClick: (v) => v.stopPropagation(),
         children: [
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: A.colorValue,
+              className: P.colorValue,
               style: {
                 background: r
               },
@@ -3003,7 +3003,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
                 const d = v.target.value;
                 o(d), u(d), l(d), w(d);
               },
-              className: A.input
+              className: P.input
             }
           )
         ]
@@ -3842,7 +3842,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     )) })
   ] });
 }, Fc = () => {
-  var R, M, O, Z, E, re, me;
+  var O, F, D, Z, A, re, me;
   const {
     setIsOpenModal: t,
     pages: n,
@@ -3853,8 +3853,8 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     editedPage: r,
     setEditedPage: l,
     pageContext: p
-  } = G(), { setIsOpen: f } = Rt(), { createPage: h, updatePage: m } = q(), [c, u] = x.useState(r ? n && ((R = n[r]) == null ? void 0 : R.path) : ""), [_, g] = x.useState(r ? n && ((M = n[r]) == null ? void 0 : M.name) : ""), [w, S] = x.useState(
-    r ? n && ((O = n[r]) == null ? void 0 : O.seo) && ((E = (Z = n[r]) == null ? void 0 : Z.seo) == null ? void 0 : E.pageDescription) || "" : `${p.general.info.name} is powered by the Billgang.com platform which allows them to sell their digital products online for free.`
+  } = G(), { setIsOpen: f } = Rt(), { createPage: h, updatePage: m } = q(), [c, u] = x.useState(r ? n && ((O = n[r]) == null ? void 0 : O.path) : ""), [_, g] = x.useState(r ? n && ((F = n[r]) == null ? void 0 : F.name) : ""), [w, S] = x.useState(
+    r ? n && ((D = n[r]) == null ? void 0 : D.seo) && ((A = (Z = n[r]) == null ? void 0 : Z.seo) == null ? void 0 : A.pageDescription) || "" : `${p.general.info.name} is powered by the Billgang.com platform which allows them to sell their digital products online for free.`
   ), [v, d] = x.useState(
     r && n && (re = n[r]) != null && re.isPrivate ? "private" : "public"
   );
@@ -3866,8 +3866,8 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
       b(), t(!1), f(!0);
     }, 300);
   }
-  function j(D) {
-    return D[0] === "/" ? D : "/" + D;
+  function j(R) {
+    return R[0] === "/" ? R : "/" + R;
   }
   function k() {
     o({
@@ -3897,7 +3897,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
     "div",
     {
       className: ue.wrapper,
-      onClick: (D) => D.stopPropagation(),
+      onClick: (R) => R.stopPropagation(),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: ue.header, children: [
           /* @__PURE__ */ e.jsx("h2", { children: i ? "Edit Page" : "Create New Page" }),
@@ -3916,7 +3916,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
             ne,
             {
               label: "Page Slug",
-              onChange: (D) => u(D),
+              onChange: (R) => u(R),
               value: c,
               placeholder: "path-to-page",
               disabled: !!(r && n && ((me = n[r]) != null && me.name) && nt.includes(n[r].path)),
@@ -3928,8 +3928,8 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
             ne,
             {
               label: "Page Title",
-              onChange: (D) => {
-                g(D);
+              onChange: (R) => {
+                g(R);
               },
               value: _.charAt(0).toUpperCase() + _.slice(1),
               placeholder: "Contact us"
@@ -3939,7 +3939,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
             Lo,
             {
               label: "Description",
-              onChange: (D) => S(D),
+              onChange: (R) => S(R),
               value: w,
               placeholder: `${p.general.info.name} is powered by the Billgang.com platform which allows them to sell their digital products online for free.`,
               maxLength: 150
@@ -3960,7 +3960,7 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
                   label: "Private"
                 }
               ],
-              onChange: (D) => d(D)
+              onChange: (R) => d(R)
             }
           ),
           /* @__PURE__ */ e.jsxs("div", { className: ue.preview, children: [
@@ -4085,12 +4085,11 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
   } = q(), { setPages: k, setCurrentPage: L } = G();
   return x.useEffect(() => {
     u(!0), j(!0), _(!0);
-    const R = {};
-    Object.keys(n).forEach((O) => {
-      R[O] = n[O];
-    }), l(R), r(R), w(s), S(i), v(a), (async () => {
-      const { data: O } = await fs();
-      let Z = {
+    const O = {};
+    Object.keys(n).forEach((D) => {
+      O[D] = n[D];
+    }), l(O), r(O), w(s), S(i), v(a), (async () => {
+      let D = {
         listings: null,
         products: null,
         reviews: null,
@@ -4100,48 +4099,50 @@ const va = "_product_yggw5_1", Sa = "_name_yggw5_15", Qt = {
         fullPosts: null,
         posts: null
       };
-      const E = await ps();
-      Object.keys(E).map((H) => {
-        const K = H;
-        Z[K] = E[K].value.data;
-      }), m(Z);
-      const { themeSettings: re, layers: me, settings: D } = O;
-      if (D) {
-        const H = o;
-        if (D.settings && (Object.keys(D.settings).map((K) => {
-          H[K] = D.settings[K];
-        }), h(H)), D.header) {
+      const Z = await ps();
+      Object.keys(Z).map((E) => {
+        const K = E;
+        D[K] = Z[K].value.data;
+      }), m(D);
+      const { data: A } = await fs();
+      console.log("✅ Проверка структуры dataAll:", JSON.stringify(A, null, 2)), (!(A != null && A.themeSettings) || !(A != null && A.layers) || !(A != null && A.settings)) && console.warn("⚠️ Некорректная структура API-ответа!", A);
+      const { themeSettings: re, layers: me, settings: R } = A || {};
+      if (R) {
+        const E = o;
+        if (R.settings && (Object.keys(R.settings).map((K) => {
+          E[K] = R.settings[K];
+        }), h(E)), R.header) {
           const K = s;
-          Object.keys(D.header).map((Se) => {
-            K[Se] = D.header[Se];
+          Object.keys(R.header).map((Se) => {
+            K[Se] = R.header[Se];
           }), w(K);
         }
-        if (D.footer) {
+        if (R.footer) {
           const K = i;
-          Object.keys(D.footer).map((Se) => {
-            K[Se] = D.footer[Se];
+          Object.keys(R.footer).map((Se) => {
+            K[Se] = R.footer[Se];
           }), S(K);
         }
       } else
         h(o);
-      re && c(re), d(me);
+      re && c(re);
       const ce = await ms();
       console.log("Pages", ce);
       const ee = {};
       if (ce.status >= 400 && g({
         message: "Error fetching pages",
         status: "error"
-      }), ce.data.length > 0 ? (ce.data.forEach((H) => {
-        b[H.path] || C(H.path), ee[H.id || H.path] = {
-          ...H,
-          icon: Oe[H.path] ? Oe[H.path].icon : "File",
-          name: H.name ? H.name : Oe[H.path].name
+      }), ce.data.length > 0 ? (ce.data.forEach((E) => {
+        b[E.path] || C(E.path), ee[E.id || E.path] = {
+          ...E,
+          icon: Oe[E.path] ? Oe[E.path].icon : "File",
+          name: E.name ? E.name : Oe[E.path].name
         };
       }), k(ee), L(Object.keys(ee)[0])) : (k(Oe), L(Object.keys(Oe)[0])), p.length === 0) {
-        const H = await gs();
-        f([...H.map((K) => K.family)]);
+        const E = await gs();
+        f([...E.map((K) => K.family)]);
       }
-      u(!1), j(!1), _(!1);
+      d(me), u(!1), j(!1), _(!1);
     })();
   }, []), /* @__PURE__ */ e.jsx(zc, {});
 };
@@ -4369,51 +4370,56 @@ const Zc = (t) => {
     t && /* @__PURE__ */ e.jsx(le, {})
   ] });
 }, dd = ({ children: t }) => {
-  const [n, o] = x.useState(!0), { setThemeSettings: s, themeSettings: i } = W(), { settings: a, setSettings: r } = te(), { setHeader: l, setFooter: p, setAnnouncement: f, header: h, footer: m, announcement: c } = q(), { general: u, setGeneral: _ } = Mt(), { pageContext: g, setPageContext: w } = G(), S = Ft(), v = ae();
+  if (Ft().pathname.startsWith("/admin/builder"))
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: t });
+  const [o, s] = x.useState(!0), { setThemeSettings: i, themeSettings: a } = W(), { settings: r, setSettings: l } = te(), { setHeader: p, setFooter: f, setAnnouncement: h, header: m, footer: c, announcement: u } = q(), { general: _, setGeneral: g } = Mt(), { pageContext: w, setPageContext: S } = G(), v = ae();
   return x.useEffect(() => {
-    o(!0);
+    s(!0);
     const d = async () => {
-      if (!u) {
+      if (!_) {
         const C = await it();
-        C.isPasswordValid || v("/validation"), _(C);
+        C.isPasswordValid || v("/validation"), g(C);
       }
     }, b = async () => {
-      const { settings: C, theme: j } = (await ao()).data, k = S.pathname.startsWith("/admin/builder") ? null : await io(encodeURIComponent("/products"));
+      const { settings: C, theme: j } = (await ao()).data, k = await io(encodeURIComponent("/products"));
       if (k) {
         const { data: L } = k;
-        w({
-          ...g,
+        S({
+          ...w,
           listings: L.listings
         });
-      }
-      if (C && a) {
-        const L = a;
-        if (C.settings ? (Object.keys(C.settings).map((R) => {
-          L[R] = C.settings[R];
-        }), r(L)) : r(a), C.header && h) {
-          const R = h;
-          Object.keys(C.header).map((M) => {
-            R[M] = C.header[M];
-          }), l(R);
+      } else
+        S({
+          ...w
+        });
+      if (C && r) {
+        const L = r;
+        if (C.settings ? (Object.keys(C.settings).map((O) => {
+          L[O] = C.settings[O];
+        }), l(L)) : l(r), C.header && m) {
+          const O = m;
+          Object.keys(C.header).map((F) => {
+            O[F] = C.header[F];
+          }), p(O);
         }
-        if (C.footer && m) {
-          const R = m;
-          Object.keys(C.footer).map((M) => {
-            R[M] = C.footer[M];
-          }), p(R);
+        if (C.footer && c) {
+          const O = c;
+          Object.keys(C.footer).map((F) => {
+            O[F] = C.footer[F];
+          }), f(O);
         }
-        if (C.announcement && c) {
-          const R = c;
-          Object.keys(C.announcement).map((M) => {
-            R[M] = C.announcement[M];
-          }), f(R);
+        if (C.announcement && u) {
+          const O = u;
+          Object.keys(C.announcement).map((F) => {
+            O[F] = C.announcement[F];
+          }), h(O);
         }
       } else
-        r(a);
-      s(i), s(j || i), o(!1);
+        l(r);
+      i(a), i(j || a), s(!1);
     };
     d(), b();
-  }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: n ? /* @__PURE__ */ e.jsx(
+  }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: o ? /* @__PURE__ */ e.jsx(
     "div",
     {
       style: {