@bikdotai/bik-component-library 0.0.76 → 0.0.77-4.beta.0.11

package/dist/cjs/components/BikGiftedChat/GiftedChat/types.d.ts

@@ -0,0 +1,154 @@
+import React from 'react';
+import { BubbleProps, GiftedChatAppType } from '../Bubble/types';
+import { IMessage, LeftRightStyle, User } from '../types';
+export interface ListViewProps {
+    /** Custom styles for the container. */
+    style?: React.CSSProperties;
+    /** Callback when end of list is reached. */
+    onEndReached?: () => void;
+    /** Threshold for triggering end reached. */
+    onEndReachedThreshold?: number;
+    /** Scroll event handler. */
+    onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
+    /** Ref for the scrollable container. */
+    ref?: React.RefObject<HTMLDivElement> | React.MutableRefObject<HTMLDivElement | null>;
+}
+export interface AvatarProps<TMessage extends IMessage = IMessage> {
+    /** The current message for the avatar. */
+    currentMessage: TMessage;
+    /** The previous message. */
+    previousMessage?: TMessage;
+    /** The next message. */
+    nextMessage?: TMessage;
+    /** Position of the avatar ('left' or 'right'). */
+    position: 'left' | 'right';
+    /** The user object. */
+    user: User;
+    /** Whether to render avatar on top. */
+    renderAvatarOnTop?: boolean;
+    /** Whether to show user avatar. */
+    showUserAvatar?: boolean;
+    /** Show avatar for every message. */
+    showAvatarForEveryMessage?: boolean;
+    /** Custom styles for avatar image. */
+    imageStyle?: LeftRightStyle<React.CSSProperties>;
+    /** Custom styles for avatar container. */
+    containerStyle?: LeftRightStyle<React.CSSProperties>;
+    [key: string]: any;
+}
+export interface DayProps {
+    /** Date/time for the separator. */
+    createdAt?: Date | number | string;
+    /** Format for displaying the date. */
+    dateFormat?: string;
+    /** Calendar format options. */
+    dateFormatCalendar?: {
+        /** Format for same day. */
+        sameDay?: string;
+        /** Format for next day. */
+        nextDay?: string;
+        /** Format for next week. */
+        nextWeek?: string;
+        /** Format for last day. */
+        lastDay?: string;
+        /** Format for last week. */
+        lastWeek?: string;
+        /** Format for other days. */
+        sameElse?: string;
+    };
+}
+export interface GiftedChatProps<TMessage extends IMessage = IMessage> {
+    /** Array of chat messages. */
+    messages: TMessage[];
+    /** The current user object. */
+    user: User;
+    /** Custom bubble renderer. */
+    renderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;
+    /** Custom avatar renderer. */
+    renderAvatar?: (props: AvatarProps<TMessage>) => React.ReactNode;
+    /** Custom day separator renderer. */
+    renderDay?: (props: DayProps) => React.ReactNode;
+    /** Custom loading renderer. */
+    renderLoading?: () => React.ReactNode;
+    /** Custom empty chat renderer. */
+    renderChatEmpty?: () => React.ReactNode;
+    /** Props for the scrollable list view. */
+    listViewProps?: ListViewProps;
+    /** Scroll threshold for loading old messages. */
+    topThreshold?: number;
+    /** Whether to render avatar on top. */
+    renderAvatarOnTop?: boolean;
+    /** Whether to show user avatar. */
+    showUserAvatar?: boolean;
+    /** Show avatar for every message. */
+    showAvatarForEveryMessage?: boolean;
+    /** Whether to invert the message list. */
+    inverted?: boolean;
+    /** Handler for long press on message. */
+    onLongPress?: (context?: any, message?: TMessage) => void;
+    /** Handler for press on message. */
+    onPress?: (context?: any, message?: TMessage) => void;
+    /** Function to generate message IDs. */
+    messageIdGenerator?: (message?: TMessage) => string;
+    appType?: GiftedChatAppType;
+    [key: string]: any;
+}
+export interface ScrollState {
+    /** Is initial mount of the component. */
+    isInitialMount: boolean;
+    /** Is user currently scrolling. */
+    isUserScrolling: boolean;
+    /** Is loading old messages. */
+    isLoadingOldMessages: boolean;
+    /** Is scroll at bottom. */
+    isAtBottom: boolean;
+    /** Has end reached been triggered. */
+    hasTriggeredEndReached: boolean;
+    /** Last known messages length. */
+    lastMessagesLength: number;
+    /** Previous scroll height. */
+    previousScrollHeight: number;
+    /** Previous scroll top position. */
+    previousScrollTop: number;
+    /** Debounce timer for scroll events. */
+    scrollTimeout: number | null;
+}
+export declare enum CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE {
+    /** User is calling another user. */
+    CALLING_CALL = "CALLING_CALL",
+    /** Call is ringing for the recipient. */
+    RINGING_CALL = "RINGING_CALL",
+    /** Call is ongoing between users. */
+    ONGOING_CALL = "ONGOING_CALL",
+    /** Call has been completed. */
+    COMPLETED_CALL = "COMPLETED_CALL",
+    /** Call was missed by the recipient. */
+    MISSED_CALL = "MISSED_CALL",
+    /** Callback was requested. */
+    REQUESTED_CALLBACK = "REQUESTED_CALLBACK",
+    /** Call was declined by the recipient. */
+    DECLINED_CALL = "DECLINED_CALL",
+    /** Call was disconnected. */
+    DISCONNECTED_CALL = "DISCONNECTED_CALL",
+    /** Call was unanswered. */
+    UNANSWERED_CALL = "UNANSWERED_CALL"
+}
+export declare const enum MESSAGE_CHANNELS {
+    INSTAGRAM = "instagram",
+    MESSENGER = "messenger",
+    WHATSAPP = "whatsapp",
+    GMAIL = "gmail",
+    LIVECHAT = "livechat",
+    GOOGLE_BUSINESS_CHAT = "gbm",
+    SHOPIFY = "shopify",
+    FACEBOOK = "facebook",
+    EMAIL = "email",
+    SMTP = "smtp",
+    FACEBOOK_CATALOG = "facebook-catalog",
+    WHATSAPP_VOICE_CALL = "whatsapp-voice-call",
+    CREATE_SIGNATURE = "create-signature",
+    EDIT_SIGNATURE = "edit-signature",
+    WEBPUSH = "webpush",
+    TASKS = "tasks",
+    RCS = "rcs"
+}

