@layers-app/shared 0.2.6 → 0.2.7

package/dist/components/FormViewer/components/OneSlideLayput.js

@@ -1,26 +1,26 @@
-import { jsx as e, jsxs as s, Fragment as c } from "react/jsx-runtime";
-import { memo as d } from "react";
-import { createPortal as h } from "react-dom";
-import { Stack as u, Flex as b } from "@mantine/core";
-import { AnimatePresence as y, motion as k } from "framer-motion";
+import { jsx as e, jsxs as s, Fragment as p } from "react/jsx-runtime";
+import { memo as h } from "react";
+import { createPortal as u } from "react-dom";
+import { Stack as b, Flex as y } from "@mantine/core";
+import { AnimatePresence as v, motion as k } from "framer-motion";
 import { Copyright as S } from "../../Copyright/index.js";
 import { animations as w } from "../helpers/slides.js";
-import { useFormViewerStore as p } from "../store/formStore.js";
-import { startStepReselect as v, themeReselect as F } from "../store/selectors.js";
-import { Navigation as x } from "./Navigation/Navigation.js";
-import { getImageFilter as $, Step as R } from "./Step.js";
+import { useFormViewerStore as d } from "../store/formStore.js";
+import { startStepReselect as x, themeReselect as F } from "../store/selectors.js";
+import { Navigation as $ } from "./Navigation/Navigation.js";
+import { getImageFilter as R, Step as j } from "./Step.js";
 import { ProgressLine as A } from "./fields/ProgressLine.js";
 import g from "../FormViewer.module.css.js";
 import { useSteps as C } from "../hooks/useCreateFormContext.js";
-import { useFormMobile as j } from "../hooks/useFormMobile.js";
+import { useFormMobile as M } from "../hooks/useFormMobile.js";
 import { useActiveStep as N } from "../hooks/useActiveStep.js";
