@layers-app/shared 0.0.39-comments.2 → 0.0.39-froms-01

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type OneSlideLayoutProps = {
+    NoStepSlot: FC;
+    copyright?: string;
+};
+export declare const OneSlideLayout: ({ NoStepSlot, copyright, }: OneSlideLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+export declare const AddOptionButton: ({ onClick }: {
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { DateControl } from '../../types/form';
+export declare const DateField: ({ control }: {
+    control: DateControl;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { DragEndEvent } from '@dnd-kit/core';
+export declare const DragOptions: ({ options, onDragEnd, editable, isGrid, align, }: {
+    options?: {
+        id: string;
+        element: React.ReactNode;
+    }[];
+    onDragEnd?: (event: DragEndEvent) => void;
+    editable?: boolean;
+    isGrid?: boolean;
+    align?: "start" | "center" | "end";
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,5 @@
+export declare const EditableContent: ({ value, onChange, placeholder, }: {
+    placeholder?: string;
+    value?: string;
+    onChange?: (title: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { EmailControl } from '../../types/form';
+export declare const EmailField: ({ control }: {
+    control: EmailControl;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { LocationControl } from '../../types/form';
+export declare const LocationField: ({ control }: {
+    control: LocationControl;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { LongTextControl } from '../../types/form';
+export declare const LongTextField: ({ control }: {
+    control: LongTextControl;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { NumberControl } from '../../types/form';
+export declare const NumberField: ({ control }: {
+    control: NumberControl;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { PhoneControl } from '../../types/form';
+export declare const PhoneField: ({ control }: {
+    control: PhoneControl;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const ProgressLine: () => import("react/jsx-runtime").JSX.Element | null;

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

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

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

@@ -0,0 +1,21 @@
+import { PropsWithChildren } from 'react';
+import { PictureChoiceControlItem, StepData } from '../../../types/form';
+type PictureSelectableCardProps = {
+    label: string;
+    inputType?: 'radio' | 'checkbox';
+    hasInput?: boolean;
+    disabled?: boolean;
+    active?: boolean;
+    onClick: () => void;
+    image?: string;
+    onRemove?: () => void;
+    onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
+    step: StepData;
+};
+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 UploadOptionImageButton: ({ children, onUpdate, onRemove, hasImage, }: PropsWithChildren<{
+    onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
+    onRemove?: () => void;
+    hasImage?: boolean;
+}>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { StartControl } from '../../types/form';
+export declare const StartButton: ({ control, stepId, }: {
+    control: StartControl;
+    stepId: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,4 @@
+import { TextControl } from '../../types/form';
+export declare const TextField: ({ control }: {
+    control: TextControl;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,30 @@
+import { FileWithPath } from '@mantine/dropzone';
+import { StepData, UploadControl } from '../../../types/form';
+export type FileMeta = {
+    id: string;
+    originalFileName: string;
+    contentType: string;
+    fileSize: number;
+    storageType: string;
+    storagePath: string;
+    fileName: string;
+    parentType: string;
+    ownerId: string;
+    createdAt: string;
+    updatedAt: string;
+    version: number;
+    deleted: boolean;
+    deletedAt: string;
+};
+export type UploadFileData = {
+    id: string;
+    file: FileWithPath;
+    isError: boolean;
+    isLoading: boolean;
+    url?: FileMeta;
+    isSuccess: boolean;
+};
+export declare const UploadField: ({ control, step, }: {
+    control: UploadControl;
+    step: StepData;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ThemeData } from '../../../../types/form';
+import { UploadFileData } from '../UploadField';
+export declare const UploadFile: ({ file, id, onReload, theme, }: {
+    file: UploadFileData;
+    id: string;
+    onReload?: (fileData: UploadFileData) => void;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { YesNoControl } from '../../types/form';
+export declare const YesNoField: ({ control }: {
+    control: YesNoControl;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,281 @@
+import { UseFormReturnType } from '@mantine/form';
+import { StepsFormValues } from '../hooks/useCreateFormContext';
+import { ControlType, OperatorType, StepData } from '../types/form';
+export declare const getNextStep: (step: StepData, steps: StepData[], form: UseFormReturnType<StepsFormValues>) => {
+    id: string;
+    controls: ({
+        id: string;
+        controlType: "text";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "longText";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "button";
+        label?: string | undefined;
+        link?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        buttons?: any[] | undefined;
+        width?: number | undefined;
+        orientation?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        required?: boolean | undefined;
+        showIconButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        alignButton?: "center" | "end" | "start" | undefined;
+        enableTooltip?: boolean | undefined;
+        fullWidthMobile?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "date";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "start";
+        label?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        required?: boolean | undefined;
+        showIconButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        showButton?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "confirm";
+        label?: string | undefined;
+        link?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        showButton?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "number";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        options: {
+            label: string;
+            id: string;
+        }[];
+        controlType: "choice";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+        showInput?: boolean | undefined;
+    } | {
+        id: string;
+        options: {
+            label: string;
+            id: string;
+        }[];
+        controlType: "multipleChoice";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+        showInput?: boolean | undefined;
+        minOptions?: number | undefined;
+        maxOptions?: number | undefined;
+    } | {
+        id: string;
+        options: {
+            label: string;
+            id: string;
+            image?: string | undefined;
+        }[];
+        controlType: "pictureChoice";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+        showInput?: boolean | undefined;
+    } | {
+        id: string;
+        options: {
+            label: string;
+            id: string;
+        }[];
+        controlType: "dropdown";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "email";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "location";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "phone";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "slider";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "upload";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        multiple?: boolean | undefined;
+        accept?: string[] | undefined;
+        required?: boolean | undefined;
+        maxSize?: number | undefined;
+        maxFiles?: number | undefined;
+        variableName?: string | undefined;
+        minFiles?: number | undefined;
+    } | {
+        id: string;
+        controlType: "yesNo";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+        yesLabel?: string | undefined;
+        noLabel?: string | undefined;
+    } | {
+        id: string;
+        controlType: "rating";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        count?: number | undefined;
+        variableName?: string | undefined;
+    })[];
+    trigger: string;
+    media?: {
+        video?: string | undefined;
+        image?: string | undefined;
+        color?: string | undefined;
+        size?: number | undefined;
+        layout?: "content" | "top" | "left" | "bottom" | "right" | "background" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | undefined;
+        blur?: number | undefined;
+        brightness?: number | undefined;
+        videoThumb?: string | undefined;
+    } | undefined;
+    theme?: {
+        input?: {
+            backgroundColor?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        title?: {
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: string | undefined;
+        } | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        description?: {
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: string | undefined;
+        } | undefined;
+        align?: "center" | "end" | "start" | undefined;
+        background?: {
+            image?: string | undefined;
+            color?: string | undefined;
+            opacity?: number | undefined;
+            blur?: number | undefined;
+            brightness?: number | undefined;
+            fit?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        container?: {
+            color?: string | undefined;
+            opacity?: number | undefined;
+            backgroundImage?: string | undefined;
+            shadow?: {
+                color?: string | undefined;
+                size?: number | undefined;
+            } | undefined;
+            blur?: number | undefined;
+        } | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
+        font?: {
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: string | undefined;
+        } | undefined;
+        listStyle?: string | undefined;
+        primaryColor?: string | undefined;
+        customCSS?: string | undefined;
+    } | undefined;
+    confirmLabel?: string | undefined;
+    isStart?: boolean | undefined;
+    isEnd?: boolean | undefined;
+    autoSubmit?: boolean | undefined;
+    conditions?: {
+        operator: string;
+        trigger: string;
+        controlId: string;
+        compareValue?: string | undefined;
+    }[] | undefined;
+};
+export declare const operatorsRelation: Record<ControlType, OperatorType[]>;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { ControlType } from '../types/form';
+export declare const controlsDataMap: Record<ControlType, {
+    icon: ReactNode;
+    color: string;
+}>;

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

@@ -0,0 +1,11 @@
+/**
+ * Утилита для безопасного скопинга пользовательского CSS
+ */
+/**
+ * Добавляет префикс контейнера к CSS селекторам для изоляции стилей
+ *
+ * @param css - Пользовательский CSS
+ * @param containerId - ID контейнера для скопинга (например, "#forms-provider-abc123")
+ * @returns Scoped CSS с префиксами
+ */
+export declare const scopeCustomCss: (css: string, containerId: string) => string;