@layers-app/shared 0.0.39-froms-01 → 0.0.40

package/dist/components/FormViewer/components/Container.d.ts

@@ -1,5 +1,5 @@
-import { StepData } from '../types/form';
-export declare const Container: import('react').MemoExoticComponent<({ children, step }: {
+import { ThemeData } from '../types/form';
+export declare const Container: import('react').MemoExoticComponent<({ children, theme }: {
     children: React.ReactNode;
-    step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/FormViewer/components/Step.d.ts

@@ -1,5 +1,6 @@
-import { MediaData, StepData } from '../types/form';
+import { MediaData, StepData, ThemeData } from '../types/form';
 export declare const getImageFilter: (v: MediaData | null | undefined) => string;
-export declare const Step: import('react').MemoExoticComponent<({ step }: {
+export declare const Step: import('react').MemoExoticComponent<({ step, theme }: {
     step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/FormViewer/components/StepDescription.d.ts

@@ -1,5 +1,6 @@
-import { Control, StepData } from '../types/form';
-export declare const StepDescription: ({ data, control, }: {
-    data: StepData;
+import { Control, ThemeData } from '../types/form';
+export declare const StepDescription: ({ originalStepId, control, theme, }: {
+    originalStepId: string;
     control: Control;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FormViewer/components/StepTitle.d.ts

@@ -1,5 +1,6 @@
-import { Control, StepData } from '../types/form';
-export declare const StepTitle: ({ data, control, }: {
-    data: StepData;
+import { Control, ThemeData } from '../types/form';
+export declare const StepTitle: ({ originalStepId, control, theme, }: {
+    originalStepId: string;
     control: Control;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
-import { ButtonControl, StepData } from '../../../types/form';
-export declare const ButtonField: ({ control, step, }: {
+import { ButtonControl, StepData, ThemeData } from '../../../types/form';
+export declare const ButtonField: ({ control, step, theme, }: {
     control: ButtonControl;
     step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/ButtonField/InnerButton.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties } from 'react';
-import { ButtonControl, StepData } from '../../../types/form';
-export declare const InnerButton: ({ buttonControl, control, step, wrapperStyle, }: {
+import { ButtonControl, StepData, ThemeData } from '../../../types/form';
+export declare const InnerButton: ({ buttonControl, control, step, wrapperStyle, theme, }: {
     buttonControl: ButtonControl;
     control?: ButtonControl;
     step: StepData;
     wrapperStyle?: CSSProperties;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ChoiceControlItem, StepData } from '../../../types/form';
+import { ChoiceControlItem, ThemeData } from '../../../types/form';
 export type ChoiceCardProps = {
     label: string;
     showInput?: boolean;
@@ -6,6 +6,6 @@ export type ChoiceCardProps = {
     onUpdate?: (v: Partial<ChoiceControlItem>) => void;
     onRemove?: () => void;
     controlId: string;
-    step: StepData;
+    theme?: ThemeData;
 };
-export declare const ChoiceCard: import('react').MemoExoticComponent<({ label, showInput, onUpdate, onRemove, controlId, id, step, }: ChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ChoiceCard: import('react').MemoExoticComponent<({ label, showInput, onUpdate, onRemove, controlId, id, theme, }: ChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -1,5 +1,6 @@
-import { ChoiceControl, StepData } from '../../../types/form';
-export declare const ChoiceField: ({ control, step, }: {
+import { ChoiceControl, StepData, ThemeData } from '../../../types/form';
+export declare const ChoiceField: ({ control, step, theme, }: {
     control: ChoiceControl;
     step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { PictureChoiceControlItem, StepData } from '../../../types/form';
+import { PictureChoiceControlItem, ThemeData } from '../../../types/form';
 export type PictureChoiceCardProps = {
     label: string;
     showInput?: boolean;
@@ -7,6 +7,6 @@ export type PictureChoiceCardProps = {
     image?: string;
     controlId: string;
     id: string;
-    step: StepData;
+    theme?: ThemeData;
 };
-export declare const PictureChoiceCard: import('react').MemoExoticComponent<({ label, showInput, onUpdate, onRemove, image, controlId, id, step, }: PictureChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const PictureChoiceCard: import('react').MemoExoticComponent<({ label, showInput, onUpdate, onRemove, image, controlId, id, theme, }: PictureChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -1,5 +1,6 @@
-import { PictureChoiceControl, StepData } from '../../../types/form';
-export declare const PictureChoiceField: ({ control, step, }: {
+import { PictureChoiceControl, StepData, ThemeData } from '../../../types/form';
+export declare const PictureChoiceField: ({ control, step, theme, }: {
     control: PictureChoiceControl;
     step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
-import { ConfirmControl, StepData } from '../../types/form';
-export declare const ConfirmButton: ({ step, control, }: {
+import { ConfirmControl, StepData, ThemeData } from '../../types/form';
+export declare const ConfirmButton: ({ step, control, theme, }: {
     step: StepData;
     control: ConfirmControl;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,6 @@
-import { ConfirmControl, StepData } from '../../types/form';
-export declare const ConfirmField: ({ control, step, }: {
+import { ConfirmControl, StepData, ThemeData } from '../../types/form';
+export declare const ConfirmField: ({ control, step, theme, }: {
     control: ConfirmControl;
     step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
-import { DropdownControl, StepData } from '../../../types/form';
-export declare const DropdownField: ({ control, step, }: {
+import { DropdownControl, StepData, ThemeData } from '../../../types/form';
+export declare const DropdownField: ({ control, step, theme, }: {
     control: DropdownControl;
     step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceCard.d.ts

@@ -1,4 +1,4 @@
-import { MultipleChoiceControlItem, StepData } from '../../../types/form';
+import { MultipleChoiceControlItem, ThemeData } from '../../../types/form';
 export type OptionCardProps = {
     label: string;
     showInput?: boolean;
@@ -7,6 +7,6 @@ export type OptionCardProps = {
     onUpdate?: (v: Partial<MultipleChoiceControlItem>) => void;
     onRemove?: () => void;
     controlId: string;
-    step: StepData;
+    theme?: ThemeData;
 };
-export declare const MultipleChoiceCard: import('react').MemoExoticComponent<({ label, showInput, maxOptions, onUpdate, onRemove, controlId, id, step, }: OptionCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MultipleChoiceCard: import('react').MemoExoticComponent<({ label, showInput, maxOptions, onUpdate, onRemove, controlId, id, theme, }: OptionCardProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceField.d.ts

@@ -1,5 +1,6 @@
-import { MultipleChoiceControl, StepData } from '../../../types/form';
-export declare const MultipleChoiceField: ({ control, step, }: {
+import { MultipleChoiceControl, StepData, ThemeData } from '../../../types/form';
+export declare const MultipleChoiceField: ({ control, step, theme, }: {
     control: MultipleChoiceControl;
     step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { RatingControl, StepData } from '../../types/form';
-export declare const RatingField: ({ control, step, }: {
+import { RatingControl, ThemeData } from '../../types/form';
+export declare const RatingField: ({ control, theme, }: {
     control: RatingControl;
-    step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { PictureChoiceControlItem, StepData } from '../../../types/form';
+import { PictureChoiceControlItem, ThemeData } from '../../../types/form';
 type PictureSelectableCardProps = {
     label: string;
     inputType?: 'radio' | 'checkbox';
@@ -10,9 +10,9 @@ type PictureSelectableCardProps = {
     image?: string;
     onRemove?: () => void;
     onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
-    step: StepData;
+    theme?: ThemeData;
 };
-export declare const PictureSelectableCard: import('react').MemoExoticComponent<({ label, active, disabled, hasInput, image, onClick, inputType, onUpdate, onRemove, step, }: PictureSelectableCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const PictureSelectableCard: import('react').MemoExoticComponent<({ label, active, disabled, hasInput, image, onClick, inputType, onUpdate, onRemove, theme, }: PictureSelectableCardProps) => import("react/jsx-runtime").JSX.Element>;
 export declare const UploadOptionImageButton: ({ children, onUpdate, onRemove, hasImage, }: PropsWithChildren<{
     onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
     onRemove?: () => void;

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

@@ -1,4 +1,4 @@
-import { ChoiceControlItem, StepData } from '../../../types/form';
+import { ChoiceControlItem, ThemeData } from '../../../types/form';
 type SelectableCardProps = {
     label: string;
     inputType?: 'radio' | 'checkbox';
@@ -8,7 +8,7 @@ type SelectableCardProps = {
     onClick: () => void;
     onRemove?: () => void;
     onUpdate?: (v: Partial<ChoiceControlItem>) => void;
-    step: StepData;
+    theme?: ThemeData;
 };
-export declare const SelectableCard: import('react').MemoExoticComponent<({ label, active, disabled, hasInput, onClick, inputType, onUpdate, onRemove, step, }: SelectableCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const SelectableCard: import('react').MemoExoticComponent<({ label, active, disabled, hasInput, onClick, inputType, onUpdate, onRemove, theme, }: SelectableCardProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -1,5 +1,5 @@
-import { SliderControl, StepData } from '../../types/form';
-export declare const SliderField: ({ control, step, }: {
+import { SliderControl, ThemeData } from '../../types/form';
+export declare const SliderField: ({ control, theme, }: {
     control: SliderControl;
-    step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
-import { StartControl, StepData } from '../../types/form';
-export declare const StartField: ({ control, step, }: {
+import { StartControl, StepData, ThemeData } from '../../types/form';
+export declare const StartField: ({ control, step, theme, }: {
     control: StartControl;
     step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,5 @@
 import { FileWithPath } from '@mantine/dropzone';
-import { StepData, UploadControl } from '../../../types/form';
+import { ThemeData, UploadControl } from '../../../types/form';
 export type FileMeta = {
     id: string;
     originalFileName: string;
@@ -24,7 +24,7 @@ export type UploadFileData = {
     url?: FileMeta;
     isSuccess: boolean;
 };
-export declare const UploadField: ({ control, step, }: {
+export declare const UploadField: ({ control, theme, }: {
     control: UploadControl;
-    step: StepData;
+    theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/constants/defaultTheme.d.ts

@@ -0,0 +1,2 @@
+import { RequiredThemeData } from '../types/form';
+export declare const DEFAULT_THEME: RequiredThemeData;

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

@@ -96,6 +96,7 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
     } | {
         id: string;
         options: {
@@ -109,6 +110,7 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
         minOptions?: number | undefined;
         maxOptions?: number | undefined;
     } | {
@@ -208,6 +210,10 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         variableName?: string | undefined;
     })[];
     trigger: string;
+    position?: {
+        x: number;
+        y: number;
+    } | undefined;
     media?: {
         video?: string | undefined;
         image?: string | undefined;
@@ -250,11 +256,9 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
             color?: string | undefined;
             opacity?: number | undefined;
             backgroundImage?: string | undefined;
-            shadow?: {
-                color?: string | undefined;
-                size?: number | undefined;
-            } | undefined;
             blur?: number | undefined;
+            shadowSize?: number | undefined;
+            shadowColor?: string | undefined;
         } | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
@@ -267,10 +271,10 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         primaryColor?: string | undefined;
         customCSS?: string | undefined;
     } | undefined;
-    confirmLabel?: string | undefined;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
     autoSubmit?: boolean | undefined;
+    confirmLabel?: string | undefined;
     conditions?: {
         operator: string;
         trigger: string;

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

@@ -95,6 +95,7 @@ export declare const sortSteps: (steps: StepData[]) => {
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
     } | {
         id: string;
         options: {
@@ -108,6 +109,7 @@ export declare const sortSteps: (steps: StepData[]) => {
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
         minOptions?: number | undefined;
         maxOptions?: number | undefined;
     } | {
@@ -207,6 +209,10 @@ export declare const sortSteps: (steps: StepData[]) => {
         variableName?: string | undefined;
     })[];
     trigger: string;
+    position?: {
+        x: number;
+        y: number;
+    } | undefined;
     media?: {
         video?: string | undefined;
         image?: string | undefined;
@@ -249,11 +255,9 @@ export declare const sortSteps: (steps: StepData[]) => {
             color?: string | undefined;
             opacity?: number | undefined;
             backgroundImage?: string | undefined;
-            shadow?: {
-                color?: string | undefined;
-                size?: number | undefined;
-            } | undefined;
             blur?: number | undefined;
+            shadowSize?: number | undefined;
+            shadowColor?: string | undefined;
         } | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
@@ -266,10 +270,10 @@ export declare const sortSteps: (steps: StepData[]) => {
         primaryColor?: string | undefined;
         customCSS?: string | undefined;
     } | undefined;
-    confirmLabel?: string | undefined;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
     autoSubmit?: boolean | undefined;
+    confirmLabel?: string | undefined;
     conditions?: {
         operator: string;
         trigger: string;

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

@@ -95,6 +95,7 @@ export declare const getFirstStep: (steps: StepData[]) => {
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
     } | {
         id: string;
         options: {
@@ -108,6 +109,7 @@ export declare const getFirstStep: (steps: StepData[]) => {
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
         minOptions?: number | undefined;
         maxOptions?: number | undefined;
     } | {
@@ -207,6 +209,10 @@ export declare const getFirstStep: (steps: StepData[]) => {
         variableName?: string | undefined;
     })[];
     trigger: string;
+    position?: {
+        x: number;
+        y: number;
+    } | undefined;
     media?: {
         video?: string | undefined;
         image?: string | undefined;
@@ -249,11 +255,9 @@ export declare const getFirstStep: (steps: StepData[]) => {
             color?: string | undefined;
             opacity?: number | undefined;
             backgroundImage?: string | undefined;
-            shadow?: {
-                color?: string | undefined;
-                size?: number | undefined;
-            } | undefined;
             blur?: number | undefined;
+            shadowSize?: number | undefined;
+            shadowColor?: string | undefined;
         } | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
@@ -266,10 +270,10 @@ export declare const getFirstStep: (steps: StepData[]) => {
         primaryColor?: string | undefined;
         customCSS?: string | undefined;
     } | undefined;
-    confirmLabel?: string | undefined;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
     autoSubmit?: boolean | undefined;
+    confirmLabel?: string | undefined;
     conditions?: {
         operator: string;
         trigger: string;

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

@@ -91,6 +91,7 @@ export declare const useActiveControl: () => {
     required?: boolean | undefined;
     variableName?: string | undefined;
     showInput?: boolean | undefined;
+    otherOption?: boolean | undefined;
 } | {
     id: string;
     options: {
@@ -104,6 +105,7 @@ export declare const useActiveControl: () => {
     required?: boolean | undefined;
     variableName?: string | undefined;
     showInput?: boolean | undefined;
+    otherOption?: boolean | undefined;
     minOptions?: number | undefined;
     maxOptions?: number | undefined;
 } | {

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

@@ -93,6 +93,7 @@ export declare const useActiveStep: () => {
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
     } | {
         id: string;
         options: {
@@ -106,6 +107,7 @@ export declare const useActiveStep: () => {
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
         minOptions?: number | undefined;
         maxOptions?: number | undefined;
     } | {
@@ -205,6 +207,10 @@ export declare const useActiveStep: () => {
         variableName?: string | undefined;
     })[];
     trigger: string;
+    position?: {
+        x: number;
+        y: number;
+    } | undefined;
     media?: {
         video?: string | undefined;
         image?: string | undefined;
@@ -247,11 +253,9 @@ export declare const useActiveStep: () => {
             color?: string | undefined;
             opacity?: number | undefined;
             backgroundImage?: string | undefined;
-            shadow?: {
-                color?: string | undefined;
-                size?: number | undefined;
-            } | undefined;
             blur?: number | undefined;
+            shadowSize?: number | undefined;
+            shadowColor?: string | undefined;
         } | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
@@ -264,10 +268,10 @@ export declare const useActiveStep: () => {
         primaryColor?: string | undefined;
         customCSS?: string | undefined;
     } | undefined;
-    confirmLabel?: string | undefined;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
     autoSubmit?: boolean | undefined;
+    confirmLabel?: string | undefined;
     conditions?: {
         operator: string;
         trigger: string;