package/dist/cjs/components/BikGiftedChat/GiftedChat/types.js

@@ -0,0 +1 @@
+"use strict";var L,A;Object.defineProperty(exports,"__esModule",{value:!0}),exports.CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE=void 0,(L=exports.CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE||(exports.CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE={})).CALLING_CALL="CALLING_CALL",L.RINGING_CALL="RINGING_CALL",L.ONGOING_CALL="ONGOING_CALL",L.COMPLETED_CALL="COMPLETED_CALL",L.MISSED_CALL="MISSED_CALL",L.REQUESTED_CALLBACK="REQUESTED_CALLBACK",L.DECLINED_CALL="DECLINED_CALL",L.DISCONNECTED_CALL="DISCONNECTED_CALL",L.UNANSWERED_CALL="UNANSWERED_CALL",exports.MESSAGE_CHANNELS=void 0,(A=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",A.MESSENGER="messenger",A.WHATSAPP="whatsapp",A.GMAIL="gmail",A.LIVECHAT="livechat",A.GOOGLE_BUSINESS_CHAT="gbm",A.SHOPIFY="shopify",A.FACEBOOK="facebook",A.EMAIL="email",A.SMTP="smtp",A.FACEBOOK_CATALOG="facebook-catalog",A.WHATSAPP_VOICE_CALL="whatsapp-voice-call",A.CREATE_SIGNATURE="create-signature",A.EDIT_SIGNATURE="edit-signature",A.WEBPUSH="webpush",A.TASKS="tasks",A.RCS="rcs";

package/dist/cjs/components/BikGiftedChat/GiftedChat/utils.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IMessage } from '../types';
+export declare const BOTTOM_THRESHOLD = 100;
+export declare const TOP_THRESHOLD = 600;
+export declare const SCROLL_IDLE_MS = 300;
+export declare const Constants: {
+    readonly ChatActivity: {
+        readonly Category: {
+            readonly ACTIVITY: "ACTIVITY";
+            readonly MESSAGE: "MESSAGE";
+        };
+        readonly Type: {
+            readonly PRIVATE_NOTE: "PRIVATE_NOTE";
+            readonly CALL: "CALL";
+            readonly AUTOMATION: "AUTOMATION";
+        };
+    };
+};
+export declare const isSameDay: (a?: IMessage, b?: IMessage) => boolean;
+export declare const normalizeRef: <T>(ref: import("react").Ref<T> | undefined, fallback: import("react").RefObject<T>) => import("react").MutableRefObject<T | null>;
+export declare const isScrollAtBottom: (el: HTMLDivElement | null) => boolean;
+export declare const isStringifiedArray: (value: any) => [boolean, [] | null];

package/dist/cjs/components/BikGiftedChat/GiftedChat/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("date-fns");exports.BOTTOM_THRESHOLD=100,exports.Constants={ChatActivity:{Category:{ACTIVITY:"ACTIVITY",MESSAGE:"MESSAGE"},Type:{PRIVATE_NOTE:"PRIVATE_NOTE",CALL:"CALL",AUTOMATION:"AUTOMATION"}}},exports.SCROLL_IDLE_MS=300,exports.TOP_THRESHOLD=600,exports.isSameDay=(e,r)=>!(!(null==e?void 0:e.createdAt)||!(null==r?void 0:r.createdAt))&&t.isSameDay(new Date(e.createdAt),new Date(r.createdAt)),exports.isScrollAtBottom=t=>{if(!t)return!1;const{scrollTop:e,scrollHeight:r,clientHeight:n}=t;return e+n>=r-100},exports.isStringifiedArray=t=>{try{const e="string"==typeof t?JSON.parse(t):t;return[Array.isArray(e),e]}catch(t){return[!1,null]}},exports.normalizeRef=(t,e)=>{if(!t)return e;if("object"==typeof t&&null!==t&&"current"in t)return t;if("function"==typeof t){const r={current:e.current};return t(e.current),r}return e};

