@layers-app/shared 0.2.3 → 0.2.5

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"}

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

@@ -13,42 +13,44 @@ import { DragOptions as j } from "../DragOptions/DragOptions.js";
 import { PictureChoiceCard as k } from "./PictureChoiceCard.js";
 const Y = ({
   control: I,
-  step: d,
+  step: t,
   theme: m
 }) => {
-  const { t: C } = A("forms"), { id: r, options: i, showInput: l } = I, { api: s, useStore: g } = N(), t = g((o) => o.editing), { form: x } = B(), c = x.errors[r], O = (o) => {
-    const { active: n, over: e } = o;
-    if (n.id !== e?.id && i) {
-      const E = i.findIndex((p) => p.id === n.id), v = i.findIndex((p) => p.id === e?.id), w = L(i, E, v);
-      s.updateControl(d.id, r, {
+  const { t: C } = A("forms"), { id: r, options: o, showInput: l } = I, { api: s, useStore: g } = N(), n = g((i) => i.editing), { form: x } = B(), c = x.errors[r], O = (i) => {
+    const { active: e, over: d } = i;
+    if (e.id !== d?.id && o) {
+      const E = o.findIndex((p) => p.id === e.id), v = o.findIndex((p) => p.id === d?.id), w = L(o, E, v);
+      s.updateControl(t.id, r, {
         options: w
       });
     }
-  }, f = M(), S = h(() => i?.map((o) => ({
-    id: o.id || "",
+  }, f = M(), S = h(() => o?.map((i) => ({
+    id: i.id || "",
     element: /* @__PURE__ */ a(
       k,
       {
-        ...o,
-        label: t ? o.label : f(o.label),
+        ...i,
+        label: n ? i.label : f(i.label),
         controlId: r,
         showInput: l,
         theme: m,
-        onUpdate: t ? (n) => {
-          s.updateControl(d.id, r, {
-            options: i.map(
-              (e) => e.id === o.id ? { ...e, ...n } : e
+        onUpdate: n ? (e) => {
+          s.updateControl(t.id, r, {
+            options: o.map(
+              (d) => d.id === i.id ? { ...d, ...e } : d
             )
           });
         } : void 0,
-        onRemove: t ? () => {
-          s.updateControl(d.id, r, {
-            options: i.filter((n) => n.id !== o.id)
+        onRemove: n ? () => {
+          s.updateControl(t.id, r, {
+            options: o.filter((e) => e.id !== i.id)
           });
-        } : void 0
+        } : void 0,
+        stepId: t.id,
+        options: o
       }
     )
-  })), [s, t, r, f, i, l, d.id, m]);
+  })), [s, n, r, f, o, l, t.id, m]);
   return /* @__PURE__ */ b(
     R,
     {
@@ -60,20 +62,20 @@ const Y = ({
         /* @__PURE__ */ a(
           j,
           {
-            editable: t,
+            editable: n,
             options: S,
             onDragEnd: O,
             isGrid: !0,
             align: m?.align
           }
         ),
-        t && /* @__PURE__ */ a(T, { mx: -8, children: /* @__PURE__ */ a(
+        n && /* @__PURE__ */ a(T, { mx: -8, children: /* @__PURE__ */ a(
           P,
           {
             onClick: () => {
-              s.updateControl(d.id, r, {
+              s.updateControl(t.id, r, {
                 options: [
-                  ...i || [],
+                  ...o || [],
                   {
                     id: _(),
                     label: C("newOption")

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

@@ -1,4 +1,4 @@
-const s = "_dragOptions_1a1vw_1", t = {
+const s = "_dragOptions_gdwk6_1", t = {
   dragOptions: s
 };
 export {

package/dist/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
+import { FileWithPath } from '@mantine/dropzone';
 import { PictureChoiceControlItem, ThemeData } from '../../../types/form';
 type PictureSelectableCardProps = {
     label: string;
@@ -11,12 +12,14 @@ type PictureSelectableCardProps = {
     onRemove?: () => void;
     onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
     theme?: ThemeData;
+    onUpload?: (files: FileWithPath[], setOpened: (state: boolean) => void) => void;
 };
-export declare const PictureSelectableCard: import("react").MemoExoticComponent<({ label, active, disabled, hasInput, image, onClick, inputType, onUpdate, onRemove, theme, }: PictureSelectableCardProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const UploadOptionImageButton: ({ children, onUpdate, onRemove, hasImage, }: PropsWithChildren<{
+export declare const PictureSelectableCard: import("react").MemoExoticComponent<({ label, active, disabled, hasInput, image, onClick, inputType, onUpdate, onRemove, theme, onUpload, }: PictureSelectableCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const UploadOptionImageButton: ({ children, onUpdate, onRemove, hasImage, onUpload, }: PropsWithChildren<{
     onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
     onRemove?: () => void;
     hasImage?: boolean;
+    onUpload?: (files: FileWithPath[], setOpened: (state: boolean) => void) => void;
 }>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PictureSelectableCard.d.ts.map

package/dist/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PictureSelectableCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAiBzD,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQ1E,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,qIAY7B,0BAA0B,6CAqI9B,CAAC;AAeF,eAAO,MAAM,uBAAuB,GAAI,6CAKrC,iBAAiB,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,4CAgBD,CAAC"}
+{"version":3,"file":"PictureSelectableCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAYzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQ1E,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,qBAAqB,+IAa7B,0BAA0B,6CAsI9B,CAAC;AAeF,eAAO,MAAM,uBAAuB,GAAI,uDAMrC,iBAAiB,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;CACX,CAAC,4CAsBD,CAAC"}

package/dist/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.js

@@ -1,154 +1,163 @@
-import { jsx as o, jsxs as E } from "react/jsx-runtime";
-import { memo as y, useMemo as N } from "react";
-import { useMantineTheme as _, parseThemeColor as L, Radio as x, alpha as I, Checkbox as z, Flex as D, ActionIcon as P } from "@mantine/core";
-import { IconTrash as A, IconPhoto as B } from "@tabler/icons-react";
-import { combineClasses as p, STATIC_CLASSES as a } from "../../../helpers/staticClasses.js";
-import { useFormViewerStore as H } from "../../../store/formStore.js";
-import { EditableContent as M } from "../EditableContent/EditableContent.js";
-import m from "./SelectableCard.module.css.js";
-import { FilePicker as X } from "../../../../FilePicker/FilePicker.js";
-const w = "a2SNktIFgNCvXITBZgpup1T8mtSdJIM6TIZlndbRuRg", F = "TBp2lqNzl0orFQtaXgwymH4UDM0kbAVe", $ = y(
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import { memo as L, useMemo as N } from "react";
+import { useMantineTheme as _, parseThemeColor as x, Radio as z, alpha as p, Checkbox as A, Flex as D, ActionIcon as P } from "@mantine/core";
+import { IconTrash as B, IconPhoto as H } from "@tabler/icons-react";
+import { useAsyncStatus as M } from "../../../../../hooks/useAsyncStatus.js";
+import { combineClasses as g, STATIC_CLASSES as s } from "../../../helpers/staticClasses.js";
+import { useFormViewerStore as X } from "../../../store/formStore.js";
+import { EditableContent as w } from "../EditableContent/EditableContent.js";
+import u from "./SelectableCard.module.css.js";
+import { FilePicker as F } from "../../../../FilePicker/FilePicker.js";
+const K = "a2SNktIFgNCvXITBZgpup1T8mtSdJIM6TIZlndbRuRg", R = "TBp2lqNzl0orFQtaXgwymH4UDM0kbAVe", oo = L(
   ({
-    label: s,
+    label: i,
     active: r,
-    disabled: i,
+    disabled: n,
     hasInput: C,
-    image: c,
-    onClick: g,
-    inputType: d,
-    onUpdate: n,
-    onRemove: u,
-    theme: e
+    image: t,
+    onClick: E,
+    inputType: c,
+    onUpdate: e,
+    onRemove: m,
+    theme: l,
+    onUpload: O
   }) => {
-    const { useStore: O } = H(), S = O((t) => t.editing), b = _(), l = L({
-      color: e?.primaryColor || "",
+    const { useStore: S } = X(), y = S((d) => d.editing), b = _(), a = x({
+      color: l?.primaryColor || "",
       theme: b
-    }), f = N(() => d === "radio" ? /* @__PURE__ */ o(
-      x,
+    }), f = N(() => c === "radio" ? /* @__PURE__ */ o(
+      z,
       {
         style: {
-          "--color": l.value,
-          "--color-shadow": I(l.value, 0.5)
+          "--color": a.value,
+          "--color-shadow": p(a.value, 0.5)
         },
         classNames: {
-          radio: p(
-            m.radio,
-            a.RADIO,
-            r ? a.RADIO_SELECTED : ""
+          radio: g(
+            u.radio,
+            s.RADIO,
+            r ? s.RADIO_SELECTED : ""
           )
         },
-        disabled: i,
-        size: e?.size,
-        color: e?.primaryColor,
+        disabled: n,
+        size: l?.size,
+        color: l?.primaryColor,
         checked: r,
         readOnly: !0,
         radius: "xl"
       }
     ) : /* @__PURE__ */ o(
-      z,
+      A,
       {
         styles: {
           input: {
-            "--color": l.value,
-            "--color-shadow": I(l.value, 0.5)
+            "--color": a.value,
+            "--color-shadow": p(a.value, 0.5)
           }
         },
         classNames: {
-          input: p(
-            m.checkbox,
-            a.CHECKBOX,
-            r ? a.CHECKBOX_SELECTED : ""
+          input: g(
+            u.checkbox,
+            s.CHECKBOX,
+            r ? s.CHECKBOX_SELECTED : ""
           )
         },
-        disabled: i,
-        size: e?.size,
-        color: e?.primaryColor,
+        disabled: n,
+        size: l?.size,
+        color: l?.primaryColor,
         checked: r,
         readOnly: !0
       }
     ), [
       r,
-      l.value,
-      i,
-      d,
-      e?.primaryColor,
-      e?.size
+      a.value,
+      n,
+      c,
+      l?.primaryColor,
+      l?.size
     ]), k = {
-      "--text-color": l.value,
-      "--border-color": l.value,
-      "--bg-color": I(l.value, 0.05)
-    }, h = n || u, v = p(
-      m.card,
-      d === "radio" ? a.MULTIPLE_CHOICE_OPTION : a.CHECKBOX,
-      r ? d === "radio" ? a.MULTIPLE_CHOICE_OPTION_SELECTED : a.CHECKBOX_SELECTED : ""
+      "--text-color": a.value,
+      "--border-color": a.value,
+      "--bg-color": p(a.value, 0.05)
+    }, h = e || m, v = g(
+      u.card,
+      c === "radio" ? s.MULTIPLE_CHOICE_OPTION : s.CHECKBOX,
+      r ? c === "radio" ? s.MULTIPLE_CHOICE_OPTION_SELECTED : s.CHECKBOX_SELECTED : ""
     );
-    return /* @__PURE__ */ E(
+    return /* @__PURE__ */ I(
       "div",
       {
         style: k,
         className: v,
         "data-active": r,
-        "data-disabled": i,
-        onClick: h ? void 0 : g,
-        "data-radius": e?.borderRadius,
+        "data-disabled": n,
+        onClick: h ? void 0 : E,
+        "data-radius": l?.borderRadius,
         children: [
-          S ? /* @__PURE__ */ o(
-            K,
+          y ? /* @__PURE__ */ o(
+            j,
             {
-              hasImage: !!c,
-              onUpdate: (t) => n?.({ image: t.image }),
-              onRemove: () => n?.({ image: void 0 }),
-              children: /* @__PURE__ */ o(T, { image: c })
+              hasImage: !!t,
+              onUpdate: (d) => e?.({ image: d.image }),
+              onRemove: () => e?.({ image: void 0 }),
+              onUpload: O,
+              children: /* @__PURE__ */ o(T, { image: t })
             }
-          ) : /* @__PURE__ */ o(T, { image: c }),
-          /* @__PURE__ */ E("div", { className: m.controls, children: [
+          ) : /* @__PURE__ */ o(T, { image: t }),
+          /* @__PURE__ */ I("div", { className: u.controls, children: [
             C && f,
-            h ? /* @__PURE__ */ E(D, { miw: 0, flex: 1, children: [
-              n && /* @__PURE__ */ o(
-                M,
+            h ? /* @__PURE__ */ I(D, { miw: 0, flex: 1, children: [
+              e && /* @__PURE__ */ o(
+                w,
                 {
-                  value: s,
+                  value: i,
                   placeholder: "Option",
-                  onChange: (t) => {
-                    n?.({ label: t });
+                  onChange: (d) => {
+                    e?.({ label: d });
                   }
                 }
               ),
-              u && /* @__PURE__ */ o(P, { color: "red", variant: "subtle", onClick: u, children: /* @__PURE__ */ o(A, { size: "1em" }) })
-            ] }) : s
+              m && /* @__PURE__ */ o(P, { color: "red", variant: "subtle", onClick: m, children: /* @__PURE__ */ o(B, { size: "1em" }) })
+            ] }) : i
           ] })
         ]
       }
     );
   }
-), T = ({ image: s }) => /* @__PURE__ */ o(
+), T = ({ image: i }) => /* @__PURE__ */ o(
   "div",
   {
-    className: m.image,
+    className: u.image,
     style: {
-      backgroundImage: `url(${s})`
+      backgroundImage: `url(${i})`
     },
-    children: !s && /* @__PURE__ */ o(B, { size: 32, color: "var(--primary-color)" })
+    children: !i && /* @__PURE__ */ o(H, { size: 32, color: "var(--primary-color)" })
   }
-), K = ({
-  children: s,
+), j = ({
+  children: i,
   onUpdate: r,
-  onRemove: i,
-  hasImage: C
-}) => /* @__PURE__ */ o(
-  X,
-  {
-    hasImage: C,
-    onChange: (c) => r?.({
-      image: c
-    }),
-    unsplashClientId: w,
-    giphyToken: F,
-    onRemove: i,
-    children: s
-  }
-);
+  onRemove: n,
+  hasImage: C,
+  onUpload: t
+}) => {
+  const { isLoading: E, onSubmit: c } = M();
+  return /* @__PURE__ */ o(
+    F,
+    {
+      hasImage: C,
+      onChange: (e) => r?.({
+        image: e
+      }),
+      unsplashClientId: K,
+      giphyToken: R,
+      onRemove: n,
+      onUpload: (e, m) => c(async () => t?.(e, m)),
+      uploading: E,
+      children: i
+    }
+  );
+};
 export {
-  $ as PictureSelectableCard,
-  K as UploadOptionImageButton
+  oo as PictureSelectableCard,
+  j as UploadOptionImageButton
 };

package/dist/components/FormViewer/components/fields/SliderField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/SliderField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,qBAGzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CA8BA,CAAC"}
+{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/SliderField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,qBAGzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAkCA,CAAC"}

package/dist/components/FormViewer/components/fields/SliderField.js

@@ -1,31 +1,32 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { useMemo as a } from "react";
-import { Box as u, Slider as c, InputError as d } from "@mantine/core";
+import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import { Box as d, Slider as f, InputError as x } from "@mantine/core";
 import { isNumber as m } from "lodash-es";
-import { useSteps as f } from "../../hooks/useCreateFormContext.js";
-const j = ({
-  control: l,
-  theme: i
+import { useSteps as N } from "../../hooks/useCreateFormContext.js";
+const I = ({
+  control: n,
+  theme: s
 }) => {
-  const { form: s } = f(), { id: e, min: r, max: o } = l, n = a(() => !m(r) || !m(o) || isNaN(r) || isNaN(o) ? [] : [
+  const { form: i } = N(), { id: e, min: r, max: o } = n, p = c(() => !m(r) || !m(o) || isNaN(r) || isNaN(o) ? [] : [
     { value: r, label: r },
     { value: o, label: o }
-  ], [r, o]);
-  return /* @__PURE__ */ p(u, { flex: 1, w: "100%", pb: 12, "data-control-id": e, children: [
-    /* @__PURE__ */ t(
-      c,
+  ], [r, o]), t = i.getInputProps(e), a = t.value ?? r ?? 0;
+  return /* @__PURE__ */ u(d, { flex: 1, w: "100%", pb: 12, "data-control-id": e, children: [
+    /* @__PURE__ */ l(
+      f,
       {
-        color: i?.primaryColor,
-        size: i?.size,
+        color: s?.primaryColor,
+        size: s?.size,
         min: r,
         max: o,
-        marks: n,
-        ...s.getInputProps(e)
+        marks: p,
+        ...t,
+        value: a
       }
     ),
-    s.errors[e] && /* @__PURE__ */ t(d, { size: i?.size, mt: 4, children: s.errors[e] })
+    i.errors[e] && /* @__PURE__ */ l(x, { size: s?.size, mt: 4, children: i.errors[e] })
   ] });
 };
 export {
-  j as SliderField
+  I as SliderField
 };

package/dist/components/FormViewer/components/fields/UploadField/UploadField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/UploadField/UploadField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA2B,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1E,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAK/D,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qBAIzB;IACD,OAAO,EAAE,aAAa,CAAC;IAEvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAwNA,CAAC"}
+{"version":3,"file":"UploadField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/UploadField/UploadField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA2B,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1E,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAK/D,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qBAGzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAsNA,CAAC"}

package/dist/components/FormViewer/components/fields/UploadField/UploadFile/UploadFile.module.css.js

@@ -1,4 +1,4 @@
-const a = "_image_ta8bx_1", e = {
+const a = "_image_1om5a_1", e = {
   image: a
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"cssScoping.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/cssScoping.ts"],"names":[],"mappings":"AAAA;;GAEG;AAiBH;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,aAAa,MAAM,KAAG,MA8BjE,CAAC"}
+{"version":3,"file":"cssScoping.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/cssScoping.ts"],"names":[],"mappings":"AAAA;;GAEG;AAmBH;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,aAAa,MAAM,KAAG,MA8BjE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"staticClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/staticClasses.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDjB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM,KAAG,MAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,KAAG,MAE1E,CAAC"}
+{"version":3,"file":"staticClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/staticClasses.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDjB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM,KAAG,MAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,KACxC,MAEF,CAAC"}

package/dist/components/FormViewer/store/formStore.d.ts

@@ -1,8 +1,15 @@
 import { PropsWithChildren } from 'react';
 import { UploadFileData } from '../components/fields/UploadField/UploadField';
-import { ParsedFormConfig, StepData } from '../types/form';
+import { ParsedFormConfig, PictureChoiceControl, StepData } from '../types/form';
 export type FormEditorTabType = 'steps' | 'add' | 'settings' | 'logic';
 export type FormViewLayout = 'all-slides' | 'one-slide';
+export interface UploadFileOptionalArgs {
+    stepId?: string;
+    controlId?: string;
+    optionId?: string;
+    setOpen?: (state: boolean) => void;
+    pictureChoiceOptions?: PictureChoiceControl['options'];
+}
 export type FormStoreState = {
     activeStep: {
         history: (string | null)[];
@@ -15,7 +22,7 @@ export type FormStoreState = {
     initialConfigSnapshot: ParsedFormConfig | null;
     addEndStep?: () => StepData;
     onConfigChange?: (config: ParsedFormConfig) => void;
-    uploadFileFn?: (file: UploadFileData) => Promise<string>;
+    uploadFileFn?: (file: UploadFileData, optionalArgs?: UploadFileOptionalArgs) => Promise<string>;
     layout?: FormViewLayout;
 };
 export declare const createFormStore: () => {
@@ -688,7 +695,7 @@ export type FormViewerProps = {
     /** Как отображать форму */
     layout?: FormViewLayout;
     /** Функция для загрузки файлов пользователем */
-    uploadFileFn?: (file: UploadFileData) => Promise<any>;
+    uploadFileFn?: (file: UploadFileData, optionalArgs?: UploadFileOptionalArgs) => Promise<any>;
 };
 /** Необходимо оборачивать FormViewer в провайдер, иначе будет использоваться `globalFormStore` */
 export declare const FormStoreProvider: ({ children, editing, preview, store, addEndStep, onConfigChange, uploadFileFn, layout, }: PropsWithChildren<FormViewerProps> & {

package/dist/components/FormViewer/store/formStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formStore.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/store/formStore.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"formStore.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/store/formStore.tsx"],"names":[],"mappings":"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"}