@segmentify/ui 0.0.47 → 0.0.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ export declare const Iphone15: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ export interface PhonePreviewProps extends PropsWithChildren {
3
+ className?: string;
4
+ }
5
+ export declare const PhonePreview: ({ children, className }: PhonePreviewProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ type PreviewSingleButtonProps = {
3
+ className?: string;
4
+ };
5
+ export declare const PreviewSingleButton: ({ children, className }: PropsWithChildren<PreviewSingleButtonProps>) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import type { VariantProps } from 'class-variance-authority';
3
+ import { buttonVariants } from '../../lib/design-variants';
4
+ import type { Union } from 'ts-toolbelt';
5
+ type BaseProps = {
6
+ title: string;
7
+ description: string;
8
+ onAction: () => void;
9
+ children?: React.ReactNode;
10
+ cancelLabel: string;
11
+ actionLabel: string;
12
+ actionVariant?: VariantProps<typeof buttonVariants>['variant'];
13
+ };
14
+ type ControlledProps = BaseProps & {
15
+ controlled: true;
16
+ open: boolean;
17
+ setOpen: (open: boolean) => void;
18
+ };
19
+ type UncontrolledProps = BaseProps & {
20
+ controlled?: false;
21
+ };
22
+ type Props = Union.Strict<ControlledProps | UncontrolledProps>;
23
+ export declare const ConfirmationDialog: ({ title, description, onAction, children, cancelLabel, actionLabel, actionVariant, open, setOpen, controlled, }: Props) => import("react/jsx-runtime").JSX.Element;
24
+ export {};
@@ -0,0 +1,2 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const MessagingPhone: (props: MessagingPhoneProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const MessagingPreview: {
3
+ (props: MessagingPhoneProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -0,0 +1,8 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ import { MessageCarouselCard } from '../../types/messaging';
3
+ type MobilePreviewMessageProps = {
4
+ cards?: MessageCarouselCard[];
5
+ includeTime?: boolean;
6
+ };
7
+ export declare const MobilePreviewMessage: ({ children, cards, includeTime, }: PropsWithChildren<MobilePreviewMessageProps>) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,2 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const PreviewCarousel: ({ body, carousel }: MessagingPhoneProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const PreviewRichMedia: {
3
+ ({ header, body, footer, buttons }: MessagingPhoneProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -0,0 +1,5 @@
1
+ import { MessagingPhoneProps } from '../../types/messaging';
2
+ export declare const PreviewSMS: {
3
+ ({ messageData }: MessagingPhoneProps): import("react/jsx-runtime").JSX.Element | null;
4
+ displayName: string;
5
+ };
@@ -0,0 +1,15 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ type WhatsappMessageProps = {
3
+ cards?: {
4
+ image?: string;
5
+ title?: string;
6
+ content?: string;
7
+ buttons: {
8
+ text?: string;
9
+ yupButtonsText?: string;
10
+ }[];
11
+ }[];
12
+ includeTime?: boolean;
13
+ };
14
+ export declare const WhatsappMessage: ({ children, cards, includeTime }: PropsWithChildren<WhatsappMessageProps>) => import("react/jsx-runtime").JSX.Element;
15
+ export {};
package/dist/index.d.ts CHANGED
@@ -45,14 +45,21 @@ export { Icon } from './components/atoms/icon';
45
45
  export { Input } from './components/atoms/input';
46
46
  export { InputField } from './components/molecules/input-field';
47
47
  export { InputOTP } from './components/atoms/input-otp';
48
+ export { PhonePreview } from './components/atoms/phone-preview';
48
49
  export { Kbd, KbdGroup } from './components/atoms/kbd';
49
50
  export { Label } from './components/atoms/label';
51
+ export { MessagingPhone } from './components/molecules/messaging-phone';
52
+ export * from './types/messaging';
50
53
  export { MultiSelectDropdown } from './components/molecules/multi-select-dropdown';
51
54
  export { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from './components/atoms/native-select';
52
55
  export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './components/atoms/pagination';
53
56
  export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './components/atoms/popover';
57
+ export { PreviewCarousel } from './components/molecules/preview-carousel';
58
+ export { PreviewRichMedia } from './components/molecules/preview-rich-media';
59
+ export { MessagingPreview } from './components/molecules/messaging-preview';
54
60
  export { RadioGroup, RadioGroupItem } from './components/atoms/radio-group';
55
61
  export { ScrollArea, ScrollBar } from './components/atoms/scroll-area';
62
+ export { MobilePreviewMessage } from './components/molecules/mobile-preview-message';
56
63
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './components/atoms/select';
57
64
  export { SelectField } from './components/molecules/select-field';
58
65
  export { Separator } from './components/atoms/separator';
@@ -1,6 +1,6 @@
1
1
  export declare const buttonVariants: (props?: ({
2
- variant?: "link" | "primary" | "secondary" | "tertiary" | "success" | "destructive" | "outline" | "ghost" | "action" | "paginationActive" | "paginationInactive" | null | undefined;
3
- size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
2
+ variant?: "link" | "primary" | "secondary" | "tertiary" | "success" | "destructive" | "outline" | "ghost" | "action" | "preview" | "paginationActive" | "paginationInactive" | null | undefined;
3
+ size?: "none" | "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
4
4
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
5
  export declare const labelVariants: (props?: ({
6
6
  variant?: "default" | null | undefined;