@bikdotai/bik-component-library 0.0.754-beta.9 → 0.0.755-beta.0

package/dist/esm/assets/icons/index.d.ts

@@ -0,0 +1,160 @@
+export { ActiveChecklistIcon } from './ActiveChecklistIcon';
+export { CheckIndicatorIcon } from './CheckIndicatorIcon';
+export { CompletedChecklistIcon } from './CompletedChecklistIcon';
+export { InactiveChecklistIcon } from './InactiveChecklistIcon';
+export { ProgressBadgeIcon } from './ProgressBadgeIcon';
+export { SearchIcon } from './searchIcon';
+export { SmallCheckIcon } from './SmallCheckIcon';
+export { default as CustomiseIcon } from './CustomiseIcon';
+export { default as EnableIcon } from './EnableIcon';
+export { default as GoLiveIcon } from './GoLiveIcon';
+export { default as MarketingIcon } from './MarketingIcon';
+export { default as MarketingIconSmall } from './MarketingIconSmall';
+export { default as MarketingIconTab } from './MarketingIconTab';
+export { default as NudgesIcon } from './NudgesIcon';
+export { default as OrderTrackingIcon } from './OrderTrackingIcon';
+export { default as PlusIcon } from './PlusIcon';
+export { default as ShoppingIcon } from './ShoppingIcon';
+export { default as SupportIcon } from './SupportIcon';
+export { default as SupportIconSmall } from './SupportIconSmall';
+export { default as SupportIconTab } from './SupportIconTab';
+export { default as TrainingIcon } from './TrainingIcon';
+export { default as AiEdit } from './AiEdit.svg';
+export { default as AiEventGenerating } from './Ai_event_generating.svg';
+export { default as BikLogo } from './Bik_logo.svg';
+export { default as ChartBar } from './ChartBar.svg';
+export { default as ChartPie } from './ChartPie.svg';
+export { default as CheckSquareOffset } from './CheckSquareOffset.svg';
+export { default as HelpIcon } from './HelpIcon.svg';
+export { default as Idea } from './Idea.svg';
+export { default as RCSPDF } from './RCS_PDF.svg';
+export { default as RedirectToNew } from './RedirectToNew.svg';
+export { default as WhiteStarFilled } from './WhiteStarFilled.svg';
+export { default as ActionButton } from './actionButton.svg';
+export { default as AiContentIcon } from './aiContentIcon.svg';
+export { default as Alarm } from './alarm.svg';
+export { default as AlertIcon } from './alert.svg';
+export { default as AlertTriangle } from './alert_triangle.svg';
+export { default as ArrowBack } from './arrow_back.svg';
+export { default as ArrowDown } from './arrow_down.svg';
+export { default as ArrowLeft } from './arrow_left.svg';
+export { default as ArrowUp } from './arrow_up.svg';
+export { default as BackIcon } from './back_icon.svg';
+export { default as BikAiStarsIcon } from './bik_ai_stars_icon.svg';
+export { default as BikLivechat } from './bik_livechat.svg';
+export { default as Bold } from './bold.svg';
+export { default as Box } from './box.svg';
+export { default as BoxV2 } from './boxV2.svg';
+export { default as BoxRound } from './box_round.svg';
+export { default as BoxSearch } from './box_search.svg';
+export { default as BrandHome } from './brand_home.svg';
+export { default as BrokenMediaImage } from './broken_media_image.svg';
+export { default as Calendar } from './calendar.svg';
+export { default as CardFooterArrow } from './card_footer_arraw.svg';
+export { default as ChatChannel } from './chat-channel.svg';
+export { default as Chat } from './chat.svg';
+export { default as Check } from './check.svg';
+export { default as CheckCircle } from './checkCircle.svg';
+export { default as ChecklistIcon } from './checklistIcon.svg';
+export { default as ChevronDown } from './chevronDown.svg';
+export { default as ChevronDownOutline } from './chevronDownOutline.svg';
+export { default as ChevronLeft } from './chevronLeft.svg';
+export { default as ChevronLeft2 } from './chevronLeft2.svg';
+export { default as ChevronRight } from './chevronRight.svg';
+export { default as ChevronRight2 } from './chevronRight2.svg';
+export { default as ChevronRightAlt } from './chevronRightAlt.svg';
+export { default as ChevronUpOutline } from './chevronUpOutline.svg';
+export { default as CircularCrossIcon } from './circular-cross-icon.svg';
+export { default as Click } from './click.svg';
+export { default as Clock } from './clock.svg';
+export { default as CopyCodeIcon } from './copy-code-icon.svg';
+export { default as Cross } from './cross.svg';
+export { default as CubeIcon } from './cubeIcon.svg';
+export { default as Cursor } from './cursor.svg';
+export { default as Delete } from './delete.svg';
+export { default as DesktopCustom } from './desktop_custom.svg';
+export { default as DocumentPdf } from './document_pdf.svg';
+export { default as DragHandle } from './drag_handle.svg';
+export { default as Edit } from './edit.svg';
+export { default as EmailChannel } from './email-channel.svg';
+export { default as Emoji } from './emoji.svg';
+export { default as ErrorIcon } from './errorIcon.svg';
+export { default as ErrorInfo } from './errorInfo.svg';
+export { default as ExpressionlessEmoji } from './expressionless_emoji.svg';
+export { default as FacebookChannel } from './facebook_channel.svg';
+export { default as File } from './file.svg';
+export { default as FilePdf } from './filePdf.svg';
+export { default as GiftIcon } from './gift_icon.svg';
+export { default as Gmail } from './gmail.svg';
+export { default as Graph } from './graph.svg';
+export { default as Grid } from './grid.svg';
+export { default as HalfRectangle } from './halfRectangle.svg';
+export { default as Help } from './help.svg';
+export { default as Home } from './home.svg';
+export { default as HorizontalDots } from './horizontal_dots.svg';
+export { default as HoverHome } from './hover_home.svg';
+export { default as Image } from './image.svg';
+export { default as Info } from './info.svg';
+export { default as InstagramChannel } from './instagram-channel.svg';
+export { default as Instagram } from './instagram.svg';
+export { default as Italic } from './italic.svg';
+export { default as List } from './list.svg';
+export { default as Locked } from './locked.svg';
+export { default as LogOut } from './log_out.svg';
+export { default as LtoIcon } from './lto_icon.svg';
+export { default as Maximize } from './maximize.svg';
+export { default as MobileCustom } from './mobile_custom.svg';
+export { default as MoreVertical } from './more_vertical.svg';
+export { default as OpenAI } from './openai.svg';
+export { default as Paperclip } from './paperclip.svg';
+export { default as PercentageIcon } from './percentage_icon.svg';
+export { default as Phone } from './phone.svg';
+export { default as PhoneRound } from './phone_round.svg';
+export { default as Play } from './play.svg';
+export { default as Plus } from './plus.svg';
+export { default as Pointer } from './pointer.svg';
+export { default as Profile } from './profile.svg';
+export { default as Qrb } from './qrb.svg';
+export { default as QuestionMark } from './question-mark.svg';
+export { default as Quotes } from './quotes.svg';
+export { default as Redirect } from './redirect.svg';
+export { default as Refresh } from './refresh.svg';
+export { default as Retry } from './retry.svg';
+export { default as RetryIcon } from './retryIcon.svg';
+export { default as SadEmoji } from './sad_emoji.svg';
+export { default as Search } from './search.svg';
+export { default as SearchIconSvg } from './searchIcon.svg';
+export { default as Send } from './send.svg';
+export { default as SendTemplate } from './send_template.svg';
+export { default as ShippingIcon } from './shipping_icon.svg';
+export { default as Similar } from './similar.svg';
+export { default as SmileEmoji } from './smile_emoji.svg';
+export { default as SmileyEmoji } from './smiley_emoji.svg';
+export { default as Sparkle } from './sparkle.svg';
+export { default as Speedometer } from './speedometer.svg';
+export { default as StarEmpty } from './starEmpty.svg';
+export { default as StarFilled } from './starFilled.svg';
+export { default as StarFilledV2 } from './starFilledV2.svg';
+export { default as StateIcon } from './state_icon.svg';
+export { default as StrikeThrough } from './strikeThrough.svg';
+export { default as SubCategory } from './sub_category.svg';
+export { default as SuccessIcon } from './successIcon.svg';
+export { default as Sync } from './sync.svg';
+export { default as Task } from './task.svg';
+export { default as TextT9 } from './text_t9.svg';
+export { default as Tick } from './tick.svg';
+export { default as TickDouble } from './tick_double.svg';
+export { default as TriangleError } from './triangle_error.svg';
+export { default as Undo } from './undo.svg';
+export { default as Union } from './union.svg';
+export { default as Upload } from './upload.svg';
+export { default as UserIcon } from './user_icon.svg';
+export { default as VerticalDots } from './vertical_dots.svg';
+export { default as VideoRecorder } from './videoRecorder.svg';
+export { default as VideoCamcorder } from './video_camcorder.svg';
+export { default as Warning } from './warning.svg';
+export { default as WarningIcon } from './warningIcon.svg';
+export { default as Website } from './website.svg';
+export { default as WhatsNewIcon } from './whatsNew.svg';
+export { default as WhatsappChannel } from './whatsapp-channel.svg';
+export { default as WhatsappColor } from './whatsapp_color.svg';

