@segmentify/ui 0.0.49 → 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/campaign-title.d.ts

@@ -1,9 +1,9 @@
+import React from 'react';
 interface CampaignTitleProps {
-    label: string;
-    editLabel: string;
-    status: string;
-    statusMap: Record<string, string>;
-    campaignId: string;
+    label: React.ReactNode;
+    isEdit?: boolean;
+    campaignId?: string;
+    children?: React.ReactNode;
 }
-declare const CampaignTitle: ({ label, editLabel, status, statusMap, campaignId }: CampaignTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const CampaignTitle: ({ label, campaignId, isEdit, children }: CampaignTitleProps) => import("react/jsx-runtime").JSX.Element;
 export { CampaignTitle };

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

@@ -1,16 +1,12 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { labelVariants } from '../../lib/design-variants';
-export interface InputFieldProps {
+export interface InputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'label'> {
     name: string;
-    value: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder: string;
+    value?: string | number | readonly string[];
     label?: string;
     labelVariant?: VariantProps<typeof labelVariants>['variant'];
-    type?: React.HTMLInputTypeAttribute;
     description?: string;
-    className?: string;
     isReadOnly?: boolean;
     inputClassName?: string;
     hasRequiredIndicator?: boolean;

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

@@ -1,6 +1,6 @@
 import { Switch } from '../../components/atoms/switch';
 interface Props extends React.ComponentProps<typeof Switch> {
-    label: string;
+    label?: string;
     name: string;
 }
 export declare const SwitchField: ({ label, name, ...props }: Props) => import("react/jsx-runtime").JSX.Element;

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-input.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { ClassValue } from 'clsx';
-type Props<TFieldValues extends FieldValues = FieldValues> = {
+type Props<TFieldValues extends FieldValues = FieldValues> = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'defaultValue'> & {
     name: Path<TFieldValues>;
     label: string;
     placeholder?: string;
@@ -11,5 +12,5 @@ type Props<TFieldValues extends FieldValues = FieldValues> = {
     tooltipContent?: string;
     hasRequiredIndicator?: boolean;
 };
-export declare const FormInput: <TFieldValues extends FieldValues>({ label, containerClassName, inputClassName, name, description, placeholder, tooltipContent, hasRequiredIndicator, control, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormInput: <TFieldValues extends FieldValues>({ label, containerClassName, inputClassName, name, description, placeholder, tooltipContent, hasRequiredIndicator, control, type, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ClassValue } from 'clsx';
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
+import { SelectField } from '../../components/molecules/select-field';
+import type { SelectItemProps } from '../../lib/types';
+type SelectFieldRest = Omit<React.ComponentProps<typeof SelectField>, 'value' | 'onChange' | 'hasFormControlWrapper' | 'label' | 'labelClassName'>;
+type FormSelectProps<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
+    label: string;
+    options: SelectItemProps[];
+    placeholder: string;
+    control?: Control<TFieldValues>;
+    description?: string;
+    tooltipContent?: string;
+    hasRequiredIndicator?: boolean;
+    containerClassName?: ClassValue;
+} & SelectFieldRest;
+export declare const FormSelect: <TFieldValues extends FieldValues = FieldValues>({ name, label, options, placeholder, description, tooltipContent, hasRequiredIndicator, containerClassName, control, ...selectFieldProps }: FormSelectProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,9 +1,10 @@
 import { type Control, type FieldValues, type Path } from 'react-hook-form';
 type Props<TFieldValues extends FieldValues = FieldValues> = {
     name: Path<TFieldValues>;
-    label: string;
+    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/components/organisms/form-time-picker.d.ts

@@ -0,0 +1,22 @@
+/**
+ * TimePicker component for selecting time values in forms.
+ *
+ * @component
+ * @param {Object} props - The component props.
+ * @param {string} props.name - The name of the input field for form registration.
+ * @param {string} [props.label] - The label message ID for internationalization.
+ * @param {string} [props.description] - The description message ID for internationalization.
+ * @param {string} [props.containerClassName] - Additional CSS classes for the container.
+ * @param {number} [props.step=60] - The step interval in seconds for the time input.
+ * @returns {JSX.Element} The rendered TimePicker component.
+ */
+type FormTimePickerProps = {
+    name: string;
+    label?: string;
+    description?: string;
+    containerClassName?: string;
+    showErrorPlaceholder?: boolean;
+    step?: number;
+};
+export declare const FormTimePicker: ({ name, label, description, containerClassName, showErrorPlaceholder, step, }: FormTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.d.ts

@@ -30,8 +30,10 @@ 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';
 export { FormDatePicker } from './components/organisms/form-date-picker';
 export { FormFileUpload } from './components/organisms/form-file-upload';
 export { FormInput } from './components/organisms/form-input';
@@ -80,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';