@commercelayer/app-elements 5.7.0 → 6.0.1

package/dist/{RuleEngineComponent-BbIy4caP.js → RuleEngineComponent-CtAd-_XC.js}

@@ -1,9 +1,8 @@
 "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 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 { t as S, b as H, d as Z, j as e, i as V, g as G, e as Q, I as f, f as y, h as $, D as z, k as R, l as p, B as J, n as P, o as w, p as U, u as ee, q as te, r as ne, s as ae, v as _, w as le, C as se } from "./main-os-TPFjB.js";
+import I, { useReducer as re, useCallback as N, useMemo as ie, createContext as ue, useContext as ce, useState as g, useEffect as v, useRef as oe } 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-B-vBXvVj.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})?)?/
@@ -27,7 +26,7 @@ function q(t, n, a) {
 function D(t, n) {
   return t == null ? !0 : Z(t, n);
 }
-const K = ie(
+const K = ue(
   void 0
 );
 function de(t, n) {
@@ -78,7 +77,7 @@ function me({
   children: t,
   initialValue: n
 }) {
-  const [a, r] = se(de, {
+  const [a, r] = re(de, {
     value: n,
     selectedRuleIndex: 0
   }), u = N((o, c) => {
@@ -87,7 +86,7 @@ function me({
     r({ type: "SET_SELECTED_RULE_INDEX", index: o });
   }, []), l = N((o) => {
     r({ type: "SET_VALUE", value: o });
-  }, []), i = re(
+  }, []), i = ie(
     () => ({
       state: a,
       setPath: u,
@@ -98,8 +97,8 @@ function me({
   );
   return /* @__PURE__ */ e.jsx(K.Provider, { value: i, children: t });
 }
-function x() {
-  const t = ue(K);
+function h() {
+  const t = ce(K);
   if (t === void 0)
     throw new Error("useRuleEngine must be used within a RuleEngineProvider");
   return t;
@@ -117,7 +116,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 +236,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 +244,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 +283,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 +300,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,
@@ -343,7 +342,7 @@ function xe({
 function X(t) {
   const [n, a] = g(void 0);
   return v(() => {
-    t?.field != null && oe(t.field).then((r) => {
+    t?.field != null && P(t.field).then((r) => {
       a(r);
     }).catch((r) => {
       console.error("Error fetching field info:", r);
@@ -365,11 +364,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 +668,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 +689,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 +720,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 +733,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 +757,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 +770,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 +788,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 } = ee(), s = `${n}.value`;
   if (t == null || W.includes(
     t.matcher
   ))
@@ -870,7 +869,7 @@ function je({
         typeof l.value == "string" ? l.value : ""
       );
       return /* @__PURE__ */ e.jsx(
-        te,
+        ne,
         {
           value: w(c) ? c : void 0,
           showTimeSelect: !0,
@@ -888,7 +887,7 @@ function je({
         return w(m) ? m : null;
       }) : [null, null];
       return /* @__PURE__ */ e.jsx(
-        ee,
+        te,
         {
           value: c,
           showTimeSelect: !0,
@@ -1013,7 +1012,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 +1037,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 +1053,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 +1065,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" })
           }
         ),
@@ -1077,7 +1076,7 @@ function Ne({
               // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
               /* @__PURE__ */ e.jsx(I.Fragment, { children: c }, d)
             )),
-            i < o.length - 1 && /* @__PURE__ */ e.jsx(ne, {})
+            i < o.length - 1 && /* @__PURE__ */ e.jsx(ae, {})
           ] }, i)
         ))
       }
@@ -1092,7 +1091,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 +1111,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 +1151,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 +1173,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(() => {
@@ -1224,7 +1223,7 @@ const F = {
     return !1;
   }
 };
-function Ae(t) {
+function ke(t) {
   const [n, a] = g(
     T(t.value ?? t.defaultValue)
   );
@@ -1241,9 +1240,9 @@ 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);
+  ), o = n.rules[a], c = oe(null), [d, m] = g(0);
   v(
     function() {
       V(T(c.current?.getValue()), n) || c.current?.setValue(JSON.stringify(n, null, 2)), t.onChange?.(n);
@@ -1252,13 +1251,13 @@ 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]
   );
   return /* @__PURE__ */ e.jsx(
-    ae,
+    le,
     {
       hint: t.hint,
       feedback: t.feedback,
@@ -1271,17 +1270,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 +1305,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 +1322,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(
@@ -1358,7 +1357,7 @@ function $e(t) {
           d
         ),
         l && /* @__PURE__ */ e.jsx("div", { className: "shrink-0 basis-2/5", children: /* @__PURE__ */ e.jsx(
-          le,
+          se,
           {
             ref: c,
             name: t.id ?? t.name,
@@ -1386,9 +1385,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,8 +1396,8 @@ 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
+  ke as RuleEngine
 };

package/dist/{en-DdkLpGfg.js → en-DZFYYpbl.js}

@@ -282,6 +282,7 @@ const e = {
     update: "Update",
     updated: "Updated",
     view_logs: "View logs",
+    view_json: "View JSON",
     view_api_docs: "View API reference",
     empty_states: {
       not_found: "Not found",

package/dist/hooks/useViewJsonOverlay.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+interface OverlayProps {
+    title: string;
+    json: object;
+}
+interface ViewJsonOverlayHook {
+    showJsonOverlay: () => void;
+    JsonOverlay: FC<OverlayProps>;
+}
+export declare function useViewJsonOverlay(): ViewJsonOverlayHook;
+export {};

package/dist/{it-4Qxbs7VI.js → it-B_kKLza9.js}

@@ -81,6 +81,7 @@ const e = {
     update: "Aggiorna",
     updated: "Aggiornato",
     view_logs: "Visualizza i log",
+    view_json: "Vedi JSON",
     view_api_docs: "Visualizza la documentazione API",
     empty_states: {
       not_found: "Non trovato",

package/dist/locales/en.d.ts

@@ -80,6 +80,7 @@ declare const en: {
         update: string;
         updated: string;
         view_logs: string;
+        view_json: string;
         view_api_docs: string;
         empty_states: {
             not_found: string;