package/dist/esm/assets/icons/list.svg.js

@@ -0,0 +1 @@
+import*as a from"react";var e;function t(){return t=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},t.apply(this,arguments)}var r=r=>a.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},r),e||(e=a.createElement("g",{fill:"#212121"},a.createElement("path",{d:"M2.5 5.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM6.667 4.167a.833.833 0 0 0 0 1.666H17.5a.833.833 0 0 0 0-1.666H6.667ZM6.667 9.167a.833.833 0 0 0 0 1.666H17.5a.833.833 0 0 0 0-1.666H6.667ZM5.833 15c0-.46.374-.833.834-.833H17.5a.833.833 0 0 1 0 1.666H6.667A.833.833 0 0 1 5.833 15ZM3.333 10a.833.833 0 1 1-1.666 0 .833.833 0 0 1 1.666 0ZM2.5 15.833a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666Z"}))));export{r as default};

package/dist/esm/assets/icons/paperclip.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var l;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var r=arguments[l];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},r.apply(this,arguments)}var t=t=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 12 12"},t),l||(l=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M7.89 1.194c-.398 0-.78.158-1.062.44L2.233 6.229a2.502 2.502 0 0 0 3.538 3.537l4.595-4.595a.5.5 0 0 1 .707.708l-4.595 4.595A3.502 3.502 0 1 1 1.526 5.52L6.121.926a2.501 2.501 0 1 1 3.537 3.538l-4.6 4.595a1.5 1.5 0 1 1-2.122-2.123l4.246-4.24a.5.5 0 1 1 .706.708l-4.245 4.24a.501.501 0 0 0 .708.707l4.6-4.595A1.502 1.502 0 0 0 7.89 1.194Z",clipRule:"evenodd"})));export{t as default};

