@layers-app/shared 0.2.8 → 0.3.1

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

@@ -1,7 +1,6 @@
 import { TFunction } from 'i18next';
 import { StepData } from '../types/form';
 export declare const getFirstStep: (steps: StepData[]) => {
-    trigger: string;
     id: string;
     controls: ({
         id: string;
@@ -14,33 +13,6 @@ export declare const getFirstStep: (steps: StepData[]) => {
         minLength?: number | undefined;
         maxLength?: number | undefined;
         variableName?: string | undefined;
-    } | {
-        id: string;
-        controlType: "longText";
-        title?: string | undefined;
-        description?: string | undefined;
-        icon?: string | undefined;
-        required?: boolean | undefined;
-        placeholder?: string | undefined;
-        minLength?: number | undefined;
-        maxLength?: number | undefined;
-        variableName?: string | undefined;
-    } | {
-        id: string;
-        controlType: "button";
-        title?: string | undefined;
-        description?: string | undefined;
-        required?: boolean | 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;
-        fullWidthMobile?: boolean | undefined;
     } | {
         id: string;
         controlType: "date";
@@ -54,72 +26,74 @@ export declare const getFirstStep: (steps: StepData[]) => {
         maxDate?: string | undefined;
     } | {
         id: string;
-        controlType: "start";
+        controlType: "number";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        label?: string | undefined;
-        showIconButton?: boolean | undefined;
-        buttonIcon?: string | undefined;
-        showButton?: boolean | undefined;
+        placeholder?: string | undefined;
+        variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
         id: string;
-        controlType: "confirm";
+        options: {
+            id: string;
+            label: string;
+        }[];
+        controlType: "multipleChoice";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
-        label?: string | undefined;
-        link?: string | undefined;
-        buttonIcon?: string | undefined;
-        showButton?: boolean | undefined;
+        variableName?: string | undefined;
+        minOptions?: number | undefined;
+        maxOptions?: number | undefined;
+        showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
     } | {
         id: string;
-        controlType: "number";
+        controlType: "slider";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        placeholder?: string | undefined;
         variableName?: string | undefined;
         min?: number | undefined;
         max?: number | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
         }[];
-        id: string;
-        controlType: "choice";
+        controlType: "dropdown";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
-        showInput?: boolean | undefined;
-        otherOption?: boolean | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
         }[];
-        id: string;
-        controlType: "multipleChoice";
+        controlType: "choice";
         title?: string | undefined;
         description?: string | undefined;
-        icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
-        minOptions?: number | undefined;
-        maxOptions?: number | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
             image?: string | undefined;
         }[];
-        id: string;
         controlType: "pictureChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -128,21 +102,21 @@ export declare const getFirstStep: (steps: StepData[]) => {
         variableName?: string | undefined;
         showInput?: boolean | undefined;
     } | {
-        options: {
-            id: string;
-            label: string;
-        }[];
         id: string;
-        controlType: "dropdown";
+        controlType: "upload";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        placeholder?: string | undefined;
         variableName?: string | undefined;
+        multiple?: boolean | undefined;
+        maxFiles?: number | undefined;
+        minFiles?: number | undefined;
+        accept?: string[] | undefined;
+        maxSize?: number | undefined;
     } | {
         id: string;
-        controlType: "email";
+        controlType: "location";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -151,7 +125,7 @@ export declare const getFirstStep: (steps: StepData[]) => {
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "location";
+        controlType: "phone";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -160,7 +134,7 @@ export declare const getFirstStep: (steps: StepData[]) => {
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "phone";
+        controlType: "email";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -169,37 +143,62 @@ export declare const getFirstStep: (steps: StepData[]) => {
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "slider";
+        controlType: "yesNo";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
+        yesLabel?: string | undefined;
+        noLabel?: string | undefined;
     } | {
         id: string;
-        controlType: "upload";
+        controlType: "longText";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
-        multiple?: boolean | undefined;
-        maxFiles?: number | undefined;
-        minFiles?: number | undefined;
-        accept?: string[] | undefined;
-        maxSize?: number | undefined;
     } | {
         id: string;
-        controlType: "yesNo";
+        controlType: "start";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        variableName?: string | undefined;
-        yesLabel?: string | undefined;
-        noLabel?: string | undefined;
+        label?: string | undefined;
+        showButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        showIconButton?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "confirm";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        label?: string | undefined;
+        showButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        link?: string | undefined;
+    } | {
+        id: string;
+        controlType: "button";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        label?: string | undefined;
+        buttonIcon?: string | undefined;
+        showIconButton?: boolean | undefined;
+        link?: string | undefined;
+        alignButton?: "start" | "center" | "end" | undefined;
+        buttons?: any[] | undefined;
+        orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        width?: number | undefined;
+        enableTooltip?: boolean | undefined;
+        fullWidthMobile?: boolean | undefined;
     } | {
         id: string;
         controlType: "rating";
@@ -209,14 +208,15 @@ export declare const getFirstStep: (steps: StepData[]) => {
         variableName?: string | undefined;
         count?: number | undefined;
     })[];
+    trigger: string;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
     autoSubmit?: boolean | undefined;
     confirmLabel?: string | undefined;
     media?: {
+        image?: string | undefined;
         layout?: "content" | "left" | "right" | "top" | "bottom" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | "background" | undefined;
         brightness?: number | undefined;
-        image?: string | undefined;
         video?: string | undefined;
         videoThumb?: string | undefined;
         color?: string | undefined;
@@ -224,22 +224,12 @@ export declare const getFirstStep: (steps: StepData[]) => {
         blur?: number | undefined;
     } | undefined;
     conditions?: {
+        trigger: string;
         controlId: string;
         operator: string;
-        trigger: string;
         compareValue?: string | undefined;
     }[] | undefined;
     theme?: {
-        background?: {
-            brightness?: number | undefined;
-            image?: string | undefined;
-            color?: string | undefined;
-            blur?: number | undefined;
-            opacity?: number | undefined;
-            fit?: string | undefined;
-            blendMode?: string | undefined;
-        } | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
         title?: {
             color?: string | undefined;
             fontSize?: number | undefined;
@@ -252,6 +242,16 @@ export declare const getFirstStep: (steps: StepData[]) => {
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
+        background?: {
+            image?: string | undefined;
+            brightness?: number | undefined;
+            color?: string | undefined;
+            blur?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
         align?: "start" | "center" | "end" | undefined;
         listStyle?: string | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;

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;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aACD,CAAC;AAE9C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aACD,CAAC;AAE9C,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,6 +1,7 @@
 import { randomId as o } from "@mantine/hooks";
-const _ = (t) => t.find((n) => n.isStart) || t.at(0), i = "__end_step__", r = "__start_step__", c = (t) => ({
-  id: r,
+import { brand as r } from "../../../config/brand.js";
+const c = (t) => t.find((n) => n.isStart) || t.at(0), T = "__end_step__", s = "__start_step__", I = (t) => ({
+  id: s,
   trigger: "",
   isStart: !0,
   theme: {
@@ -15,7 +16,7 @@ const _ = (t) => t.find((n) => n.isStart) || t.at(0), i = "__end_step__", r = "_
       buttonIcon: "i=player-play"
     }
   ]
-}), T = (t) => ({
+}), E = (t) => ({
   id: e(),
   trigger: "",
   isEnd: !0,
@@ -27,29 +28,29 @@ const _ = (t) => t.find((n) => n.isStart) || t.at(0), i = "__end_step__", r = "_
       controlType: "confirm",
       showButton: !0,
       buttonIcon: "i=square-check",
-      link: "https://layers.md/"
+      link: r.websiteUrl
     }
   ],
   theme: {
     align: "center"
   }
-}), I = 0, E = 1, D = 9999, a = 99, d = "CREATE_CONDITION_FORM", p = "EDIT_CONDITION_FORM", l = 20, O = (t) => [1, 2, 3].map((n) => t("option") + " " + n).join(`
-`), e = () => o().split("-")[1], S = 100, N = 100;
+}), D = 0, a = 1, d = 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], u = 100, A = 100;
 export {
-  d as CREATE_CONDITION_FORM_ID,
-  i as DEFAULT_END_STEP_ID,
-  D as DEFAULT_MAX,
-  S as DEFAULT_MEDIA_BRIGHTNESS,
-  N as DEFAULT_MEDIA_SIZE,
-  I as DEFAULT_MIN,
-  E as DEFAULT_OPTIONS_MIN,
-  a as DEFAULT_OPTION_MAX_LENGTH,
-  r as DEFAULT_START_STEP_ID,
-  p as EDIT_CONDITION_FORM_ID,
-  l as MAX_OPTIONS_COUNT,
-  O as getDefaultDropdownOptions,
-  T as getDefaultEndStep,
-  c as getDefaultStartStep,
-  _ as getFirstStep,
+  l as CREATE_CONDITION_FORM_ID,
+  T as DEFAULT_END_STEP_ID,
+  d as DEFAULT_MAX,
+  u as DEFAULT_MEDIA_BRIGHTNESS,
+  A as DEFAULT_MEDIA_SIZE,
+  D as DEFAULT_MIN,
+  a as DEFAULT_OPTIONS_MIN,
+  p as DEFAULT_OPTION_MAX_LENGTH,
+  s as DEFAULT_START_STEP_ID,
+  O as EDIT_CONDITION_FORM_ID,
+  S as MAX_OPTIONS_COUNT,
+  N as getDefaultDropdownOptions,
+  E as getDefaultEndStep,
+  I as getDefaultStartStep,
+  c as getFirstStep,
   e as getRandomId
 };

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

@@ -9,33 +9,6 @@ export declare const useActiveControl: () => {
     minLength?: number | undefined;
     maxLength?: number | undefined;
     variableName?: string | undefined;
-} | {
-    id: string;
-    controlType: "longText";
-    title?: string | undefined;
-    description?: string | undefined;
-    icon?: string | undefined;
-    required?: boolean | undefined;
-    placeholder?: string | undefined;
-    minLength?: number | undefined;
-    maxLength?: number | undefined;
-    variableName?: string | undefined;
-} | {
-    id: string;
-    controlType: "button";
-    title?: string | undefined;
-    description?: string | undefined;
-    required?: boolean | 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;
-    fullWidthMobile?: boolean | undefined;
 } | {
     id: string;
     controlType: "date";
@@ -49,72 +22,74 @@ export declare const useActiveControl: () => {
     maxDate?: string | undefined;
 } | {
     id: string;
-    controlType: "start";
+    controlType: "number";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
     required?: boolean | undefined;
-    label?: string | undefined;
-    showIconButton?: boolean | undefined;
-    buttonIcon?: string | undefined;
-    showButton?: boolean | undefined;
+    placeholder?: string | undefined;
+    variableName?: string | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
 } | {
     id: string;
-    controlType: "confirm";
+    options: {
+        id: string;
+        label: string;
+    }[];
+    controlType: "multipleChoice";
     title?: string | undefined;
     description?: string | undefined;
+    icon?: string | undefined;
     required?: boolean | undefined;
-    label?: string | undefined;
-    link?: string | undefined;
-    buttonIcon?: string | undefined;
-    showButton?: boolean | undefined;
+    variableName?: string | undefined;
+    minOptions?: number | undefined;
+    maxOptions?: number | undefined;
+    showInput?: boolean | undefined;
+    otherOption?: boolean | undefined;
 } | {
     id: string;
-    controlType: "number";
+    controlType: "slider";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
     required?: boolean | undefined;
-    placeholder?: string | undefined;
     variableName?: string | undefined;
     min?: number | undefined;
     max?: number | undefined;
 } | {
+    id: string;
     options: {
         id: string;
         label: string;
     }[];
-    id: string;
-    controlType: "choice";
+    controlType: "dropdown";
     title?: string | undefined;
     description?: string | undefined;
+    icon?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
     variableName?: string | undefined;
-    showInput?: boolean | undefined;
-    otherOption?: boolean | undefined;
 } | {
+    id: string;
     options: {
         id: string;
         label: string;
     }[];
-    id: string;
-    controlType: "multipleChoice";
+    controlType: "choice";
     title?: string | undefined;
     description?: string | undefined;
-    icon?: string | undefined;
     required?: boolean | undefined;
     variableName?: string | undefined;
     showInput?: boolean | undefined;
     otherOption?: boolean | undefined;
-    minOptions?: number | undefined;
-    maxOptions?: number | undefined;
 } | {
+    id: string;
     options: {
         id: string;
         label: string;
         image?: string | undefined;
     }[];
-    id: string;
     controlType: "pictureChoice";
     title?: string | undefined;
     description?: string | undefined;
@@ -123,21 +98,21 @@ export declare const useActiveControl: () => {
     variableName?: string | undefined;
     showInput?: boolean | undefined;
 } | {
-    options: {
-        id: string;
-        label: string;
-    }[];
     id: string;
-    controlType: "dropdown";
+    controlType: "upload";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
     required?: boolean | undefined;
-    placeholder?: string | undefined;
     variableName?: string | undefined;
+    multiple?: boolean | undefined;
+    maxFiles?: number | undefined;
+    minFiles?: number | undefined;
+    accept?: string[] | undefined;
+    maxSize?: number | undefined;
 } | {
     id: string;
-    controlType: "email";
+    controlType: "location";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
@@ -146,7 +121,7 @@ export declare const useActiveControl: () => {
     variableName?: string | undefined;
 } | {
     id: string;
-    controlType: "location";
+    controlType: "phone";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
@@ -155,7 +130,7 @@ export declare const useActiveControl: () => {
     variableName?: string | undefined;
 } | {
     id: string;
-    controlType: "phone";
+    controlType: "email";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
@@ -164,37 +139,62 @@ export declare const useActiveControl: () => {
     variableName?: string | undefined;
 } | {
     id: string;
-    controlType: "slider";
+    controlType: "yesNo";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
     required?: boolean | undefined;
     variableName?: string | undefined;
-    min?: number | undefined;
-    max?: number | undefined;
+    yesLabel?: string | undefined;
+    noLabel?: string | undefined;
 } | {
     id: string;
-    controlType: "upload";
+    controlType: "longText";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
     variableName?: string | undefined;
-    multiple?: boolean | undefined;
-    maxFiles?: number | undefined;
-    minFiles?: number | undefined;
-    accept?: string[] | undefined;
-    maxSize?: number | undefined;
 } | {
     id: string;
-    controlType: "yesNo";
+    controlType: "start";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
     required?: boolean | undefined;
-    variableName?: string | undefined;
-    yesLabel?: string | undefined;
-    noLabel?: string | undefined;
+    label?: string | undefined;
+    showButton?: boolean | undefined;
+    buttonIcon?: string | undefined;
+    showIconButton?: boolean | undefined;
+} | {
+    id: string;
+    controlType: "confirm";
+    title?: string | undefined;
+    description?: string | undefined;
+    required?: boolean | undefined;
+    label?: string | undefined;
+    showButton?: boolean | undefined;
+    buttonIcon?: string | undefined;
+    link?: string | undefined;
+} | {
+    id: string;
+    controlType: "button";
+    title?: string | undefined;
+    description?: string | undefined;
+    required?: boolean | undefined;
+    label?: string | undefined;
+    buttonIcon?: string | undefined;
+    showIconButton?: boolean | undefined;
+    link?: string | undefined;
+    alignButton?: "start" | "center" | "end" | undefined;
+    buttons?: any[] | undefined;
+    orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    width?: number | undefined;
+    enableTooltip?: boolean | undefined;
+    fullWidthMobile?: boolean | undefined;
 } | {
     id: string;
     controlType: "rating";