package/dist/cjs/components/BikGiftedChat/index.d.ts

@@ -0,0 +1,5 @@
+export type { IMessage, User, LeftRightStyle } from './types';
+export { default as BikGiftedChat } from './GiftedChat/GiftedChat';
+export { Bubble } from './Bubble/Bubble';
+export type { BubbleProps } from './Bubble/types';
+export type { GiftedChatProps, DayProps, AvatarProps as GiftedChatAvatarProps, ListViewProps, ScrollState, } from './GiftedChat/types';

package/dist/cjs/components/BikGiftedChat/types.d.ts

@@ -0,0 +1,24 @@
+export interface User {
+    _id: string | number;
+    name?: string;
+    avatar?: string | number;
+    [key: string]: any;
+}
+export interface IMessage<TUser extends User = User> {
+    _id: string | number;
+    text: string;
+    createdAt: Date | number | string;
+    user: TUser;
+    image?: string;
+    video?: string;
+    audio?: string;
+    system?: boolean;
+    sent?: boolean;
+    received?: boolean;
+    pending?: boolean;
+    [key: string]: any;
+}
+export interface LeftRightStyle<T> {
+    left?: T;
+    right?: T;
+}

package/dist/cjs/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface InfiniteScrollProps {
+    children: React.ReactNode;
+    fetchMore: () => Promise<boolean>;
+    loadingComponent?: React.ReactNode;
+    containerRef: React.RefObject<HTMLDivElement>;
+    hasData: boolean;
+}
+export declare const InfiniteScroll: React.FC<InfiniteScrollProps>;

package/dist/cjs/components/InfiniteScroll/InfiniteScroll.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../product-picker-v2/ProductPickerShimmer.js");exports.InfiniteScroll=n=>{let{children:c,fetchMore:s,loadingComponent:i=e.jsx(t.ProductPickerShimmer,{limit:2}),containerRef:o,hasData:u}=n;const l=r.useRef(!1),[a,d]=r.useState(!1),h=r.useRef(null),f=e=>{const[r]=e;r.isIntersecting&&!a&&(d(!0),s().then((e=>{e&&(l.current=!0),d(!1)})))};return r.useEffect((()=>{if(!o.current||!h.current)return;const e=new IntersectionObserver(f,{root:o.current,rootMargin:"0px",threshold:.1});return e.observe(h.current),()=>{h.current&&e.unobserve(h.current)}}),[s,a,o]),console.log({hasData:u,hasAllProductsLoaded:l}),e.jsxs("div",{children:[c,!!u&&!l.current&&e.jsx("div",Object.assign({ref:h,style:{minHeight:"10px"}},{children:i}))]})};

package/dist/cjs/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/cjs/components/ProgressChecklist/MultiChecklistItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../accordion/Accordion.js"),i=require("./SimpleChecklistItem.js");exports.default=o=>{let{item:t,children:s,isOpen:c,onToggle:d}=o;const n="boolean"==typeof c?c:!!t.isActive,a=e.jsx(i.default,{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.jsx(r.BikAccordion,Object.assign({header:a,headerStyles:{height:"auto",cursor:"pointer"},onToggleAccordion:d||(()=>{}),isOpen:n,skipHoverHeader:!0,showBorders:!0,borderRadius:"8px"},{children:s?e.jsx("div",Object.assign({style:{border:"none",padding:16}},{children:s})):null}))};

package/dist/cjs/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/cjs/components/ProgressChecklist/ProgressChecklist.js

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

package/dist/cjs/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/cjs/components/ProgressChecklist/ProgressChecklist.style.js

