@bikdotai/bik-component-library 0.0.743 → 0.0.744-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  2. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  3. package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  4. package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  5. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  6. package/dist/cjs/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  7. package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
  8. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js +1 -1
  9. package/dist/cjs/components/feature-announcements/constants/dimensions.d.ts +99 -25
  10. package/dist/cjs/components/feature-announcements/constants/dimensions.js +1 -1
  11. package/dist/cjs/components/feature-announcements/styles/joyride.styles.d.ts +2 -2
  12. package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.d.ts +18 -2
  13. package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.js +1 -1
  14. package/dist/cjs/components/feature-announcements/types/feature.types.d.ts +13 -0
  15. package/dist/cjs/components/feature-announcements/types/props.types.d.ts +12 -2
  16. package/dist/cjs/index.d.ts +0 -1
  17. package/dist/cjs/index.js +1 -1
  18. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  19. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  20. package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  21. package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  22. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  23. package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  24. package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
  25. package/dist/esm/components/feature-announcements/MajorUpdatePopup.js +1 -1
  26. package/dist/esm/components/feature-announcements/constants/dimensions.d.ts +99 -25
  27. package/dist/esm/components/feature-announcements/constants/dimensions.js +1 -1
  28. package/dist/esm/components/feature-announcements/styles/joyride.styles.d.ts +2 -2
  29. package/dist/esm/components/feature-announcements/styles/majorPopup.styles.d.ts +18 -2
  30. package/dist/esm/components/feature-announcements/styles/majorPopup.styles.js +1 -1
  31. package/dist/esm/components/feature-announcements/types/feature.types.d.ts +13 -0
  32. package/dist/esm/components/feature-announcements/types/props.types.d.ts +12 -2
  33. package/dist/esm/index.d.ts +0 -1
  34. package/dist/esm/index.js +1 -1
  35. package/package.json +1 -1
  36. package/dist/cjs/components/BikGiftedChat/Bubble/Bubble.d.ts +0 -5
  37. package/dist/cjs/components/BikGiftedChat/Bubble/Bubble.js +0 -1
  38. package/dist/cjs/components/BikGiftedChat/Bubble/types.d.ts +0 -25
  39. package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.d.ts +0 -15
  40. package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.js +0 -1
  41. package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.d.ts +0 -5
  42. package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js +0 -1
  43. package/dist/cjs/components/BikGiftedChat/GiftedChat/messageHelpers.d.ts +0 -6
  44. package/dist/cjs/components/BikGiftedChat/GiftedChat/messageHelpers.js +0 -1
  45. package/dist/cjs/components/BikGiftedChat/GiftedChat/scrollHooks.d.ts +0 -10
  46. package/dist/cjs/components/BikGiftedChat/GiftedChat/scrollHooks.js +0 -1
  47. package/dist/cjs/components/BikGiftedChat/GiftedChat/types.d.ts +0 -153
  48. package/dist/cjs/components/BikGiftedChat/GiftedChat/types.js +0 -1
  49. package/dist/cjs/components/BikGiftedChat/GiftedChat/utils.d.ts +0 -22
  50. package/dist/cjs/components/BikGiftedChat/GiftedChat/utils.js +0 -1
  51. package/dist/cjs/components/BikGiftedChat/index.d.ts +0 -5
  52. package/dist/cjs/components/BikGiftedChat/types.d.ts +0 -24
  53. package/dist/cjs/hooks/useWindowSize.d.ts +0 -2
  54. package/dist/cjs/hooks/useWindowSize.js +0 -1
  55. package/dist/esm/components/BikGiftedChat/Bubble/Bubble.d.ts +0 -5
  56. package/dist/esm/components/BikGiftedChat/Bubble/Bubble.js +0 -1
  57. package/dist/esm/components/BikGiftedChat/Bubble/types.d.ts +0 -25
  58. package/dist/esm/components/BikGiftedChat/GiftedChat/Day.d.ts +0 -15
  59. package/dist/esm/components/BikGiftedChat/GiftedChat/Day.js +0 -1
  60. package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.d.ts +0 -5
  61. package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js +0 -1
  62. package/dist/esm/components/BikGiftedChat/GiftedChat/messageHelpers.d.ts +0 -6
  63. package/dist/esm/components/BikGiftedChat/GiftedChat/messageHelpers.js +0 -1
  64. package/dist/esm/components/BikGiftedChat/GiftedChat/scrollHooks.d.ts +0 -10
  65. package/dist/esm/components/BikGiftedChat/GiftedChat/scrollHooks.js +0 -1
  66. package/dist/esm/components/BikGiftedChat/GiftedChat/types.d.ts +0 -153
  67. package/dist/esm/components/BikGiftedChat/GiftedChat/types.js +0 -1
  68. package/dist/esm/components/BikGiftedChat/GiftedChat/utils.d.ts +0 -22
  69. package/dist/esm/components/BikGiftedChat/GiftedChat/utils.js +0 -1
  70. package/dist/esm/components/BikGiftedChat/index.d.ts +0 -5
  71. package/dist/esm/components/BikGiftedChat/types.d.ts +0 -24
  72. package/dist/esm/hooks/useWindowSize.d.ts +0 -2
  73. package/dist/esm/hooks/useWindowSize.js +0 -1
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { DropdownOption } from "../../../dropdown/type";
3
- import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
4
- import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
3
+ import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
4
+ import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
5
5
  declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
6
6
  cacheKey: string;
7
7
  propertyAddBtnText: string;
@@ -36,7 +36,7 @@ export declare class MetaCustomProcessor {
36
36
  value: {
37
37
  operator: string;
38
38
  dataType: import("../types").QueryBuilderConnectorType;
39
- value?: string | number | Date | string[] | number[] | Date[] | undefined;
39
+ value?: string | number | string[] | number[] | Date | Date[] | undefined;
40
40
  };
41
41
  key: string;
42
42
  refresh?: boolean | undefined;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as n,useRef as s,useEffect as o}from"react";import{TEXT as r}from"./constants/index.js";import{getMajorPopupStyles as i}from"./styles/majorPopup.styles.js";import"../../constants/Theme.js";import"./constants/animations.js";import{decodeHTMLEntities as a}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as l,calculateCloseTransform as c,executeAfterAnimation as u}from"./utils/animationHelpers.js";import{findWhatsNewButton as g}from"./utils/elementHelpers.js";const b=b=>{let{feature:p,currentIndex:m,totalFeatures:d,onSkip:j,onExplore:v,onPrevious:y,onNext:O,setIsClosing:T}=b;const[h,E]=n(!1),[f,B]=n(!1),[I,x]=n(""),P=s(null);o((()=>{h&&B(!0)}),[h]);const C=i(f,I);return t("div",Object.assign({ref:P,style:C.container},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),(t=>{l(P.current);const e=g();if(e&&P.current){const t=c(P.current,e);x(t)}else x("scale(0)");null==T||T(!0),E(!0),u(t)})(j)},style:C.skipButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,C.skipButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,C.skipButton.base)},{children:r.SKIP_BUTTON})),e("div",Object.assign({style:C.imageContainer},{children:p.displayImage?e("img",{src:p.displayImage,alt:p.title,style:C.image,onError:t=>{p.image&&(t.target.src=p.image)}}):e("div",Object.assign({style:C.imagePlaceholder},{children:r.FEATURE_PREVIEW_PLACEHOLDER}))})),t("div",Object.assign({style:C.contentContainer},{children:[t("div",{children:[e("h3",Object.assign({style:C.title},{children:p.title})),e("div",{style:C.content,dangerouslySetInnerHTML:{__html:a(p.content||p.body||"")}}),e("button",Object.assign({onClick:()=>{v(),l(P.current);const t=g();if(t&&P.current){const e=c(P.current,t);x(e)}else x("scale(0)");null==T||T(!0),E(!0)},style:C.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,C.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,C.exploreButton.base)},{children:p.buttonText||r.DEFAULT_BUTTON_TEXT}))]}),d>1&&t("div",Object.assign({style:C.navigationContainer},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),y()},disabled:0===m,style:C.navigationButton(0===m).base,onMouseEnter:t=>{0!==m&&Object.assign(t.currentTarget.style,C.navigationButton(!1).hover)},onMouseLeave:t=>{0!==m&&Object.assign(t.currentTarget.style,C.navigationButton(!1).base)}},{children:r.NAVIGATION_PREVIOUS})),e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),O()},disabled:m===d-1,style:C.navigationButton(m===d-1).base,onMouseEnter:t=>{m!==d-1&&Object.assign(t.currentTarget.style,C.navigationButton(!1).hover)},onMouseLeave:t=>{m!==d-1&&Object.assign(t.currentTarget.style,C.navigationButton(m===d-1).base)}},{children:r.NAVIGATION_NEXT}))]}))]}))]}))};export{b as default};
