@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/FormViewer/helpers/steps.d.ts

@@ -49,7 +49,6 @@ export declare const getFirstStep: (steps: StepData[]) => {
         variableName?: string | undefined;
         minOptions?: number | undefined;
         maxOptions?: number | undefined;
-        showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
     } | {
         id: string;
@@ -84,7 +83,6 @@ export declare const getFirstStep: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
-        showInput?: boolean | undefined;
         variableName?: string | undefined;
         otherOption?: boolean | undefined;
     } | {
@@ -100,7 +98,6 @@ export declare const getFirstStep: (steps: StepData[]) => {
         icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
-        showInput?: boolean | undefined;
     } | {
         id: string;
         controlType: "upload";
@@ -185,36 +182,77 @@ export declare const getFirstStep: (steps: StepData[]) => {
         label?: string | undefined;
     } | {
         id: string;
-        controlType: "button";
+        controlType: "rating";
         title?: string | undefined;
         description?: string | undefined;
-        label?: string | undefined;
-        link?: string | undefined;
-        showIconButton?: boolean | undefined;
-        buttonIcon?: string | undefined;
-        alignButton?: "start" | "center" | "end" | undefined;
-        buttons?: any[] | undefined;
-        orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-        width?: number | undefined;
-        enableTooltip?: boolean | undefined;
         required?: boolean | undefined;
-        fullWidthMobile?: boolean | undefined;
+        variableName?: string | undefined;
+        count?: number | undefined;
     } | {
         id: string;
-        controlType: "rating";
+        controlType: "scale";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
-        count?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        minLabel?: string | undefined;
+        maxLabel?: string | undefined;
+    } | {
+        id: string;
+        controlType: "heading";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        fontSize?: number | undefined;
+        align?: "start" | "center" | "end" | undefined;
+        color?: string | undefined;
+    } | {
+        id: string;
+        controlType: "paragraph";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        variant?: "paragraph" | "note" | "caption" | undefined;
+        fontSize?: number | undefined;
+        align?: "start" | "center" | "end" | undefined;
+        color?: string | undefined;
+        link?: string | undefined;
+    } | {
+        id: string;
+        controlType: "image";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        image?: string | undefined;
+        width?: "auto" | "50" | "75" | "100" | undefined;
+        align?: "start" | "center" | "end" | undefined;
+        radius?: number | undefined;
+        alt?: string | undefined;
+        link?: string | undefined;
+    } | {
+        id: string;
+        controlType: "divider";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        lineStyle?: "line" | "dashed" | "dots" | "space" | undefined;
+        thickness?: number | undefined;
+        space?: "s" | "m" | "l" | undefined;
+        color?: string | undefined;
     })[];
     trigger: string;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
+    title?: string | undefined;
+    headingMigrated?: boolean | undefined;
     autoSubmit?: boolean | undefined;
     confirmLabel?: string | undefined;
+    backLabel?: string | undefined;
     media?: {
-        layout?: "content" | "left" | "right" | "top" | "bottom" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | "background" | undefined;
+        layout?: "left" | "right" | undefined;
         brightness?: number | undefined;
         image?: string | undefined;
         video?: string | undefined;
@@ -235,25 +273,51 @@ export declare const getFirstStep: (steps: StepData[]) => {
         listStyle?: string | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;
         primaryColor?: string | undefined;
-        title?: {
+        slideTitle?: {
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
             color?: string | undefined;
+            lineHeight?: number | undefined;
+            letterSpacing?: number | undefined;
+            align?: "start" | "center" | "end" | undefined;
         } | undefined;
-        description?: {
+        title?: {
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
             color?: string | undefined;
+            lineHeight?: number | undefined;
+            letterSpacing?: number | undefined;
+            align?: "start" | "center" | "end" | undefined;
         } | undefined;
         font?: {
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
             color?: string | undefined;
+            lineHeight?: number | undefined;
+            letterSpacing?: number | undefined;
+            align?: "start" | "center" | "end" | undefined;
         } | undefined;
+        buttonFullWidth?: boolean | undefined;
+        buttonAlign?: "start" | "center" | "end" | "between" | undefined;
+        buttonShowBack?: boolean | undefined;
+        buttonLayout?: "horizontal" | "vertical" | undefined;
         container?: {
+            background?: {
+                bgType?: "image" | "color" | "video" | "none" | undefined;
+                color?: string | undefined;
+                image?: string | undefined;
+                video?: string | undefined;
+                videoThumb?: string | undefined;
+                blur?: number | undefined;
+                brightness?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                position?: string | undefined;
+                blendMode?: string | undefined;
+            } | undefined;
             color?: string | undefined;
             opacity?: number | undefined;
             blur?: number | undefined;
@@ -262,25 +326,116 @@ export declare const getFirstStep: (steps: StepData[]) => {
             shadowColor?: string | undefined;
         } | undefined;
         background?: {
+            bgType?: "image" | "color" | "video" | "none" | undefined;
             color?: string | undefined;
             image?: string | undefined;
+            video?: string | undefined;
+            videoThumb?: string | undefined;
             blur?: number | undefined;
             brightness?: number | undefined;
             opacity?: number | undefined;
             fit?: string | undefined;
+            position?: string | undefined;
             blendMode?: string | undefined;
         } | undefined;
+        startBackground?: {
+            bgType?: "image" | "color" | "video" | "none" | undefined;
+            color?: string | undefined;
+            image?: string | undefined;
+            video?: string | undefined;
+            videoThumb?: string | undefined;
+            blur?: number | undefined;
+            brightness?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            position?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        endBackground?: {
+            bgType?: "image" | "color" | "video" | "none" | undefined;
+            color?: string | undefined;
+            image?: string | undefined;
+            video?: string | undefined;
+            videoThumb?: string | undefined;
+            blur?: number | undefined;
+            brightness?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            position?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        startContainer?: {
+            background?: {
+                bgType?: "image" | "color" | "video" | "none" | undefined;
+                color?: string | undefined;
+                image?: string | undefined;
+                video?: string | undefined;
+                videoThumb?: string | undefined;
+                blur?: number | undefined;
+                brightness?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                position?: string | undefined;
+                blendMode?: string | undefined;
+            } | undefined;
+            color?: string | undefined;
+            opacity?: number | undefined;
+            blur?: number | undefined;
+            backgroundImage?: string | undefined;
+            shadowSize?: number | undefined;
+            shadowColor?: string | undefined;
+        } | undefined;
+        endContainer?: {
+            background?: {
+                bgType?: "image" | "color" | "video" | "none" | undefined;
+                color?: string | undefined;
+                image?: string | undefined;
+                video?: string | undefined;
+                videoThumb?: string | undefined;
+                blur?: number | undefined;
+                brightness?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                position?: string | undefined;
+                blendMode?: string | undefined;
+            } | undefined;
+            color?: string | undefined;
+            opacity?: number | undefined;
+            blur?: number | undefined;
+            backgroundImage?: string | undefined;
+            shadowSize?: number | undefined;
+            shadowColor?: string | undefined;
+        } | undefined;
+        startTheme?: Record<string, unknown> | undefined;
+        endTheme?: Record<string, unknown> | undefined;
+        startButtonFullWidth?: boolean | undefined;
+        slideDefaults?: Record<string, unknown> | undefined;
+        controlDefaults?: Record<string, Record<string, unknown>> | undefined;
         input?: {
             backgroundColor?: string | undefined;
             borderColor?: string | undefined;
+            fontFamily?: string | undefined;
         } | undefined;
         customCSS?: string | undefined;
+        tokens?: Record<string, string> | undefined;
     } | undefined;
     position?: {
         x: number;
         y: number;
     } | undefined;
 } | undefined;
+/**
+ * Имя слайда для списков и логики.
+ *
+ * `step.title` (имя слайда) и заголовок на самом слайде — разные строки, но
+ * называть слайд отдельно пользователь не обязан. Если имени нет, берём текст
+ * первого непустого Heading: для большинства слайдов заголовок и есть их
+ * фактическое имя.
+ *
+ * Возвращает `undefined`, если имени нет и вывести его неоткуда — вызывающий
+ * сам решает, чем заполнить (обычно `t('noName')` приглушённым цветом).
+ */
+export declare const getStepTitle: (step?: StepData) => string | undefined;
 export declare const DEFAULT_END_STEP_ID = "__end_step__";
 export declare const DEFAULT_START_STEP_ID = "__start_step__";
 export declare const getDefaultStartStep: (t: TFunction) => StepData;

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

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aACuB,CAAC;AAEtE,eAAO,MAAM,mBAAmB,iBAAiB,CAAC;AAClD,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,KAAG,QAkBlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,GAAG,SAAS,KAAG,QAoBhD,CAAC;AAEF,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,wBAAwB,0BAA0B,CAAC;AAChE,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAE5D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,yBAAyB,GAAI,GAAG,SAAS,WACE,CAAC;AAEzD,eAAO,MAAM,WAAW,cAAiC,CAAC;AAE1D,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,kBAAkB,MAAM,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aACuB,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,KAAG,MAAM,GAAG,SAYvD,CAAC;AAEF,eAAO,MAAM,mBAAmB,iBAAiB,CAAC;AAClD,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,KAAG,QAkBlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,GAAG,SAAS,KAAG,QAoBhD,CAAC;AAEF,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,wBAAwB,0BAA0B,CAAC;AAChE,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAE5D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,yBAAyB,GAAI,GAAG,SAAS,WACE,CAAC;AAEzD,eAAO,MAAM,WAAW,cAAiC,CAAC;AAE1D,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,kBAAkB,MAAM,CAAC"}

package/dist/components/FormViewer/helpers/steps.js

@@ -1,7 +1,15 @@
-import { randomId as o } from "@mantine/hooks";
-import { brand as r } from "../../../config/brand.js";
-const c = (t) => t.find((n) => n.isStart) || t.filter((n) => !n.isEnd).at(0), T = "__end_step__", s = "__start_step__", E = (t) => ({
-  id: s,
+import { randomId as i } from "@mantine/hooks";
+import { brand as s } from "../../../config/brand.js";
+const l = (t) => t.find((n) => n.isStart) || t.filter((n) => !n.isEnd).at(0), d = (t) => {
+  const n = t?.title?.trim();
+  if (n) return n;
+  for (const e of t?.controls ?? []) {
+    if (e.controlType !== "heading") continue;
+    const r = e.title?.trim();
+    if (r) return r;
+  }
+}, a = "__end_step__", c = "__start_step__", E = (t) => ({
+  id: c,
   trigger: "",
   isStart: !0,
   theme: {
@@ -11,46 +19,47 @@ const c = (t) => t.find((n) => n.isStart) || t.filter((n) => !n.isEnd).at(0), T
     {
       title: t("defaultStartStep.title", { ns: "forms" }),
       description: t("defaultStartStep.description", { ns: "forms" }),
-      id: e(),
+      id: o(),
       controlType: "start",
       buttonIcon: "i=player-play"
     }
   ]
 }), I = (t) => ({
-  id: e(),
+  id: o(),
   trigger: "",
   isEnd: !0,
   controls: [
     {
-      id: e(),
+      id: o(),
       title: t("defaultEndStep.title", { ns: "forms" }),
       description: t("defaultEndStep.description", { ns: "forms" }),
       controlType: "confirm",
       showButton: !0,
       buttonIcon: "i=square-check",
-      link: r.websiteUrl
+      link: s.websiteUrl
     }
   ],
   theme: {
     align: "center"
   }
-}), d = 0, D = 1, a = 9999, p = 99, l = "CREATE_CONDITION_FORM", O = "EDIT_CONDITION_FORM", S = 20, N = (t) => [1, 2, 3].map((n) => t("option") + " " + n).join(`
-`), e = () => o().split("-")[1], f = 100, u = 100;
+}), p = 0, D = 1, f = 9999, S = 99, u = "CREATE_CONDITION_FORM", O = "EDIT_CONDITION_FORM", m = 20, N = (t) => [1, 2, 3].map((n) => t("option") + " " + n).join(`
+`), o = () => i().split("-")[1], A = 100, g = 100;
 export {
-  l as CREATE_CONDITION_FORM_ID,
-  T as DEFAULT_END_STEP_ID,
-  a as DEFAULT_MAX,
-  f as DEFAULT_MEDIA_BRIGHTNESS,
-  u as DEFAULT_MEDIA_SIZE,
-  d as DEFAULT_MIN,
+  u as CREATE_CONDITION_FORM_ID,
+  a as DEFAULT_END_STEP_ID,
+  f as DEFAULT_MAX,
+  A as DEFAULT_MEDIA_BRIGHTNESS,
+  g as DEFAULT_MEDIA_SIZE,
+  p as DEFAULT_MIN,
   D as DEFAULT_OPTIONS_MIN,
-  p as DEFAULT_OPTION_MAX_LENGTH,
-  s as DEFAULT_START_STEP_ID,
+  S as DEFAULT_OPTION_MAX_LENGTH,
+  c as DEFAULT_START_STEP_ID,
   O as EDIT_CONDITION_FORM_ID,
-  S as MAX_OPTIONS_COUNT,
+  m as MAX_OPTIONS_COUNT,
   N as getDefaultDropdownOptions,
   I as getDefaultEndStep,
   E as getDefaultStartStep,
-  c as getFirstStep,
-  e as getRandomId
+  l as getFirstStep,
+  o as getRandomId,
+  d as getStepTitle
 };

package/dist/components/FormViewer/helpers/themeUtils.d.ts

@@ -1,3 +1,15 @@
 import { Align } from '../types/form';
 export declare const alignRelation: Record<Align, string>;
+/**
+ * Публичный путь, по которому раздаются картинки и видео тем.
+ *
+ * Живёт здесь, а не в `themeConfig`, потому что по нему же отличают медиа,
+ * доставшееся слайду от темы, от загруженного пользователем: `applyTheme`
+ * снимает тему в конфиг снимком, и в данных остаётся только URL — больше
+ * зацепиться не за что. Ради этого ассеты тем и лежат в `public` со стабильным
+ * путём, а не импортируются с хэшем в имени.
+ */
+export declare const FORM_THEME_ASSETS = "/images/form-themes";
+/** URL из ассетов темы, а не пользовательская загрузка. */
+export declare const isThemeAssetUrl: (url?: string) => boolean;
 //# sourceMappingURL=themeUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/themeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAI/C,CAAC"}
+{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/themeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAI/C,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD,2DAA2D;AAC3D,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,YACO,CAAC"}

package/dist/components/FormViewer/helpers/themeUtils.js

@@ -1,8 +1,10 @@
-const e = {
+const s = {
   start: "flex-start",
   center: "center",
   end: "flex-end"
-};
+}, t = "/images/form-themes", n = (e) => !!e?.startsWith(`${t}/`);
 export {
-  e as alignRelation
+  t as FORM_THEME_ASSETS,
+  s as alignRelation,
+  n as isThemeAssetUrl
 };

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

@@ -1 +1 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/validation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAEL,OAAO,EAKP,eAAe,EAOf,WAAW,EAGZ,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,aAAa;uBAIlB,OAAO,UAuDT,MAAM,2BA4GN,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,2BAyB6B,OAAO,2BASN,YAAY,EAAE;CAlJpE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC3B,OAAO,OAAO,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,EAAE,GAAG,SAAS,MACpE,GAAG,MAAM,kBAoBT,CAAC;AAuJJ,eAAO,MAAM,YAAY,GAAI,GAAG,MAAM,YACsB,CAAC;AAE7D,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,qBAQrC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,WAAW,MAAM,YAM3C,CAAC"}
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/validation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAEL,OAAO,EAKP,eAAe,EAQf,WAAW,EAGZ,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,aAAa;uBAIlB,OAAO,UA0DT,MAAM,2BAqHN,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,2BAyB6B,OAAO,2BASN,YAAY,EAAE;CA3JpE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC3B,OAAO,OAAO,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,EAAE,GAAG,SAAS,MACpE,GAAG,MAAM,kBAoBT,CAAC;AAgKJ,eAAO,MAAM,YAAY,GAAI,GAAG,MAAM,YACsB,CAAC;AAE7D,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,qBAQrC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,WAAW,MAAM,YAM3C,CAAC"}

package/dist/components/FormViewer/helpers/validation.js

@@ -1,40 +1,42 @@
 import { useCallback as s } from "react";
 import { useTranslation as u } from "react-i18next";
 import { isNumber as i, isNil as a } from "lodash-es";
-const D = () => {
+const U = () => {
   const { t: e } = u();
   return { getValidation: s(
     (r) => {
       if (r.controlType === "text")
         return o(r, e);
       if (r.controlType === "phone")
-        return f(r, e);
+        return m(r, e);
       if (r.controlType === "number")
         return l(r, e);
       if (r.controlType === "multipleChoice")
-        return R(r, e);
-      if (r.controlType === "pictureChoice")
         return h(r, e);
+      if (r.controlType === "pictureChoice")
+        return T(r, e);
       if (r.controlType === "choice")
-        return d(r, e);
+        return g(r, e);
       if (r.controlType === "upload")
-        return _(r, e);
+        return L(r, e);
       if (r.controlType === "email")
         return I(r, e);
       if (r.controlType === "yesNo")
-        return T(r, e);
+        return _(r, e);
       if (r.controlType === "date")
-        return c(r, e);
+        return R(r, e);
       if (r.controlType === "dropdown")
-        return g(r, e);
+        return c(r, e);
       if (r.controlType === "location")
-        return m(r, e);
+        return f(r, e);
       if (r.controlType === "longText")
         return o(r, e);
       if (r.controlType === "slider")
         return l(r, e);
       if (r.controlType === "rating")
         return E(r, e);
+      if (r.controlType === "scale")
+        return d(r, e);
     },
     [e]
   ) };
@@ -47,19 +49,19 @@ const D = () => {
     max: e.maxLength,
     ns: "forms"
   }) : null;
-}, m = (e, n) => (r) => {
+}, f = (e, n) => (r) => {
   const t = (r || "").trim();
   return e.required && !t.length ? n("errors.REQUIRED", { ns: "forms" }) : null;
-}, f = (e, n) => (r) => {
+}, m = (e, n) => (r) => {
   const t = (r || "").trim();
   return e.required && !t.length ? n("errors.REQUIRED", { ns: "forms" }) : t && !/^\+?\d{1,29}$/.test(t) ? n("errors.INVALID_PHONE", { ns: "forms" }) : null;
 }, I = (e, n) => (r) => {
   const t = (r || "").trim();
-  return e.required && !t.length ? n("errors.REQUIRED", { ns: "forms" }) : r && !L(r) ? n("errors.INVALID_EMAIL", { ns: "forms" }) : null;
-}, l = (e, n) => (r) => e.required && !i(r) ? n("errors.REQUIRED", { ns: "forms" }) : null, E = (e, n) => (r) => e.required && !i(r) ? n("errors.REQUIRED", { ns: "forms" }) : null, d = (e, n) => (r) => e.required && !r ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : null, g = (e, n) => (r) => e.required && !r ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : null, c = (e, n) => (r) => e.required && !r ? n("errors.REQUIRED", { ns: "forms" }) : null, R = (e, n) => (r) => e.required && !r.length ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : i(e.minOptions) && r.length < e.minOptions ? n("errors.MIN_CHOICE_LIMIT", {
+  return e.required && !t.length ? n("errors.REQUIRED", { ns: "forms" }) : r && !V(r) ? n("errors.INVALID_EMAIL", { ns: "forms" }) : null;
+}, l = (e, n) => (r) => e.required && !i(r) ? n("errors.REQUIRED", { ns: "forms" }) : null, E = (e, n) => (r) => e.required && !i(r) ? n("errors.REQUIRED", { ns: "forms" }) : null, d = (e, n) => (r) => e.required && !i(r) ? n("errors.REQUIRED", { ns: "forms" }) : null, g = (e, n) => (r) => e.required && !r ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : null, c = (e, n) => (r) => e.required && !r ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : null, R = (e, n) => (r) => e.required && !r ? n("errors.REQUIRED", { ns: "forms" }) : null, h = (e, n) => (r) => e.required && !r.length ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : i(e.minOptions) && r.length < e.minOptions ? n("errors.MIN_CHOICE_LIMIT", {
   count: e.minOptions - r.length,
   ns: "forms"
-}) : null, h = (e, n) => (r) => e.required && !r ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : null, T = (e, n) => (r) => e.required && a(r) ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : null, _ = (e, n) => (r) => e.required && !r.length ? n("errors.REQUIRED", { ns: "forms" }) : e.maxFiles && r.length > e.maxFiles ? n("errors.MAX_FILES_LIMIT", {
+}) : null, T = (e, n) => (r) => e.required && !r ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : null, _ = (e, n) => (r) => e.required && a(r) ? n("errors.CHOICE_REQUIRED", { ns: "forms" }) : null, L = (e, n) => (r) => e.required && !r.length ? n("errors.REQUIRED", { ns: "forms" }) : e.maxFiles && r.length > e.maxFiles ? n("errors.MAX_FILES_LIMIT", {
   count: e.maxFiles,
   ns: "forms"
 }) : e.minFiles && r.length < e.minFiles ? n("errors.MIN_FILES_LIMIT", {
@@ -68,7 +70,7 @@ const D = () => {
 }) : e.maxSize && r.some((t) => t.size > (e?.maxSize || 0)) ? n("errors.MAX_FILE_SIZE_LIMIT", {
   size: e.maxSize,
   ns: "forms"
-}) : null, L = (e) => /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(e), U = (e) => new Promise((n) => {
+}) : null, V = (e) => /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(e), q = (e) => new Promise((n) => {
   const r = new Image();
   r.src = e, r.onload = () => n(!0), r.onerror = () => n(!1);
 }), x = (e) => {
@@ -80,8 +82,8 @@ const D = () => {
 };
 export {
   o as getTextValidation,
-  U as isImageUrl,
-  L as isValidEmail,
+  q as isImageUrl,
+  V as isValidEmail,
   x as isValidUrl,
-  D as useValidation
+  U as useValidation
 };

package/dist/components/FormViewer/hooks/useActiveControl.d.ts

@@ -45,7 +45,6 @@ export declare const useActiveControl: () => {
     variableName?: string | undefined;
     minOptions?: number | undefined;
     maxOptions?: number | undefined;
-    showInput?: boolean | undefined;
     otherOption?: boolean | undefined;
 } | {
     id: string;
@@ -80,7 +79,6 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     required?: boolean | undefined;
-    showInput?: boolean | undefined;
     variableName?: string | undefined;
     otherOption?: boolean | undefined;
 } | {
@@ -96,7 +94,6 @@ export declare const useActiveControl: () => {
     icon?: string | undefined;
     required?: boolean | undefined;
     variableName?: string | undefined;
-    showInput?: boolean | undefined;
 } | {
     id: string;
     controlType: "upload";
@@ -181,27 +178,65 @@ export declare const useActiveControl: () => {
     label?: string | undefined;
 } | {
     id: string;
-    controlType: "button";
+    controlType: "rating";
     title?: string | undefined;
     description?: string | undefined;
-    label?: string | undefined;
-    link?: string | undefined;
-    showIconButton?: boolean | undefined;
-    buttonIcon?: string | undefined;
-    alignButton?: "start" | "center" | "end" | undefined;
-    buttons?: any[] | undefined;
-    orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-    width?: number | undefined;
-    enableTooltip?: boolean | undefined;
     required?: boolean | undefined;
-    fullWidthMobile?: boolean | undefined;
+    variableName?: string | undefined;
+    count?: number | undefined;
 } | {
     id: string;
-    controlType: "rating";
+    controlType: "scale";
     title?: string | undefined;
     description?: string | undefined;
+    icon?: string | undefined;
     required?: boolean | undefined;
     variableName?: string | undefined;
-    count?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    minLabel?: string | undefined;
+    maxLabel?: string | undefined;
+} | {
+    id: string;
+    controlType: "heading";
+    title?: string | undefined;
+    description?: string | undefined;
+    required?: boolean | undefined;
+    fontSize?: number | undefined;
+    align?: "start" | "center" | "end" | undefined;
+    color?: string | undefined;
+} | {
+    id: string;
+    controlType: "paragraph";
+    title?: string | undefined;
+    description?: string | undefined;
+    required?: boolean | undefined;
+    variant?: "paragraph" | "note" | "caption" | undefined;
+    fontSize?: number | undefined;
+    align?: "start" | "center" | "end" | undefined;
+    color?: string | undefined;
+    link?: string | undefined;
+} | {
+    id: string;
+    controlType: "image";
+    title?: string | undefined;
+    description?: string | undefined;
+    required?: boolean | undefined;
+    image?: string | undefined;
+    width?: "auto" | "50" | "75" | "100" | undefined;
+    align?: "start" | "center" | "end" | undefined;
+    radius?: number | undefined;
+    alt?: string | undefined;
+    link?: string | undefined;
+} | {
+    id: string;
+    controlType: "divider";
+    title?: string | undefined;
+    description?: string | undefined;
+    required?: boolean | undefined;
+    lineStyle?: "line" | "dashed" | "dots" | "space" | undefined;
+    thickness?: number | undefined;
+    space?: "s" | "m" | "l" | undefined;
+    color?: string | undefined;
 } | null;
 //# sourceMappingURL=useActiveControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useActiveControl.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useActiveControl.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAI5B,CAAC"}
+{"version":3,"file":"useActiveControl.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useActiveControl.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAI5B,CAAC"}