@@ -0,0 +1,133 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const o=i.default.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: ${t.COLORS.surface.standard};
+
+	.accordion__overview {
+		padding: 16px !important;
+		border-bottom: none;
+	}
+`,n=i.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+`,l=i.default.div`
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+`;i.default.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: ${t.COLORS.stroke.primary};
+		border-radius: 3px;
+	}
+`,i.default.div`
+	display: flex;
+	align-items: flex-start;
+	gap: 12px;
+	padding: 12px;
+	background: ${e=>e.completed?"#F0F7F4":t.COLORS.surface.standard};
+	border: 1px solid
+		${e=>e.completed?"#D4E9E3":t.COLORS.stroke.primary};
+	border-radius: 6px;
+	cursor: pointer;
+	transition: all 0.2s ease;
+
+	&:hover {
+		background: ${e=>e.completed?"#E8F4F0":t.COLORS.background.base};
+	}
+`,i.default.input`
+	width: 18px;
+	height: 18px;
+	margin-top: 2px;
+	cursor: pointer;
+	flex-shrink: 0;
+`,i.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	flex: 1;
+`,i.default.p`
+	margin: 0;
+	font-size: 14px;
+	font-weight: 500;
+	line-height: 20px;
+	color: ${e=>e.completed?t.COLORS.content.secondary:t.COLORS.content.primary};
+	text-decoration: ${e=>e.completed?"line-through":"none"};
+`,i.default.p`
+	margin: 0;
+	font-size: 12px;
+	font-weight: 400;
+	line-height: 16px;
+	color: ${t.COLORS.content.secondary};
+	opacity: ${e=>e.completed?.6:1};
+`;const a=i.default.div`
+	border-radius: 8px;
+	border: 1px solid
+		${e=>e.isActive?t.COLORS.stroke.primary:"#E0E0E0"};
+	padding: 16px;
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	background: ${t.COLORS.surface.standard};
+	transition: all 0.2s ease;
+
+	&:hover {
+		border-color: ${e=>e.isActive?t.COLORS.stroke.primary:"#D0D0D0"};
+	}
+`,d=i.default.div`
+	display: flex;
+	align-items: center;
+	gap: 16px;
+	width: 100%;
+`,p=i.default.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+`,s=i.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	flex: 1;
+`,c=i.default.div`
+	font-size: 16px;
+	font-weight: 600;
+	line-height: 24px;
+	color: ${e=>e.completed?t.COLORS.background.positive.vibrant:e.isActive?t.COLORS.content.primary:t.COLORS.content.placeholder} !important;
+	margin: 0;
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+`,x=i.default.div`
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 20px;
+	color: ${e=>e.isActive?t.COLORS.content.secondary:t.COLORS.content.placeholder};
+	margin: 0;
+`,f=i.default.div`
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-shrink: 0;
+`,u=i.default.div`
+	width: 100%;
+	margin-top: 8px;
+`;exports.HeaderSection=n,exports.ProgressBarSection=l,exports.ProgressChecklistContainer=o,exports.SingleChecklistActionWrapper=f,exports.SingleChecklistAlertRow=u,exports.SingleChecklistContent=s,exports.SingleChecklistHeader=c,exports.SingleChecklistIconWrapper=p,exports.SingleChecklistItem=a,exports.SingleChecklistMainRow=d,exports.SingleChecklistSubheader=x;

