npm - @layers-app/shared - Versions diffs - 0.2.8 → 0.3.1 - Mend

@layers-app/shared 0.2.8 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/dist/components/FormViewer/store/formStoreApi.d.ts CHANGED Viewed

@@ -31,16 +31,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
     scrollToControl: (controlId: string) => void;
     getConfig: () => Required<{
         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;
@@ -53,6 +43,16 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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;
@@ -78,7 +78,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
             customCSS?: string | undefined;
         } | undefined;
         steps?: {
-            trigger: string;
             id: string;
             controls: ({
                 id: string;
@@ -91,33 +90,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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";
@@ -131,72 +103,74 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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;
@@ -205,21 +179,21 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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;
@@ -228,7 +202,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 variableName?: string | undefined;
             } | {
                 id: string;
-                controlType: "location";
+                controlType: "phone";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -237,7 +211,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 variableName?: string | undefined;
             } | {
                 id: string;
-                controlType: "phone";
+                controlType: "email";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -246,37 +220,62 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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";
@@ -286,14 +285,15 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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;
@@ -301,22 +301,12 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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;
@@ -329,6 +319,16 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                     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;
@@ -359,7 +359,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
             } | undefined;
         }[] | undefined;
         listStep?: {
-            trigger: string;
             id: string;
             controls: ({
                 id: string;
@@ -372,33 +371,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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";
@@ -412,72 +384,74 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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;
@@ -486,21 +460,21 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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;
@@ -509,7 +483,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 variableName?: string | undefined;
             } | {
                 id: string;
-                controlType: "location";
+                controlType: "phone";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -518,7 +492,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 variableName?: string | undefined;
             } | {
                 id: string;
-                controlType: "phone";
+                controlType: "email";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -527,37 +501,62 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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";
@@ -567,14 +566,15 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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;
@@ -582,22 +582,12 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 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;
@@ -610,6 +600,16 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                     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;