@layers-app/shared 0.2.4 → 0.2.5

package/dist/components/EntityIcon.js

@@ -1,76 +1,74 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Folder01Icon as i } from "@hugeicons/core-free-icons";
+import { jsx as n } from "react/jsx-runtime";
+import { Folder01Icon as t, Folder02Icon as f } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as l } from "@hugeicons/react";
-import { Text as c, Box as d, Avatar as p } from "@mantine/core";
-import u from "../assets/enitityIcons/flow.svg.js";
-import h from "../assets/enitityIcons/form.svg.js";
-import y from "../assets/enitityIcons/page.svg.js";
-import g from "../assets/enitityIcons/sprint.svg.js";
-import { ProjectIcon as e, IconEntity as a, renderIcon as I } from "./ProjectIcon/ProjectIcon.js";
-const S = ({
-  item: o
-}) => {
-  const n = o?.size || 16;
+import { Text as c, Box as s, Avatar as d } from "@mantine/core";
+import p from "../assets/enitityIcons/flow.svg.js";
+import u from "../assets/enitityIcons/form.svg.js";
+import h from "../assets/enitityIcons/page.svg.js";
+import y from "../assets/enitityIcons/sprint.svg.js";
+import { ProjectIcon as i, IconEntity as a, renderIcon as g } from "./ProjectIcon/ProjectIcon.js";
+const I = (o) => o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r) => r === o?.parentId) === 1, k = ({ item: o }) => {
+  const r = o?.size || 16;
   if (!o) return null;
   if (o.type === "FOLDER")
-    return /* @__PURE__ */ r(l, { icon: i, size: n });
+    return /* @__PURE__ */ n(l, { icon: t, size: r });
   if (o.type === "PAGE")
-    return /* @__PURE__ */ r(
-      e,
+    return /* @__PURE__ */ n(
+      i,
       {
-        fallbackColor: "var(--default-page-icon-color)",
+        fallbackColor: o.icon ? void 0 : "var(--default-page-icon-color)",
         name: o.title,
         icon: o.icon,
-        fallback: /* @__PURE__ */ r(y, { width: n, height: n })
+        fallback: /* @__PURE__ */ n(h, { width: r, height: r })
       }
     );
   if (o.type === "FORM")
-    return /* @__PURE__ */ r(
-      e,
+    return /* @__PURE__ */ n(
+      i,
       {
         fallbackColor: "var(--default-form-icon-color)",
         icon: o.icon,
-        fallback: /* @__PURE__ */ r(h, { width: n, height: n })
+        fallback: /* @__PURE__ */ n(u, { width: r, height: r })
       }
     );
   if (o.type === "FLOW")
-    return /* @__PURE__ */ r(
-      e,
+    return /* @__PURE__ */ n(
+      i,
       {
         icon: o.icon,
         fallbackColor: "var(--default-flow-icon-color)",
-        fallback: /* @__PURE__ */ r(u, { width: n, height: n })
+        fallback: /* @__PURE__ */ n(p, { width: r, height: r })
       }
     );
   if (o.type === "SPRINT") {
-    const t = a.parse(o.icon);
-    return /* @__PURE__ */ r(
+    const e = a.parse(o.icon);
+    return /* @__PURE__ */ n(
       c,
       {
-        fz: n,
-        c: t?.color || "yellow.6",
+        fz: r,
+        c: e?.color || "yellow.6",
         style: {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
           lineHeight: "normal",
-          width: n + 4
+          width: r + 4
         },
-        children: /* @__PURE__ */ r(g, {})
+        children: /* @__PURE__ */ n(y, {})
       }
     );
   }
   if (o.type === "PROJECT") {
-    const t = a.parse(o.icon), f = o.type === "PROJECT" && o?.pathById?.findIndex((s) => s === o?.parentId) === 1;
-    return o.isFolder || f ? /* @__PURE__ */ r(
+    const e = a.parse(o.icon);
+    return I(o) ? /* @__PURE__ */ n(
       l,
       {
-        color: t?.color || void 0,
-        icon: i,
-        size: n
+        color: e?.color || void 0,
+        icon: o.isOpen ? f : t,
+        size: r
       }
-    ) : t?.emoji ? /* @__PURE__ */ r(
-      d,
+    ) : e?.emoji ? /* @__PURE__ */ n(
+      s,
       {
         bg: "gray.1",
         style: {
@@ -78,20 +76,20 @@ const S = ({
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          width: n,
-          height: n
+          width: r,
+          height: r
         },
-        children: /* @__PURE__ */ r(e, { p: 0, icon: o.icon, size: 14, textSize: 12 })
+        children: /* @__PURE__ */ n(i, { p: 0, icon: o.icon, size: 14, textSize: 12 })
       }
-    ) : /* @__PURE__ */ r(
-      p,
+    ) : /* @__PURE__ */ n(
+      d,
       {
         variant: "filled",
         radius: 4,
-        name: o.title || "",
+        name: o.id || "",
         size: 16,
-        color: t?.color || "initials",
-        children: /* @__PURE__ */ r(
+        color: e?.color || "initials",
+        children: /* @__PURE__ */ n(
           c,
           {
             fz: 12,
@@ -104,7 +102,7 @@ const S = ({
               justifyContent: "center",
               lineHeight: "normal"
             },
-            children: I(t, void 0, !0, o.title)
+            children: g(e, void 0, !0, o.title)
           }
         )
       }
@@ -113,5 +111,5 @@ const S = ({
   return null;
 };
 export {
-  S as EntityIcon
+  k as EntityIcon
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAK7D,OAAO,EAIL,SAAS,EACT,gBAAgB,EAEhB,YAAY,EAIb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQhE,OAAO,EAAE,QAAQ,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAIjE,QAAA,MAAM,YAAY,6DAMR,CAAC;AAEX,KAAK,OAAO,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,GAAI,yOAoBxB,iBAAiB,CAAC,eAAe,CAAC,4CA4MpC,CAAC"}
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAK7D,OAAO,EAIL,SAAS,EACT,gBAAgB,EAEhB,YAAY,EAIb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQhE,OAAO,EAAE,QAAQ,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAIjE,QAAA,MAAM,YAAY,6DAMR,CAAC;AAEX,KAAK,OAAO,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,GAAI,yOAoBxB,iBAAiB,CAAC,eAAe,CAAC,4CAqNpC,CAAC"}

package/dist/components/FilePicker/FilePicker.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { useState as x, useMemo as y } from "react";
 import { useTranslation as q } from "react-i18next";
 import { ImageAdd02Icon as C } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as F } from "@hugeicons/react";
-import { Flex as r, ActionIcon as E, Button as P, Text as J, Popover as g, Tabs as f, Stack as K } from "@mantine/core";
+import { Flex as n, ActionIcon as E, Button as P, Text as J, Popover as u, Tabs as g, Stack as K } from "@mantine/core";
 import { useMenu as Q } from "../../hooks/useMenu.js";
 import { FilePickerGallery as W } from "./FilePickerGallery.js";
 import { FilePickerGiphy as X } from "./FilePickerGiphy.js";
@@ -20,70 +20,69 @@ const $ = [
 ], me = ({
   onChange: L,
   onRemove: j,
-  onUpload: m,
+  onUpload: p,
   uploading: G = !1,
-  showTabs: a = $,
+  showTabs: r = $,
   children: M,
   width: S = 610,
   position: A = "bottom-end",
   readOnly: B = !1,
   hasImage: I,
-  giphyToken: o,
-  unsplashClientId: c,
-  type: v = "image",
-  galleryCollection: d = [],
+  giphyToken: t,
+  unsplashClientId: o,
+  type: f = "image",
+  galleryCollection: c = [],
   isValidMediaUrl: N,
   popoverProps: U,
   dropZoneProps: V,
   targetProps: w,
   onOpenedChange: D
 }) => {
-  const { t: l } = q("ui"), [b, u] = x(!1), { isMobile: n } = Q(), h = y(
+  const { t: l } = q("ui"), [v, m] = x(!1), { isMobile: b } = Q(), d = y(
     () => [
       {
         value: "gallery",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.gallery") }) }),
-        visible: a.includes("gallery") && !!d.length
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: l("changeCover.gallery") }) }),
+        visible: r.includes("gallery") && !!c.length
       },
       {
         value: "upload",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.upload") }) }),
-        visible: a.includes("upload") && !!m
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: l("changeCover.upload") }) }),
+        visible: r.includes("upload") && !!p
       },
       {
         value: "link",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.link") }) }),
-        visible: a.includes("link")
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: l("changeCover.link") }) }),
+        visible: r.includes("link")
       },
       {
         value: "unsplash",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: l("changeCover.searchImages") }) }),
-        visible: a.includes("unsplash") && c
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: l("changeCover.searchImages") }) }),
+        visible: r.includes("unsplash") && o
       },
       {
         value: "giphy",
-        label: /* @__PURE__ */ e(r, { children: !n && /* @__PURE__ */ e("span", { children: "GIFs" }) }),
-        visible: a.includes("giphy") && o
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: "GIFs" }) }),
+        visible: r.includes("giphy") && t
       }
     ].filter((i) => i.visible),
     [
-      n,
-      a,
-      c,
+      r,
       o,
+      t,
       l,
-      d.length,
-      m
+      c.length,
+      p
     ]