package/dist/cjs/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/cjs/components/ProgressChecklist/ProgressStepper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/Redirect2Icon.js"),i=require("../../assets/icons/SmallCheckIcon.js");require("../../_virtual/_tslib.js");var n=require("react"),l=require("../../constants/Theme.js"),s=require("../button/Button.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=d(n);const r=d=>{let{steps:r=[],onStepClick:a,isStepperActive:c}=d;var u,p;const x=r.length>0?r:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[v,h]=n.useState(null!==(p=null===(u=x[0])||void 0===u?void 0:u.id)&&void 0!==p?p:null);return e.jsx("div",Object.assign({style:{paddingLeft:52}},{children:e.jsx("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:x.map(((n,d)=>{var r,u,p,g,j,m,f;return e.jsxs(o.default.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var t;const l=(0===d||(null===(t=x[d-1])||void 0===t?void 0:t.isCompleted))&&!0===c;return!0===n.isCompleted?e.jsx("div",Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:e.jsx(i.SmallCheckIcon,{})})):e.jsx("div",Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:l?"#4B1583":"transparent",color:l?"#FFFFFF":"#BDBDBD",border:"1px solid "+(l?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e.jsx("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:d+1}))}))})(),e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(u=null!==(r=n.label)&&void 0!==r?r:n.text)&&void 0!==u?u:`step ${d+1}`}`},{children:e.jsx(s.Button,{buttonText:null!==(g=null!==(p=n.label)&&void 0!==p?p:n.text)&&void 0!==g?g:`Step ${d+1}`,buttonType:"text",buttonTextColor:n.isCompleted?l.COLORS.text.secondary:0!==d&&!0!==(null===(j=x[d-1])||void 0===j?void 0:j.isCompleted)||!c?l.COLORS.content.inactive:"#4B1583",matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,t;h(null!==(e=n.id)&&void 0!==e?e:v),(!n.isCompleted&&c&&(0===d||!0===(null===(t=x[d-1])||void 0===t?void 0:t.isCompleted))||n.isCompleted)&&(n.onClick?n.onClick():n.id&&(null==a||a(n.id)))}})})),!n.isCompleted&&(0===d||!0===(null===(m=x[d-1])||void 0===m?void 0:m.isCompleted))&&c&&e.jsx("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},"aria-hidden":!0,onClick:e=>{var t,i;h(null!==(t=n.id)&&void 0!==t?t:v),n.isCompleted||!c||0!==d&&!0!==(null===(i=x[d-1])||void 0===i?void 0:i.isCompleted)||(n.onClick?n.onClick():n.id&&(null==a||a(n.id)))}},{children:e.jsx(t.Redirect2Icon,{})}))]})),d!==x.length-1&&e.jsx("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(f=n.id)&&void 0!==f?f:`step-${d}`)}))}))}))};var a=o.default.memo(r);exports.default=a;

package/dist/cjs/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/cjs/components/ProgressChecklist/SimpleChecklistItem.js

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

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

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

package/dist/cjs/components/QueryBuilder/Filters/CustomField/components/CustomField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+declare const HasCustomFieldFilter: React.FC<QueryBuilderNodeProps>;
+export default HasCustomFieldFilter;

package/dist/cjs/components/QueryBuilder/Filters/CustomField/components/CustomField.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../components/AllowedListDropdown.js"),t=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),i=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),a=require("../../../helpers/SegmentValidator.js"),d=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js");exports.default=n=>{let{node:l,allowedNodes:u,apiHandler:p,mode:c,selectorKey:y}=n;var v;const{selectType:j,createProperty:_,updateProperty:m}=d.useQueryBuilder(y),{cacheWrap:g}=s.useQueryBuilderCache();return r.jsx(t.BaseQueryBuilderNode,Object.assign({node:l,mode:c},{children:r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r.jsx(o.default,{disabled:"view"===c,selectedType:l.type,allowedList:u,onSelect:e=>j(e.value,l._id)}),r.jsx(i.PropertyNodeHeadless,{mode:c,property:null===(v=null==l?void 0:l.properties)||void 0===v?void 0:v[0],fetchPropertyData:()=>g((()=>p({})),"CUSTOM_FIELDS"),onPropertyNameSelect:function(r){var o,t;return e.__awaiter(this,void 0,void 0,(function*(){if((null===(o=l.properties)||void 0===o?void 0:o[0])?m(Object.assign(Object.assign({},null===(t=l.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),l._id):_({name:r.id,dataType:r.type},l._id),r.needValuesRetrieval){const e=yield((e,r)=>g((()=>p({query:Object.assign({propertyName:e},r)})),`CUSTOM_FIELDS-${e}`))(r.id,r);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){m(Object.assign(Object.assign({},l.properties[0]),{operator:e,value:void 0,error:{}}),l._id)},onPropertyValueChange:function(e){var r;const o=l.properties[0],t="string"===o.dataType&&a.CONTAINS_OPERATORS.includes(null!==(r=o.operator)&&void 0!==r?r:"")?a.getContainsFilterError(e):{};m(Object.assign(Object.assign({},o),{value:e,error:t}),l._id)},onPropertyValueSearch:function(r,o){var t,i;return e.__awaiter(this,void 0,void 0,(function*(){const a=yield((r,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield p({query:{propertyName:r,searchKey:o}})})))(o.name,r);return null!==(i=null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};

package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("react"),t=require("../../../components/AllowedListDropdown.js"),a=require("../../../components/Connectors/Connector.js"),l=require("../../../helpers/ApiResponse.helper.js"),u=require("../../../hooks/useQueryBuilder.js"),n=require("../../../hooks/useQueryBuilderCache.js"),i=require("../../../types/QueryBuilder.type.js"),d=require("../../../types/QueryBuilderOperator.type.js"),v=require("../../../components/DropdownWrapper.js"),s=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const p=new l.ApiResponseHelper;exports.default=l=>{let{node:y,allowedNodes:c,apiHandler:f,mode:T,selectorKey:_}=l;var j,m,O,h,q,C,B,E,k,x,N,Q,S,g,P,b,w,A;const[R,V]=o.useState([]),[D,M]=o.useState(!1),{deleteProperty:L,createProperty:$,selectType:F,createMeta:H,updateMeta:J,updateProperty:U,selectPropertyJoinOperator:W,clearProperty:Y}=u.useQueryBuilder(_),{cacheWrap:G}=n.useQueryBuilderCache(),[K,z]=o.useState(!0),I=null===(j=null==y?void 0:y.metas)||void 0===j?void 0:j.find((e=>"date"===e.key)),X=null===(m=null==y?void 0:y.metas)||void 0===m?void 0:m.find((e=>"frequency"===e.key)),Z=null===(O=null==y?void 0:y.metas)||void 0===O?void 0:O.find((e=>"eventName"===e.key)),[ee,re]=o.useState(!1),[oe,te]=o.useState(!1),[ae,le]=o.useState(!1),ue=e=>G((()=>f({query:{eventName:e}})),`EVENT_NAMES_${e}`),ne=(e,r)=>G((()=>f({query:{eventName:e,propertyName:r}})),`EVENT_NAMES_${e}_${r}`);return o.useEffect((()=>{G((()=>f({})),"EVENT_NAMES").then((e=>{z(!1);const r=p.convertToGroupOptions(e,(null==Z?void 0:Z.value)?[Z.value]:void 0);if("create"!==T&&Z)return V([...r]),void M(!0);V([...r]),M(!0)}))}),[]),r.jsx(s.BaseQueryBuilderNode,Object.assign({selectPropertyJoinOperator:W,node:y,addPropertyBtnText:(null==Z?void 0:Z.value)&&"Add event property",deleteProperty:L,createProperty:$,propertySelectorText:"Select property",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){return yield ue(null==Z?void 0:Z.value)}))},onPropertyNameSelect:function(r,o){return e.__awaiter(this,void 0,void 0,(function*(){U(Object.assign(Object.assign({},o),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),y._id);const e=yield ne(null==Z?void 0:Z.value,r.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,r){U(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),y._id)},onPropertyValueChange:function(e,r){U(Object.assign(Object.assign({},r),{value:e,error:{}}),y._id)},mode:T},{children:r.jsxs("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[r.jsx(t.default,{disabled:"view"===T,selectedType:y.type,allowedList:c,onSelect:function(e){re(!0),setTimeout((()=>{F(e.value,y._id),re(!1)}),1)}}),!ee&&r.jsx(v.default,{isLoading:K,disabled:"view"===T,width:"200px",dropdownLabel:"Select event name",options:R,onSelect:function(e){Array.isArray(e)||(Y(y._id),Z?J({key:"eventName",value:e.value,error:{}},y._id):H({key:"eventName",value:e.value},y._id),X?(te(!0),setTimeout((()=>{J({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:d.FREQUENCY_OPERATORS.atleast,value:1},error:{}},y._id),te(!1)}),1)):H({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:d.FREQUENCY_OPERATORS.atleast,value:1}},y._id),I?(le(!0),setTimeout((()=>{J({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:d.DATE_OPERATORS["last month"]},error:{}},y._id),le(!1)}),1)):H({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:d.DATE_OPERATORS["last month"]}},y._id))},error:null!==(k=null!==(B=null===(C=null===(q=null===(h=y.metas)||void 0===h?void 0:h[0])||void 0===q?void 0:q.error)||void 0===C?void 0:C.key)&&void 0!==B?B:null===(E=null==Z?void 0:Z.error)||void 0===E?void 0:E.key)&&void 0!==k?k:null===(x=null==Z?void 0:Z.error)||void 0===x?void 0:x.value})]})),(null==X?void 0:X.key)&&!oe&&r.jsx(a.default,{disabled:"view"===T,extra:{},errors:{val:null===(Q=null===(N=X.error)||void 0===N?void 0:N.value)||void 0===Q?void 0:Q.value,operator:null===(g=null===(S=X.error)||void 0===S?void 0:S.value)||void 0===g?void 0:g.operator},connectorVal:X.value.value,connectorType:X.value.dataType,defaultConnector:X.value.operator,onOperatorChange:function(e){J({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:e,value:1},error:{}},y._id)},onValueChange:function(e){var r;D&&J({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:null===(r=null==X?void 0:X.value)||void 0===r?void 0:r.operator,value:e},error:{}},y._id)}}),(null==I?void 0:I.key)&&!ae&&r.jsx(a.default,{disabled:"view"===T,extra:{},errors:{val:null===(b=null===(P=I.error)||void 0===P?void 0:P.value)||void 0===b?void 0:b.value,operator:null===(A=null===(w=I.error)||void 0===w?void 0:w.value)||void 0===A?void 0:A.operator},connectorVal:I.value.value,connectorType:I.value.dataType,defaultConnector:I.value.operator,onOperatorChange:function(e){J({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:e,value:void 0},error:{}},y._id)},onValueChange:function(e){var r;D&&J({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:null===(r=null==I?void 0:I.value)||void 0===r?void 0:r.operator,value:e},error:{}},y._id)}})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("react"),t=require("../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js"),a=require("../../../components/AllowedListDropdown.js"),l=require("../../../components/Connectors/Connector.js"),i=require("../../../helpers/ApiResponse.helper.js"),n=require("../../../hooks/useQueryBuilder.js"),u=require("../../../hooks/useQueryBuilderCache.js"),d=require("../../../types/QueryBuilder.type.js"),v=require("../../../types/QueryBuilderOperator.type.js"),s=require("../../../components/DropdownWrapper.js"),p=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),y=require("../../../helpers/SegmentValidator.js");const c=new i.ApiResponseHelper;exports.default=i=>{let{node:f,allowedNodes:T,apiHandler:_,mode:O,selectorKey:j}=i;var m,h,q,C,S,N,E,g,B,P,k,w,x,Q,b,A,R,V;const[D,M]=o.useState([]),[L,F]=o.useState(!1),{deleteProperty:$,createProperty:H,selectType:J,createMeta:K,updateMeta:U,updateProperty:W,selectPropertyJoinOperator:Y,clearProperty:G}=n.useQueryBuilder(j),{cacheWrap:I}=u.useQueryBuilderCache(),[z,X]=o.useState(!0),Z=null===(m=null==f?void 0:f.metas)||void 0===m?void 0:m.find((e=>"date"===e.key)),ee=null===(h=null==f?void 0:f.metas)||void 0===h?void 0:h.find((e=>"frequency"===e.key)),re=null===(q=null==f?void 0:f.metas)||void 0===q?void 0:q.find((e=>"eventName"===e.key)),[oe,te]=o.useState(!1),[ae,le]=o.useState(!1),[ie,ne]=o.useState(!1);return o.useEffect((()=>{I((()=>_({})),"EVENT_NAMES").then((e=>{X(!1);const r=c.convertToGroupOptions(e,(null==re?void 0:re.value)?[re.value]:void 0);if("create"!==O&&re)return M([...r]),void F(!0);M([...r]),F(!0)}))}),[]),r.jsx(p.BaseQueryBuilderNode,Object.assign({selectPropertyJoinOperator:Y,node:f,addPropertyBtnText:(null==re?void 0:re.value)&&"Add event property",deleteProperty:$,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){var e;return yield(e=null==re?void 0:re.value,I((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(r,o){return e.__awaiter(this,void 0,void 0,(function*(){if(W(Object.assign(Object.assign({},o),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),f._id),!r.needValuesRetrieval)return[];const e=yield((e,r)=>I((()=>_({query:{eventName:e,propertyName:r}})),`EVENT_NAMES_${e}_${r}`))(null==re?void 0:re.value,r.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,r){W(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),f._id)},onPropertyValueChange:function(e,r){var o;const t="string"===r.dataType&&y.CONTAINS_OPERATORS.includes(null!==(o=r.operator)&&void 0!==o?o:"")?y.getContainsFilterError(e):{};W(Object.assign(Object.assign({},r),{value:e,error:t}),f._id)},mode:O,onPropertyValueSearch:function(r,o){var t,a;return e.__awaiter(this,void 0,void 0,(function*(){const l=yield((r,o,t)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:r,propertyName:o,searchKey:t}})})))(null==re?void 0:re.value,o.name,r);return null!==(a=null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==a?a:[]}))}},{children:r.jsxs("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[r.jsx(a.default,{disabled:"view"===O,selectedType:f.type,allowedList:T,onSelect:function(e){te(!0),M((e=>[...t.iterateOnOptions(e,{selected:!1})])),setTimeout((()=>{J(e.value,f._id),te(!1)}),1)}}),!oe&&r.jsx(s.default,{isSearchable:!0,isLoading:z,disabled:"view"===O,width:"200px",dropdownLabel:"Select event name",options:D,selectedValues:(null==re?void 0:re.value)?[re.value]:void 0,onSelect:function(e){Array.isArray(e)||(G(f._id),re?U({key:"eventName",value:e.value,error:{}},f._id):K({key:"eventName",value:e.value},f._id),ee?(le(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:v.FREQUENCY_OPERATORS.atleast,value:1},error:{}},f._id),le(!1)}),1)):K({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:v.FREQUENCY_OPERATORS.atleast,value:1}},f._id),Z?(ne(!0),setTimeout((()=>{U({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:v.DATE_OPERATORS["last 30 days"]},error:{}},f._id),ne(!1)}),1)):K({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:v.DATE_OPERATORS["last 30 days"]}},f._id))},error:null!==(B=null!==(E=null===(N=null===(S=null===(C=f.metas)||void 0===C?void 0:C[0])||void 0===S?void 0:S.error)||void 0===N?void 0:N.key)&&void 0!==E?E:null===(g=null==re?void 0:re.error)||void 0===g?void 0:g.key)&&void 0!==B?B:null===(P=null==re?void 0:re.error)||void 0===P?void 0:P.value})]})),(null==ee?void 0:ee.key)&&!ae&&r.jsx(l.default,{disabled:"view"===O,extra:{},errors:{val:null===(w=null===(k=ee.error)||void 0===k?void 0:k.value)||void 0===w?void 0:w.value,operator:null===(Q=null===(x=ee.error)||void 0===x?void 0:x.value)||void 0===Q?void 0:Q.operator},connectorVal:ee.value.value,connectorType:ee.value.dataType,defaultConnector:ee.value.operator,onOperatorChange:function(e){U({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:e,value:1},error:{}},f._id)},onValueChange:function(e){var r;L&&U({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:null===(r=null==ee?void 0:ee.value)||void 0===r?void 0:r.operator,value:e},error:{}},f._id)}}),(null==Z?void 0:Z.key)&&!ie&&r.jsx(l.default,{disabled:"view"===O,extra:{},errors:{val:null===(A=null===(b=Z.error)||void 0===b?void 0:b.value)||void 0===A?void 0:A.value,operator:null===(V=null===(R=Z.error)||void 0===R?void 0:R.value)||void 0===V?void 0:V.operator},connectorVal:Z.value.value,connectorType:Z.value.dataType,defaultConnector:Z.value.operator,onOperatorChange:function(e){U({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:e,value:void 0},error:{}},f._id)},onValueChange:function(e){var r;L&&U({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:null===(r=null==Z?void 0:Z.value)||void 0===r?void 0:r.operator,value:e},error:{}},f._id)}})]}))}))};

