@layers-app/shared 0.2.4 → 0.2.6

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/hooks/useFormGlobalTheme.js

@@ -1,6 +1,6 @@
 import { useMemo as r } from "react";
 import { generateColors as a } from "@mantine/colors-generator";
-import { createTheme as d, Flex as u, ActionIcon as l, ThemeIcon as m, Card as f, InputError as c, Progress as p, Select as x, NumberInput as z, Textarea as b, TextInput as P, Button as h, Text as R, Title as T, DEFAULT_THEME as g } from "@mantine/core";
+import { createTheme as d, DEFAULT_THEME as u, Flex as l, ActionIcon as m, ThemeIcon as f, Card as c, InputError as p, Progress as x, Select as z, NumberInput as b, Textarea as P, TextInput as h, Button as R, Text as T, Title as g } from "@mantine/core";
 import { DateInput as y } from "@mantine/dates";
 import { scopeCustomCss as F } from "../helpers/cssScoping.js";
 import { useFormViewerStore as I } from "../store/formStore.js";
@@ -9,7 +9,7 @@ const B = ({ innerId: t }) => {
   const { useStore: s } = I(), e = s(S), i = r(() => {
     const n = a(e?.primaryColor || ""), o = "custom";
     return d({
-      ...g,
+      ...u,
       fontFamily: `"${e.font?.fontFamily || "Roboto"}", sans-serif`,
       // fontWeight: theme.font?.fontWeight,
       headings: {
@@ -22,7 +22,7 @@ const B = ({ innerId: t }) => {
       },
       defaultRadius: e.borderRadius,
       components: {
-        Title: T.extend({
+        Title: g.extend({
           defaultProps: {
             style: {
               fontFamily: e.title?.fontFamily,
@@ -30,7 +30,7 @@ const B = ({ innerId: t }) => {
             }
           }
         }),
-        Text: R.extend({
+        Text: T.extend({
           defaultProps: {
             style: {
               fontFamily: e.font?.fontFamily,
@@ -38,7 +38,7 @@ const B = ({ innerId: t }) => {
             }
           }
         }),
-        Button: h.extend({
+        Button: R.extend({
           defaultProps: {
             color: o,
             size: e.size,
@@ -46,7 +46,7 @@ const B = ({ innerId: t }) => {
             radius: e.borderRadius
           }
         }),
-        TextInput: P.extend({
+        TextInput: h.extend({
           defaultProps: {
             radius: e.borderRadius,
             color: o,
@@ -60,60 +60,60 @@ const B = ({ innerId: t }) => {
             size: e.size
           }
         }),
-        Textarea: b.extend({
+        Textarea: P.extend({
           defaultProps: {
             radius: e.borderRadius,
             color: o,
             size: e.size
           }
         }),
-        NumberInput: z.extend({
+        NumberInput: b.extend({
           defaultProps: {
             radius: e.borderRadius,
             color: o,
             size: e.size
           }
         }),
-        Select: x.extend({
+        Select: z.extend({
           defaultProps: {
             radius: e.borderRadius,
             color: o,
             size: e.size
           }
         }),
-        Progress: p.extend({
+        Progress: x.extend({
           defaultProps: {
             radius: e.borderRadius,
             color: o,
             size: e.size
           }
         }),
-        InputError: c.extend({
+        InputError: p.extend({
           defaultProps: {
             color: o,
             size: e.size
           }
         }),
-        Card: f.extend({
+        Card: c.extend({
           defaultProps: {
             radius: e.borderRadius
           }
         }),
-        ThemeIcon: m.extend({
+        ThemeIcon: f.extend({
           defaultProps: {
             radius: e.borderRadius,
             color: o,
             size: e.size
           }
         }),
-        ActionIcon: l.extend({
+        ActionIcon: m.extend({
           defaultProps: {
             radius: e.borderRadius,
             color: o,
             size: e.size
           }
         }),
-        Flex: u.extend({
+        Flex: l.extend({
           defaultProps: {
             align: "center",
             gap: 8

package/dist/components/FormViewer/hooks/useInterpolateText.js

@@ -1,14 +1,14 @@
-import { useMemo as m, useCallback as d } from "react";
+import { useCallback as m, useMemo as d } from "react";
 import { isValid as f } from "date-fns";
 import { useFormViewerStore as v } from "../store/formStore.js";
 import { controlsReselect as h } from "../store/selectors.js";
 import { useSteps as g } from "./useCreateFormContext.js";
 const N = (i, o = !1) => {
   const a = b();
-  return m(() => o ? i || "" : a(i), [o, a, i]);
+  return d(() => o ? i || "" : a(i), [o, a, i]);
 }, b = () => {
   const { form: i } = g(), { useStore: o } = v(), a = o(h);
-  return d(
+  return m(
     (u) => {
       const p = a.reduce(
         (t, e) => {

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

package/dist/components/FormViewer/store/formStore.js

@@ -1,5 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import { useState as a, useLayoutEffect as d, createContext as S, useContext as v } from "react";
+import { useState as a, useLayoutEffect as d, useContext as S, createContext as v } from "react";
 import { create as w } from "zustand";
 import { createFormStoreApi as x } from "./formStoreApi.js";
 const b = () => {
@@ -40,7 +40,7 @@ const b = () => {
     useStore: e,
     api: x(e)
   };
-}, u = S(null), P = ({
+}, u = v(null), P = ({
   children: e,
   editing: t = !1,
   preview: o = !1,
@@ -70,7 +70,7 @@ const b = () => {
     r.api
   ]), /* @__PURE__ */ p(u.Provider, { value: r, children: m ? e : null });
 }, A = () => {
-  const t = v(u) || window.globalFormStore;
+  const t = S(u) || window.globalFormStore;
   if (!t)
     throw new Error(
       "useFormViewerStore must be used within a FormStoreProvider"

package/dist/components/FormViewer/store/selectors.js

@@ -1,7 +1,7 @@
 import { createSelector as s } from "@reduxjs/toolkit";
 import { isEqual as y } from "lodash-es";
 import { DEFAULT_THEME as v } from "../constants/defaultTheme.js";
-import { mergeTheme as d, sortSteps as g } from "../helpers/helpers.js";
+import { sortSteps as g, mergeTheme as d } from "../helpers/helpers.js";
 import { getFirstStep as B } from "../helpers/steps.js";
 const D = v, M = s(
   [(t) => t.config.theme],

package/dist/components/GroupAvatar/index.d.ts

@@ -4,6 +4,7 @@ export interface GroupAvatarProps extends Omit<AvatarProps, 'src'>, Omit<React.C
     groupId?: string;
     groupName?: string;
     size?: number | string;
+    textSize?: number | string;
 }
 export declare const GroupAvatar: import("react").ForwardRefExoticComponent<GroupAvatarProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/GroupAvatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GroupAvatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,EAC9B,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,6GAgBvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GroupAvatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,EAC9B,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,6GAiBvB,CAAC"}

package/dist/components/GroupAvatar/index.js

@@ -1,14 +1,15 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import i from "../../assets/svg/group_default_icon.svg.js";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import f from "../../assets/svg/group_default_icon.svg.js";
 import { UserAvatar as u } from "../UserAvatar/index.js";
-const s = f(
-  ({ groupIcon: r, groupId: a, groupName: o, size: t = 24, ...m }, e) => /* @__PURE__ */ p(
+const n = p(
+  ({ groupIcon: r, groupId: a, groupName: o, size: t = 24, ...m }, e) => /* @__PURE__ */ i(
     u,
     {
       ref: e,
+      variant: "light",
       user: {
-        avatar: r || i,
+        avatar: r || f,
         id: a || "",
         name: o,
         email: ""
@@ -18,7 +19,7 @@ const s = f(
     }
   )
 );
-s.displayName = "GroupAvatar";
+n.displayName = "GroupAvatar";
 export {
-  s as GroupAvatar
+  n as GroupAvatar
 };

package/dist/components/ImageCropper/ImageCropper.d.ts

@@ -0,0 +1,19 @@
+export interface ImageCropperProps {
+    src: string;
+    variant?: 'square' | 'rounded';
+    aspectRatio?: number;
+    minSize?: number;
+    maxSize?: number;
+    onCropComplete?: (croppedImage: Blob) => void;
+    onCropDataChange?: (data: CropData) => void;
+}
+export interface CropData {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    scale: number;
+}
+export declare const ImageCropper: ({ src, variant, aspectRatio, minSize, maxSize, onCropComplete, onCropDataChange, }: ImageCropperProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageCropper;
+//# sourceMappingURL=ImageCropper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCropper.d.ts","sourceRoot":"","sources":["../../../src/components/ImageCropper/ImageCropper.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AASD,eAAO,MAAM,YAAY,GAAI,oFAQ1B,iBAAiB,4CAuiBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}