@segmentify/ui 0.0.50 → 0.0.52

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/dialog.d.ts

@@ -5,7 +5,7 @@ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogP
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, overlayClassName, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+declare function DialogContent({ className, children, showCloseButton, overlayClassName, ref, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
     overlayClassName?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -9,7 +9,7 @@ declare function SelectTrigger({ className, size, children, ...props }: React.Co
 type SelectContentProps = React.ComponentProps<typeof SelectPrimitive.Content> & {
     isPortal?: boolean;
 };
-declare function SelectContent({ className, children, position, isPortal, align, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, isPortal, align, style, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
 declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;

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/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/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/hooks/use-popup-layer-z-index.d.ts

@@ -0,0 +1 @@
+export declare const usePopupLayerZIndex: () => number | undefined;

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';

package/dist/lib/utils.d.ts

@@ -1,6 +1,8 @@
+import * as React from 'react';
 import { type ClassValue } from 'clsx';
 import { type FormatOptions } from 'date-fns';
 export declare function cn(...inputs: ClassValue[]): string;
+export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
 /**
  * Formats a Date object into a localized string using date-fns.
  * Falls back to formatting the current date if the provided date is invalid.

package/dist/providers/popup-layer-provider.d.ts

@@ -0,0 +1 @@
+export declare const PopupLayerContext: import("react").Context<number | undefined>;