@commercelayer/app-elements 5.7.0 → 6.0.0

package/dist/{CodeEditorComponent--5lVbv6t.js → CodeEditorComponent-9BjmYH9v.js}

@@ -1,5 +1,5 @@
 "use client";
-import { u as Pe, j as le, I as Se } from "./main-BqlK85T7.js";
+import { u as Pe, j as le, I as Se } from "./main-BANV9Udl.js";
 import R, { memo as oe, useState as V, useEffect as S, useRef as v, useCallback as ie, forwardRef as Ce } from "react";
 import { f as Ee } from "./fetchCoreResourcesSuggestions-DLZhtrDX.js";
 function Ie(e, t, r) {

package/dist/{InputDateComponent-NpCZmpgY.js → InputDateComponent-DeKe0ONv.js}

@@ -1,10 +1,10 @@
 "use client";
-import { c as X, t as _, m as fr, a as hr, w as he, x as fe, y as dt, z as We, A as mr, E as Ur, F as Vr, G as rt, H as vr, J as qr, K as Dr, L as gr, M as jr, N as $r, O as Lt, P as Gr, Q as zr, R as Ft, S as Xr, T as Re, U as Zr, j as te, V as z, W as Pe, X as be, o as wt, Y as xt, Z as yr, _ as Et, $ as wr, a0 as Jr, a1 as xe, a2 as At, a3 as en, a4 as tn, a5 as rn, a6 as nn, a7 as nt, a8 as an, I as on, v as sn, a9 as ln, aa as cn, ab as un } from "./main-BqlK85T7.js";
+import { c as X, t as _, m as fr, a as hr, w as he, x as fe, y as dt, z as We, A as mr, E as Ur, F as Vr, G as rt, H as vr, J as qr, K as Dr, L as gr, M as jr, N as $r, O as Lt, P as Gr, Q as zr, R as Ft, S as Xr, T as Re, U as Zr, j as te, V as z, W as Pe, X as be, o as wt, Y as xt, Z as yr, _ as Et, $ as wr, a0 as Jr, a1 as xe, a2 as At, a3 as en, a4 as tn, a5 as rn, a6 as nn, a7 as nt, a8 as an, I as on, v as sn, a9 as ln, aa as cn, ab as un } from "./main-BANV9Udl.js";
 import * as b from "react";
 import f, { useLayoutEffect as br, useEffect as Pt, cloneElement as _r, createRef as Me, Component as $, useRef as bt, useCallback as dn, createElement as pn, forwardRef as fn, useMemo as hn } from "react";
 import * as mn from "react-dom";
 import vn from "react-dom";
-import { p as Dn } from "./parseISO-B-bk2SyC.js";
+import { p as Dn } from "./parseISO-8P5gMU86.js";
 function kr(o, r, t) {
   return X(o, +_(o) + r);
 }

package/dist/{RuleEngineComponent-BbIy4caP.js → RuleEngineComponent-C1DXm3EO.js}

@@ -1,9 +1,9 @@
 "use client";
-import { t as S, b as H, d as Z, j as e, i as V, g as G, e as Q, f, h as y, k as $, D as z, l as R, n as p, B as J, o as w, p as U, u as P, q as ee, r as te, s as ne, v as _, I as ae, C as le } from "./main-BqlK85T7.js";
+import { t as S, b as H, d as Z, j as e, i as V, g as G, e as Q, f, h as y, k as $, D as z, l as R, n as p, B as J, o as w, p as U, u as P, q as ee, r as te, s as ne, v as _, I as ae, C as le } from "./main-BANV9Udl.js";
 import I, { useReducer as se, useCallback as N, useMemo as re, createContext as ie, useContext as ue, useState as g, useEffect as v, useRef as ce } from "react";
 import "react-hook-form";
 import { a as oe } from "./fetchCoreResourcesSuggestions-DLZhtrDX.js";
-import { p as k } from "./parseISO-B-bk2SyC.js";
+import { p as k } from "./parseISO-8P5gMU86.js";
 function A(t, n) {
   const a = t.match(
     /(\d{4})-(\d{2})-(\d{2})[T ](\d{2}):(\d{2}):(\d{2})(?:\.(\d{0,7}))?(?:Z|(.)(\d{2}):?(\d{2})?)?/
@@ -98,7 +98,7 @@ function me({
   );
   return /* @__PURE__ */ e.jsx(K.Provider, { value: i, children: t });
 }
-function x() {
+function h() {
   const t = ue(K);
   if (t === void 0)
     throw new Error("useRuleEngine must be used within a RuleEngineProvider");
@@ -117,7 +117,7 @@ function fe({
   item: t,
   pathPrefix: n
 }) {
-  const { setPath: a } = x();
+  const { setPath: a } = h();
   if (t == null)
     return null;
   switch (t.type) {
@@ -237,7 +237,7 @@ function ge({
   const {
     setPath: r,
     state: { selectedRuleIndex: u }
-  } = x(), s = {
+  } = h(), s = {
     percentage: "Percentage discount",
     fixed_amount: "Fixed amount",
     fixed_price: "Fixed price",
@@ -245,7 +245,7 @@ function ge({
     every_x_discount_y: "Every X, Discount Y"
   }, l = `rules.${u}.actions.${n}`;
   return /* @__PURE__ */ e.jsx("div", { className: "mb-4 last:mb-0", children: /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-md flex items-center", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-2 flex-grow p-2", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-2 grow p-2", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsx(
         y,
         {
@@ -284,7 +284,7 @@ function ge({
           "button",
           {
             type: "button",
-            className: "flex items-center justify-center self-stretch flex-grow",
+            className: "flex items-center justify-center self-stretch grow",
             children: /* @__PURE__ */ e.jsx(p, { name: "dotsThreeVertical", size: 16, weight: "bold" })
           }
         ),
@@ -301,13 +301,13 @@ function ge({
     )
   ] }) });
 }
-function xe({
+function he({
   actions: t
 }) {
   const [n, a] = g(0), {
     setPath: r,
     state: { selectedRuleIndex: u }
-  } = x();
+  } = h();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { children: t?.map((s, l, i) => /* @__PURE__ */ e.jsx(
       ge,
@@ -365,11 +365,11 @@ function Y(t) {
   }
   return "string";
 }
-function he({
+function xe({
   item: t,
   pathPrefix: n
 }) {
-  const { setPath: a } = x(), { infos: r } = X(t);
+  const { setPath: a } = h(), { infos: r } = X(t);
   let u = r?.field?.type;
   return u == null && (u = Y(t?.value)), /* @__PURE__ */ e.jsx(
     y,
@@ -669,11 +669,11 @@ function be({
   defaultValue: n,
   pathPrefix: a
 }) {
-  const [r, u] = g(t), [s, l] = g(t), [i, o] = g(n), { setPath: c } = x();
+  const [r, u] = g(t), [s, l] = g(t), [i, o] = g(n), { setPath: c } = h();
   return v(() => {
     r !== s && (c(`${a}.${r}`, null), u(s)), c(`${a}.${s}`, i);
   }, [s, i, c]), /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 last-of-type:mt-2", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
       y,
       {
         defaultValue: [
@@ -690,7 +690,7 @@ function be({
         }
       }
     ) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
       y,
       {
         isMulti: !0,
@@ -721,7 +721,7 @@ function ye({
     Array.isArray(t) && typeof t[1] == "number" ? t[1] : null
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
       f,
       {
         type: "number",
@@ -734,7 +734,7 @@ function ye({
       }
     ) }),
     /* @__PURE__ */ e.jsx("span", { className: "text-gray-300", children: "to" }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
       f,
       {
         type: "number",
@@ -758,7 +758,7 @@ function ve({
     Array.isArray(t) && typeof t[1] == "string" ? t[1] : null
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
       f,
       {
         type: "text",
@@ -771,7 +771,7 @@ function ve({
       }
     ) }),
     /* @__PURE__ */ e.jsx("span", { className: "text-gray-300", children: "to" }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
       f,
       {
         type: "text",
@@ -789,7 +789,7 @@ function je({
   item: t,
   pathPrefix: n
 }) {
-  const { setPath: a } = x(), { infos: r } = X(t), { user: u } = P(), s = `${n}.value`;
+  const { setPath: a } = h(), { infos: r } = X(t), { user: u } = P(), s = `${n}.value`;
   if (t == null || W.includes(
     t.matcher
   ))
@@ -1013,7 +1013,7 @@ function Ne({
   pathPrefix: a,
   onDelete: r
 }) {
-  const { setPath: u } = x(), s = [];
+  const { setPath: u } = h(), s = [];
   return n < 2 && (s[0] ??= [], s[0].push(
     /* @__PURE__ */ e.jsx(
       R,
@@ -1038,7 +1038,7 @@ function Ne({
       }
     )
   )), /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-md flex items-center", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between gap-2 flex-grow p-2", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 flex-grow", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between gap-2 grow p-2", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 grow", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsx(
           f,
@@ -1054,7 +1054,7 @@ function Ne({
             }
           }
         ) }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex-14", children: /* @__PURE__ */ e.jsx(he, { item: t, pathPrefix: a }) })
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(xe, { item: t, pathPrefix: a }) })
       ] }),
       /* @__PURE__ */ e.jsx(je, { item: t, pathPrefix: a })
     ] }) }),
@@ -1066,7 +1066,7 @@ function Ne({
           "button",
           {
             type: "button",
-            className: "flex items-center justify-center self-stretch flex-grow",
+            className: "flex items-center justify-center self-stretch grow",
             children: /* @__PURE__ */ e.jsx(p, { name: "dotsThreeVertical", size: 16, weight: "bold" })
           }
         ),
@@ -1092,7 +1092,7 @@ function B({
 }) {
   const {
     state: { selectedRuleIndex: u }
-  } = x(), s = t?.conditions_logic?.toLowerCase() ?? "and", { setPath: l } = x(), [i, o] = g(0), c = a > 0;
+  } = h(), s = t?.conditions_logic?.toLowerCase() ?? "and", { setPath: l } = h(), [i, o] = g(0), c = a > 0;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1112,7 +1112,7 @@ function B({
                 );
               },
               defaultValue: s,
-              className: "pl-4 pr-8 py-2 font-bold focus:ring-0 focus:outline-none appearance-none bg-gray-50 border border-gray-200 rounded-md text-sm leading-4",
+              className: "pl-4 pr-8 py-2 font-bold focus:ring-0 focus:outline-hidden appearance-none bg-gray-50 border border-gray-200 rounded-md text-sm leading-4",
               children: [
                 /* @__PURE__ */ e.jsxs("option", { value: "and", children: [
                   c ? "Nested in " : "",
@@ -1152,7 +1152,7 @@ function B({
                               nestingLevel: a,
                               pathPrefix: `${r}.conditions.${m}`,
                               onDelete: j.length > 1 || a > 0 ? () => {
-                                o((h) => h + 1);
+                                o((x) => x + 1);
                               } : void 0
                             }
                           )
@@ -1174,15 +1174,15 @@ function we({
   rounded: t = !1
 }) {
   return t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { className: "absolute -left-[1px] top-1/2 w-px h-1/2 bg-white" }),
-    /* @__PURE__ */ e.jsx("div", { className: "absolute -left-[1px] top-1/2 -translate-y-1/2 w-3.5 h-3.5 border-l border-b rounded-es-sm bg-white border-gray-200" })
+    /* @__PURE__ */ e.jsx("div", { className: "absolute -left-px top-1/2 w-px h-1/2 bg-white" }),
+    /* @__PURE__ */ e.jsx("div", { className: "absolute -left-px top-1/2 -translate-y-1/2 w-3.5 h-3.5 border-l border-b rounded-es-sm bg-white border-gray-200" })
   ] }) : /* @__PURE__ */ e.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-3.5 h-px bg-gray-200" });
 }
 function _e() {
   const {
     setPath: t,
     state: { value: n, selectedRuleIndex: a }
-  } = x(), [r, u] = g(
+  } = h(), [r, u] = g(
     n.rules[a]?.name ?? ""
   );
   return v(() => {
@@ -1241,7 +1241,7 @@ function $e(t) {
     setSelectedRuleIndex: r,
     setValue: u,
     setPath: s
-  } = x(), [l, i] = g(
+  } = h(), [l, i] = g(
     t.defaultCodeEditorVisible ?? !1
   ), o = n.rules[a], c = ce(null), [d, m] = g(0);
   v(
@@ -1252,8 +1252,8 @@ function $e(t) {
   );
   const j = N(
     (b) => {
-      const h = T(b);
-      c.current?.hasTextFocus() && Te(b) && !V(h, n) && (u(h), m((C) => C + 1));
+      const x = T(b);
+      c.current?.hasTextFocus() && Te(b) && !V(x, n) && (u(x), m((C) => C + 1));
     },
     [n]
   );
@@ -1271,17 +1271,17 @@ function $e(t) {
             children: [
               /* @__PURE__ */ e.jsxs("header", { className: "w-full bg-white border-b border-gray-200 py-3 px-8 flex text-[13px] gap-4 text-gray-400 font-semibold items-center", children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4 flex-wrap", children: [
-                  n.rules.map((b, h) => {
-                    const C = `#${(h + 1).toString().padStart(2, "0")}`;
+                  n.rules.map((b, x) => {
+                    const C = `#${(x + 1).toString().padStart(2, "0")}`;
                     return /* @__PURE__ */ e.jsx(
                       "button",
                       {
                         type: "button",
                         className: _("font-bold", {
-                          "text-black": a === h
+                          "text-black": a === x
                         }),
                         onClick: () => {
-                          r(h);
+                          r(x);
                         },
                         children: C
                       },
@@ -1306,11 +1306,11 @@ function $e(t) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e.jsx("div", { className: "flex-grow flex justify-end", children: /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex justify-end", children: /* @__PURE__ */ e.jsx(
                   "button",
                   {
                     type: "button",
-                    className: "text-blue-600 hover:text-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500",
+                    className: "text-blue-600 hover:text-blue-700 focus:outline-hidden focus:ring-2 focus:ring-blue-500",
                     onClick: () => {
                       i(!l);
                     },
@@ -1323,7 +1323,7 @@ function $e(t) {
                   /* @__PURE__ */ e.jsx(_e, {}),
                   /* @__PURE__ */ e.jsx(p, { name: "pencilSimple", size: 16, className: "shrink-0" })
                 ] }),
-                /* @__PURE__ */ e.jsx(L, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ e.jsx(xe, { actions: o?.actions }) }),
+                /* @__PURE__ */ e.jsx(L, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ e.jsx(he, { actions: o?.actions }) }),
                 /* @__PURE__ */ e.jsx(Ce, { children: "when" }),
                 /* @__PURE__ */ e.jsxs(L, { title: "Conditions", icon: "treeView", children: [
                   /* @__PURE__ */ e.jsx(
@@ -1386,9 +1386,9 @@ function L({
   title: n,
   icon: a
 }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: "rounded-md bg-white shadow-sm", children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: "rounded-md bg-white shadow-xs", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4 py-4 border-b border-gray-100", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 -ml-4 bg-white rounded-full border border-gray-200 flex items-center justify-center shadow-sm shadow-primary-200", children: /* @__PURE__ */ e.jsx(p, { name: a }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 -ml-4 bg-white rounded-full border border-gray-200 flex items-center justify-center shadow-xs shadow-primary-200", children: /* @__PURE__ */ e.jsx(p, { name: a }) }),
       /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold", children: n })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "p-6", children: t })
@@ -1397,7 +1397,7 @@ function L({
 function Ve({
   children: t
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "h-full w-full bg-gray-50 p-8 [background-image:radial-gradient(#d6d6d6_1px,transparent_1px)] [background-size:16px_16px] overflow-auto", children: /* @__PURE__ */ e.jsx("div", { className: "max-w-[900px] mx-auto", children: t }) });
+  return /* @__PURE__ */ e.jsx("div", { className: "h-full w-full bg-gray-50 p-8 bg-[radial-gradient(#d6d6d6_1px,transparent_1px)] bg-size-[16px_16px] overflow-auto", children: /* @__PURE__ */ e.jsx("div", { className: "max-w-[900px] mx-auto", children: t }) });
 }
 export {
   Ae as RuleEngine