package/dist/esm/assets/icons/pointer.svg.js

@@ -0,0 +1 @@
+import*as t from"react";var e;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},r.apply(this,arguments)}var a=a=>t.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 13 13"},a),e||(e=t.createElement("path",{fill:"#fff",d:"M6.5 0A6.5 6.5 0 1 0 13 6.5 6.507 6.507 0 0 0 6.5 0Zm2.854 5.354-3.5 3.5a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L5.5 7.793l3.146-3.147a.5.5 0 1 1 .708.708Z"})));export{a as default};

package/dist/esm/assets/icons/profile.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var r,t;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},a.apply(this,arguments)}var l=l=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 32 32"},l),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M16 2.667A6.667 6.667 0 1 0 16 16a6.667 6.667 0 0 0 0-13.333Zm-4 6.667a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z",clipRule:"evenodd"})),t||(t=e.createElement("path",{fill:"currentColor",d:"M10.667 18.667A6.667 6.667 0 0 0 4 25.334V28a1.333 1.333 0 1 0 2.667 0v-2.666a4 4 0 0 1 4-4h10.666a4 4 0 0 1 4 4V28A1.333 1.333 0 0 0 28 28v-2.666a6.667 6.667 0 0 0-6.667-6.667H10.667Z"})));export{l as default};

package/dist/esm/assets/icons/retry.svg.js

@@ -0,0 +1 @@
+import*as t from"react";var a;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var a=1;a<arguments.length;a++){var e=arguments[a];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},e.apply(this,arguments)}var r=r=>t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 18"},r),a||(a=t.createElement("path",{fill:"#fff",d:"M12.506 1.255a.833.833 0 0 0-1.486-.084l-.936 1.622A7.5 7.5 0 1 0 15.502 10a.833.833 0 1 0-1.667.002 5.833 5.833 0 1 1-4.617-5.707l-.555.96a.833.833 0 0 0 .816 1.244l3.941-.446a.833.833 0 0 0 .67-1.16l-1.584-3.637Z"})));export{r as default};

package/dist/esm/assets/icons/send.svg.js

@@ -0,0 +1 @@
+import*as a from"react";var e,t,r;function l(){return l=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},l.apply(this,arguments)}var n=n=>a.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 40"},n),e||(e=a.createElement("circle",{cx:20,cy:20,r:20,fill:"currentColor"})),t||(t=a.createElement("path",{fill:"#731DCF",d:"M11.191 11.984a.8.8 0 0 0 .566-1.358l-2.4-2.401a.8.8 0 0 0-1.132 1.131l2.4 2.401c.152.148.355.23.566.227ZM8.848 15.993h1.543a.8.8 0 1 0 0-1.6H8.848a.8.8 0 1 0 0 1.6ZM15.193 11.193a.8.8 0 0 0 .8-.8V8.848a.8.8 0 0 0-1.6 0v1.543a.8.8 0 0 0 .8.8ZM8.79 22.39a.796.796 0 0 0 .566-.228l2.401-2.401a.8.8 0 0 0-1.131-1.132l-2.401 2.4a.804.804 0 0 0 .565 1.361ZM19.194 11.987a.796.796 0 0 0 .566-.23l2.401-2.4a.8.8 0 0 0-1.132-1.132l-2.4 2.4a.804.804 0 0 0 .565 1.362Z"})),r||(r=a.createElement("path",{stroke:"#731DCF",strokeWidth:1.714,d:"m14.71 14.702-.01.009a.847.847 0 0 0-.194.912l.002.006 5.696 14.952v.002a.876.876 0 0 0 .847.56h.005a.846.846 0 0 0 .79-.611l.002-.007 1.85-6.168a.981.981 0 0 1 .661-.658l6.165-1.85a.868.868 0 0 0 .06-1.643L15.63 14.509l-.006-.002a.85.85 0 0 0-.914.195Z"})));export{n as default};

package/dist/esm/assets/icons/smile_emoji.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var a,t;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},r.apply(this,arguments)}var l=l=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 22 22"},l),a||(a=e.createElement("path",{d:"M6.4 13.2a1 1 0 0 1 1.397.196l.005.006.033.041a4.945 4.945 0 0 0 .815.748c.578.42 1.376.81 2.35.81.975 0 1.772-.39 2.35-.81a4.945 4.945 0 0 0 .815-.748l.034-.041.004-.006A1 1 0 0 1 15.8 14.6l-.001.001-.001.002-.003.004-.007.009-.021.027-.07.086c-.059.07-.142.164-.248.276a6.951 6.951 0 0 1-.923.804c-.798.58-2 1.191-3.526 1.191-1.525 0-2.728-.61-3.526-1.191a6.949 6.949 0 0 1-1.17-1.08 3.884 3.884 0 0 1-.07-.086l-.022-.027-.007-.01-.003-.003V14.6H6.2a1 1 0 0 1 .2-1.4ZM13 9a2 2 0 1 1 4 0 2 2 0 0 1-4 0ZM7 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),t||(t=e.createElement("path",{fillRule:"evenodd",d:"M11 0C4.925 0 0 4.925 0 11s4.925 11 11 11 11-4.925 11-11S17.075 0 11 0ZM2 11a9 9 0 1 1 18 0 9 9 0 0 1-18 0Z",clipRule:"evenodd"})));export{l as default};