-  ), [s, H] = x(() => {
-    if (h[0]) return h[0].value;
-    const i = h.find((T) => T.visible);
+  ), [a, H] = x(() => {
+    if (d[0]) return d[0].value;
+    const i = d.find((T) => T.visible);
     return i ? i.value : "";
   }), O = (i) => {
-    m?.(i, u);
-  }, p = (i) => {
-    L?.(i), u(!1);
-  }, R = y(() => n ? /* @__PURE__ */ t(E, { size: "lg", children: [
+    p?.(i, m);
+  }, h = (i) => {
+    L?.(i), m(!1);
+  }, R = y(() => b ? /* @__PURE__ */ s(E, { size: "lg", children: [
     /* @__PURE__ */ e(F, { icon: C, size: 22 }),
     " "
   ] }) : /* @__PURE__ */ e(
@@ -94,28 +93,28 @@ const $ = [
       leftSection: /* @__PURE__ */ e(F, { icon: C, size: 16 }),
       children: /* @__PURE__ */ e(J, { fw: 600, size: "sm", children: l("changeCover.change") })
     }
-  ), [l, n]), k = (i) => {
-    u(i), D?.(i);
+  ), [l, b]), k = (i) => {
+    m(i), D?.(i);
   };
-  return /* @__PURE__ */ t(
-    g,
+  return /* @__PURE__ */ s(
+    u,
     {
       width: S,
       radius: "var(--mantine-spacing-sm)",
       position: A,
       shadow: "md",
-      opened: b,
+      opened: v,
       onChange: k,
       withinPortal: !0,
       ...U || {},
       children: [
-        /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e(r, { onClick: () => k(!b), ...w, children: M ?? R }) }),
-        /* @__PURE__ */ t(g.Dropdown, { p: 0, children: [
-          /* @__PURE__ */ e(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
-            f,
+        /* @__PURE__ */ e(u.Target, { children: /* @__PURE__ */ e(n, { onClick: () => k(!v), ...w, children: M ?? R }) }),
+        /* @__PURE__ */ s(u.Dropdown, { p: 0, children: [
+          /* @__PURE__ */ e(n, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
+            g,
             {
               defaultValue: "gallery",
-              value: s,
+              value: a,
               styles: {
                 list: {
                   alignItems: "center",
@@ -123,8 +122,8 @@ const $ = [
                 }
               },
               w: "100%",
-              children: /* @__PURE__ */ t(
-                f.List,
+              children: /* @__PURE__ */ s(
+                g.List,
                 {
                   style: {
                     gap: "4px"
@@ -132,8 +131,8 @@ const $ = [
                   px: 8,
                   h: 54,
                   children: [
-                    h.map((i) => /* @__PURE__ */ e(
-                      f.Tab,
+                    d.map((i) => /* @__PURE__ */ e(
+                      g.Tab,
                       {
                         className: z.originalTab,
                         disabled: B,
@@ -141,7 +140,7 @@ const $ = [
                         p: 0,
                         value: i.value,
                         onClick: () => H(i.value),
-                        children: /* @__PURE__ */ e(r, { className: z.customTab, px: "sm", h: 36, children: i.label })
+                        children: /* @__PURE__ */ e(n, { className: z.customTab, px: "sm", h: 36, children: i.label })
                       },
                       i.value
                     )),
@@ -165,39 +164,39 @@ const $ = [
               )
             }
           ) }),
-          /* @__PURE__ */ t(K, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
-            s === "gallery" && !!d.length && /* @__PURE__ */ e(
+          /* @__PURE__ */ s(K, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+            a === "gallery" && !!c.length && /* @__PURE__ */ e(
               W,
               {
-                galleryCollection: d,
-                onChange: p
+                galleryCollection: c,
+                onChange: h
               }
             ),
-            s === "upload" && /* @__PURE__ */ e(
+            a === "upload" && /* @__PURE__ */ e(
               _,
               {
-                type: v || "image",
+                type: f || "image",
                 uploading: G,
                 dropZoneProps: V,
                 onUpload: O
               }
             ),
-            s === "link" && /* @__PURE__ */ e(
+            a === "link" && /* @__PURE__ */ e(
               Y,
               {
-                type: v || "image",
-                onChange: p,
+                type: f || "image",
+                onChange: h,
                 isValidMediaUrl: N
               }
             ),
-            s === "unsplash" && c && /* @__PURE__ */ e(
+            a === "unsplash" && o && /* @__PURE__ */ e(
               Z,
               {
-                clientId: c,
-                onChange: p
+                clientId: o,
+                onChange: h
               }
             ),
-            s === "giphy" && o && /* @__PURE__ */ e(X, { token: o, onChange: p })
+            a === "giphy" && t && /* @__PURE__ */ e(X, { token: t, onChange: h })
           ] })
         ] })
       ]

package/dist/components/FilePicker/types.d.ts

@@ -29,5 +29,5 @@ export type FilePickerLocales = {
         invalidLink?: string;
     };
 };
-export type FileType = 'file' | 'image' | 'audio' | 'video';
+export type FileType = 'file' | 'image' | 'audio' | 'video' | 'avatar';
 //# sourceMappingURL=types.d.ts.map

package/dist/components/FilePicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,EAAE;QACN,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,6BAA6B,CAAC,EAAE,MAAM,CAAC;QACvC,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,EAAE;QACN,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,6BAA6B,CAAC,EAAE,MAAM,CAAC;QACvC,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC"}

package/dist/components/FormViewer/FormViewer.module.css.js

@@ -1,18 +1,18 @@
-const t = "_themeProvider_13pry_1", o = "_root_13pry_7", e = "_container_13pry_36", n = "_media_13pry_42", _ = "_background_13pry_46", r = "_stepRoot_13pry_59", s = "_content_13pry_104", c = "_mediaInner_13pry_169", p = "_stepTitle_13pry_332", i = "_stepDescription_13pry_355", a = "_stepIndicator_13pry_369", d = "_stepIndicatorIcon_13pry_386", l = "_focusBox_13pry_405", y = "_dropzone_13pry_414", u = "_allSlidesLayout_13pry_432", I = "_allSlidesLayoutStep_13pry_438", m = {
+const t = "_themeProvider_1lm79_1", o = "_root_1lm79_7", e = "_container_1lm79_36", n = "_media_1lm79_42", _ = "_background_1lm79_46", s = "_stepRoot_1lm79_59", c = "_content_1lm79_104", l = "_mediaInner_1lm79_169", i = "_stepTitle_1lm79_332", a = "_stepDescription_1lm79_355", r = "_stepIndicator_1lm79_369", d = "_stepIndicatorIcon_1lm79_386", m = "_focusBox_1lm79_405", p = "_dropzone_1lm79_414", u = "_allSlidesLayout_1lm79_432", I = "_allSlidesLayoutStep_1lm79_438", S = {
   themeProvider: t,
   root: o,
   container: e,
   media: n,
   background: _,
-  stepRoot: r,
-  content: s,
-  mediaInner: c,
-  stepTitle: p,
-  stepDescription: i,
-  stepIndicator: a,
+  stepRoot: s,
+  content: c,
+  mediaInner: l,
+  stepTitle: i,
+  stepDescription: a,
+  stepIndicator: r,
   stepIndicatorIcon: d,
-  focusBox: l,
-  dropzone: y,
+  focusBox: m,
+  dropzone: p,
   allSlidesLayout: u,
   allSlidesLayoutStep: I
 };
@@ -21,17 +21,17 @@ export {
   I as allSlidesLayoutStep,
   _ as background,
   e as container,
-  s as content,
-  m as default,
-  y as dropzone,
-  l as focusBox,
+  c as content,
+  S as default,
+  p as dropzone,
+  m as focusBox,
   n as media,
-  c as mediaInner,
+  l as mediaInner,
   o as root,
-  i as stepDescription,
-  a as stepIndicator,
+  a as stepDescription,
+  r as stepIndicator,
   d as stepIndicatorIcon,
-  r as stepRoot,
-  p as stepTitle,
+  s as stepRoot,
+  i as stepTitle,
   t as themeProvider
 };

package/dist/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.d.ts

@@ -1,4 +1,4 @@
-import { PictureChoiceControlItem, ThemeData } from '../../../types/form';
+import { PictureChoiceControl, PictureChoiceControlItem, ThemeData } from '../../../types/form';
 export type PictureChoiceCardProps = {
     label: string;
     showInput?: boolean;
@@ -8,6 +8,8 @@ export type PictureChoiceCardProps = {
     controlId: string;
     id: string;
     theme?: ThemeData;
+    stepId: string;
+    options: PictureChoiceControl['options'];
 };
-export declare const PictureChoiceCard: import("react").MemoExoticComponent<({ label, showInput, onUpdate, onRemove, image, controlId, id, theme, }: PictureChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const PictureChoiceCard: import("react").MemoExoticComponent<({ label, showInput, onUpdate, onRemove, image, controlId, id, theme, stepId, options, }: PictureChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=PictureChoiceCard.d.ts.map

package/dist/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PictureChoiceCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAG1E,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+GAUzB,sBAAsB,6CAuB1B,CAAC"}
+{"version":3,"file":"PictureChoiceCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,SAAS,EACV,MAAM,qBAAqB,CAAC;AAG7B,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,gIAYzB,sBAAsB,6CAkD1B,CAAC"}

package/dist/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.js

@@ -1,37 +1,62 @@
-import { jsx as u } from "react/jsx-runtime";
-import { memo as p } from "react";
-import { useSteps as f } from "../../../hooks/useCreateFormContext.js";
-import { PictureSelectableCard as C } from "../SelectableCard/PictureSelectableCard.js";
-const P = p(
+import { jsx as v } from "react/jsx-runtime";
+import { memo as F, useCallback as U } from "react";
+import { useSteps as b } from "../../../hooks/useCreateFormContext.js";
+import { useFormViewerStore as x } from "../../../store/formStore.js";
+import { PictureSelectableCard as P } from "../SelectableCard/PictureSelectableCard.js";
+const L = F(
   ({
-    label: i,
-    showInput: r,
-    onUpdate: l,
-    onRemove: c,
-    image: a,
+    label: n,
+    showInput: c,
+    onUpdate: u,
+    onRemove: m,
+    image: p,
     controlId: e,
-    id: t,
-    theme: s
+    id: o,
+    theme: f,
+    stepId: t,
+    options: i
   }) => {
-    const { form: m, setValue: n } = f(), o = m.values[e] === t;
-    return /* @__PURE__ */ u(
-      C,
+    const { form: d, setValue: C } = b(), { useStore: h } = x(), s = h((r) => r.uploadFileFn), a = d.values[e] === o, S = () => {
+      C(e, a ? null : o);
+    }, V = U(
+      (r, k) => {
+        const l = r[0];
+        return s?.(
+          {
+            file: l,
+            id: l.name,
+            isError: !1,
+            isLoading: !0,
+            isSuccess: !1
+          },
+          {
+            stepId: t,
+            controlId: e,
+            optionId: o,
+            setOpen: k,
+            pictureChoiceOptions: i
+          }
+        );
+      },
+      [e, o, s, i, t]
+    );
+    return /* @__PURE__ */ v(
+      P,
       {
-        label: i,
-        hasInput: r,
+        label: n,
+        hasInput: c,
         inputType: "radio",
-        active: o,
-        onClick: () => {
-          n(e, o ? null : t);
-        },
-        onUpdate: l,
-        onRemove: c,
-        image: a,
-        theme: s
+        active: a,
+        onClick: S,
+        onUpdate: u,
+        onRemove: m,
+        image: p,
+        theme: f,
+        onUpload: V
       }
     );
   }
 );
 export {
-  P as PictureChoiceCard
+  L as PictureChoiceCard
 };

package/dist/components/FormViewer/components/fields/ChoiceField/PictureChoiceField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PictureChoiceField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/PictureChoiceField.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,oBAAoB,EAEpB,QAAQ,EACR,SAAS,EACV,MAAM,qBAAqB,CAAC;AAK7B,eAAO,MAAM,kBAAkB,GAAI,2BAIhC;IACD,OAAO,EAAE,oBAAoB,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAoGA,CAAC"}
+{"version":3,"file":"PictureChoiceField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/PictureChoiceField.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,oBAAoB,EAEpB,QAAQ,EACR,SAAS,EACV,MAAM,qBAAqB,CAAC;AAK7B,eAAO,MAAM,kBAAkB,GAAI,2BAIhC;IACD,OAAO,EAAE,oBAAoB,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAqGA,CAAC"}