-const T = ({
+const U = ({
   NoStepSlot: m,
   copyright: l
 }) => {
-  const { useStore: a } = p();
-  return a(v) ? /* @__PURE__ */ e(P, { copyright: l }) : /* @__PURE__ */ e(
-    u,
+  const { useStore: a } = d();
+  return a(x) ? /* @__PURE__ */ e(P, { copyright: l }) : /* @__PURE__ */ e(
+    b,
     {
       align: "center",
       justify: "center",
@@ -31,11 +31,11 @@ const T = ({
       children: /* @__PURE__ */ e(m, {})
     }
   );
-}, P = d(({ copyright: m }) => {
-  const { anim: l } = C(), { ref: a } = j(), { useStore: n } = p(), i = n((r) => r.config.settings), f = n((r) => r.editing), t = n(F), o = N();
-  return /* @__PURE__ */ s(c, { children: [
-    h(
-      /* @__PURE__ */ s(c, { children: [
+}, P = h(({ copyright: m }) => {
+  const { anim: l } = C(), { ref: a, isMobile: o } = M(), { useStore: c } = d(), r = c((n) => n.config.settings), f = c((n) => n.editing), t = c(F), i = N();
+  return /* @__PURE__ */ s(p, { children: [
+    u(
+      /* @__PURE__ */ s(p, { children: [
         /* @__PURE__ */ e(
           "link",
           {
@@ -70,7 +70,7 @@ const T = ({
             "--bg-fit": t.background?.fit || "cover",
             "--bg-image": t.background?.image ? `url(${t.background.image})` : "none",
             "--bg-color": t.background?.color || "none",
-            "--bg-image-filter": $({
+            "--bg-image-filter": R({
               brightness: t.background?.brightness || 100,
               blur: t.background?.blur,
               layout: "background"
@@ -78,7 +78,7 @@ const T = ({
           }
         }
       ),
-      /* @__PURE__ */ e(y, { mode: "wait", children: o && /* @__PURE__ */ e(
+      /* @__PURE__ */ e(v, { mode: "wait", children: i && /* @__PURE__ */ e(
         k.div,
         {
           style: {
@@ -91,43 +91,45 @@ const T = ({
           transition: {
             duration: 0.25
           },
-          ...w[i.slideAnimation][l],
+          ...w[r.slideAnimation][l],
           animate: { opacity: 1, y: 0, x: 0 },
           children: /* @__PURE__ */ e(
-            R,
+            j,
             {
-              step: o,
-              theme: o.theme
+              step: i,
+              theme: i.theme
             },
-            o.id
+            i.id
           )
         },
-        o.id
+        i.id
       ) })
     ] }),
     /* @__PURE__ */ s(
-      b,
+      y,
       {
-        pos: "absolute",
-        bottom: 24,
-        right: 24,
-        onClick: f ? (r) => r.preventDefault() : void 0,
+        pos: o ? "relative" : "absolute",
+        bottom: o ? void 0 : 24,
+        right: o ? void 0 : 24,
+        justify: o ? "flex-end" : void 0,
+        p: o ? "8px 12px" : void 0,
+        onClick: f ? (n) => n.preventDefault() : void 0,
         children: [
-          i.copyright && /* @__PURE__ */ e(
+          r.copyright && /* @__PURE__ */ e(
             S,
             {
               size: "sm",
-              color: o?.theme?.primaryColor,
+              color: i?.theme?.primaryColor,
               title: m
             }
           ),
-          i.navArrows && i.layout === "slides" && /* @__PURE__ */ e(x, {})
+          r.navArrows && r.layout === "slides" && /* @__PURE__ */ e($, {})
         ]
       }
     ),
-    i.progressBar && /* @__PURE__ */ e(A, {})
+    r.progressBar && /* @__PURE__ */ e(A, {})
   ] });
 });
 export {
-  T as OneSlideLayout
+  U as OneSlideLayout
 };

package/dist/components/FormViewer/hooks/useCreateFormContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateFormContext.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useCreateFormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAW,MAAM,eAAe,CAAC;AAO3D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,KAAK,YAAY,GAAG;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACzC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,eAAO,MAAM,YAAY,uCAExB,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAAiC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAClD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACpD,CAAC;AAyGF,kEAAkE;AAClE,eAAO,MAAM,mBAAmB,GAAI,wBAGjC,iBAAiB,CAAC,yBAAyB,CAAC,4CAK9C,CAAC"}
+{"version":3,"file":"useCreateFormContext.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useCreateFormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAW,MAAM,eAAe,CAAC;AAO3D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,KAAK,YAAY,GAAG;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACzC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,eAAO,MAAM,YAAY,uCAExB,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAAiC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAClD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACpD,CAAC;AA2GF,kEAAkE;AAClE,eAAO,MAAM,mBAAmB,GAAI,wBAGjC,iBAAiB,CAAC,yBAAyB,CAAC,4CAK9C,CAAC"}

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

@@ -34,26 +34,26 @@ const d = h(
 }) => {
   const { useStore: a, api: i } = A(), { currentSteps: l } = a(T), n = j(), [f, p] = b("next"), { getValidation: x } = y(), r = E({
     initialValues: l?.reduce(
-      (e, o) => (o.controls?.forEach((t) => {
-        e[t.id] = w[t.controlType];
-      }), e),
+      (o, e) => (e.controls?.forEach((t) => {
+        o[t.id] = w[t.controlType];
+      }), o),
       {
         submissionId: crypto.randomUUID()
       }
     ),
-    validate: l?.reduce((e, o) => (o.controls?.forEach((t) => e[t.id] = x(t)), e), {}),
+    validate: l?.reduce((o, e) => (e.controls?.forEach((t) => o[t.id] = x(t)), o), {}),
     onValuesChange: u
   }), c = m(() => {
     if (!n || (n.controls || []).map((t) => r.validateField(t.id)).some((t) => t.hasError)) return;
-    const o = g(n, l, r);
-    p("next"), setTimeout(() => {
-      i.setActiveStepId(o?.id || "");
-    }, 0), o?.isEnd && (s?.(r.getValues()), new F().addConfetti());
+    const e = g(n, l, r);
+    p("next"), e && setTimeout(() => {
+      i.setActiveStepId(e.id);
+    }, 0), e?.isEnd && (s?.(r.getValues()), new F().addConfetti());
   }, [n, i, l, r, s]), S = m(() => {
     p("prev"), setTimeout(() => i.backActiveStep(), 0);
   }, [i]), v = m(
-    (e, o) => {
-      r.setFieldValue(e, o), n?.autoSubmit && c();
+    (o, e) => {
+      r.setFieldValue(o, e), n?.autoSubmit && c();
     },
     [n?.autoSubmit, r, c]
   );

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

@@ -6,11 +6,11 @@ const O = (e) => {
       ...t,
       ...n
     }));
-  }, m = () => e.getState().config, s = () => {
-    e.getState().onConfigChange?.(m());
+  }, l = () => e.getState().config, s = () => {
+    e.getState().onConfigChange?.(l());
   }, u = (n) => {
     e.setState({ layout: n });
-  }, S = (n) => {
+  }, m = (n) => {
     e.setState((t) => ({
       ...t,
       config: {
@@ -122,7 +122,7 @@ const O = (e) => {
           steps: o
         }
       };
-    }), h(n.id), s();
+    }), S(n.id), s();
   }, A = (n) => {
     e.setState((i) => ({
       ...i,
@@ -130,7 +130,7 @@ const O = (e) => {
         ...i.config,
         steps: i.config.steps.filter((o) => o.id !== n) || []
       }
-    })), E(e.getState()) === n && l(), s();
+    })), E(e.getState()) === n && h(), s();
   }, F = (n, t) => {
     n === "list" ? e.setState((i) => ({
       ...i,
@@ -291,7 +291,7 @@ const O = (e) => {
       ...o,
       initialConfigSnapshot: n
     })), t || s();
-  }, h = (n) => {
+  }, S = (n) => {
     e.setState((t) => {
       const i = [
         ...t.activeStep.history.slice(0, t.activeStep.current + 1),
@@ -324,10 +324,10 @@ const O = (e) => {
         )
       }
     }));
-  }, l = () => {
+  }, h = () => {
     e.setState({
       activeStep: {
-        history: [],
+        history: [null],
         current: 0
       }
     });
@@ -343,7 +343,7 @@ const O = (e) => {
       })), s();
     },
     setLayout: u,
-    patchSettingsData: S,
+    patchSettingsData: m,
     patchThemeData: C,
     patchContainerTheme: y,
     patchTitleProperties: b,
@@ -363,19 +363,19 @@ const O = (e) => {
     removeCondition: V,
     setIsMobile: _,
     setConfig: $,
-    setActiveStepId: h,
+    setActiveStepId: S,
     setFormLayout: (n) => {
-      S({ layout: n }), s();
+      m({ layout: n }), s();
     },
     scrollToControl: (n) => {
       const t = document.querySelector(`[data-control-id='${n}']`);
       t && t.scrollIntoView({ behavior: "smooth", block: "center" });
     },
-    getConfig: m,
+    getConfig: l,
     setProps: r,
     forwardActiveStep: z,
     backActiveStep: j,
-    resetActiveStep: l
+    resetActiveStep: h
   };
 };
 export {

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

@@ -1 +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"}
+{"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,4CAujBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}