1
+ import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{useState as r,useRef as o,useEffect as s}from"react";import{TEXT as a}from"./constants/index.js";import{getMajorPopupStyles as i}from"./styles/majorPopup.styles.js";import"../../constants/Theme.js";import"./constants/animations.js";import{decodeHTMLEntities as l}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as c,calculateCloseTransform as u,executeAfterAnimation as d}from"./utils/animationHelpers.js";import{findWhatsNewButton as p}from"./utils/elementHelpers.js";const g=g=>{let{feature:y,currentIndex:b,totalFeatures:h,onSkip:v,onExplore:j,onPrevious:f,onNext:m,setIsClosing:B,onSecondaryAction:O,ratio:k="16:9",padding:T}=g;const[x,w]=r(!1),[L,E]=r(!1),[C,M]=r(""),P=o(null),[U,_]=r(!1),[W,I]=r(!0),D=o(null);s((()=>{x&&E(!0)}),[x]);const S=()=>{j(),c(P.current);const t=p();if(t&&P.current){const e=u(P.current,t);M(e)}else M("scale(0)");null==B||B(!0),w(!0)},A=t=>{if(t.preventDefault(),t.stopPropagation(),y.secondaryButtonUrl){y.secondaryButtonUrl.startsWith("http")?window.open(y.secondaryButtonUrl,"_blank","noopener,noreferrer"):window.location.href=y.secondaryButtonUrl}O&&O(),c(P.current);const e=p();if(e&&P.current){const t=u(P.current,e);M(t)}else M("scale(0)");null==B||B(!0),w(!0)},H=i(L,C,k,T||y.padding,y.primaryButtonStyle,y.secondaryButtonStyle),F=t=>{t.stopPropagation(),D.current&&(D.current.paused?(D.current.play(),_(!1),I(!1)):(D.current.pause(),_(!0),I(!0)))};return t("div",Object.assign({ref:P,style:H.container},{children:[e("style",{children:"\n\t\t\t\t[data-popup-content] ul {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\tlist-style-type: disc;\n\t\t\t\t}\n\t\t\t\t[data-popup-content] ul li {\n\t\t\t\t\tmargin-bottom: 8px;\n\t\t\t\t\tcolor: rgba(255, 255, 255, 0.8);\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 16px;\n\t\t\t\t\tfont-family: Inter, sans-serif;\n\t\t\t\t}\n\t\t\t"}),t("div",Object.assign({style:H.contentWrapper},{children:[e("div",Object.assign({style:H.imageContainer},{children:y.productVideo?t(n,{children:[e("video",{ref:D,src:y.productVideo,style:H.image,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,onClick:F,onPlay:()=>{I(!1)},onPause:()=>{I(!0)},"aria-label":`Product video for ${y.title}`}),(U||W)&&e("div",Object.assign({style:H.videoOverlay,onClick:F,role:"button",tabIndex:0,"aria-label":U?"Play video":"Pause video",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),D.current&&(D.current.paused?(D.current.play(),_(!1),I(!1)):(D.current.pause(),_(!0),I(!0))))}},{children:e((()=>t("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",stroke:"currentColor",strokeWidth:"0",strokeLinecap:"round",strokeLinejoin:"round",style:H.playIcon},{children:[e("circle",{cx:"12",cy:"12",r:"10",fill:"rgba(0,0,0,0.5)",stroke:"none"}),e("polygon",{points:"10 8 16 12 10 16 10 8",fill:"#fff",stroke:"none"})]}))),{})}))]}):y.displayImage?e("img",{src:y.displayImage,alt:y.title,style:H.image,onError:t=>{y.image&&(t.target.src=y.image)}}):e("div",Object.assign({style:H.imagePlaceholder},{children:a.FEATURE_PREVIEW_PLACEHOLDER}))})),t("div",Object.assign({style:H.contentContainer},{children:[e("div",Object.assign({style:H.skipButtonContainer},{children:e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),(t=>{c(P.current);const e=p();if(e&&P.current){const t=u(P.current,e);M(t)}else M("scale(0)");null==B||B(!0),w(!0),d(t)})(v)},style:H.skipButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,H.skipButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,H.skipButton.base),"aria-label":"Skip feature announcement"},{children:"Skip"}))})),e("h3",Object.assign({style:H.title},{children:y.title})),e("div",{"data-popup-content":!0,style:H.content,dangerouslySetInnerHTML:{__html:l(y.content||y.body||"")}}),t("div",Object.assign({style:H.actionsWrapper},{children:[t("div",Object.assign({style:H.buttonsGroup},{children:[y.redirectUrl?e("a",Object.assign({href:y.redirectUrl,target:y.redirectUrl.startsWith("http")?"_blank":"_self",rel:y.redirectUrl.startsWith("http")?"noopener noreferrer":void 0,onClick:S,style:H.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,H.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,H.exploreButton.base)},{children:y.buttonText||a.DEFAULT_BUTTON_TEXT})):e("button",Object.assign({onClick:S,style:H.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,H.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,H.exploreButton.base)},{children:y.buttonText||a.DEFAULT_BUTTON_TEXT})),y.secondaryButtonText&&(y.secondaryButtonUrl?e("a",Object.assign({href:y.secondaryButtonUrl,target:y.secondaryButtonUrl.startsWith("http")?"_blank":"_self",rel:y.secondaryButtonUrl.startsWith("http")?"noopener noreferrer":void 0,onClick:A,style:H.secondaryButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,H.secondaryButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,H.secondaryButton.base)},{children:y.secondaryButtonText})):e("button",Object.assign({onClick:A,style:H.secondaryButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,H.secondaryButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,H.secondaryButton.base)},{children:y.secondaryButtonText})))]})),h>1&&t("div",Object.assign({style:H.navigationContainer},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),f()},disabled:0===b,style:H.navigationButton(0===b).base,onMouseEnter:t=>{0!==b&&Object.assign(t.currentTarget.style,H.navigationButton(!1).hover)},onMouseLeave:t=>{0!==b&&Object.assign(t.currentTarget.style,H.navigationButton(!1).base)}},{children:e("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),m()},disabled:b===h-1,style:H.navigationButton(b===h-1).base,onMouseEnter:t=>{b!==h-1&&Object.assign(t.currentTarget.style,H.navigationButton(!1).hover)},onMouseLeave:t=>{b!==h-1&&Object.assign(t.currentTarget.style,H.navigationButton(b===h-1).base)}},{children:e("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))}))]}))]}))]}))]}))]}))};export{g as default};
@@ -1,16 +1,12 @@
1
- /**
2
- * Popup dimension constants
3
- */
4
1
  export declare const POPUP_DIMENSIONS: {
5
2
  readonly MAJOR: {
6
- readonly width: 959;
7
- readonly height: 274;
8
- readonly imageWidth: 480;
9
- readonly imageHeight: 274;
10
- readonly imageInnerWidth: 464;
11
- readonly imageInnerHeight: 258;
12
- readonly imagePlaceholderWidth: 290;
13
- readonly imagePlaceholderHeight: 258;
3
+ readonly height: 224;
4
+ readonly textAreaWidth: 398;
5
+ readonly imageWidth: {
6
+ readonly '16:9': 398;
7
+ readonly '1:1': 224;
8
+ readonly '4:3': 299;
9
+ };
14
10
  };
15
11
  readonly MINOR: {
16
12
  readonly width: 519;
@@ -20,20 +16,41 @@ export declare const POPUP_DIMENSIONS: {
20
16
  readonly badgeHeight: 27;
21
17
  };
22
18
  };
19
+ export declare const TEXT_LIMITS: {
20
+ readonly MAJOR: {
21
+ readonly TITLE: {
22
+ readonly MAX_LINES: 2;
23
+ };
24
+ readonly CONTENT: {
25
+ readonly MAX_LINES: 4;
26
+ readonly MAX_CHARS: 360;
27
+ readonly CHARS_PER_LINE: 72;
28
+ };
29
+ };
30
+ };
23
31
  /**
24
32
  * Spacing constants
25
33
  */
26
34
  export declare const SPACING: {
27
35
  readonly MAJOR: {
28
- readonly contentMargin: "0 8px 0 0";
29
- readonly imagePadding: "8px";
30
- readonly titlePadding: "36px 0 0 0";
31
- readonly buttonMarginTop: "16px";
32
- readonly skipButtonTop: "10px";
33
- readonly skipButtonRight: "10px";
34
- readonly navigationBottom: "16px";
35
- readonly navigationRight: "16px";
36
- readonly navigationGap: "8px";
36
+ readonly containerPadding: "16px";
37
+ readonly contentGap: "16px";
38
+ readonly titleBottom: "0px";
39
+ readonly listGap: "8px";
40
+ readonly actionsTop: "16px";
41
+ readonly headerMarginBottom: "8px";
42
+ readonly contentMarginLeft: "0px";
43
+ readonly skipButtonContainerMargin: "8px";
44
+ readonly contentMargin: "0 0 0 0px";
45
+ readonly imagePadding: "0px";
46
+ readonly titlePadding: "0 0 0px 0";
47
+ readonly buttonMarginTop: "0px";
48
+ readonly skipButtonPadding: "2px 4px";
49
+ readonly skipButtonTop: "8px";
50
+ readonly skipButtonRight: "8px";
51
+ readonly navigationBottom: "0px";
52
+ readonly navigationRight: "0px";
53
+ readonly navigationGap: "4px";
37
54
  };
38
55
  readonly MINOR: {
39
56
  readonly imageMargin: "13px 10px 13px 10px";
@@ -43,14 +60,71 @@ export declare const SPACING: {
43
60
  readonly actionsGap: "16px";
44
61
  };
45
62
  };
46
- /**
47
- * Border radius constants
48
- */
49
63
  export declare const BORDER_RADIUS: {
50
- readonly POPUP: "4px";
51
- readonly IMAGE: "4px";
64
+ readonly POPUP: "8px";
65
+ readonly IMAGE: "6px";
52
66
  readonly BUTTON: "4px";
53
67
  readonly VIDEO_MODAL: "12px";
54
68
  readonly CLOSE_BUTTON: "50%";
55
69
  readonly SPOTLIGHT: "8px";
56
70
  };
71
+ /**
72
+ * Design tokens - Colors
73
+ */
74
+ export declare const DESIGN_COLORS: {
75
+ readonly BACKGROUND: {
76
+ readonly SURFACE: "#212121";
77
+ readonly IMAGE: "#F0F0F0";
78
+ };
79
+ readonly TEXT: {
80
+ readonly PRIMARY: "#FFFFFF";
81
+ readonly SECONDARY: "rgba(255, 255, 255, 0.8)";
82
+ readonly TERTIARY: "#BDBDBD";
83
+ };
84
+ readonly BUTTON: {
85
+ readonly PRIMARY_TEXT: "#FEC02D";
86
+ readonly PRIMARY_BORDER: "#FEC02D";
87
+ };
88
+ readonly ICON: {
89
+ readonly DISABLED: "rgba(255, 255, 255, 0.3)";
90
+ readonly ENABLED: "#FFFFFF";
91
+ };
92
+ };
93
+ /**
94
+ * Design tokens - Typography
95
+ */
96
+ export declare const DESIGN_TYPOGRAPHY: {
97
+ readonly SKIP_BUTTON: {
98
+ readonly fontSize: "14px";
99
+ readonly fontWeight: "600";
100
+ readonly lineHeight: "20px";
101
+ readonly fontFamily: "Inter, sans-serif";
102
+ };
103
+ readonly TITLE: {
104
+ readonly fontSize: "14px";
105
+ readonly fontWeight: "600";
106
+ readonly lineHeight: "20px";
107
+ readonly fontFamily: "Inter, sans-serif";
108
+ };
109
+ readonly CONTENT: {
110
+ readonly fontSize: "12px";
111
+ readonly fontWeight: "400";
112
+ readonly lineHeight: "16px";
113
+ readonly fontFamily: "Inter, sans-serif";
114
+ };
115
+ readonly BUTTON: {
116
+ readonly fontSize: "14px";
117
+ readonly fontWeight: "600";
118
+ readonly lineHeight: "20px";
119
+ readonly fontFamily: "Inter, sans-serif";
120
+ };
121
+ };
122
+ /**
123
+ * Design tokens - Dimensions
124
+ */
125
+ export declare const DESIGN_DIMENSIONS: {
126
+ readonly IMAGE_HEIGHT: 224;
127
+ readonly NAVIGATION_BUTTON_SIZE: 24;
128
+ readonly BUTTON_HEIGHT: 32;
129
+ readonly BUTTON_PADDING_HORIZONTAL: "12px";
130
+ };
@@ -1 +1 @@
1
- const i={MAJOR:{width:959,height:274,imageWidth:480,imageHeight:274,imageInnerWidth:464,imageInnerHeight:258,imagePlaceholderWidth:290,imagePlaceholderHeight:258},MINOR:{width:519,height:160,imageWidth:235,imageHeight:134,badgeHeight:27}},t={MAJOR:{contentMargin:"0 8px 0 0",imagePadding:"8px",titlePadding:"36px 0 0 0",buttonMarginTop:"16px",skipButtonTop:"10px",skipButtonRight:"10px",navigationBottom:"16px",navigationRight:"16px",navigationGap:"8px"},MINOR:{imageMargin:"13px 10px 13px 10px",contentMargin:"13px 13px 13px 3px",actionsBottom:"13px",actionsRight:"10px",actionsGap:"16px"}},p={POPUP:"4px",IMAGE:"4px",BUTTON:"4px",VIDEO_MODAL:"12px",CLOSE_BUTTON:"50%",SPOTLIGHT:"8px"};export{p as BORDER_RADIUS,i as POPUP_DIMENSIONS,t as SPACING};
1
+ const t={MAJOR:{height:224,textAreaWidth:398,imageWidth:{"16:9":398,"1:1":224,"4:3":299}},MINOR:{width:519,height:160,imageWidth:235,imageHeight:134,badgeHeight:27}},i={MAJOR:{containerPadding:"16px",contentGap:"16px",titleBottom:"0px",listGap:"8px",actionsTop:"16px",headerMarginBottom:"8px",contentMarginLeft:"0px",skipButtonContainerMargin:"8px",contentMargin:"0 0 0 0px",imagePadding:"0px",titlePadding:"0 0 0px 0",buttonMarginTop:"0px",skipButtonPadding:"2px 4px",skipButtonTop:"8px",skipButtonRight:"8px",navigationBottom:"0px",navigationRight:"0px",navigationGap:"4px"},MINOR:{imageMargin:"13px 10px 13px 10px",contentMargin:"13px 13px 13px 3px",actionsBottom:"13px",actionsRight:"10px",actionsGap:"16px"}},n={POPUP:"8px",IMAGE:"6px",BUTTON:"4px",VIDEO_MODAL:"12px",CLOSE_BUTTON:"50%",SPOTLIGHT:"8px"},p={BACKGROUND:{SURFACE:"#212121",IMAGE:"#F0F0F0"},TEXT:{PRIMARY:"#FFFFFF",SECONDARY:"rgba(255, 255, 255, 0.8)",TERTIARY:"#BDBDBD"},BUTTON:{PRIMARY_TEXT:"#FEC02D",PRIMARY_BORDER:"#FEC02D"},ICON:{DISABLED:"rgba(255, 255, 255, 0.3)",ENABLED:"#FFFFFF"}},e={SKIP_BUTTON:{fontSize:"14px",fontWeight:"600",lineHeight:"20px",fontFamily:"Inter, sans-serif"},TITLE:{fontSize:"14px",fontWeight:"600",lineHeight:"20px",fontFamily:"Inter, sans-serif"},CONTENT:{fontSize:"12px",fontWeight:"400",lineHeight:"16px",fontFamily:"Inter, sans-serif"},BUTTON:{fontSize:"14px",fontWeight:"600",lineHeight:"20px",fontFamily:"Inter, sans-serif"}},x={IMAGE_HEIGHT:224,NAVIGATION_BUTTON_SIZE:24,BUTTON_HEIGHT:32,BUTTON_PADDING_HORIZONTAL:"12px"};export{n as BORDER_RADIUS,p as DESIGN_COLORS,x as DESIGN_DIMENSIONS,e as DESIGN_TYPOGRAPHY,t as POPUP_DIMENSIONS,i as SPACING};
@@ -27,7 +27,7 @@ export declare const minorStepStyles: {
27
27
  tooltip: {
28
28
  padding: number;
29
29
  backgroundColor: string;
30
- borderRadius: "4px";
30
+ borderRadius: "8px";
31
31
  border: string;
32
32
  filter: string;
33
33
  boxShadow: string;
@@ -101,7 +101,7 @@ export declare const getMinorJoyrideStyles: (isClosing: boolean) => {
101
101
  tooltip: {
102
102
  padding: number;
103
103
  backgroundColor: string;
104
- borderRadius: "4px";
104
+ borderRadius: "8px";
105
105
  border: string;
106
106
  filter: string;
107
107
  boxShadow: string;
@@ -1,6 +1,9 @@
1
1
  import { CSSProperties } from 'react';
2
- export declare const getMajorPopupStyles: (startAnimation: boolean, transform: string) => {
2
+ import { ButtonStyle } from '../types/feature.types';
3
+ export declare const getMajorPopupStyles: (startAnimation: boolean, transform: string, ratio?: '16:9' | '1:1' | '4:3', padding?: string, primaryButtonStyle?: ButtonStyle, secondaryButtonStyle?: ButtonStyle) => {
3
4
  container: CSSProperties;
5
+ headerContainer: CSSProperties;
6
+ contentWrapper: CSSProperties;
4
7
  skipButton: {
5
8
  base: CSSProperties;
6
9
  hover: CSSProperties;
@@ -8,16 +11,29 @@ export declare const getMajorPopupStyles: (startAnimation: boolean, transform: s
8
11
  imageContainer: CSSProperties;
9
12
  image: CSSProperties;
10
13
  imagePlaceholder: CSSProperties;
14
+ videoOverlay: CSSProperties;
15
+ playIcon: CSSProperties;
11
16
  contentContainer: CSSProperties;
17
+ skipButtonContainer: CSSProperties;
12
18
  title: CSSProperties;
13
19
  content: CSSProperties;
20
+ actionsWrapper: CSSProperties;
21
+ buttonsGroup: CSSProperties;
14
22
  exploreButton: {
15
23
  base: CSSProperties;
16
24
  hover: CSSProperties;
17
25
  };
26
+ secondaryButton: {
27
+ base: CSSProperties;
28
+ hover: CSSProperties;
29
+ };
18
30
  navigationContainer: CSSProperties;
19
31
  navigationButton: (disabled: boolean) => {
20
32
  base: CSSProperties;
21
- hover: CSSProperties;
33
+ hover: {
34
+ backgroundColor: string;
35
+ } | {
36
+ backgroundColor?: undefined;
37
+ };
22
38
  };
23
39
  };
@@ -1 +1 @@
1
- import{BASE_COLORS as t}from"../../../constants/Theme.js";import{POPUP_TRANSITION as e}from"../constants/animations.js";import{POPUP_DIMENSIONS as n,BORDER_RADIUS as i,SPACING as o}from"../constants/dimensions.js";import{Z_INDEX as a}from"../constants/zIndex.js";const r=(r,l)=>({container:{width:`${n.MAJOR.width}px`,height:`${n.MAJOR.height}px`,display:"flex",backgroundColor:t.grayscale[900],borderRadius:i.POPUP,overflow:"hidden",position:"relative",transform:r?l:"scale(1)",opacity:r?0:1,transition:e},skipButton:{base:{position:"absolute",top:o.MAJOR.skipButtonTop,right:o.MAJOR.skipButtonRight,background:"transparent",border:"none",color:t.grayscale[400],fontSize:"14px",fontWeight:"500",cursor:"pointer",zIndex:a.SKIP_BUTTON,transition:"all 0.2s"},hover:{backgroundColor:t.grayscale[100],color:t.grayscale[700]}},imageContainer:{backgroundColor:t.grayscale[900],width:`${n.MAJOR.imageWidth}px`,height:`${n.MAJOR.imageHeight}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",padding:o.MAJOR.imagePadding},image:{width:`${n.MAJOR.imageInnerWidth}px`,height:`${n.MAJOR.imageInnerHeight}px`,objectFit:"cover"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:`${n.MAJOR.imagePlaceholderWidth}px`,height:`${n.MAJOR.imagePlaceholderHeight}px`,display:"flex",alignItems:"center",justifyContent:"center"},contentContainer:{flex:1,display:"flex",margin:o.MAJOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:o.MAJOR.titlePadding,color:t.grayscale.white,lineHeight:"1.25",textAlign:"left"},content:{fontSize:"14px",lineHeight:"1.5",color:"rgba(255, 255, 255, 0.8)",textAlign:"left"},exploreButton:{base:{backgroundColor:"transparent",border:`1px solid ${t.warning[500]}`,color:t.warning[500],borderRadius:i.BUTTON,fontSize:"14px",fontWeight:"600",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",marginTop:o.MAJOR.buttonMarginTop},hover:{backgroundColor:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{position:"absolute",bottom:o.MAJOR.navigationBottom,right:o.MAJOR.navigationRight,display:"flex",gap:o.MAJOR.navigationGap,alignItems:"center"},navigationButton:e=>({base:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:e?t.grayscale[700]:t.grayscale.white,fontSize:"20px",cursor:e?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},hover:{color:t.warning[500]}})});export{r as getMajorPopupStyles};
1
+ import{BASE_COLORS as t}from"../../../constants/Theme.js";import{POPUP_TRANSITION as o}from"../constants/animations.js";import{SPACING as n,POPUP_DIMENSIONS as e,DESIGN_COLORS as i,BORDER_RADIUS as r,DESIGN_TYPOGRAPHY as a,DESIGN_DIMENSIONS as l}from"../constants/dimensions.js";const d=(t,o)=>Object.assign(Object.assign(Object.assign(Object.assign({},t),(null==o?void 0:o.textColor)&&{color:o.textColor}),(null==o?void 0:o.backgroundColor)&&{backgroundColor:o.backgroundColor}),(null==o?void 0:o.borderColor)&&{borderColor:o.borderColor}),g=function(g,s){let c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"16:9",T=arguments.length>3&&void 0!==arguments[3]?arguments[3]:n.MAJOR.containerPadding,p=arguments.length>4?arguments[4]:void 0,f=arguments.length>5?arguments[5]:void 0;const h=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"16:9";return e.MAJOR.imageWidth[t]||e.MAJOR.imageWidth["16:9"]}(c),u=parseInt(T,10)||16,O=l.IMAGE_HEIGHT+2*u;return{container:{width:`${u+h+parseInt(n.MAJOR.contentGap,10)+e.MAJOR.textAreaWidth+u}px`,height:"auto",minHeight:`${O}px`,display:"flex",flexDirection:"column",backgroundColor:i.BACKGROUND.SURFACE,borderRadius:r.BUTTON,overflow:"hidden",position:"relative",padding:T,transform:g?s:"scale(1)",opacity:g?0:1,transition:o,boxSizing:"border-box"},headerContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:n.MAJOR.headerMarginBottom,position:"relative"},contentWrapper:{display:"flex",flex:1,gap:n.MAJOR.contentGap},skipButton:{base:{background:"transparent",border:"none",color:i.TEXT.TERTIARY,fontSize:a.SKIP_BUTTON.fontSize,fontWeight:a.SKIP_BUTTON.fontWeight,cursor:"pointer",transition:"all 0.2s",padding:n.MAJOR.skipButtonPadding,borderRadius:r.BUTTON,fontFamily:a.SKIP_BUTTON.fontFamily,lineHeight:a.SKIP_BUTTON.lineHeight},hover:{backgroundColor:"rgba(255, 255, 255, 0.1)",color:i.TEXT.PRIMARY}},imageContainer:{backgroundColor:i.BACKGROUND.IMAGE,width:`${h}px`,height:`${l.IMAGE_HEIGHT}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:r.BUTTON,overflow:"hidden",flexShrink:0},image:{width:"100%",height:"100%",objectFit:"cover"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t.grayscale[800]},videoOverlay:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.4)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10,transition:"opacity 0.2s"},playIcon:{width:"84px",height:"84px",color:"#060606ff"},contentContainer:{flex:1,display:"flex",marginLeft:n.MAJOR.contentMarginLeft,flexDirection:"column",justifyContent:"flex-start",background:"transparent",maxWidth:`${e.MAJOR.textAreaWidth}px`,gap:n.MAJOR.listGap},skipButtonContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:n.MAJOR.skipButtonContainerMargin},title:{fontSize:a.TITLE.fontSize,fontWeight:a.TITLE.fontWeight,marginBottom:n.MAJOR.titleBottom,padding:0,color:i.TEXT.PRIMARY,lineHeight:a.TITLE.lineHeight,textAlign:"left",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",fontFamily:a.TITLE.fontFamily},content:{fontSize:a.CONTENT.fontSize,lineHeight:a.CONTENT.lineHeight,color:i.TEXT.SECONDARY,textAlign:"left",marginBottom:"auto",fontFamily:a.CONTENT.fontFamily,fontWeight:a.CONTENT.fontWeight},actionsWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:n.MAJOR.actionsTop,gap:"8px",flexWrap:"nowrap"},buttonsGroup:{display:"flex",alignItems:"center",gap:n.MAJOR.listGap},exploreButton:{base:d({backgroundColor:"transparent",border:`1px solid ${i.BUTTON.PRIMARY_BORDER}`,color:i.BUTTON.PRIMARY_TEXT,borderRadius:r.BUTTON,fontSize:a.BUTTON.fontSize,fontWeight:a.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${l.BUTTON_PADDING_HORIZONTAL}`,height:`${l.BUTTON_HEIGHT}px`,transition:"all 0.2s",textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:a.BUTTON.fontFamily,lineHeight:a.BUTTON.lineHeight},p),hover:{backgroundColor:(null==p?void 0:p.backgroundColor)?`${p.backgroundColor}cc`:"rgba(254, 192, 45, 0.1)"}},secondaryButton:{base:d({backgroundColor:"transparent",color:i.BUTTON.PRIMARY_TEXT,borderRadius:r.BUTTON,fontSize:a.BUTTON.fontSize,fontWeight:a.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${l.BUTTON_PADDING_HORIZONTAL}`,height:`${l.BUTTON_HEIGHT}px`,transition:"all 0.2s",textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:a.BUTTON.fontFamily,lineHeight:a.BUTTON.lineHeight},f),hover:{backgroundColor:(null==f?void 0:f.backgroundColor)?`${f.backgroundColor}cc`:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{display:"flex",gap:n.MAJOR.navigationGap,alignItems:"center"},navigationButton:t=>({base:{width:`${l.NAVIGATION_BUTTON_SIZE}px`,height:`${l.NAVIGATION_BUTTON_SIZE}px`,backgroundColor:"transparent",border:"none",color:t?i.ICON.DISABLED:i.ICON.ENABLED,fontSize:"16px",cursor:t?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s",borderRadius:r.BUTTON,padding:0},hover:t?{}:{backgroundColor:"rgba(255, 255, 255, 0.1)"}})}};export{g as getMajorPopupStyles};
@@ -5,6 +5,14 @@ export interface FirestoreTimestamp {
5
5
  seconds: number;
6
6
  nanoseconds?: number;
7
7
  }
8
+ /**
9
+ * Button styling configuration
10
+ */
11
+ export interface ButtonStyle {
12
+ textColor?: string;
13
+ backgroundColor?: string;
14
+ borderColor?: string;
15
+ }
8
16
  /**
9
17
  * Feature announcement data model
10
18
  */
@@ -27,6 +35,11 @@ export interface FeatureAnnouncement {
27
35
  archived?: boolean;
28
36
  createdAt: FirestoreTimestamp;
29
37
  expirationDate?: FirestoreTimestamp | string | Date;
38
+ primaryButtonStyle?: ButtonStyle;
39
+ secondaryButtonText?: string;
40
+ secondaryButtonUrl?: string;
41
+ secondaryButtonStyle?: ButtonStyle;
42
+ padding?: string;
30
43
  }
31
44
  /**
32
45
  * Store feature progress tracking
@@ -14,17 +14,27 @@ export interface PopupBaseProps {
14
14
  onPrevious: () => void;
15
15
  onNext: () => void;
16
16
  setIsClosing?: (isClosing: boolean) => void;
17
+ onSecondaryAction?: () => void;
17
18
  }
18
19
  /**
19
20
  * Major update popup props
20
21
  */
21
22
  export interface MajorUpdatePopupProps extends PopupBaseProps {
23
+ /**
24
+ * Aspect ratio for the image/video container
25
+ * @default '16:9'
26
+ */
27
+ ratio?: '16:9' | '1:1' | '4:3';
28
+ /**
29
+ * Custom padding for the popup container
30
+ * @default '16px'
31
+ */
32
+ padding?: string;
22
33
  }
23
34
  /**
24
35
  * Minor update popup props
25
36
  */
26
- export interface MinorUpdatePopupProps extends PopupBaseProps {
27
- }
37
+ export type MinorUpdatePopupProps = PopupBaseProps;
28
38
  /**
29
39
  * Video modal props
30
40
  */
@@ -101,5 +101,4 @@ export * from './components/dot-pulse';
101
101
  export * from './components/bik-chatbot';
102
102
  export * from './components/banner';
103
103
  export * from './components/feature-announcements';
104
- export * from './components/BikGiftedChat';
105
104
  export * from './components/markdown';
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{AmplitudeEvent}from"./amplitude/index.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{PureSpinner,Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,STATIC_URL_CTA_OPTION,TEMPLATE_EDITOR,TEMPLATE_STATUS,UNSUBSCRIBE_URL_OPTION}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD,TEMPLATE_QUALITY}from"./components/template-preview/models/WhatsAppTemplate.js";export{CHANNEL_TYPE}from"./components/template-preview/models/Channels.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent,getAllDataFromWebpushTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";import"./_virtual/_tslib.js";export{TemplateAnalyticsSkeleton}from"./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js";export{AnalyticsItem,QualityTimelineChart,RightPanelTemplateAnalytics,TemplateAnalyticsComponent}from"./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{AiBodyCaption,AiBodyTiny,BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodySmall,BodyTiny,ButtonLarge,ButtonLargeAI,ButtonRegular,ButtonRegularAI,Caption,CaptionBold,Display,SmallRegular,SubHeading,TextPlaceholder,Tiny,TitleFour,TitleLarge,TitleMedium,TitleRegular,TitleSmall,TitleXlarge}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{ProgressBarType,ProgressBarV2,TextAlignment}from"./components/progress-bar-v2/ProgressBarV2.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown,ChipDropdownContainer}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{ScoreBlock}from"./components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js";export{DurationUnit}from"./components/analytics-chips-and-dropdowns/chart/scoreBlock/types.js";export{Chip}from"./components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js";export{HorinzontalBar}from"./components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{FunnelVerticalBarGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{TruncateValue,calculatePercentage,roundNumber,truncateValueForIndianStore,truncateValueForInternationalStore,truncateValueTo10K,truncateValueToA,truncateValueToB,truncateValueToC,truncateValueToK,truncateValueToL,truncateValueToM,truncateValueToT}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP,MESSAGE_CHANNELS}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{DatePickerWrapper}from"./components/datePicker/DatePickerWrapper.js";export{TimePicker}from"./components/datePicker/TimePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{CustomRightBorder,EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BackgroundImageContainer,MainCardContainer,MainContainer,WhatsNewIconContainer,WhatsNewWrapper}from"./components/whats-new/WhatsNew.styles.js";export{WhatsNewButton}from"./components/whats-new/WhatsNewButton.js";export{WhatsNewPanel}from"./components/whats-new/WhatsNewPanel.js";export{WhatsNewProvider,useWhatsNewContext}from"./components/whats-new/WhatsNewProvider.js";export{WhatsNew}from"./components/whats-new/WhatsNew.js";export{useWhatsNew}from"./components/whats-new/useWhatsNew.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{PickerType}from"./components/variable-picker-v3/model.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{CodeBlock}from"./components/code-block/CodeBlock.js";export{CodeLanguage}from"./components/code-block/types.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{COUPON_EXPIRATION,DISCOUNT_APPLIES_TO,DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT,OFFER_APPLIES_TO,initialDynamicCouponErrorState,initialStaticCouponErrorState}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal}from"./components/product-picker-v2/modal.js";export{ScreenName}from"./components/product-picker-v2/type.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{VariablePicker}from"./components/variable-picker-v3/VariablePicker.js";export{ActionButtons}from"./components/action-button/ActionButtons.js";export{ActivateBikAi}from"./components/ai-modals/ActivateBikAI.js";export{AiSyncProgress}from"./components/ai-modals/AiSyncProgress.js";export{AiCreditsExhausted}from"./components/ai-modals/AiCreditsExhausted.js";export{AiCreditsLow}from"./components/ai-modals/AiCreditsLow.js";export{CustomPortal}from"./components/input-with-vars/customPortal.js";export{FloatingInputDropdown}from"./components/floating-input-dropdown/FloatingInputDropdown.js";export{MultilevelDropdownPopover}from"./components/dropdown/MultilevelDropdownPopover/index.js";export{DropShadow}from"./components/dropShadow/DropShadow.js";export{MultiLevelDropdown}from"./components/multi-level-dropdown/MultiLevelDropdown.js";export{DataSourcePanel}from"./components/data-source-panel/DataSourcePanel.js";export{UnsatisfactoryResponseList}from"./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js";export{UnsatisfactoryCountIntentWiseModal}from"./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js";export{CustomDataCategories,CustomDataType}from"./components/data-source-panel/model.js";export{TextPickerModal}from"./components/text-picker/TextPickerModal.js";export{DotPulse}from"./components/dot-pulse/DotPulse.js";export{BIKChatbot}from"./components/bik-chatbot/components/BIKChatbot.js";export{AIChat}from"./components/bik-chatbot/components/AIChat.js";export{AIProvider,useAIContext}from"./components/bik-chatbot/contexts/AIContext.js";export{useAIChat}from"./components/bik-chatbot/services/useAIChat.js";export{CHAT_MESSAGE_ROLES,DEFAULT_CONVERSATION_ID,createSessionRecord}from"./components/bik-chatbot/types/chat.js";export{DEFAULT_MAX_TOOL_CALLS,DEFAULT_RESPONSE_FORMAT,RESPONSE_FORMATS}from"./components/bik-chatbot/types/ai.js";export{default as AdBanner}from"./components/banner/AdBanner.js";export{BannerThirdPartyIcon,BannerType,getUrlForBannerThirdPartyIcon}from"./components/banner/model.js";export{default as FeatureAnnouncementProvider}from"./components/feature-announcements/FeatureAnnouncementProvider.js";export{default as MajorUpdatePopup}from"./components/feature-announcements/MajorUpdatePopup.js";export{default as MinorUpdatePopup}from"./components/feature-announcements/MinorUpdatePopup.js";export{VideoModal}from"./components/feature-announcements/VideoModal.js";export{useFeatureAnnouncements}from"./components/feature-announcements/hooks/useFeatureAnnouncements.js";export{TEXT}from"./components/feature-announcements/constants/index.js";export{default as BikGiftedChat}from"./components/BikGiftedChat/GiftedChat/GiftedChat.js";export{Bubble}from"./components/BikGiftedChat/Bubble/Bubble.js";export{default as MarkdownRender}from"./components/markdown/MarkdownRender.js";export{BOLD_TEXT_PATTERN,CODE_TEXT_PATTERN,EMAIL_PATTERN,ITALIC_TEXT_PATTERN,MARKDOWN_LINK_PATTERN,RAW_PHONE_CANDIDATE_PATTERN,URL_PATTERN,filterPhoneCandidates,isCompleteFormatting,isCompleteMarkdownLink,isCompleteUrl,stripMarkdownFormatting}from"./components/markdown/utils.js";export{CarouselVersion}from"./components/carousel-secondary/model.js";export{ANIMATION_TIMING}from"./components/feature-announcements/constants/animations.js";export{POPUP_DIMENSIONS}from"./components/feature-announcements/constants/dimensions.js";
1
+ export{AmplitudeEvent}from"./amplitude/index.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{PureSpinner,Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,STATIC_URL_CTA_OPTION,TEMPLATE_EDITOR,TEMPLATE_STATUS,UNSUBSCRIBE_URL_OPTION}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD,TEMPLATE_QUALITY}from"./components/template-preview/models/WhatsAppTemplate.js";export{CHANNEL_TYPE}from"./components/template-preview/models/Channels.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent,getAllDataFromWebpushTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";import"./_virtual/_tslib.js";export{TemplateAnalyticsSkeleton}from"./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js";export{AnalyticsItem,QualityTimelineChart,RightPanelTemplateAnalytics,TemplateAnalyticsComponent}from"./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{AiBodyCaption,AiBodyTiny,BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodySmall,BodyTiny,ButtonLarge,ButtonLargeAI,ButtonRegular,ButtonRegularAI,Caption,CaptionBold,Display,SmallRegular,SubHeading,TextPlaceholder,Tiny,TitleFour,TitleLarge,TitleMedium,TitleRegular,TitleSmall,TitleXlarge}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{ProgressBarType,ProgressBarV2,TextAlignment}from"./components/progress-bar-v2/ProgressBarV2.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown,ChipDropdownContainer}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{ScoreBlock}from"./components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js";export{DurationUnit}from"./components/analytics-chips-and-dropdowns/chart/scoreBlock/types.js";export{Chip}from"./components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js";export{HorinzontalBar}from"./components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{FunnelVerticalBarGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{TruncateValue,calculatePercentage,roundNumber,truncateValueForIndianStore,truncateValueForInternationalStore,truncateValueTo10K,truncateValueToA,truncateValueToB,truncateValueToC,truncateValueToK,truncateValueToL,truncateValueToM,truncateValueToT}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP,MESSAGE_CHANNELS}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{DatePickerWrapper}from"./components/datePicker/DatePickerWrapper.js";export{TimePicker}from"./components/datePicker/TimePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{CustomRightBorder,EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BackgroundImageContainer,MainCardContainer,MainContainer,WhatsNewIconContainer,WhatsNewWrapper}from"./components/whats-new/WhatsNew.styles.js";export{WhatsNewButton}from"./components/whats-new/WhatsNewButton.js";export{WhatsNewPanel}from"./components/whats-new/WhatsNewPanel.js";export{WhatsNewProvider,useWhatsNewContext}from"./components/whats-new/WhatsNewProvider.js";export{WhatsNew}from"./components/whats-new/WhatsNew.js";export{useWhatsNew}from"./components/whats-new/useWhatsNew.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{PickerType}from"./components/variable-picker-v3/model.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{CodeBlock}from"./components/code-block/CodeBlock.js";export{CodeLanguage}from"./components/code-block/types.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{COUPON_EXPIRATION,DISCOUNT_APPLIES_TO,DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT,OFFER_APPLIES_TO,initialDynamicCouponErrorState,initialStaticCouponErrorState}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal}from"./components/product-picker-v2/modal.js";export{ScreenName}from"./components/product-picker-v2/type.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{VariablePicker}from"./components/variable-picker-v3/VariablePicker.js";export{ActionButtons}from"./components/action-button/ActionButtons.js";export{ActivateBikAi}from"./components/ai-modals/ActivateBikAI.js";export{AiSyncProgress}from"./components/ai-modals/AiSyncProgress.js";export{AiCreditsExhausted}from"./components/ai-modals/AiCreditsExhausted.js";export{AiCreditsLow}from"./components/ai-modals/AiCreditsLow.js";export{CustomPortal}from"./components/input-with-vars/customPortal.js";export{FloatingInputDropdown}from"./components/floating-input-dropdown/FloatingInputDropdown.js";export{MultilevelDropdownPopover}from"./components/dropdown/MultilevelDropdownPopover/index.js";export{DropShadow}from"./components/dropShadow/DropShadow.js";export{MultiLevelDropdown}from"./components/multi-level-dropdown/MultiLevelDropdown.js";export{DataSourcePanel}from"./components/data-source-panel/DataSourcePanel.js";export{UnsatisfactoryResponseList}from"./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js";export{UnsatisfactoryCountIntentWiseModal}from"./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js";export{CustomDataCategories,CustomDataType}from"./components/data-source-panel/model.js";export{TextPickerModal}from"./components/text-picker/TextPickerModal.js";export{DotPulse}from"./components/dot-pulse/DotPulse.js";export{BIKChatbot}from"./components/bik-chatbot/components/BIKChatbot.js";export{AIChat}from"./components/bik-chatbot/components/AIChat.js";export{AIProvider,useAIContext}from"./components/bik-chatbot/contexts/AIContext.js";export{useAIChat}from"./components/bik-chatbot/services/useAIChat.js";export{CHAT_MESSAGE_ROLES,DEFAULT_CONVERSATION_ID,createSessionRecord}from"./components/bik-chatbot/types/chat.js";export{DEFAULT_MAX_TOOL_CALLS,DEFAULT_RESPONSE_FORMAT,RESPONSE_FORMATS}from"./components/bik-chatbot/types/ai.js";export{default as AdBanner}from"./components/banner/AdBanner.js";export{BannerThirdPartyIcon,BannerType,getUrlForBannerThirdPartyIcon}from"./components/banner/model.js";export{default as FeatureAnnouncementProvider}from"./components/feature-announcements/FeatureAnnouncementProvider.js";export{default as MajorUpdatePopup}from"./components/feature-announcements/MajorUpdatePopup.js";export{default as MinorUpdatePopup}from"./components/feature-announcements/MinorUpdatePopup.js";export{VideoModal}from"./components/feature-announcements/VideoModal.js";export{useFeatureAnnouncements}from"./components/feature-announcements/hooks/useFeatureAnnouncements.js";export{TEXT}from"./components/feature-announcements/constants/index.js";export{default as MarkdownRender}from"./components/markdown/MarkdownRender.js";export{BOLD_TEXT_PATTERN,CODE_TEXT_PATTERN,EMAIL_PATTERN,ITALIC_TEXT_PATTERN,MARKDOWN_LINK_PATTERN,RAW_PHONE_CANDIDATE_PATTERN,URL_PATTERN,filterPhoneCandidates,isCompleteFormatting,isCompleteMarkdownLink,isCompleteUrl,stripMarkdownFormatting}from"./components/markdown/utils.js";export{CarouselVersion}from"./components/carousel-secondary/model.js";export{ANIMATION_TIMING}from"./components/feature-announcements/constants/animations.js";export{POPUP_DIMENSIONS}from"./components/feature-announcements/constants/dimensions.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.743",
3
+ "version": "0.0.744-beta.1",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { IMessage } from '../types';
3
- import { BubbleProps } from './types';
4
- export declare const Bubble: <TMessage extends IMessage<import("../types").User> = IMessage<import("../types").User>>(props: BubbleProps<TMessage>) => React.ReactElement;
5
- export default Bubble;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../../../constants/Theme.js"),t=require("../../../hooks/useWindowSize.js"),s=require("../GiftedChat/types.js"),a=require("../GiftedChat/utils.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=l=>{var r,d,o,u;const{currentMessage:c,position:v,renderMessageText:g,renderTicks:f,renderTime:m,renderCustomView:h,isCustomViewBottom:b,isUnsatisfactoryMessageFn:y,messagesGroupedByAiTraceId:j}=l,C=t.useWindowSize(),O=c,S=i.useMemo((()=>O.category===a.Constants.ChatActivity.Category.ACTIVITY&&O.activityType===a.Constants.ChatActivity.Type.PRIVATE_NOTE),[O.category,O.activityType]),x=i.useMemo((()=>{const[e,i]=a.isStringifiedArray(null==O?void 0:O.message);return e&&i&&Array.isArray(i)}),[null==O?void 0:O.message]),A=i.useMemo((()=>{var e,i,t;const a={borderRadius:8,minHeight:20,margin:0,flexGrow:C?1:0},l=(null==O?void 0:O.channelId)===s.MESSAGE_CHANNELS.GMAIL||(null==O?void 0:O.channelName)===s.MESSAGE_CHANNELS.GMAIL,r=(null==O?void 0:O.channelId)===s.MESSAGE_CHANNELS.SMTP||(null==O?void 0:O.channelName)===s.MESSAGE_CHANNELS.SMTP;let d={};if("left"===v)d=Object.assign(Object.assign({},C||l||r?{maxWidth:"100%"}:{}),S?{background:(null===(e=null==O?void 0:O.meta)||void 0===e?void 0:e.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":n.COLORS.background.warning.light}:{backgroundColor:(null==O?void 0:O.isPrivateMail)?n.COLORS.background.blue.light:n.COLORS.surface.hovered});else if("right"===v){const e=y&&y({aiTraceId:null===(i=O.eventProperties)||void 0===i?void 0:i.aiTraceId,messagesGroupedByAiTraceId:j});d=Object.assign(Object.assign({backgroundColor:"failed"===O.status||e?n.COLORS.background.negative.light:n.COLORS.background.brandVeryLight},S?{background:(null===(t=null==O?void 0:O.meta)||void 0===t?void 0:t.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":n.COLORS.background.warning.light}:{}),!C&&x?{maxWidth:500}:{})}return Object.assign(Object.assign({},a),d)}),[null==O?void 0:O.channelId,null==O?void 0:O.channelName,null===(r=null==O?void 0:O.meta)||void 0===r?void 0:r.aiUsed,null==O?void 0:O.status,null===(d=null==O?void 0:O.eventProperties)||void 0===d?void 0:d.aiTraceId,v,C,S,x,y,j,null==O?void 0:O.isPrivateMail]),p=i.useCallback((()=>e.jsxs("div",{children:[!b&&(null==h?void 0:h(l)),null==g?void 0:g(l),b&&(null==h?void 0:h(l))]})),[b,h,g,l]);return e.jsx("div",Object.assign({style:{display:"flex",marginTop:6,marginBottom:(null===(u=null===(o=null==c?void 0:c.messageInformation)||void 0===o?void 0:o.reactions)||void 0===u?void 0:u.length)>0?24:6,flexGrow:C?1:0}},{children:e.jsx("div",Object.assign({style:A},{children:e.jsxs("div",{children:[e.jsx("div",Object.assign({id:c.chatActivityId||`message-${c.psqlId}`},{children:p()})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",marginLeft:"32px"}},{children:[null==m?void 0:m(l),null==f?void 0:f(c)]}))]})}))}))},d=l(i).default.memo(r);exports.Bubble=d,exports.default=d;
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { IMessage, User } from '../types';
3
- export interface BubbleProps<TMessage extends IMessage = IMessage> {
4
- currentMessage: TMessage;
5
- previousMessage?: TMessage;
6
- nextMessage?: TMessage;
7
- position: 'left' | 'right';
8
- user: User;
9
- tickStyle?: React.CSSProperties;
10
- usernameStyle?: React.CSSProperties;
11
- renderMessageText?: (props: BubbleProps<TMessage>) => React.ReactNode;
12
- renderTicks?: (currentMessage: TMessage) => React.ReactNode;
13
- renderTime?: (props: BubbleProps<TMessage>) => React.ReactNode;
14
- renderCustomView?: (props: BubbleProps<TMessage>) => React.ReactNode;
15
- renderUsername?: (props: BubbleProps<TMessage>) => React.ReactNode;
16
- onPress?: (context?: any, message?: TMessage) => void;
17
- onLongPress?: (context?: any, message?: TMessage) => void;
18
- isCustomViewBottom?: boolean;
19
- renderUsernameOnMessage?: boolean;
20
- isUnsatisfactoryMessageFn?: (params: {
21
- aiTraceId?: string;
22
- messagesGroupedByAiTraceId?: any;
23
- }) => boolean;
24
- messagesGroupedByAiTraceId?: any;
25
- }
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- export interface DayProps {
3
- createdAt?: Date | number | string;
4
- dateFormat?: string;
5
- dateFormatCalendar?: {
6
- sameDay?: string;
7
- nextDay?: string;
8
- nextWeek?: string;
9
- lastDay?: string;
10
- lastWeek?: string;
11
- sameElse?: string;
12
- };
13
- }
14
- export declare const Day: React.NamedExoticComponent<DayProps>;
15
- export default Day;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),r=require("react"),a=require("../../../constants/Theme.js"),s=require("../../TypographyStyle.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=n=>{let{createdAt:o,dateFormat:i="D MMMM YY",dateFormatCalendar:l}=n;const d=r.useMemo((()=>{if(null==o)return null;const e=t.startOfDay(new Date);let r;if("number"==typeof o)r=t.startOfDay(new Date(o));else if(o instanceof Date)r=t.startOfDay(o);else{if("string"!=typeof o)return null;r=t.startOfDay(new Date(o))}if(!t.isSameYear(e,r))return t.format(r,"EEEE, d MMMM yy");const a=t.differenceInDays(e,r);return a<1?(null==l?void 0:l.sameDay)?l.sameDay.replace(/\[|\]/g,""):"Today":1===a?"Yesterday":t.format(r,"EEEE, d MMMM yy")}),[o,i,l]);return d?e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",margin:"12px 0px 12px 8px"}},{children:[e.jsx("div",{style:{flex:1,height:"1px",backgroundColor:a.COLORS.stroke.primary}}),e.jsx("div",Object.assign({style:{border:`1px solid ${a.COLORS.stroke.primary}`,borderRadius:"16px",padding:"4px 12px"}},{children:e.jsx(s.BodyCaption,Object.assign({style:{color:a.COLORS.content.secondary}},{children:d}))})),e.jsx("div",{style:{flex:1,height:"1px",backgroundColor:a.COLORS.stroke.primary}})]})):null},i=n(r).default.memo(o);exports.Day=i,exports.default=i;
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { IMessage } from '../types';
3
- import { GiftedChatProps } from './types';
4
- declare const _default: React.ForwardRefExoticComponent<Omit<GiftedChatProps<IMessage<import("../types").User>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- export default _default;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../../constants/Theme.js"),i=require("../../../hooks/useWindowSize.js"),n=require("../../TypographyStyle.js"),l=require("./Day.js"),a=require("./messageHelpers.js"),o=require("./scrollHooks.js"),d=require("./types.js"),u=require("./utils.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=c(s);const v=(c,v)=>{var h;const p=c||{},{messages:y=[],user:j,renderBubble:b,renderAvatar:f,renderDay:m,renderLoading:x,renderChatEmpty:O,listViewProps:S={},renderAvatarOnTop:A=!1,showUserAvatar:M=!1,showAvatarForEveryMessage:C=!1,inverted:T=!1,messageIdGenerator:w,topThreshold:_=u.TOP_THRESHOLD}=p,E=e.__rest(p,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold"]),R=i.useWindowSize(),L=s.useRef(null),k=u.normalizeRef(S.ref||v,L),q=s.useRef({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(h=null==y?void 0:y.length)&&void 0!==h?h:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),H=s.useMemo((()=>y&&0!==y.length?[...y].reverse():[]),[y]),I=o.useScrollToBottom(k,q);s.useImperativeHandle(v,(()=>k.current)),o.useInitialMountScroll(k,q,H.length,I),o.useScrollCleanup(q),o.useRestoreScrollPosition(k,q,H.length),o.useAutoScrollOnNewMessages(k,q,y.length,I),o.useResizeObserverForFirstMessage(null==y?void 0:y[0],q,I,w);const P=o.useScrollHandler(q,S.onEndReached,S.onScroll,_),B=s.useCallback((e=>{var r;return Boolean(e&&j&&(null===(r=e.user)||void 0===r?void 0:r._id)===j._id)}),[j]),D=s.useCallback(((e,r)=>!!M&&(!!C||(!r||r.user._id!==e.user._id))),[M,C]),F=s.useCallback(((e,s,i)=>{const l=B(e)?"right":"left",a=Object.assign({currentMessage:e,previousMessage:s,nextMessage:i,position:l,user:j},E);return b?b(a):r.jsx("div",Object.assign({style:{maxWidth:"70%",width:"fit-content",padding:"8px 12px",borderRadius:4,backgroundColor:"right"===l?t.COLORS.background.brandLight:t.COLORS.background.inactive,color:t.COLORS.content.primary,wordBreak:"break-word"}},{children:r.jsx(n.BodySecondary,{children:e.text})}))}),[B,j,b,E]),N=s.useCallback(((e,r,s)=>{if(!D(e,s))return null;const t=B(e)?"right":"left";return f?f({currentMessage:e,previousMessage:r,nextMessage:s,position:t,user:j,renderAvatarOnTop:A,showUserAvatar:M,showAvatarForEveryMessage:C}):null}),[D,B,j,A,M,C,f]);return y&&0!==y.length?r.jsxs("div",Object.assign({ref:k,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},S.style),onScroll:P},{children:[r.jsx("div",{style:{flex:"1 0 auto"}}),r.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:H.map(((e,s)=>{var t,i,n,o,c;const v=B(e)?"right":"left",h=H[s-1],p=H[s+1],y=!u.isSameDay(e,h),j=a.getMessagePlacement(e,v),b=a.shouldCenterAlign(e),f=(null==e?void 0:e.channelId)===d.MESSAGE_CHANNELS.SMTP||(null==e?void 0:e.channelName)===d.MESSAGE_CHANNELS.SMTP,x=e.category===u.Constants.ChatActivity.Category.ACTIVITY&&e.activityType===u.Constants.ChatActivity.Type.PRIVATE_NOTE;return r.jsxs(g.default.Fragment,{children:[y&&(m?m({createdAt:e.createdAt}):r.jsx(l.Day,{createdAt:e.createdAt})),r.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},R?{margin:"0 4px"}:{}),b?{}:{display:"flex"}),R||2!==(null===(t=null==e?void 0:e.user)||void 0===t?void 0:t._id)?{marginRight:8}:{marginLeft:8}),f&&!x&&R?{marginLeft:8,marginRight:8}:{}),{justifyContent:j,marginBottom:8})},{children:[!R&&"left"===v&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:N(e,h,p)})),r.jsx("div",Object.assign({id:`message-bubble-${null!==(i=e._id)&&void 0!==i?i:`${s}-${null!==(n=null==w?void 0:w())&&void 0!==n?n:"id"}`}`,style:R&&f?{display:"flex",flexGrow:1}:{}},{children:F(e,h,p)})),!R&&"right"===v&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:N(e,h,p)}))]}))]},null!==(o=e._id)&&void 0!==o?o:`${s}-${null!==(c=null==w?void 0:w())&&void 0!==c?c:"id"}`)}))}))]})):O?r.jsx(r.Fragment,{children:O()}):null};var h=s.forwardRef(v);exports.default=h;
@@ -1,6 +0,0 @@
1
- import { IMessage } from '../types';
2
- export declare const isChatActivity: (message: IMessage) => boolean;
3
- export declare const isPrivateNote: (message: IMessage) => boolean;
4
- export declare const isCallBubble: (message: IMessage) => boolean;
5
- export declare const shouldCenterAlign: (message: IMessage) => boolean;
6
- export declare const getMessagePlacement: (message: IMessage, defaultPosition: 'left' | 'right') => 'left' | 'right' | 'center';
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types.js");const t=e=>"ACTIVITY"===(null==e?void 0:e.category),r=e=>"PRIVATE_NOTE"===(null==e?void 0:e.activityType),i=t=>{const r=null==t?void 0:t.activityType;return Object.values(e.CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE).includes(r)},l=e=>t(e)&&!r(e)&&!i(e);exports.getMessagePlacement=(e,r)=>{var s;if(l(e))return"center";if(t(e)&&i(e)){return"INCOMING"===(null===(s=null==e?void 0:e.meta)||void 0===s?void 0:s.callType)?"left":"right"}return r},exports.isCallBubble=i,exports.isChatActivity=t,exports.isPrivateNote=r,exports.shouldCenterAlign=l;
@@ -1,10 +0,0 @@
1
- import { IMessage } from '../types';
2
- import { ScrollState } from './types';
3
- export declare const useScrollToBottom: (scrollRef: React.MutableRefObject<HTMLDivElement | null>, scrollState: React.MutableRefObject<ScrollState>) => () => void;
4
- export declare const useInitialMountScroll: (scrollRef: React.MutableRefObject<HTMLDivElement | null>, scrollState: React.MutableRefObject<ScrollState>, messagesLength: number, scrollToBottom: () => void) => void;
5
- export declare const useScrollCleanup: (scrollState: React.MutableRefObject<ScrollState>) => void;
6
- export declare const useRestoreScrollPosition: (scrollRef: React.MutableRefObject<HTMLDivElement | null>, scrollState: React.MutableRefObject<ScrollState>, messagesLength: number) => void;
7
- export declare const useAutoScrollOnNewMessages: (scrollRef: React.MutableRefObject<HTMLDivElement | null>, scrollState: React.MutableRefObject<ScrollState>, messagesLength: number, scrollToBottom: () => void) => void;
8
- export declare const useResizeObserverForFirstMessage: (firstMessage: IMessage | undefined, scrollState: React.MutableRefObject<ScrollState>, scrollToBottom: () => void, messageIdGenerator?: ((message?: IMessage) => string) | undefined) => void;
9
- export declare const handleInfiniteScroll: (scrollTop: number, scrollHeight: number, state: ScrollState, onEndReached?: () => void, topThreshold?: number) => void;
10
- export declare const useScrollHandler: (scrollState: React.MutableRefObject<ScrollState>, onEndReached?: () => void, onScroll?: ((event: React.UIEvent<HTMLDivElement>) => void) | undefined, topThreshold?: number) => (event: React.UIEvent<HTMLDivElement>) => void;