package/dist/cjs/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("../../../components/AllowedListDropdown.js"),o=require("../../../helpers/ApiResponse.helper.js"),i=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),s=require("../../../components/DropdownWrapper.js"),u=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const n=new o.ApiResponseHelper;exports.default=o=>{let{node:t,allowedNodes:a,apiHandler:v,mode:c,selectorKey:p}=o;var y,m,j,f,h,w,x,B,g;const{updateMeta:A,selectType:k,createMeta:q}=i.useQueryBuilder(p),{cacheWrap:b}=d.useQueryBuilderCache(),[Q,D]=r.useState(!1),[S,_]=r.useState([]),L=t.metas.find((e=>"segmentID"===e.key));return r.useEffect((()=>{q({key:"segmentID"},t._id),b((()=>v({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))_([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==c&&(!!(null==L?void 0:L.value)&&L.value===e.id)})))]);else{const r=n.convertToGroupOptions(e,(null==L?void 0:L.value)?[L.value]:void 0);_([...r])}D(!1)}))}),[]),e.jsx(u.BaseQueryBuilderNode,Object.assign({node:t,mode:c},{children:e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(l.default,{disabled:"view"===c,loading:Q,selectedType:t.type,allowedList:a,onSelect:function(e){Array.isArray(e)||(D(!0),k(e.value,t._id))}}),(null===(m=null===(y=null==t?void 0:t.metas)||void 0===y?void 0:y[0])||void 0===m?void 0:m.key)&&e.jsx(s.default,{isLoading:Q,disabled:"view"===c,width:"200px",dropdownLabel:"Select segment",options:S,onSelect:function(e){Array.isArray(e)||A({key:"segmentID",value:e.value,error:{}},t._id)},error:null!==(B=null!==(w=null===(h=null===(f=null===(j=t.metas)||void 0===j?void 0:j[0])||void 0===f?void 0:f.error)||void 0===h?void 0:h.key)&&void 0!==w?w:null===(x=null==L?void 0:L.error)||void 0===x?void 0:x.key)&&void 0!==B?B:null===(g=null==L?void 0:L.error)||void 0===g?void 0:g.value})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("../../../components/AllowedListDropdown.js"),i=require("../../../helpers/ApiResponse.helper.js"),o=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),s=require("../../../types/QueryBuilder.type.js"),u=require("../../../components/DropdownWrapper.js"),t=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const a=new i.ApiResponseHelper;exports.default=i=>{let{node:n,allowedNodes:v,apiHandler:c,mode:p,selectorKey:y}=i;var m,j,f,h,B,w,g,x,k;const{updateMeta:q,selectType:A,createMeta:Q}=o.useQueryBuilder(y),{cacheWrap:b}=d.useQueryBuilderCache(),[S,T]=r.useState(!1),[_,D]=r.useState([]),E=n.metas.find((e=>"segmentID"===e.key));return r.useEffect((()=>{E||Q({key:"segmentID"},n._id),b((()=>c({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))D([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==p&&(!!(null==E?void 0:E.value)&&E.value===e.id)})))]);else{const r=a.convertToGroupOptions(e,(null==E?void 0:E.value)?[E.value]:void 0);D([...r])}T(!1)}))}),[]),e.jsx(t.BaseQueryBuilderNode,Object.assign({node:n,mode:p},{children:e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(l.default,{disabled:"view"===p,loading:S,selectedType:n.type,allowedList:v,onSelect:function(e){Array.isArray(e)||(T(!0),A(e.value,n._id),e.value==s.QueryBuilderType.SEGMENT_FILTER&&Q({key:"segmentID"},n._id)),T(!1)}}),(null===(j=null===(m=null==n?void 0:n.metas)||void 0===m?void 0:m[0])||void 0===j?void 0:j.key)&&e.jsx(u.default,{selectedValues:(null==E?void 0:E.value)?[E.value]:void 0,isSearchable:!0,isLoading:S,disabled:"view"===p,width:"200px",dropdownLabel:"Select segment",options:_,onSelect:function(e){Array.isArray(e)||q({key:"segmentID",value:e.value,error:{}},n._id)},error:null!==(x=null!==(w=null===(B=null===(h=null===(f=n.metas)||void 0===f?void 0:f[0])||void 0===h?void 0:h.error)||void 0===B?void 0:B.key)&&void 0!==w?w:null===(g=null==E?void 0:E.error)||void 0===g?void 0:g.key)&&void 0!==x?x:null===(k=null==E?void 0:E.error)||void 0===k?void 0:k.value})]}))}))};