@segmentify/ui 0.0.50 → 0.0.51

package/dist/components/atoms/accordion.d.ts

@@ -3,5 +3,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, wrapperClassName, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content> & {
+    wrapperClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/atoms/iphone-15.d.ts

@@ -0,0 +1,2 @@
+import { type PropsWithChildren } from 'react';
+export declare const Iphone15: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/preview-single-button.d.ts

@@ -0,0 +1,6 @@
+import { type PropsWithChildren } from 'react';
+type PreviewSingleButtonProps = {
+    className?: string;
+};
+export declare const PreviewSingleButton: ({ children, className }: PropsWithChildren<PreviewSingleButtonProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/confirmation-dialog.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from '../../lib/design-variants';
+import type { Union } from 'ts-toolbelt';
+type BaseProps = {
+    title: string;
+    description: string;
+    onAction: () => void;
+    children?: React.ReactNode;
+    cancelLabel: string;
+    actionLabel: string;
+    actionVariant?: VariantProps<typeof buttonVariants>['variant'];
+};
+type ControlledProps = BaseProps & {
+    controlled: true;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+type UncontrolledProps = BaseProps & {
+    controlled?: false;
+};
+type Props = Union.Strict<ControlledProps | UncontrolledProps>;
+export declare const ConfirmationDialog: ({ title, description, onAction, children, cancelLabel, actionLabel, actionVariant, open, setOpen, controlled, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/form-checkbox.d.ts

@@ -0,0 +1,9 @@
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
+type FormCheckboxProps<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
+    control?: Control<TFieldValues>;
+    label: string;
+    containerClassName?: string;
+};
+export declare const FormCheckbox: <TFieldValues extends FieldValues = FieldValues>({ name, control, containerClassName, ...props }: FormCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/preview-sms.d.ts

@@ -0,0 +1,5 @@
+import { MessagingPhoneProps } from '../../types/messaging';
+export declare const PreviewSMS: {
+    ({ messageData }: MessagingPhoneProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/components/molecules/recommendation-card/components/recommendation-filters-button.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+interface RecommendationFiltersButtonProps {
+    onClick: () => void;
+    icon: ReactNode;
+    label: ReactNode;
+    isInclusion?: boolean;
+}
+export declare const RecommendationFiltersButton: React.FC<RecommendationFiltersButtonProps>;
+export {};

package/dist/components/molecules/recommendation-card/components/selected-algorithms.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FieldValues } from 'react-hook-form';
+import { SharedAlgorithmProps, RecommendationCardConfig } from '../types';
+interface SelectedAlgorithmsProps<TFieldValues extends FieldValues = FieldValues> extends SharedAlgorithmProps<TFieldValues> {
+    update: (index: number, value: unknown) => void;
+    swap: (index1: number, index2: number) => void;
+    remove: (index: number) => void;
+    move: (from: number, to: number) => void;
+    config?: RecommendationCardConfig;
+}
+export declare const SelectedAlgorithms: React.FC<SelectedAlgorithmsProps>;
+export {};

package/dist/components/molecules/recommendation-card/index.d.ts

@@ -0,0 +1,2 @@
+import { RecommendationCardProps } from './types';
+export declare const RecommendationCard: <TFieldValues extends Record<string, unknown> = Record<string, unknown>>({ ...props }: RecommendationCardProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/recommendation-card/types/index.d.ts

@@ -0,0 +1,82 @@
+import { ReactNode } from 'react';
+import { ArrayPath, Control, FieldValues, UseFieldArrayReturn } from 'react-hook-form';
+export type AlgorithmType = 'INTELLIGENT' | 'STATIC';
+export type FilterType = 'exclude' | 'include';
+export declare const STATIC_ALGORITHM_TYPE: {
+    readonly PRODUCT: "PRODUCT";
+};
+export interface IntelligentAlgorithmOption {
+    id: string;
+    icon?: ReactNode;
+    description?: ReactNode;
+    label: string;
+    value: string;
+    desktopProductCount?: number;
+    mobileProductCount?: number;
+    timeFrame?: string;
+    isTimeFrameDisabled?: boolean;
+    isOptionsDisabled?: boolean;
+    suitablePages?: string[];
+    [key: string]: unknown;
+}
+export interface StaticAlgorithmOption {
+    key: string;
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+    [key: string]: unknown;
+}
+export interface EmailAlgorithmConfig {
+    isMultiSelect?: boolean;
+    uniqueItems?: boolean;
+    isIntelligentDisabled?: boolean;
+    isStaticDisabled?: boolean;
+    [key: string]: unknown;
+}
+export interface RecommendationCardConfig {
+    isRecommendation?: boolean;
+    isEmail?: boolean;
+    isWhatsapp?: boolean;
+    isSearch?: boolean;
+    isPromotion?: boolean;
+    isKeyword?: boolean;
+    showShuffleProducts?: boolean;
+    showRecommendOtherCategories?: boolean;
+    showShufflePromotions?: boolean;
+}
+export interface SharedAlgorithmProps<TFieldValues extends FieldValues = FieldValues> {
+    control: Control<TFieldValues>;
+    fields: Record<string, unknown>[];
+    intelligentAlgorithms: IntelligentAlgorithmOption[];
+    staticAlgorithms?: Record<string, StaticAlgorithmOption>;
+    emailAlgorithmConfig?: EmailAlgorithmConfig;
+}
+export interface RecommendationCardProps<TFieldValues extends FieldValues = FieldValues> {
+    control: Control<TFieldValues>;
+    fieldArray: UseFieldArrayReturn<TFieldValues, ArrayPath<TFieldValues>, 'id'>;
+    intelligentAlgorithms: IntelligentAlgorithmOption[];
+    staticAlgorithms?: Record<string, StaticAlgorithmOption>;
+    emailAlgorithmConfig?: EmailAlgorithmConfig;
+    labels?: {
+        title?: ReactNode;
+        description?: ReactNode;
+        shuffleProducts?: string;
+        recommendOtherCategories?: string;
+        shufflePromotions?: string;
+        exclusionFilters?: ReactNode;
+        inclusionFilters?: ReactNode;
+    };
+    config?: RecommendationCardConfig;
+    onFiltersToggle?: (type: FilterType, isOpen: boolean) => void;
+    renderFilters?: (type: FilterType) => ReactNode;
+    renderAlgorithmModals?: (props: SharedAlgorithmProps<TFieldValues> & {
+        append: UseFieldArrayReturn<TFieldValues, ArrayPath<TFieldValues>, 'id'>['append'];
+    }) => ReactNode;
+    renderSelectedAlgorithms?: (props: SharedAlgorithmProps<TFieldValues> & {
+        update: UseFieldArrayReturn<TFieldValues, ArrayPath<TFieldValues>, 'id'>['update'];
+        move: (from: number, to: number) => void;
+        swap: (index1: number, index2: number) => void;
+        remove: (index: number) => void;
+        config?: RecommendationCardConfig;
+    }) => ReactNode;
+}

package/dist/components/molecules/whatsapp-message.d.ts

@@ -0,0 +1,15 @@
+import { type PropsWithChildren } from 'react';
+type WhatsappMessageProps = {
+    cards?: {
+        image?: string;
+        title?: string;
+        content?: string;
+        buttons: {
+            text?: string;
+            yupButtonsText?: string;
+        }[];
+    }[];
+    includeTime?: boolean;
+};
+export declare const WhatsappMessage: ({ children, cards, includeTime }: PropsWithChildren<WhatsappMessageProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/organisms/form-checkbox.d.ts

@@ -4,6 +4,7 @@ type FormCheckboxProps<TFieldValues extends FieldValues = FieldValues> = {
     control?: Control<TFieldValues>;
     label: string;
     formClassName?: string;
+    containerClassName?: string;
 };
 export declare const FormCheckbox: <TFieldValues extends FieldValues = FieldValues>({ name, control, formClassName, ...props }: FormCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-switch.d.ts

@@ -4,6 +4,7 @@ type Props<TFieldValues extends FieldValues = FieldValues> = {
     label?: string;
     control?: Control<TFieldValues>;
     description?: string;
+    className?: string;
 };
-export declare const FormSwitch: <TFieldValues extends FieldValues = FieldValues>({ name, label, description, control, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSwitch: <TFieldValues extends FieldValues = FieldValues>({ name, label, description, control, className, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -30,7 +30,7 @@ export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyCont
 export { ErrorMessage } from './components/atoms/error-message';
 export { FieldDescription } from './components/atoms/field-description';
 export { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from './components/atoms/form';
-export { FormCheckbox } from './components/organisms/form-checkbox';
+export { FormCheckbox } from './components/molecules/form-checkbox';
 export { FormCombobox } from './components/organisms/form-combobox';
 export { FormSelect } from './components/organisms/form-select';
 export { FormTimePicker } from './components/organisms/form-time-picker';
@@ -82,6 +82,8 @@ export { TextAreaField } from './components/molecules/textarea-field';
 export { Timeline, type IconConfig, type TimelineItem, type TimelineProps } from './components/organisms/timeline';
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/atoms/tooltip';
 export { TooltipField } from './components/molecules/tooltip-field';
+export { RecommendationCard } from './components/molecules/recommendation-card';
+export type { RecommendationCardProps, IntelligentAlgorithmOption, StaticAlgorithmOption, EmailAlgorithmConfig, AlgorithmType, FilterType, RecommendationCardConfig, } from './components/molecules/recommendation-card/types';
 export { QuillEditor } from './components/atoms/quill-editor';
 export { DataTable, type ColumnDef, type Column } from './components/organisms/data-table';
 export type { ActionItem, ActionsProps, RenderRowSubComponentProps } from './components/organisms/data-table';