@layers-app/shared 0.4.8 → 0.4.10

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

@@ -1,135 +1,135 @@
-import { jsx as n, jsxs as R } from "react/jsx-runtime";
+import { jsx as s, jsxs as D } from "react/jsx-runtime";
 import { useMemo as O } from "react";
-import { useTranslation as D } from "react-i18next";
-import { arrayMove as V } from "@dnd-kit/sortable";
-import { Stack as _, TextInput as B, Box as M, InputError as N } from "@mantine/core";
-import { STATIC_CLASSES as g } from "../../../helpers/staticClasses.js";
-import { getRandomId as j } from "../../../helpers/steps.js";
-import { useSteps as k } from "../../../hooks/useCreateFormContext.js";
-import { useInterpolate as z } from "../../../hooks/useInterpolateText.js";
-import { useFormViewerStore as F } from "../../../store/formStore.js";
-import { AddOptionButton as P } from "../AddOptionButton.js";
-import { DragOptions as U } from "../DragOptions/DragOptions.js";
-import { ChoiceCard as x } from "./ChoiceCard.js";
-const to = ({
-  control: v,
+import { useTranslation as V } from "react-i18next";
+import { arrayMove as _ } from "@dnd-kit/sortable";
+import { combineClasses as h, STATIC_CLASSES as v } from "../../../helpers/staticClasses.js";
+import { getRandomId as F } from "../../../helpers/steps.js";
+import { useSteps as M } from "../../../hooks/useCreateFormContext.js";
+import { useInterpolate as N } from "../../../hooks/useInterpolateText.js";
+import { useFormViewerStore as j } from "../../../store/formStore.js";
+import { AddOptionButton as y } from "../AddOptionButton.js";
+import { DragOptions as B } from "../DragOptions/DragOptions.js";
+import { FieldInput as P } from "../FieldInput.js";
+import { ChoiceCard as g } from "./ChoiceCard.js";
+import b from "../fieldStyles.module.css.js";
+const oo = ({
+  control: x,
   step: e,
-  theme: s
+  theme: n
 }) => {
-  const { t: p } = D("forms"), { form: f } = k(), { id: i, options: t, showInput: m, otherOption: I } = v, { useStore: b, api: d } = F(), a = b((o) => o.editing), C = f.errors[i], c = f.values[i], S = (o) => {
-    const { active: r, over: l } = o;
-    if (r.id !== l?.id && t) {
-      const T = t.findIndex((u) => u.id === r.id), A = t.findIndex((u) => u.id === l?.id), L = V(t, T, A);
+  const { t: p } = V("forms"), { form: f } = M(), { id: i, options: r, otherOption: u } = x, { useStore: S, api: d } = j(), l = S((o) => o.editing), C = f.errors[i], m = f.values[i], E = (o) => {
+    const { active: t, over: a } = o;
+    if (t.id !== a?.id && r) {
+      const R = r.findIndex((c) => c.id === t.id), T = r.findIndex((c) => c.id === a?.id), w = _(r, R, T);
       d.updateControl(e.id, i, {
-        options: L
+        options: w
       });
     }
-  }, h = z(), E = O(() => [
-    ...(t || []).map((o) => ({
+  }, I = N(), A = O(() => [
+    ...(r || []).map((o) => ({
       id: o.id || "",
-      element: /* @__PURE__ */ n(
-        x,
+      element: /* @__PURE__ */ s(
+        g,
         {
           ...o,
-          label: a ? o.label : h(o.label),
+          label: l ? o.label : I(o.label),
           controlId: i,
-          showInput: m,
-          theme: s,
-          onUpdate: a ? (r) => {
+          theme: n,
+          onUpdate: l ? (t) => {
             d.updateControl(e.id, i, {
-              options: t.map(
-                (l) => l.id === o.id ? { ...l, ...r } : l
+              options: r.map(
+                (a) => a.id === o.id ? { ...a, ...t } : a
               )
             });
           } : void 0,
-          onRemove: a ? () => {
+          onRemove: l ? () => {
             d.updateControl(e.id, i, {
-              options: t.filter((r) => r.id !== o.id)
+              options: r.filter((t) => t.id !== o.id)
             });
           } : void 0
         }
       )
     })),
-    ...I ? [
+    ...u ? [
       {
         id: "other",
-        element: /* @__PURE__ */ n(
-          x,
+        element: /* @__PURE__ */ s(
+          g,
           {
             label: p("otherOption"),
             controlId: i,
-            showInput: m,
-            theme: s,
+            theme: n,
             id: "other"
           }
         )
       }
     ] : []
-  ], [
-    d,
-    a,
-    i,
-    h,
-    t,
-    I,
-    m,
-    e.id,
-    p,
-    s
-  ]), w = O(() => t?.find((o) => o.id === c)?.label, [c, t]);
-  return /* @__PURE__ */ R(
-    _,
+  ], [d, l, i, I, r, u, e.id, p, n]), L = O(() => r?.find((o) => o.id === m)?.label, [m, r]);
+  return /* @__PURE__ */ D(
+    "div",
     {
-      gap: 8,
-      w: "fit-content",
+      className: h(
+        b.field,
+        v.BLOCK_MULTIPLE_CHOICE
+      ),
       "data-control-id": i,
-      className: g.BLOCK_MULTIPLE_CHOICE,
       children: [
-        /* @__PURE__ */ n(
-          U,
+        /* @__PURE__ */ s(
+          B,
           {
-            editable: a,
-            options: E,
-            onDragEnd: S,
-            align: s?.align
+            editable: l,
+            options: A,
+            onDragEnd: E,
+            align: n?.align
           }
         ),
-        c === "other" && /* @__PURE__ */ n(
-          B,
+        m === "other" && /* @__PURE__ */ s(
+          P,
           {
-            size: s?.size,
-            value: w,
+            controlId: `${i}-other`,
+            theme: n,
+            value: L ?? "",
+            placeholder: p("otherOptionPlaceholder"),
             onChange: (o) => {
               d.updateControl(e.id, i, {
-                options: t.map(
-                  (r) => r.id === "other" ? { ...r, label: o.target.value } : r
+                options: r.map(
+                  (t) => t.id === "other" ? { ...t, label: o.target.value } : t
                 )
               });
-            },
-            placeholder: p("otherOptionPlaceholder")
+            }
           }
         ),
-        a && /* @__PURE__ */ n(M, { mx: -8, children: /* @__PURE__ */ n(
-          P,
+        l && /* @__PURE__ */ s(
+          y,
           {
+            theme: n,
             onClick: () => {
               d.updateControl(e.id, i, {
                 options: [
-                  ...t || [],
+                  ...r || [],
                   {
-                    id: j(),
+                    id: F(),
                     label: p("newOption")
                   }
                 ]
               });
             }
           }
-        ) }),
-        C && /* @__PURE__ */ n(N, { className: g.VALIDATION_ERROR, children: C })
+        ),
+        C && /* @__PURE__ */ s(
+          "div",
+          {
+            className: h(
+              b.error,
+              v.VALIDATION_ERROR
+            ),
+            children: C
+          }
+        )
       ]
     }
   );
 };
 export {
-  to as ChoiceField
+  oo as ChoiceField
 };

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

@@ -1,7 +1,6 @@
 import { PictureChoiceControl, PictureChoiceControlItem, ThemeData } from '../../../types/form';
 export type PictureChoiceCardProps = {
     label: string;
-    showInput?: boolean;
     onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
     onRemove?: () => void;
     image?: string;
@@ -11,5 +10,5 @@ export type PictureChoiceCardProps = {
     stepId: string;
     options: PictureChoiceControl['options'];
 };
-export declare const PictureChoiceCard: import("react").MemoExoticComponent<({ label, showInput, onUpdate, onRemove, image, controlId, id, theme, stepId, options, }: PictureChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const PictureChoiceCard: import("react").MemoExoticComponent<({ label, 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":"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"}
+{"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,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,qHAWzB,sBAAsB,6CAiD1B,CAAC"}

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

@@ -1,25 +1,24 @@
-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(
+import { jsx as k } from "react/jsx-runtime";
+import { memo as v, useCallback as F } from "react";
+import { useSteps as U } from "../../../hooks/useCreateFormContext.js";
+import { useFormViewerStore as b } from "../../../store/formStore.js";
+import { PictureSelectableCard as x } from "../SelectableCard/PictureSelectableCard.js";
+const E = v(
   ({
-    label: n,
-    showInput: c,
-    onUpdate: u,
-    onRemove: m,
-    image: p,
+    label: c,
+    onUpdate: n,
+    onRemove: u,
+    image: m,
     controlId: e,
     id: o,
-    theme: f,
+    theme: p,
     stepId: t,
     options: i
   }) => {
-    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 { form: f, setValue: d } = U(), { useStore: C } = b(), s = C((r) => r.uploadFileFn), a = f.values[e] === o, S = () => {
+      d(e, a ? null : o);
+    }, h = F(
+      (r, V) => {
         const l = r[0];
         return s?.(
           {
@@ -33,30 +32,29 @@ const L = F(
             stepId: t,
             controlId: e,
             optionId: o,
-            setOpen: k,
+            setOpen: V,
             pictureChoiceOptions: i
           }
         );
       },
       [e, o, s, i, t]
     );
-    return /* @__PURE__ */ v(
-      P,
+    return /* @__PURE__ */ k(
+      x,
       {
-        label: n,
-        hasInput: c,
+        label: c,
         inputType: "radio",
         active: a,
         onClick: S,
-        onUpdate: u,
-        onRemove: m,
-        image: p,
-        theme: f,
-        onUpload: V
+        onUpdate: n,
+        onRemove: u,
+        image: m,
+        theme: p,
+        onUpload: h
       }
     );
   }
 );
 export {
-  L as PictureChoiceCard
+  E 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,4CAqGA,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;AAM7B,eAAO,MAAM,kBAAkB,GAAI,2BAIhC;IACD,OAAO,EAAE,oBAAoB,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CA0HA,CAAC"}

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

@@ -1,95 +1,115 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import { useTranslation as A } from "react-i18next";
-import { arrayMove as L } from "@dnd-kit/sortable";
-import { Stack as R, Box as T, InputError as D } from "@mantine/core";
-import { STATIC_CLASSES as u } from "../../../helpers/staticClasses.js";
-import { getRandomId as _ } from "../../../helpers/steps.js";
-import { useSteps as B } from "../../../hooks/useCreateFormContext.js";
-import { useInterpolate as M } from "../../../hooks/useInterpolateText.js";
-import { useFormViewerStore as N } from "../../../store/formStore.js";
-import { AddOptionButton as P } from "../AddOptionButton.js";
-import { DragOptions as j } from "../DragOptions/DragOptions.js";
-import { PictureChoiceCard as k } from "./PictureChoiceCard.js";
-const Y = ({
-  control: I,
-  step: t,
-  theme: m
+import { jsx as m, jsxs as C } from "react/jsx-runtime";
+import { useMemo as T } from "react";
+import { useTranslation as w } from "react-i18next";
+import { arrayMove as A } from "@dnd-kit/sortable";
+import { IconPlus as D } from "@tabler/icons-react";
+import { combineClasses as g, STATIC_CLASSES as O } from "../../../helpers/staticClasses.js";
+import { getRandomId as N } from "../../../helpers/steps.js";
+import { useSteps as P } from "../../../hooks/useCreateFormContext.js";
+import { useInterpolate as _ } from "../../../hooks/useInterpolateText.js";
+import { useFormViewerStore as y } from "../../../store/formStore.js";
+import { DragOptions as M } from "../DragOptions/DragOptions.js";
+import { PictureChoiceCard as j } from "./PictureChoiceCard.js";
+import p from "../fieldStyles.module.css.js";
+const X = ({
+  control: b,
+  step: e,
+  theme: l
 }) => {
-  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
+  const { t: f } = w("forms"), { id: r, options: o } = b, { api: s, useStore: v } = y(), t = v((n) => n.editing), { form: x } = P(), u = x.errors[r], S = (n) => {
+    const { active: i, over: d } = n;
+    if (i.id !== d?.id && o) {
+      const a = o.findIndex((c) => c.id === i.id), L = o.findIndex((c) => c.id === d?.id), R = A(o, a, L);
+      s.updateControl(e.id, r, {
+        options: R
       });
     }
-  }, f = M(), S = h(() => o?.map((i) => ({
-    id: i.id || "",
-    element: /* @__PURE__ */ a(
-      k,
-      {
-        ...i,
-        label: n ? i.label : f(i.label),
-        controlId: r,
-        showInput: l,
-        theme: m,
-        onUpdate: n ? (e) => {
-          s.updateControl(t.id, r, {
-            options: o.map(
-              (d) => d.id === i.id ? { ...d, ...e } : d
-            )
-          });
-        } : void 0,
-        onRemove: n ? () => {
-          s.updateControl(t.id, r, {
-            options: o.filter((e) => e.id !== i.id)
-          });
-        } : void 0,
-        stepId: t.id,
-        options: o
-      }
-    )
-  })), [s, n, r, f, o, l, t.id, m]);
-  return /* @__PURE__ */ b(
-    R,
+  }, E = () => {
+    s.updateControl(e.id, r, {
+      options: [
+        ...o || [],
+        {
+          id: N(),
+          label: f("newOption")
+        }
+      ]
+    });
+  }, I = _(), h = T(() => {
+    const n = o?.map((i) => ({
+      id: i.id || "",
+      element: /* @__PURE__ */ m(
+        j,
+        {
+          ...i,
+          label: t ? i.label : I(i.label),
+          controlId: r,
+          theme: l,
+          onUpdate: t ? (d) => {
+            s.updateControl(e.id, r, {
+              options: o.map(
+                (a) => a.id === i.id ? { ...a, ...d } : a
+              )
+            });
+          } : void 0,
+          onRemove: t ? () => {
+            s.updateControl(e.id, r, {
+              options: o.filter((d) => d.id !== i.id)
+            });
+          } : void 0,
+          stepId: e.id,
+          options: o
+        }
+      )
+    })) || [];
+    return t && n.push({
+      id: "add",
+      element: /* @__PURE__ */ C(
+        "button",
+        {
+          type: "button",
+          className: p.addImageCard,
+          onClick: E,
+          children: [
+            /* @__PURE__ */ m(D, { size: 20, stroke: 2 }),
+            f("addImage")
+          ]
+        }
+      )
+    }), n;
+  }, [s, t, r, I, o, e.id, l]);
+  return /* @__PURE__ */ C(
+    "div",
     {
-      gap: 8,
-      w: "100%",
+      className: g(
+        p.field,
+        O.BLOCK_MULTIPLE_CHOICE
+      ),
       "data-control-id": r,
-      className: u.BLOCK_MULTIPLE_CHOICE,
       children: [
-        /* @__PURE__ */ a(
-          j,
+        /* @__PURE__ */ m(
+          M,
           {
-            editable: n,
-            options: S,
-            onDragEnd: O,
+            editable: t,
+            options: h,
+            onDragEnd: S,
             isGrid: !0,
-            align: m?.align
+            align: l?.align
           }
         ),
-        n && /* @__PURE__ */ a(T, { mx: -8, children: /* @__PURE__ */ a(
-          P,
+        u && /* @__PURE__ */ m(
+          "div",
           {
-            onClick: () => {
-              s.updateControl(t.id, r, {
-                options: [
-                  ...o || [],
-                  {
-                    id: _(),
-                    label: C("newOption")
-                  }
-                ]
-              });
-            }
+            className: g(
+              p.error,
+              O.VALIDATION_ERROR
+            ),
+            children: u
           }
-        ) }),
-        c && /* @__PURE__ */ a(D, { className: u.VALIDATION_ERROR, children: c })
+        )
       ]
     }
   );
 };
 export {
-  Y as PictureChoiceField
+  X as PictureChoiceField
 };

package/dist/components/FormViewer/components/fields/ConfirmButton.d.ts

@@ -1,7 +1,13 @@
-import { ConfirmControl, StepData, ThemeData } from '../../types/form';
-export declare const ConfirmButton: ({ step, control, theme, }: {
-    step: StepData;
-    control: ConfirmControl;
+import { ThemeData } from '../../types/form';
+/**
+ * Брендовая кнопка конечного слайда («Create your own form»).
+ *
+ * Это брендинг, а не элемент формы: текст и ссылка фиксированы, иконки нет,
+ * редактировать нечего. Видимостью управляет настройка формы `copyright` — та
+ * же, что и чипом «made with …». Рендерится из `Step` отдельно, внизу слайда,
+ * поэтому её нельзя перетащить, удалить или продублировать.
+ */
+export declare const ConfirmButton: ({ theme }: {
     theme?: ThemeData;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ConfirmButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/ConfirmButton.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGvE,eAAO,MAAM,aAAa,GAAI,2BAI3B;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,mDA6CA,CAAC"}
+{"version":3,"file":"ConfirmButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/ConfirmButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,4CAyB7D,CAAC"}

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

@@ -1,49 +1,19 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
-import { Flex as p, Button as f } from "@mantine/core";
-import { ProjectIcon as c } from "../../../ProjectIcon/ProjectIcon.js";
-import { STATIC_CLASSES as d } from "../../helpers/staticClasses.js";
-import { useFormViewerStore as i } from "../../store/formStore.js";
-import { EditableContent as w } from "./EditableContent/EditableContent.js";
-const I = ({
-  step: a,
-  control: t,
-  theme: m
-}) => {
-  const { t: o } = u("forms"), { api: l } = i(), { useStore: s } = i(), n = s((e) => e.editing);
-  return t.showButton ? /* @__PURE__ */ r(
-    p,
-    {
-      justify: "var(--align)",
-      gap: 8,
-      wrap: "wrap",
-      direction: m?.align === "start" ? "row" : "row-reverse",
-      children: /* @__PURE__ */ r(
-        f,
-        {
-          className: d.SUBMIT_BUTTON,
-          leftSection: t.buttonIcon ? /* @__PURE__ */ r(c, { icon: t.buttonIcon }) : null,
-          ...!n && t.link ? {
-            component: "a",
-            href: t.link,
-            target: "_blank"
-          } : {},
-          children: n ? /* @__PURE__ */ r(
-            w,
-            {
-              value: t.label?.trim() || o("createYourOwnForm"),
-              onChange: (e) => {
-                l.updateControl(a.id, t.id, {
-                  label: e
-                });
-              }
-            }
-          ) : t.label?.trim() || o("createYourOwnForm")
-        }
-      )
-    }
-  ) : null;
+import { useTranslation as a } from "react-i18next";
+import { brand as l } from "../../../../config/brand.js";
+import { STATIC_CLASSES as f } from "../../helpers/staticClasses.js";
+import { useFormViewerStore as p } from "../../store/formStore.js";
+import { FormButton as c } from "../ui/FormButton.js";
+const v = ({ theme: o }) => {
+  const { t } = a("forms"), { useStore: e } = p(), n = e((m) => m.editing), i = {
+    display: "flex",
+    justifyContent: "var(--align)",
+    gap: "var(--form-button-gap)",
+    flexWrap: "wrap",
+    flexDirection: o?.align === "start" ? "row" : "row-reverse"
+  }, s = n ? void 0 : { href: l.websiteUrl, target: "_blank", rel: "noopener noreferrer" };
+  return /* @__PURE__ */ r("div", { style: i, children: /* @__PURE__ */ r(c, { className: f.SUBMIT_BUTTON, ...s, children: t("createYourOwnForm") }) });
 };
 export {
-  I as ConfirmButton
+  v as ConfirmButton
 };

package/dist/components/FormViewer/components/fields/DateField.d.ts

@@ -1,4 +1,8 @@
 import { DateControl } from '../../types/form';
+/**
+ * Кастомный инпут даты: триггер оформлен как остальные поля формы, а сам
+ * выбор даты — календарь Mantine `DatePicker` в собственном поповере.
+ */
 export declare const DateField: ({ control }: {
     control: DateControl;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/DateField.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,eAAO,MAAM,SAAS,GAAI,aAAa;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,4CAiC9D,CAAC"}
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/DateField.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAW/C;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,aAAa;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,4CAoF9D,CAAC"}