@layers-app/shared 0.4.6 → 0.4.8

package/dist/components/EmojiPicker/EmojiPicker.js

@@ -1,87 +1,94 @@
-import { jsxs as b, jsx as i } from "react/jsx-runtime";
-import { useState as d, useMemo as U, useEffect as N } from "react";
-import { useTranslation as V } from "react-i18next";
-import { Popover as j, Center as X, Tabs as o, Flex as P, Button as Y } from "@mantine/core";
-import { getEnvConfig as Z } from "../../config/envConfig.js";
-import { usePlatform as q } from "../../hooks/usePlatform.js";
-import { FilePickerGiphy as S } from "../FilePicker/FilePickerGiphy.js";
-import { IconEntity as W } from "../ProjectIcon/ProjectIcon.js";
-import { EmojiPanel as _ } from "./EmojiPanel.js";
-import { IconsPanel as ee } from "./IconsPanel.js";
-import l from "./EmojiPicker.module.css.js";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { useState as d, useEffect as C, useMemo as K } from "react";
+import { useTranslation as U } from "react-i18next";
+import { Popover as j, Center as V, Tabs as i, Flex as P, Button as X } from "@mantine/core";
+import { getEnvConfig as Y } from "../../config/envConfig.js";
+import { usePlatform as Z } from "../../hooks/usePlatform.js";
+import { FilePickerGiphy as _ } from "../FilePicker/FilePickerGiphy.js";
+import { IconEntity as q } from "../ProjectIcon/ProjectIcon.js";
+import { EmojiPanel as S } from "./EmojiPanel.js";
+import { IconsPanel as W } from "./IconsPanel.js";
+import a from "./EmojiPicker.module.css.js";
+function ee(l) {
+  const { t: e } = U("ui");
+  return K(
+    () => ({
+      emojis: e("emojis"),
+      remove: e("remove"),
+      search: e("search"),
+      random: e("random"),
+      searchResults: e("emojiPicker.searchResults"),
+      icons: e("emojiPicker.icons"),
+      gifs: e("emojiPicker.gifs"),
+      searchNoResults: e("emojiPicker.searchNoResults"),
+      chooseColor: e("emojiPicker.chooseColor"),
+      emojiCategory: {
+        frequent: e("emojiPicker.categories.frequent"),
+        people: e("emojiPicker.categories.people"),
+        nature: e("emojiPicker.categories.nature"),
+        foods: e("emojiPicker.categories.foods"),
+        activity: e("emojiPicker.categories.activity"),
+        places: e("emojiPicker.categories.places"),
+        objects: e("emojiPicker.categories.objects"),
+        symbols: e("emojiPicker.categories.symbols"),
+        flags: e("emojiPicker.categories.flags"),
+        additional: e("emojiPicker.categories.additional"),
+        ...l?.emojiCategory
+      },
+      ...l
+    }),
+    [e, l]
+  );
+}
 const de = ({
-  project: R,
-  value: s,
-  querySearch: c,
-  children: w,
+  project: l,
+  value: e,
+  querySearch: n,
+  children: N,
   onChange: p,
-  position: D = "bottom-start",
-  popoverProps: k,
+  position: R = "bottom-start",
+  popoverProps: b,
   showIcons: u,
-  showColors: I,
-  showGifs: E,
-  onSelectGif: F,
-  defaultActiveTab: L = null,
-  showEmojis: n = !0,
-  withinPortal: M = !1,
-  locales: g,
-  openWhen: h = "click",
-  triggerRegex: y = /(^|\s):([^\s:]{1,})$/,
+  showColors: w,
+  showGifs: D,
+  onSelectGif: E,
+  defaultActiveTab: I = null,
+  showEmojis: c = !0,
+  withinPortal: L = !1,
+  locales: F,
+  openWhen: g = "click",
+  triggerRegex: k = /(^|\s):([^\s:]{1,})$/,
   typingSeq: m,
-  showRemoveButton: z = !0,
-  keepOpenOnRandom: A = !1,
-  showRandomButton: B = !0,
-  closeOnSelect: v = !0
+  showRemoveButton: M = !0,
+  keepOpenOnRandom: z = !1,
+  showRandomButton: A = !0,
+  closeOnSelect: y = !0
 }) => {
-  const { t: e } = V("ui"), G = q(), x = !!E && G.has("giphy") && Z().media?.giphyEnabled !== !1, [f, r] = d(!1), [H, T] = d(L), [O, Q] = d(s || null), [C, $] = d(null), t = U(() => ({
-    emojis: e("emojis"),
-    remove: e("remove"),
-    search: e("search"),
-    random: e("random"),
-    searchResults: e("emojiPicker.searchResults"),
-    icons: e("emojiPicker.icons"),
-    gifs: e("emojiPicker.gifs"),
-    searchNoResults: e("emojiPicker.searchNoResults"),
-    chooseColor: e("emojiPicker.chooseColor"),
-    emojiCategory: {
-      frequent: e("emojiPicker.categories.frequent"),
-      people: e("emojiPicker.categories.people"),
-      nature: e("emojiPicker.categories.nature"),
-      foods: e("emojiPicker.categories.foods"),
-      activity: e("emojiPicker.categories.activity"),
-      places: e("emojiPicker.categories.places"),
-      objects: e("emojiPicker.categories.objects"),
-      symbols: e("emojiPicker.categories.symbols"),
-      flags: e("emojiPicker.categories.flags"),
-      additional: e("emojiPicker.categories.additional"),
-      ...g?.emojiCategory
-    },
-    ...g
-  }), [e, g]);
-  N(() => {
-    const a = u && W.parse(s)?.icon ? "icons" : n ? "emojis" : null;
-    !f && a && T(a);
-  }, [f, n, u, s]), N(() => {
-    if (h !== "realtime" || typeof m != "number" || C === m) return;
-    $(m);
-    const a = c ?? "", K = !!n && y.test(a);
-    r(K);
+  const B = Z(), v = !!D && B.has("giphy") && Y().media?.giphyEnabled !== !1, [f, s] = d(!1), [G, x] = d(I), [H, O] = d(e || null), [T, Q] = d(null), t = ee(F);
+  C(() => {
+    const r = u && q.parse(e)?.icon ? "icons" : c ? "emojis" : null;
+    !f && r && x(r);
+  }, [f, c, u, e]), C(() => {
+    if (g !== "realtime" || typeof m != "number" || T === m) return;
+    Q(m);
+    const r = n ?? "", J = !!c && k.test(r);
+    s(J);
   }, [
-    h,
+    g,
     m,
-    C,
-    c,
-    y,
-    n
+    T,
+    n,
+    k,
+    c
   ]);
-  const J = typeof c == "string";
-  return /* @__PURE__ */ b(
+  const $ = typeof n == "string";
+  return /* @__PURE__ */ h(
     j,
     {
-      withinPortal: M,
+      withinPortal: L,
       opened: f,
-      onChange: r,
-      position: D,
+      onChange: s,
+      position: R,
       radius: "var(--mantine-spacing-sm)",
       styles: {
         dropdown: {
@@ -104,20 +111,20 @@ const de = ({
           ]
         }
       },
-      ...k || {},
+      ...b || {},
       children: [
-        /* @__PURE__ */ i(j.Target, { children: /* @__PURE__ */ i(
-          X,
+        /* @__PURE__ */ o(j.Target, { children: /* @__PURE__ */ o(
+          V,
           {
-            onClick: h === "click" && !k?.disabled ? () => r(!f) : void 0,
-            children: w ?? O
+            onClick: g === "click" && !b?.disabled ? () => s(!f) : void 0,
+            children: N ?? H
           }
         ) }),
-        /* @__PURE__ */ i(j.Dropdown, { w: "380px", children: /* @__PURE__ */ b(
-          o,
+        /* @__PURE__ */ o(j.Dropdown, { w: "380px", children: /* @__PURE__ */ h(
+          i,
           {
-            value: H,
-            onChange: T,
+            value: G,
+            onChange: x,
             keepMounted: !1,
             h: "100%",
             styles: {
@@ -134,8 +141,8 @@ const de = ({
               }
             },
             children: [
-              !J && /* @__PURE__ */ b(
-                o.List,
+              !$ && /* @__PURE__ */ h(
+                i.List,
                 {
                   style: {
                     gap: "4px"
@@ -143,38 +150,38 @@ const de = ({
                   h: 54,
                   px: 8,
                   children: [
-                    n && /* @__PURE__ */ i(
-                      o.Tab,
+                    c && /* @__PURE__ */ o(
+                      i.Tab,
                       {
-                        className: l.originalTab,
+                        className: a.originalTab,
                         h: "100%",
                         p: 0,
                         value: "emojis",
-                        children: /* @__PURE__ */ i(P, { className: l.customTab, px: "sm", h: 36, children: t.emojis })
+                        children: /* @__PURE__ */ o(P, { className: a.customTab, px: "sm", h: 36, children: t.emojis })
                       }
                     ),
-                    u && /* @__PURE__ */ i(
-                      o.Tab,
+                    u && /* @__PURE__ */ o(
+                      i.Tab,
                       {
-                        className: l.originalTab,
+                        className: a.originalTab,
                         h: "100%",
                         p: 0,
                         value: "icons",
-                        children: /* @__PURE__ */ i(P, { className: l.customTab, px: "sm", h: 36, children: t.icons })
+                        children: /* @__PURE__ */ o(P, { className: a.customTab, px: "sm", h: 36, children: t.icons })
                       }
                     ),
-                    x && /* @__PURE__ */ i(
-                      o.Tab,
+                    v && /* @__PURE__ */ o(
+                      i.Tab,
                       {
-                        className: l.originalTab,
+                        className: a.originalTab,
                         h: "100%",
                         p: 0,
                         value: "gifs",
-                        children: /* @__PURE__ */ i(P, { className: l.customTab, px: "sm", h: 36, children: t.gifs })
+                        children: /* @__PURE__ */ o(P, { className: a.customTab, px: "sm", h: 36, children: t.gifs })
                       }
                     ),
-                    !!String(s) && z && /* @__PURE__ */ i(
-                      Y,
+                    !!String(e) && M && /* @__PURE__ */ o(
+                      X,
                       {
                         variant: "subtle",
                         fz: "sm",
@@ -191,53 +198,53 @@ const de = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ i(o.Panel, { mah: 470, style: { overflow: "auto" }, value: "emojis", children: /* @__PURE__ */ i(
-                _,
+              /* @__PURE__ */ o(i.Panel, { mah: 470, style: { overflow: "auto" }, value: "emojis", children: /* @__PURE__ */ o(
+                S,
                 {
                   onChange: p,
-                  value: s,
-                  querySearch: c,
+                  value: e,
+                  querySearch: n,
                   locales: t,
-                  setRandomIcon: Q,
-                  showRandomButton: B,
-                  onClose: v ? () => r(!1) : () => {
+                  setRandomIcon: O,
+                  showRandomButton: A,
+                  onClose: y ? () => s(!1) : () => {
                   }
                 }
               ) }),
-              /* @__PURE__ */ i(
-                o.Panel,
+              /* @__PURE__ */ o(
+                i.Panel,
                 {
                   mah: 470,
                   h: "100%",
                   style: { overflow: "auto" },
                   value: "icons",
-                  children: /* @__PURE__ */ i(
-                    ee,
+                  children: /* @__PURE__ */ o(
+                    W,
                     {
-                      project: R,
+                      project: l,
                       onChange: p,
-                      value: s,
+                      value: e,
                       locales: t,
-                      showColors: I,
-                      keepOpenOnRandom: A,
-                      onClose: v ? () => r(!1) : () => {
+                      showColors: w,
+                      keepOpenOnRandom: z,
+                      onClose: y ? () => s(!1) : () => {
                       }
                     }
                   )
                 }
               ),
-              x && /* @__PURE__ */ i(
-                o.Panel,
+              v && /* @__PURE__ */ o(
+                i.Panel,
                 {
                   mah: 470,
                   style: { overflow: "auto" },
                   p: "sm",
                   value: "gifs",
-                  children: /* @__PURE__ */ i(
-                    S,
+                  children: /* @__PURE__ */ o(
+                    _,
                     {
-                      onChange: (a) => {
-                        F?.(a), r(!1);
+                      onChange: (r) => {
+                        E?.(r), s(!1);
                       }
                     }
                   )
@@ -251,5 +258,6 @@ const de = ({
   );
 };
 export {
-  de as EmojiPicker
+  de as EmojiPicker,
+  ee as useEmojiPickerLocales
 };

package/dist/components/EntityTitle/EntityTitle.d.ts

@@ -3,17 +3,16 @@ declare global {
         isTitleFocused: boolean;
     }
 }
-export declare const EntityTitle: ({ lock, title, handleTitle, error, isReadOnly, accessEdit, nowrap, maxLength, fw, onPressEnter, }: {
+export declare const EntityTitle: import("react").MemoExoticComponent<({ title, handleTitle, placeholder, error, isReadOnly, nowrap, maxLength, fw, onPressEnter, onBlur, }: {
     title: string;
-    lock?: boolean;
     handleTitle?: (title: string) => void;
     placeholder?: string;
     error?: boolean;
     isReadOnly?: boolean;
-    accessEdit?: boolean;
     nowrap?: boolean;
     maxLength?: number;
     fw?: number;
     onPressEnter?: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
+    onBlur?: () => void;
+}) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=EntityTitle.d.ts.map

package/dist/components/EntityTitle/EntityTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTitle.d.ts","sourceRoot":"","sources":["../../../src/components/EntityTitle/EntityTitle.tsx"],"names":[],"mappings":"AAcA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,cAAc,EAAE,OAAO,CAAC;KACzB;CACF;AAED,eAAO,MAAM,WAAW,GAAI,mGAWzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,4CA8FA,CAAC"}
+{"version":3,"file":"EntityTitle.d.ts","sourceRoot":"","sources":["../../../src/components/EntityTitle/EntityTitle.tsx"],"names":[],"mappings":"AAcA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,cAAc,EAAE,OAAO,CAAC;KACzB;CACF;AAED,eAAO,MAAM,WAAW,6IAYnB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,6CA+FF,CAAC"}

package/dist/components/EntityTitle/EntityTitle.js

@@ -1,86 +1,87 @@
-import { jsx as r, Fragment as v } from "react/jsx-runtime";
-import { useRef as x, useLayoutEffect as F } from "react";
-import { useTranslation as T } from "react-i18next";
-import { useLocation as D } from "react-router-dom";
-import { Textarea as E } from "@mantine/core";
+import { jsx as r, Fragment as g } from "react/jsx-runtime";
+import { memo as v, useRef as x, useLayoutEffect as F } from "react";
+import { useLocation as T } from "react-router-dom";
+import { Textarea as D } from "@mantine/core";
 import s from "./EntityTitle.module.css.js";
-const q = ({
-  lock: c,
-  title: t,
-  handleTitle: u,
-  error: i,
-  isReadOnly: f = !1,
-  accessEdit: m = !0,
-  nowrap: d = !1,
-  maxLength: h = 255,
-  fw: p,
-  onPressEnter: w
-}) => {
-  const { t: y } = T("projects"), g = D(), { isNewPage: a } = g.state || {}, o = x(null), l = !m || c || f;
-  return F(() => {
-    if ((a || t === "") && o.current) {
-      const e = o.current;
-      requestAnimationFrame(() => {
-        a && (e.focus(), e.setSelectionRange(
-          e.value.length,
-          e.value.length
-        ));
-      });
-    }
-  }, [a, o.current, l]), /* @__PURE__ */ r(v, { children: l ? /* @__PURE__ */ r(
-    "h1",
-    {
-      style: {
-        overflowWrap: "anywhere"
-      },
-      "data-empty": String(!t),
-      className: s.EntityTitle,
-      children: t
-    }
-  ) : /* @__PURE__ */ r(
-    E,
-    {
-      "data-mantine-stop-propagation": "true",
-      ref: o,
-      onKeyDown: (e) => {
-        e.key === "Enter" && (w?.(), e.preventDefault());
-      },
-      onBlur: (e) => {
-        window.isTitleFocused = !1;
-        const n = e.currentTarget.value.trim();
-        n !== t && u?.(n);
-      },
-      onChange: (e) => {
-        const n = e.currentTarget.value;
-        u?.(n);
-      },
-      onFocus: () => {
-        window.isTitleFocused = !0;
-      },
-      value: t,
-      placeholder: y("common.taskName"),
-      maxLength: h,
-      unstyled: !0,
-      autosize: !0,
-      "data-autofocus": !0,
-      "data-error": !!i,
-      classNames: {
-        input: s.textareaInput,
-        root: s.textareaRoot
-      },
-      styles: {
-        input: {
-          fontWeight: p || 400,
-          ...d && {
-            whiteSpace: "nowrap",
-            overflowX: "auto",
-            overflowY: "hidden"
+const j = v(
+  ({
+    title: t,
+    handleTitle: u,
+    placeholder: c,
+    error: i,
+    isReadOnly: f = !1,
+    nowrap: d = !1,
+    maxLength: m = 255,
+    fw: h,
+    onPressEnter: p,
+    onBlur: w
+  }) => {
+    const y = T(), { isNewPage: a } = y.state || {}, n = x(null), l = f;
+    return F(() => {
+      if ((a || t === "") && n.current) {
+        const e = n.current;
+        requestAnimationFrame(() => {
+          a && (e.focus(), e.setSelectionRange(
+            e.value.length,
+            e.value.length
+          ));
+        });
+      }
+    }, [a, n.current, l]), /* @__PURE__ */ r(g, { children: l ? /* @__PURE__ */ r(
+      "h1",
+      {
+        style: {
+          overflowWrap: "anywhere"
+        },
+        "data-empty": String(!t),
+        className: s.EntityTitle,
+        children: t
+      }
+    ) : /* @__PURE__ */ r(
+      D,
+      {
+        "data-mantine-stop-propagation": "true",
+        ref: n,
+        onKeyDown: (e) => {
+          e.key === "Enter" && (p?.(), e.preventDefault());
+        },
+        onBlur: (e) => {
+          window.isTitleFocused = !1;
+          const o = e.currentTarget.value.trim();
+          w?.(), o !== t && u?.(o);
+        },
+        onChange: (e) => {
+          const o = e.currentTarget.value;
+          u?.(o);
+        },
+        onFocus: () => {
+          window.isTitleFocused = !0;
+        },
+        value: t,
+        placeholder: c,
+        maxLength: m,
+        unstyled: !0,
+        autosize: !0,
+        "data-autofocus": !0,
+        "data-error": !!i,
+        classNames: {
+          input: s.textareaInput,
+          root: s.textareaRoot
+        },
+        styles: {
+          input: {
+            fontWeight: h || 400,
+            ...d && {
+              whiteSpace: "nowrap",
+              overflowX: "auto",
+              overflowY: "hidden"
+            }
           }
         }
       }
-    }
-  ) });
-};
+    ) });
+  }
+);
 export {
-  q as EntityTitle
+  j as EntityTitle
 };

package/dist/components/FormViewer/helpers/conditions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conditions.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/conditions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpE,eAAO,MAAM,WAAW,GACtB,MAAM,QAAQ,EACd,OAAO,QAAQ,EAAE,EACjB,MAAM,iBAAiB,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQzC,CAAC;AA6CF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,CAmBjE,CAAC"}
+{"version":3,"file":"conditions.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/conditions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpE,eAAO,MAAM,WAAW,GACtB,MAAM,QAAQ,EACd,OAAO,QAAQ,EAAE,EACjB,MAAM,iBAAiB,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQzC,CAAC;AA2FF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,CAmBjE,CAAC"}

package/dist/components/FormViewer/helpers/conditions.js

@@ -1,23 +1,39 @@
-import { isNil as s } from "lodash-es";
-const p = (n, o, l) => {
-  const e = d(n, l.getValues()), i = o.find((t) => t.id === e), r = o.findIndex((t) => t.id === n.id);
-  return i ?? o[r + 1];
-}, d = (n, o) => {
-  if (n.conditions?.length) {
-    const l = n.conditions.find((e) => {
-      const i = o[e.controlId];
-      if (e.operator === "empty" && s(i) || e.operator === "filledIn" && (i || i === 0))
+import { isNil as a } from "lodash-es";
+const c = (o, l, i) => {
+  const e = f(o, i.getValues()), r = l.find((t) => t.id === e), d = l.findIndex((t) => t.id === o.id);
+  return r ?? l[d + 1];
+}, m = (o, l, i) => {
+  const e = o.controls.find((t) => t.id === l), r = e && "options" in e ? e.options : void 0;
+  return (Array.isArray(i) ? i : a(i) ? [] : [i]).flatMap((t) => {
+    const n = String(t), s = r?.find((p) => p.id === n)?.label;
+    return a(s) ? [n] : [n, s];
+  });
+}, f = (o, l) => {
+  if (o.conditions?.length) {
+    const i = o.conditions.find((e) => {
+      const r = l[e.controlId];
+      if (e.operator === "empty" && a(r) || e.operator === "filledIn" && (r || r === 0))
         return !0;
-      if (s(i) || s(e.compareValue))
+      if (e.operator === "selected" || e.operator === "notSelected") {
+        const n = (e.compareValue ?? "").toLowerCase(), s = m(o, e.controlId, r).some(
+          (p) => p.toLowerCase() === n
+        );
+        return e.operator === "selected" ? s : !s;
+      }
+      if (a(r) || a(e.compareValue))
         return !1;
-      const r = i.toString().toLowerCase(), t = e.compareValue.toLowerCase();
-      if (e.operator === "is" && r === t || e.operator === "isNot" && r !== t || e.operator === "startsWidth" && r.startsWith(t) || e.operator === "endsWidth" && r.endsWith(t))
+      if (e.operator === "biggerWhen" || e.operator === "smallerWhen") {
+        const n = Number(r), s = Number(e.compareValue);
+        return Number.isNaN(n) || Number.isNaN(s) ? !1 : e.operator === "biggerWhen" ? n > s : n < s;
+      }
+      const d = r.toString().toLowerCase(), t = e.compareValue.toLowerCase();
+      if (e.operator === "is" && d === t || e.operator === "isNot" && d !== t || e.operator === "startsWidth" && d.startsWith(t) || e.operator === "endsWidth" && d.endsWith(t))
         return !0;
     });
-    if (l) return l.trigger;
+    if (i) return i.trigger;
   }
-  return n.trigger;
-}, f = {
+  return o.trigger;
+}, h = {
   choice: ["filledIn", "empty", "selected", "notSelected"],
   pictureChoice: ["filledIn", "empty", "selected", "notSelected"],
   dropdown: ["filledIn", "empty", "selected", "notSelected"],
@@ -38,6 +54,6 @@ const p = (n, o, l) => {
   rating: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"]
 };
 export {
-  p as getNextStep,
-  f as operatorsRelation
+  c as getNextStep,
+  h as operatorsRelation
 };

package/dist/components/IntegrationFlowAnimation/IntegrationFlowAnimation.d.ts

@@ -12,10 +12,12 @@ export interface IntegrationFlowAnimationProps {
     colors?: string[];
     /** Background image URL */
     backgroundImage?: string;
+    /** Start particles already distributed across the path instead of waiting for initial delays */
+    startDistributed?: boolean;
 }
 /**
  * A reusable animation component showing data flow between two integration icons.
  * Displays animated particles flowing from left icon to right icon.
  */
-export declare const IntegrationFlowAnimation: ({ leftIcon, rightIcon, height, particleCount, colors, backgroundImage, }: IntegrationFlowAnimationProps) => ReactNode;
+export declare const IntegrationFlowAnimation: ({ leftIcon, rightIcon, height, particleCount, colors, backgroundImage, startDistributed, }: IntegrationFlowAnimationProps) => ReactNode;
 //# sourceMappingURL=IntegrationFlowAnimation.d.ts.map

package/dist/components/IntegrationFlowAnimation/IntegrationFlowAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationFlowAnimation.d.ts","sourceRoot":"","sources":["../../../src/components/IntegrationFlowAnimation/IntegrationFlowAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AA8C1D,MAAM,WAAW,6BAA6B;IAC5C,qDAAqD;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,SAAS,EAAE,SAAS,CAAC;IACrB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GAAI,0EAOtC,6BAA6B,KAAG,SA2ElC,CAAC"}
+{"version":3,"file":"IntegrationFlowAnimation.d.ts","sourceRoot":"","sources":["../../../src/components/IntegrationFlowAnimation/IntegrationFlowAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AA8C1D,MAAM,WAAW,6BAA6B;IAC5C,qDAAqD;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,SAAS,EAAE,SAAS,CAAC;IACrB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gGAAgG;IAChG,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GAAI,4FAQtC,6BAA6B,KAAG,SA6ElC,CAAC"}