package/dist/esm/assets/icons/video_camcorder.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},r.apply(this,arguments)}var t=t=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},t),a||(a=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M17 10.057V7a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-3.057l5.419 3.87A1 1 0 0 0 24 17V7a1 1 0 0 0-1.581-.814L17 10.056ZM2 7a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7Zm20 8.057L17.72 12 22 8.943v6.114Z",clipRule:"evenodd"})));export{t as default};

package/dist/esm/components/ProgressChecklist/MultiChecklistItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { MultiChecklistItemType } from './ProgressChecklist';
+interface MultiChecklistItemProps {
+    item: MultiChecklistItemType;
+    children?: React.ReactNode;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
+}
+declare const MultiChecklistItem: React.FC<MultiChecklistItemProps>;
+export default MultiChecklistItem;

package/dist/esm/components/ProgressChecklist/MultiChecklistItem.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{BikAccordion as o}from"../accordion/Accordion.js";import i from"./SimpleChecklistItem.js";const r=r=>{let{item:t,children:c,isOpen:n,onToggle:s}=r;const d="boolean"==typeof n?n:!!t.isActive,a=e(i,{header:t.header,subheader:t.subheader,icon:t.icon,activeIcon:t.activeIcon,completedIcon:t.completedIcon,isCompleted:t.isCompleted,isActive:t.isActive,tag:t.tag});return e(o,Object.assign({header:a,headerStyles:{height:"auto",cursor:"pointer"},onToggleAccordion:s||(()=>{}),isOpen:d,skipHoverHeader:!0,showBorders:!0,borderRadius:"8px"},{children:c?e("div",Object.assign({style:{border:"none",padding:16}},{children:c})):null}))};export{r as default};

package/dist/esm/components/ProgressChecklist/ProgressChecklist.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { ALERT_TYPES } from '../alerts';
+import { TooltipProps } from '../tooltips/Tooltip';
+export interface ChecklistItemType {
+    id: string;
+    label: string;
+    description?: string;
+    completed?: boolean;
+}
+export interface SingleChecklistItemType {
+    id: string;
+    header: string;
+    subheader: string;
+    icon?: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    completedIcon?: React.ReactNode;
+    isActive?: boolean;
+    isCompleted?: boolean;
+    onSetup?: () => void;
+    alertText?: string | React.ReactNode;
+    alertType?: ALERT_TYPES;
+    tag?: {
+        tagText: string | number;
+        variant?: 'regular' | 'circle' | 'compressed';
+        type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+        theme?: 'light' | 'dark';
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
+    type: 'single';
+    buttonType?: 'primary' | 'secondary' | 'tertiary';
+    buttonText?: string;
+    buttonDisabled?: boolean;
+    hideRedirectButton?: boolean;
+    hideSetupButton?: boolean;
+}
+export interface MultiChecklistItemType {
+    id: string;
+    header: string;
+    subheader?: string;
+    icon?: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    completedIcon?: React.ReactNode;
+    isActive?: boolean;
+    isCompleted?: boolean;
+    onSetup?: () => void;
+    tag?: {
+        tagText: string | number;
+        variant?: 'regular' | 'circle' | 'compressed';
+        type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+        theme?: 'light' | 'dark';
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
+    type: 'multiple';
+    alertType?: ALERT_TYPES;
+    steps?: Array<{
+        id?: string;
+        text: string;
+        onClick?: () => void;
+        isCompleted?: boolean;
+    }>;
+    buttonType?: 'primary' | 'secondary' | 'tertiary';
+}
+export interface ProgressChecklistProps {
+    header?: string;
+    subheader?: string;
+    items?: Array<SingleChecklistItemType | MultiChecklistItemType>;
+    progressBarColor?: string;
+    headerAction?: React.ReactNode;
+    /** Whether to render the progress bar. Defaults to true. */
+    showProgressBar?: boolean;
+    /** Whether to remove border, border-radius, and padding. Defaults to false. */
+    noBorder?: boolean;
+}
+declare const ProgressChecklist: React.FC<ProgressChecklistProps>;
+export default ProgressChecklist;

package/dist/esm/components/ProgressChecklist/ProgressChecklist.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{COLORS as r}from"../../constants/Theme.js";import{ActiveChecklistIcon as o}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as n}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as l}from"../../assets/icons/InactiveChecklistIcon.js";import c from"../../assets/icons/info.svg.js";import{SmallCheckIcon as a}from"../../assets/icons/SmallCheckIcon.js";import{Alert as d}from"../alerts/Alert.js";import{ALERT_TYPES as p,CONTENT_POSITION as m}from"../alerts/AlertHelper.js";import{Button as g}from"../button/Button.js";import{ProgressBarV2 as h,ProgressBarType as u}from"../progress-bar-v2/ProgressBarV2.js";import{Tag as f}from"../tag/Tag.js";import{Tooltip as y}from"../tooltips/Tooltip.js";import{TitleMedium as b,BodySecondary as v,TitleSmall as j}from"../TypographyStyle.js";import x from"./MultiChecklistItem.js";import{ProgressChecklistContainer as C,HeaderSection as T,ProgressBarSection as A,SingleChecklistItem as O,SingleChecklistMainRow as I,SingleChecklistIconWrapper as k,SingleChecklistContent as B,SingleChecklistHeader as S,SingleChecklistSubheader as P,SingleChecklistActionWrapper as $,SingleChecklistAlertRow as w}from"./ProgressChecklist.style.js";import D from"./ProgressStepper.js";const N=N=>{let{header:R,subheader:V,items:W=[],progressBarColor:L,headerAction:M,showProgressBar:E=!0,noBorder:G=!1}=N;const[H,q]=i(W);s((()=>{q(W)}),[W]);const z=H.filter((e=>e.isCompleted)).length,F=H.length,J=F>0?z/F*100:0;return e(C,Object.assign({noBorder:G},{children:[e(T,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[t(b,{children:R}),M&&t("div",{children:M})]})),t(v,Object.assign({color:r.content.secondary},{children:V}))]}),E&&e(A,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(h,{progress:Math.round(J),type:u.LINE,matchParentWidth:!0,showProgress:!1,color:null!=L?L:r.background.positive.vibrant,progressBarThickness:12})})),t("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e(j,Object.assign({style:{color:r.content.secondary,textAlign:"right"}},{children:[z," / ",F]}))}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:H.map((i=>{var s,r,h,u,b,v,j,C;if("single"===i.type)return e(O,Object.assign({isActive:i.isActive||!1},{children:[e(I,{children:[t(k,{children:i.isCompleted?null!==(s=i.completedIcon)&&void 0!==s?s:t(n,{}):i.isActive?null!==(r=i.activeIcon)&&void 0!==r?r:t(o,{}):null!==(h=i.icon)&&void 0!==h?h:t(l,{})}),e(B,{children:[e("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[t(S,Object.assign({completed:!!i.isCompleted,isActive:!!i.isActive},{children:i.header})),(null===(u=i.tag)||void 0===u?void 0:u.tagText)&&(i.tag.tooltip?t(y,Object.assign({},i.tag.tooltip,{children:t("span",Object.assign({style:{display:"inline-flex"}},{children:t(f,{tagText:i.tag.tagText,variant:i.tag.variant,type:i.tag.type,theme:i.tag.theme})}))})):t(f,{tagText:i.tag.tagText,variant:i.tag.variant,type:i.tag.type,theme:i.tag.theme}))]})),t(P,{children:i.subheader})]}),i.isCompleted&&!i.hideRedirectButton&&t("div",Object.assign({onClick:i.onSetup,style:{cursor:"pointer"}},{children:t(a,{style:{marginLeft:"12px"}})})),!i.isCompleted&&i.isActive&&!i.hideSetupButton&&t($,{children:t(g,{buttonText:null!==(b=i.buttonText)&&void 0!==b?b:"Setup",buttonType:null!==(v=i.buttonType)&&void 0!==v?v:"primary",onClick:i.onSetup,disabled:null!==(j=i.buttonDisabled)&&void 0!==j&&j})})]}),i.alertText&&t(w,{children:t(d,{text:i.alertText,type:null!==(C=i.alertType)&&void 0!==C?C:p.WARNING,contentPosition:m.START,textColor:i.alertType===p.BRAND?"#4B1583":"",icon:e=>t(c,Object.assign({},e))})})]}),i.id);if("multiple"===i.type){const e=i.steps&&i.steps.length>0?i.steps.map(((e,t)=>{var s;return{id:null!==(s=e.id)&&void 0!==s?s:`${i.id}-sub-${t+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${i.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${i.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${i.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return t(x,Object.assign({item:i},{children:t(D,{steps:e,isStepperActive:i.isActive})}),i.id)}}))}))]}))};export{N as default};

package/dist/esm/components/ProgressChecklist/ProgressChecklist.style.d.ts

@@ -0,0 +1,32 @@
+export declare const ProgressChecklistContainer: import("styled-components").StyledComponent<"div", any, {
+    noBorder?: boolean | undefined;
+}, never>;
+export declare const HeaderSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProgressBarSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChecklistItemsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChecklistItem: import("styled-components").StyledComponent<"div", any, {
+    completed?: boolean | undefined;
+}, never>;
+export declare const ChecklistCheckbox: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const ChecklistItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChecklistItemText: import("styled-components").StyledComponent<"p", any, {
+    completed?: boolean | undefined;
+}, never>;
+export declare const ChecklistItemDescription: import("styled-components").StyledComponent<"p", any, {
+    completed?: boolean | undefined;
+}, never>;
+export declare const SingleChecklistItem: import("styled-components").StyledComponent<"div", any, {
+    isActive: boolean;
+}, never>;
+export declare const SingleChecklistMainRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistHeader: import("styled-components").StyledComponent<"div", any, {
+    completed?: boolean | undefined;
+    isActive?: boolean | undefined;
+}, never>;
+export declare const SingleChecklistSubheader: import("styled-components").StyledComponent<"div", any, {
+    isActive?: boolean | undefined;
+}, never>;
+export declare const SingleChecklistActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistAlertRow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/ProgressChecklist/ProgressChecklist.style.js

@@ -0,0 +1,133 @@
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const o=e.div`
+	border-radius: ${e=>e.noBorder?"0":"8px"};
+	border: ${e=>e.noBorder?"none":"1px solid #e0e0e0"};
+	padding: ${e=>e.noBorder?"0":"24px"};
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	background: ${i.surface.standard};
+
+	.accordion__overview {
+		padding: 16px !important;
+		border-bottom: none;
+	}
+`,r=e.div`
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+`,t=e.div`
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+`;e.div`
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+	overflow-y: auto;
+	flex: 1;
+
+	&::-webkit-scrollbar {
+		width: 6px;
+	}
+
+	&::-webkit-scrollbar-track {
+		background: transparent;
+	}
+
+	&::-webkit-scrollbar-thumb {
+		background: ${i.stroke.primary};
+		border-radius: 3px;
+	}
+`,e.div`
+	display: flex;
+	align-items: flex-start;
+	gap: 12px;
+	padding: 12px;
+	background: ${e=>e.completed?"#F0F7F4":i.surface.standard};
+	border: 1px solid
+		${e=>e.completed?"#D4E9E3":i.stroke.primary};
+	border-radius: 6px;
+	cursor: pointer;
+	transition: all 0.2s ease;
+
+	&:hover {
+		background: ${e=>e.completed?"#E8F4F0":i.background.base};
+	}
+`,e.input`
+	width: 18px;
+	height: 18px;
+	margin-top: 2px;
+	cursor: pointer;
+	flex-shrink: 0;
+`,e.div`
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	flex: 1;
+`,e.p`
+	margin: 0;
+	font-size: 14px;
+	font-weight: 500;
+	line-height: 20px;
+	color: ${e=>e.completed?i.content.secondary:i.content.primary};
+	text-decoration: ${e=>e.completed?"line-through":"none"};
+`,e.p`
+	margin: 0;
+	font-size: 12px;
+	font-weight: 400;
+	line-height: 16px;
+	color: ${i.content.secondary};
+	opacity: ${e=>e.completed?.6:1};
+`;const n=e.div`
+	border-radius: 8px;
+	border: 1px solid
+		${e=>e.isActive?i.stroke.primary:"#E0E0E0"};
+	padding: 16px;
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	background: ${i.surface.standard};
+	transition: all 0.2s ease;
+
+	&:hover {
+		border-color: ${e=>e.isActive?i.stroke.primary:"#D0D0D0"};
+	}
+`,d=e.div`
+	display: flex;
+	align-items: center;
+	gap: 16px;
+	width: 100%;
+`,p=e.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+`,a=e.div`
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	flex: 1;
+`,l=e.div`
+	font-size: 16px;
+	font-weight: 600;
+	line-height: 24px;
+	color: ${e=>e.completed?i.background.positive.vibrant:e.isActive?i.content.primary:i.content.placeholder} !important;
+	margin: 0;
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+`,c=e.div`
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 20px;
+	color: ${e=>e.isActive?i.content.secondary:i.content.placeholder};
+	margin: 0;
+`,s=e.div`
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-shrink: 0;
+`,x=e.div`
+	width: 100%;
+	margin-top: 8px;
+`;export{r as HeaderSection,t as ProgressBarSection,o as ProgressChecklistContainer,s as SingleChecklistActionWrapper,x as SingleChecklistAlertRow,a as SingleChecklistContent,l as SingleChecklistHeader,p as SingleChecklistIconWrapper,n as SingleChecklistItem,d as SingleChecklistMainRow,c as SingleChecklistSubheader};

package/dist/esm/components/ProgressChecklist/ProgressStepper.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface StepItem {
+    id?: string;
+    text: string;
+    label?: string;
+    onClick?: () => void;
+    isCompleted?: boolean;
+}
+interface ProgressStepperProps {
+    steps?: StepItem[];
+    onStepClick?: (id: string) => void;
+    isStepperActive?: boolean;
+}
+declare const _default: React.NamedExoticComponent<ProgressStepperProps>;
+export default _default;

package/dist/esm/components/ProgressChecklist/ProgressStepper.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{useState as l}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Button as d}from"../button/Button.js";const o=o=>{let{steps:s=[],onStepClick:r,isStepperActive:a}=o;var c,p;const h=s.length>0?s:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[g,v]=l(null!==(p=null===(c=h[0])||void 0===c?void 0:c.id)&&void 0!==p?p:null);return e("div",Object.assign({style:{paddingLeft:52}},{children:e("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:h.map(((l,o)=>{var s,c,p,u,m,x,C;return t(i.Fragment,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var i;const n=(0===o||(null===(i=h[o-1])||void 0===i?void 0:i.isCompleted))&&!0===a,d=!0===l.isCompleted;return e("div",d?Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",fill:"#EFE6F9"}),e("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",stroke:"#4B1583"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.8047 7.52851C18.0651 7.78886 18.0651 8.21097 17.8047 8.47132L10.4714 15.8047C10.2111 16.065 9.78894 16.065 9.5286 15.8047L6.19526 12.4713C5.93491 12.211 5.93491 11.7889 6.19526 11.5285C6.45561 11.2682 6.87772 11.2682 7.13807 11.5285L10 14.3904L16.8619 7.52851C17.1223 7.26816 17.5444 7.26816 17.8047 7.52851Z",fill:"#4B1583"})]}))}):Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:n?"#4B1583":"transparent",color:n?"#FFFFFF":"#BDBDBD",border:"1px solid "+(n?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:o+1}))}))})(),e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(c=null!==(s=l.label)&&void 0!==s?s:l.text)&&void 0!==c?c:`step ${o+1}`}`},{children:e(d,{buttonText:null!==(u=null!==(p=l.label)&&void 0!==p?p:l.text)&&void 0!==u?u:`Step ${o+1}`,buttonType:"text",buttonTextColor:l.isCompleted?n.text.secondary:0!==o&&!0!==(null===(m=h[o-1])||void 0===m?void 0:m.isCompleted)||!a?n.content.inactive:"#4B1583",matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,t;v(null!==(e=l.id)&&void 0!==e?e:g),(!l.isCompleted&&a&&(0===o||!0===(null===(t=h[o-1])||void 0===t?void 0:t.isCompleted))||l.isCompleted)&&(l.onClick?l.onClick():l.id&&(null==r||r(l.id)))}})})),!l.isCompleted&&(0===o||!0===(null===(x=h[o-1])||void 0===x?void 0:x.isCompleted))&&a&&e("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},"aria-hidden":!0,onClick:e=>{var t,i;v(null!==(t=l.id)&&void 0!==t?t:g),l.isCompleted||!a||0!==o&&!0!==(null===(i=h[o-1])||void 0===i?void 0:i.isCompleted)||(l.onClick?l.onClick():l.id&&(null==r||r(l.id)))}},{children:e("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.83333 6.66667C5.3731 6.66667 5 6.29357 5 5.83333C5 5.3731 5.3731 5 5.83333 5H14.1667C14.6269 5 15 5.3731 15 5.83333V14.1667C15 14.6269 14.6269 15 14.1667 15C13.7064 15 13.3333 14.6269 13.3333 14.1667V7.84518L6.42259 14.7559C6.09715 15.0814 5.56951 15.0814 5.24408 14.7559C4.91864 14.4305 4.91864 13.9028 5.24408 13.5774L12.1548 6.66667H5.83333Z",fill:"#4B1583"})}))}))]})),o!==h.length-1&&e("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(C=l.id)&&void 0!==C?C:`step-${o}`)}))}))}))};var s=i.memo(o);export{s as default};

package/dist/esm/components/ProgressChecklist/SimpleChecklistItem.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TooltipProps } from '../tooltips/Tooltip';
+interface TagProps {
+    tagText: string | number;
+    variant?: 'regular' | 'circle' | 'compressed';
+    type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+    theme?: 'light' | 'dark';
+    tooltip?: Omit<TooltipProps, 'children'>;
+}
+interface SimpleChecklistItemProps {
+    header: string;
+    subheader?: string;
+    icon?: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    completedIcon?: React.ReactNode;
+    isActive?: boolean;
+    isCompleted?: boolean;
+    tag?: TagProps;
+}
+declare const SimpleChecklistItem: React.FC<SimpleChecklistItemProps>;
+export default SimpleChecklistItem;

package/dist/esm/components/ProgressChecklist/SimpleChecklistItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ActiveChecklistIcon as i}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as s}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as l}from"../../assets/icons/InactiveChecklistIcon.js";import{Tag as n}from"../tag/Tag.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{SingleChecklistMainRow as c,SingleChecklistIconWrapper as r,SingleChecklistContent as a,SingleChecklistHeader as m,SingleChecklistSubheader as p}from"./ProgressChecklist.style.js";const d=d=>{let{header:h,subheader:g,icon:v,activeIcon:j,completedIcon:f,isActive:x,isCompleted:y,tag:u}=d;return e("div",{children:t(c,{children:[e(r,{children:y?null!=f?f:e(s,{}):x?null!=j?j:e(i,{}):null!=v?v:e(l,{})}),t(a,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[e(m,Object.assign({completed:y,isActive:x},{children:h})),(null==u?void 0:u.tagText)&&(u.tooltip?e(o,Object.assign({},u.tooltip,{children:e("span",Object.assign({style:{display:"inline-flex"}},{children:e(n,{tagText:u.tagText,variant:u.variant,type:u.type,theme:u.theme})}))})):e(n,{tagText:u.tagText,variant:u.variant,type:u.type,theme:u.theme}))]})),g&&e(p,Object.assign({isActive:x},{children:g}))]})]})})};export{d as default};

package/dist/esm/components/ProgressChecklist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProgressChecklist } from './ProgressChecklist';
+export type { ChecklistItemType } from './ProgressChecklist';

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/post-live-checklist/PostLiveChecklist.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface ChecklistItem {
+    id: string;
+    isCompleted: boolean;
+    isOpen?: boolean;
+    header: string;
+    image?: string;
+    subHeader?: string;
+}
+export interface ButtonGroupItem {
+    id: string;
+    title: string;
+    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+}
+export interface PostLiveChecklistProps {
+    title?: string;
+    subtitle?: string;
+    marketingChecklist?: ChecklistItem[];
+    supportChecklist?: ChecklistItem[];
+    onChecklistSetup?: (itemId: string, analyticsButtonId: string) => void;
+    useCaseType?: 'marketing' | 'support' | 'both' | string;
+}
+export declare const PostLiveChecklist: React.FC<PostLiveChecklistProps>;

package/dist/esm/components/post-live-checklist/PostLiveChecklist.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/MarketingIconTab.js";import r from"../../assets/icons/SupportIconTab.js";import{useState as s,useEffect as n}from"react";import{ButtonGroup as a}from"../buttonGroup/ButtonGroup.js";import{PostLiveChecklistItem as p}from"../post-live-checklist-item/PostLiveChecklistItem.js";import{TitleRegular as l,BodySecondary as c}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const m=m=>{let{title:u="Boost Performance",subtitle:g="Enable these features to make your assistant smarter",marketingChecklist:b=[],supportChecklist:h=[],onChecklistSetup:f,useCaseType:k}=m;var C;const[j,y]=s("marketing"),[v,O]=s("none"),[x,T]=s("marketing");n((()=>{const e=b.filter((e=>!e.isCompleted)).length,t=h.filter((e=>!e.isCompleted)).length;0!==e||0!==t?e>0&&t>0?O("tabs"):(O("list"),e>0&&T("marketing"),t>0&&T("support")):O("none")}),[b,h]);const S=(()=>{const e=[{id:"marketing",title:"Marketing",icon:o},{id:"support",title:"Support",icon:r}];if(!k)return e;return"support"===String(k).toLowerCase()?[e[1],e[0]]:e})();n((()=>{"tabs"===v&&S.length>0&&y(S[0].id)}),[v,k]);const B=e=>e.toUpperCase(),H=(e,t)=>{f&&f(e,t)};if("none"===v)return null;const I="tabs"===v?"marketing"===j?b:h:"marketing"===x?b:h;return e("div",Object.assign({style:{padding:16,border:`1px solid ${d.stroke.primary}`,backgroundColor:d.surface.standard,borderRadius:8}},{children:[e("div",{children:[t(l,Object.assign({color:"#4B1583"},{children:u})),t(c,Object.assign({color:(null===(C=d.content)||void 0===C?void 0:C.secondary)||"#666666"},{children:g}))]}),t("div",Object.assign({style:{marginTop:12}},{children:"tabs"===v?e(i,{children:[t(a,{size:"medium",gap:"12px",iconPosition:"left",onButtonClick:e=>y(e),activeButtonId:j,buttonGroup:S}),t("div",Object.assign({style:{marginTop:12,display:"flex",flexDirection:"column",gap:12}},{children:I.map((e=>t(p,{isCompleted:e.isCompleted,isOpen:e.isOpen,header:e.header,image:e.image,subHeader:e.subHeader,onSetup:()=>H(e.id,B(j))},e.id)))}))]}):t("div",Object.assign({style:{marginTop:12,display:"flex",flexDirection:"column",gap:12}},{children:I.map((e=>t(p,{isCompleted:e.isCompleted,isOpen:e.isOpen,header:e.header,image:e.image,subHeader:e.subHeader,onSetup:()=>H(e.id,B(x))},e.id)))}))}))]}))};export{m as PostLiveChecklist};

package/dist/esm/components/post-live-checklist/PostLiveChecklist.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const WithBothChecklists: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const SupportFirstOrdering: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const ListModeSupport: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const ListModeMarketing: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const AllCompleted: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const CustomTitles: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const WithSomeCompleted: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;

package/dist/esm/components/post-live-checklist/index.d.ts

@@ -0,0 +1,2 @@
+export { PostLiveChecklist } from './PostLiveChecklist';
+export type { PostLiveChecklistProps, ChecklistItem, } from './PostLiveChecklist';

package/dist/esm/components/post-live-checklist-item/PostLiveChecklistItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PostLiveChecklistItemProps {
+    isCompleted: boolean;
+    header: string;
+    subHeader?: string;
+    isOpen?: boolean;
+    onSetup?: () => void;
+    image?: string;
+}
+export declare const PostLiveChecklistItem: React.FC<PostLiveChecklistItemProps>;

package/dist/esm/components/post-live-checklist-item/PostLiveChecklistItem.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{CheckIndicatorIcon as i}from"../../assets/icons/CheckIndicatorIcon.js";import s from"../../assets/icons/chevronDownOutline.svg.js";import n from"../../assets/icons/chevronUpOutline.svg.js";import{useState as r,useEffect as o}from"react";import{Button as c}from"../button/Button.js";import{TitleSmall as l,BodyCaption as d}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";const p=p=>{const{isCompleted:m,header:f,subHeader:g,isOpen:h=!1}=p,{onSetup:u}=p,[y,b]=r(h);return o((()=>{b(h)}),[h]),e("div",Object.assign({style:{backgroundColor:y?a.surface.subdued:a.surface.standard,borderRadius:8}},{children:[e("div",Object.assign({style:{color:a.surface.standard,padding:16,display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",cursor:m?"default":"pointer"},onClick:()=>!m&&b(!y)},{children:[t(l,Object.assign({color:y?"#4B1583":a.content.primary},{children:f})),m?t(i,{}):t(y?n:s,{width:24,height:24,color:a.content.secondary})]})),t("div",{children:y&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:e("div",Object.assign({style:{padding:16,paddingTop:0,gap:16,display:"flex",flexDirection:"column"}},{children:[t("div",Object.assign({style:{height:200,backgroundColor:"#EFE6F9",borderRadius:8,overflow:"hidden"}},{children:t("img",{src:p.image,alt:"checklist item",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",gap:16}},{children:[t("div",Object.assign({style:{flex:2}},{children:t(d,Object.assign({color:a.content.secondary,numberOfLines:3},{children:g}))})),t("div",Object.assign({style:{flex:1,display:"flex",justifyContent:"flex-end"}},{children:t(c,{buttonType:"primary",size:"small",buttonText:"Setup",onClick:()=>{u&&u()}})}))]}))]}))}))})]}))};export{p as PostLiveChecklistItem};

package/dist/esm/components/post-live-checklist-item/index.d.ts

@@ -0,0 +1 @@
+export * from './PostLiveChecklistItem';

package/dist/esm/index.d.ts

@@ -6,6 +6,7 @@ export { AmplitudeEvent };
 export { StringUtils };
 export * from './constants/Theme';
 export * from './constants/zindex';
+export * from './assets/icons';
 export * from './components/checkBox';
 export * from './components/list-item';
 export * from './components/pagination';
@@ -101,6 +102,9 @@ export * from './components/dot-pulse';
 export * from './components/bik-chatbot';
 export * from './components/banner';
 export * from './components/feature-announcements';
+export * from './components/post-live-checklist-item';
+export * from './components/post-live-checklist';
+export * from './components/ProgressChecklist';
 export * from './components/BikGiftedChat';
 export * from './components/markdown';
 export * from './components/vertical-full-screen-modal';