@bikdotai/bik-component-library 0.0.703-beta.3 → 0.0.703-beta.5

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 (85) hide show
  1. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +0 -5
  2. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  3. package/dist/cjs/components/feature-announcements/FeatureAnnouncement.types.d.ts +27 -0
  4. package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.d.ts +14 -0
  5. package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js +1 -0
  6. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.d.ts +13 -0
  7. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js +1 -0
  8. package/dist/cjs/components/feature-announcements/MinorUpdatePopup.d.ts +13 -0
  9. package/dist/cjs/components/feature-announcements/MinorUpdatePopup.js +1 -0
  10. package/dist/cjs/components/feature-announcements/VideoModal.d.ts +8 -0
  11. package/dist/cjs/components/feature-announcements/VideoModal.js +1 -0
  12. package/dist/cjs/components/feature-announcements/index.d.ts +6 -0
  13. package/dist/cjs/components/feature-announcements/useFeatureAnnouncements.d.ts +24 -0
  14. package/dist/cjs/components/feature-announcements/useFeatureAnnouncements.js +1 -0
  15. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
  16. package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.d.ts +1 -5
  17. package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js +1 -1
  18. package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.d.ts +0 -1
  19. package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js +1 -1
  20. package/dist/cjs/components/template-context-mapper/styles/TemplateAnalyticsStyles.d.ts +1 -3
  21. package/dist/cjs/components/template-context-mapper/styles/TemplateAnalyticsStyles.js +5 -6
  22. package/dist/cjs/components/template-context-mapper/utils/TemplateConstants.d.ts +3 -13
  23. package/dist/cjs/components/template-context-mapper/utils/TemplateConstants.js +1 -1
  24. package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts +1 -7
  25. package/dist/cjs/components/template-preview/models/WhatsAppTemplate.js +1 -1
  26. package/dist/cjs/components/whats-new/WhatsNew.d.ts +18 -0
  27. package/dist/cjs/components/whats-new/WhatsNew.js +1 -0
  28. package/dist/cjs/components/whats-new/WhatsNew.styles.d.ts +11 -0
  29. package/dist/cjs/components/whats-new/WhatsNew.styles.js +196 -0
  30. package/dist/cjs/components/whats-new/WhatsNew.types.d.ts +52 -0
  31. package/dist/cjs/components/whats-new/WhatsNewButton.d.ts +3 -0
  32. package/dist/cjs/components/whats-new/WhatsNewButton.js +1 -0
  33. package/dist/cjs/components/whats-new/WhatsNewPanel.d.ts +3 -0
  34. package/dist/cjs/components/whats-new/WhatsNewPanel.js +1 -0
  35. package/dist/cjs/components/whats-new/WhatsNewProvider.d.ts +4 -0
  36. package/dist/cjs/components/whats-new/WhatsNewProvider.js +1 -0
  37. package/dist/cjs/components/whats-new/index.d.ts +7 -0
  38. package/dist/cjs/components/whats-new/useWhatsNew.d.ts +9 -0
  39. package/dist/cjs/components/whats-new/useWhatsNew.js +1 -0
  40. package/dist/cjs/index.d.ts +2 -0
  41. package/dist/cjs/index.js +1 -1
  42. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +0 -5
  43. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  44. package/dist/esm/components/feature-announcements/FeatureAnnouncement.types.d.ts +27 -0
  45. package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.d.ts +14 -0
  46. package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js +1 -0
  47. package/dist/esm/components/feature-announcements/MajorUpdatePopup.d.ts +13 -0
  48. package/dist/esm/components/feature-announcements/MajorUpdatePopup.js +1 -0
  49. package/dist/esm/components/feature-announcements/MinorUpdatePopup.d.ts +13 -0
  50. package/dist/esm/components/feature-announcements/MinorUpdatePopup.js +1 -0
  51. package/dist/esm/components/feature-announcements/VideoModal.d.ts +8 -0
  52. package/dist/esm/components/feature-announcements/VideoModal.js +1 -0
  53. package/dist/esm/components/feature-announcements/index.d.ts +6 -0
  54. package/dist/esm/components/feature-announcements/useFeatureAnnouncements.d.ts +24 -0
  55. package/dist/esm/components/feature-announcements/useFeatureAnnouncements.js +1 -0
  56. package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
  57. package/dist/esm/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.d.ts +1 -5
  58. package/dist/esm/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js +1 -1
  59. package/dist/esm/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.d.ts +0 -1
  60. package/dist/esm/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js +1 -1
  61. package/dist/esm/components/template-context-mapper/styles/TemplateAnalyticsStyles.d.ts +1 -3
  62. package/dist/esm/components/template-context-mapper/styles/TemplateAnalyticsStyles.js +5 -6
  63. package/dist/esm/components/template-context-mapper/utils/TemplateConstants.d.ts +3 -13
  64. package/dist/esm/components/template-context-mapper/utils/TemplateConstants.js +1 -1
  65. package/dist/esm/components/template-preview/models/WhatsAppTemplate.d.ts +1 -7
  66. package/dist/esm/components/template-preview/models/WhatsAppTemplate.js +1 -1
  67. package/dist/esm/components/whats-new/WhatsNew.d.ts +18 -0
  68. package/dist/esm/components/whats-new/WhatsNew.js +1 -0
  69. package/dist/esm/components/whats-new/WhatsNew.styles.d.ts +11 -0
  70. package/dist/esm/components/whats-new/WhatsNew.styles.js +196 -0
  71. package/dist/esm/components/whats-new/WhatsNew.types.d.ts +52 -0
  72. package/dist/esm/components/whats-new/WhatsNewButton.d.ts +3 -0
  73. package/dist/esm/components/whats-new/WhatsNewButton.js +1 -0
  74. package/dist/esm/components/whats-new/WhatsNewPanel.d.ts +3 -0
  75. package/dist/esm/components/whats-new/WhatsNewPanel.js +1 -0
  76. package/dist/esm/components/whats-new/WhatsNewProvider.d.ts +4 -0
  77. package/dist/esm/components/whats-new/WhatsNewProvider.js +1 -0
  78. package/dist/esm/components/whats-new/index.d.ts +7 -0
  79. package/dist/esm/components/whats-new/useWhatsNew.d.ts +9 -0
  80. package/dist/esm/components/whats-new/useWhatsNew.js +1 -0
  81. package/dist/esm/index.d.ts +2 -0
  82. package/dist/esm/index.js +1 -1
  83. package/package.json +2 -1
  84. package/dist/cjs/assets/icons/speedometer.svg.js +0 -1
  85. package/dist/esm/assets/icons/speedometer.svg.js +0 -1
@@ -0,0 +1,196 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const r=n.default.div`
2
+ cursor: pointer;
3
+ position: relative;
4
+
5
+ .main-icon-class {
6
+ padding: 6px;
7
+ border-radius: 32px;
8
+ display: flex;
9
+ justify-content: center;
10
+ align-items: center;
11
+ transition: background-color 0.2s ease;
12
+ }
13
+
14
+ .icon-active {
15
+ background: ${t.COLORS.background.brandLight};
16
+ }
17
+
18
+ .main-icon-class:hover {
19
+ background: ${t.COLORS.background.base};
20
+ }
21
+
22
+ .notification--count {
23
+ box-sizing: border-box;
24
+ position: absolute;
25
+ right: 6px;
26
+ top: 4px;
27
+ border-radius: 50%;
28
+ width: 14px;
29
+ height: 14px;
30
+ background: ${t.COLORS.background.negative.vibrant};
31
+ border: 1.25px solid ${t.COLORS.surface.standard};
32
+ display: flex;
33
+ justify-content: center;
34
+ align-items: center;
35
+ }
36
+
37
+ .count--text {
38
+ font-size: 8px;
39
+ line-height: 7.2px;
40
+ font-weight: 400;
41
+ color: ${t.COLORS.surface.standard};
42
+ }
43
+ `,a=n.default.div`
44
+ overflow-y: auto;
45
+ display: flex;
46
+ flex-direction: column;
47
+ height: 100%;
48
+ max-height: calc(100vh - 60px);
49
+
50
+ &::-webkit-scrollbar {
51
+ display: block;
52
+ width: 6px;
53
+ }
54
+
55
+ ::-webkit-scrollbar-thumb {
56
+ background: ${t.COLORS.content.inactive};
57
+ border-radius: 3px;
58
+ min-height: 30px;
59
+ }
60
+
61
+ .icon--wrapper {
62
+ display: flex;
63
+ justify-content: center;
64
+ align-items: center;
65
+ width: 64px;
66
+ height: 64px;
67
+ border-radius: 50%;
68
+ background: ${t.COLORS.background.base};
69
+ margin-bottom: 16px;
70
+ }
71
+
72
+ .no--data--found {
73
+ display: flex;
74
+ flex-direction: column;
75
+ justify-content: center;
76
+ align-items: center;
77
+ height: 300px;
78
+ text-align: center;
79
+ padding: 24px;
80
+ }
81
+
82
+ .text--align {
83
+ text-align: center;
84
+ }
85
+
86
+ .scroller {
87
+ display: flex;
88
+ flex-direction: column;
89
+ gap: 16px;
90
+ padding: 16px 0;
91
+ }
92
+
93
+ .full--width {
94
+ width: 100%;
95
+ }
96
+
97
+ .flex {
98
+ display: flex;
99
+ }
100
+
101
+ .flex--row {
102
+ flex-direction: row;
103
+ }
104
+
105
+ .flex--column {
106
+ flex-direction: column;
107
+ }
108
+
109
+ .mt-8 {
110
+ margin-top: 8px;
111
+ }
112
+
113
+ .mt-20 {
114
+ margin-top: 20px;
115
+ }
116
+
117
+ .mt--8 {
118
+ margin-top: 8px;
119
+ }
120
+
121
+ .mt--12 {
122
+ margin-top: 12px;
123
+ }
124
+
125
+ .mb-mt-8 {
126
+ margin-bottom: 8px;
127
+ margin-top: 8px;
128
+ }
129
+
130
+ .padding--16 {
131
+ padding: 16px;
132
+ }
133
+
134
+ .card--desc {
135
+ max-height: 200px;
136
+ overflow-y: auto;
137
+ font-size: 12px;
138
+ color: ${t.COLORS.content.secondary};
139
+
140
+ p {
141
+ margin-bottom: 0px;
142
+ }
143
+ }
144
+
145
+ .created--at {
146
+ align-items: center;
147
+ gap: 4px;
148
+ }
149
+
150
+ .new--content--tag {
151
+ padding: 2px 6px;
152
+ gap: 4px;
153
+ border-radius: 14px;
154
+ background: ${t.COLORS.background.warning.vibrant};
155
+ display: flex;
156
+ justify-content: center;
157
+ align-items: center;
158
+ margin-right: 8px;
159
+ }
160
+ `,o=n.default.div`
161
+ display: flex;
162
+ flex-direction: column;
163
+ height: 100%;
164
+ `,d=n.default.div`
165
+ background: ${t.COLORS.surface.standard};
166
+ border-radius: 8px;
167
+ border: 1px solid ${t.COLORS.stroke.primary};
168
+ padding: 16px;
169
+ display: flex;
170
+ flex-direction: column;
171
+ gap: 8px;
172
+ transition: all 0.2s ease;
173
+
174
+ &:hover {
175
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
176
+ }
177
+ `,c=n.default.div`
178
+ background-image: url(${e=>e.imageUrl});
179
+ background-size: cover;
180
+ background-position: center;
181
+ background-repeat: no-repeat;
182
+ height: ${e=>e.height||"200px"};
183
+ width: ${e=>e.width||"100%"};
184
+ border-radius: 4px;
185
+ display: flex;
186
+ align-items: center;
187
+ justify-content: center;
188
+
189
+ &:empty::after {
190
+ content: '';
191
+ background: ${t.COLORS.background.base};
192
+ width: 100%;
193
+ height: 100%;
194
+ border-radius: 4px;
195
+ }
196
+ `;exports.BackgroundImageContainer=c,exports.MainCardContainer=d,exports.MainContainer=o,exports.WhatsNewIconContainer=r,exports.WhatsNewWrapper=a;
@@ -0,0 +1,52 @@
1
+ /// <reference types="react" />
2
+ export interface WhatsNewContent {
3
+ id: string;
4
+ title: string;
5
+ body: string;
6
+ content: string;
7
+ image: string;
8
+ buttonText: string;
9
+ redirectUrl: string;
10
+ docId?: string;
11
+ createdAt: any;
12
+ module: string[];
13
+ visibility: boolean;
14
+ }
15
+ export interface WhatsNewProviderProps {
16
+ children: React.ReactNode;
17
+ fetchWhatsNewContent: () => Promise<[Error | null, WhatsNewContent[] | null]>;
18
+ markContentAsViewed?: (contentId: string) => Promise<void>;
19
+ module?: string;
20
+ isLoading?: boolean;
21
+ }
22
+ export interface WhatsNewButtonProps {
23
+ onClick?: () => void;
24
+ newContentCount?: number;
25
+ isOpen?: boolean;
26
+ isLoading?: boolean;
27
+ tooltip?: string;
28
+ testId?: string;
29
+ iconWidth?: number;
30
+ iconHeight?: number;
31
+ }
32
+ export interface WhatsNewPanelProps {
33
+ isOpen: boolean;
34
+ onClose: () => void;
35
+ content: WhatsNewContent[];
36
+ isLoading?: boolean;
37
+ title?: string;
38
+ searchPlaceholder?: string;
39
+ emptyStateTitle?: string;
40
+ emptyStateDescription?: string;
41
+ noResultsText?: string;
42
+ width?: string;
43
+ onContentClick?: (content: WhatsNewContent) => void;
44
+ renderCustomContent?: (content: WhatsNewContent) => React.ReactNode;
45
+ }
46
+ export interface WhatsNewHookReturn {
47
+ whatsNewContent: WhatsNewContent[];
48
+ isLoading: boolean;
49
+ newContentCount: number;
50
+ markAsViewed: (contentId: string) => Promise<void>;
51
+ refreshContent: () => Promise<void>;
52
+ }
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { WhatsNewButtonProps } from './WhatsNew.types';
3
+ export declare const WhatsNewButton: React.FC<WhatsNewButtonProps>;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),s=require("../../constants/Theme.js"),e=require("../tooltips/Tooltip.js"),i=require("./WhatsNew.styles.js");const n=s=>{let{width:e=32,height:i=32}=s;return t.jsxRuntimeExports.jsxs("svg",Object.assign({width:e,height:i,viewBox:"0 0 32 32",fill:"none"},{children:[t.jsxRuntimeExports.jsx("path",{d:"M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2zm0 25c-6.065 0-11-4.935-11-11S9.935 5 16 5s11 4.935 11 11-4.935 11-11 11z",fill:"currentColor"}),t.jsxRuntimeExports.jsx("path",{d:"M16 10.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zM15 15h2v8h-2v-8z",fill:"currentColor"})]}))};exports.WhatsNewButton=o=>{let{onClick:r,newContentCount:x=0,isOpen:c=!1,isLoading:a=!1,tooltip:d="What's new",testId:l="whats-new-button",iconWidth:j=32,iconHeight:h=32}=o;return a?t.jsxRuntimeExports.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsxRuntimeExports.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsxRuntimeExports.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsxRuntimeExports.jsx(i.WhatsNewIconContainer,Object.assign({count:x},{children:t.jsxRuntimeExports.jsxs("div",Object.assign({className:"main-icon-class "+(c?"icon-active":""),style:{color:c?s.COLORS.content.brand:s.COLORS.content.secondary},onClick:r,"data-testid":l},{children:[t.jsxRuntimeExports.jsx(e.Tooltip,Object.assign({body:d},{children:t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(n,{width:j,height:h})})})),x>0&&t.jsxRuntimeExports.jsx("div",Object.assign({className:"notification--count"},{children:t.jsxRuntimeExports.jsx("div",Object.assign({className:"count--text"},{children:x}))}))]}))}))};
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { WhatsNewPanelProps } from './WhatsNew.types';
3
+ export declare const WhatsNewPanel: React.FC<WhatsNewPanelProps>;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("date-fns"),s=require("react"),n=require("../../constants/Theme.js"),r=require("../button/Button.js"),i=require("../input/Input.js"),o=require("../TypographyStyle.js"),a=require("./WhatsNew.styles.js");const x=t=>{let{width:s=32,height:n=32}=t;return e.jsxRuntimeExports.jsx("svg",Object.assign({width:s,height:n,viewBox:"0 0 24 24",fill:"none"},{children:e.jsxRuntimeExports.jsx("path",{d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))},d=t=>{let{width:s=32,height:n=32}=t;return e.jsxRuntimeExports.jsxs("svg",Object.assign({width:s,height:n,viewBox:"0 0 32 32",fill:"none"},{children:[e.jsxRuntimeExports.jsx("path",{d:"M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2zm0 25c-6.065 0-11-4.935-11-11S9.935 5 16 5s11 4.935 11 11-4.935 11-11 11z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{d:"M16 10.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zM15 15h2v8h-2v-8z",fill:"currentColor"})]}))};exports.WhatsNewPanel=l=>{let{isOpen:c,onClose:u,content:j,isLoading:h=!1,title:m="What's new",searchPlaceholder:p="Search posts",emptyStateTitle:g="Nothing new!",emptyStateDescription:R="There are no new updates or features at the moment. Check back soon!",noResultsText:b="Sorry, no results found.",width:w="480px",onContentClick:O,renderCustomContent:E}=l;const[y,C]=s.useState(""),f=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,s)<7},v=s.useMemo((()=>{if(!y.trim())return j;const e=y.toLowerCase();return j.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content.toLowerCase().includes(e)))}),[j,y]),S=(s,i)=>E?E(s):e.jsxRuntimeExports.jsxs(a.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[s.image&&e.jsxRuntimeExports.jsx(a.BackgroundImageContainer,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[f(s)&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsxRuntimeExports.jsx(o.Caption,{children:"New"})})),e.jsxRuntimeExports.jsx(o.Caption,Object.assign({style:{color:n.COLORS.content.placeholder}},{children:s.createdAt?t.format(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt--8"},{children:e.jsxRuntimeExports.jsx(o.TitleSmall,{children:s.title})})),e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsxRuntimeExports.jsx(r.Button,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{O?O(e):e.redirectUrl&&window.open(e.redirectUrl,"_blank")})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${i}`),k=0===j.length,N=0===v.length;return e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"fixed",top:0,right:0,width:w,height:"100vh",backgroundColor:n.COLORS.surface.standard,boxShadow:"0 0 20px rgba(0,0,0,0.1)",zIndex:1e3,display:c?"flex":"none",flexDirection:"column"}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{padding:"16px 24px",background:n.COLORS.background.brandLight,borderBottom:`1px solid ${n.COLORS.stroke.primary}`,display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx(o.TitleMedium,Object.assign({color:n.COLORS.background.inverse},{children:m})),e.jsxRuntimeExports.jsx("button",Object.assign({onClick:u,style:{background:"none",border:"none",fontSize:"20px",cursor:"pointer",color:n.COLORS.background.inverse}},{children:"×"}))]})),e.jsxRuntimeExports.jsxs(a.MainContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-8",style:{padding:"0 16px"}},{children:e.jsxRuntimeExports.jsx(i.Input,{value:y,onChangeText:C,placeholder:p,state:k?"disabled":"none",variant:"default",width:"100%"})})),e.jsxRuntimeExports.jsx(a.WhatsNewWrapper,{children:k||N?e.jsxRuntimeExports.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"icon--wrapper"},{children:k?e.jsxRuntimeExports.jsx(d,{width:32,height:32}):e.jsxRuntimeExports.jsx(x,{width:32,height:32})})),k?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(o.TitleRegular,{children:g}),e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:R}))]}):e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:b}))]})):e.jsxRuntimeExports.jsx("div",Object.assign({className:"scroller"},{children:v.map(((e,t)=>S(e,t)))}))})]})]}))};
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { WhatsNewProviderProps } from './WhatsNew.types';
3
+ export declare const WhatsNewProvider: React.FC<WhatsNewProviderProps>;
4
+ export declare const useWhatsNewContext: () => import("./WhatsNew.types").WhatsNewHookReturn;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("./useWhatsNew.js");const s=t.createContext(null);exports.WhatsNewProvider=t=>{let{children:n,fetchWhatsNewContent:o,markContentAsViewed:u,module:a}=t;const i=r.useWhatsNew({fetchWhatsNewContent:o,markContentAsViewed:u,module:a});return e.jsxRuntimeExports.jsx(s.Provider,Object.assign({value:i},{children:n}))},exports.useWhatsNewContext=()=>{const e=t.useContext(s);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};
@@ -0,0 +1,7 @@
1
+ export * from './WhatsNew.types';
2
+ export * from './WhatsNew.styles';
3
+ export * from './WhatsNewButton';
4
+ export * from './WhatsNewPanel';
5
+ export * from './WhatsNewProvider';
6
+ export * from './WhatsNew';
7
+ export * from './useWhatsNew';
@@ -0,0 +1,9 @@
1
+ import { WhatsNewContent, WhatsNewHookReturn } from './WhatsNew.types';
2
+ interface UseWhatsNewProps {
3
+ fetchWhatsNewContent: () => Promise<[Error | null, WhatsNewContent[] | null]>;
4
+ markContentAsViewed?: (contentId: string) => Promise<void>;
5
+ module?: string;
6
+ newContentThresholdDays?: number;
7
+ }
8
+ export declare const useWhatsNew: ({ fetchWhatsNewContent, markContentAsViewed, module, newContentThresholdDays, }: UseWhatsNewProps) => WhatsNewHookReturn;
9
+ export {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("date-fns"),a=require("react");exports.useWhatsNew=o=>{let{fetchWhatsNewContent:r,markContentAsViewed:n,module:i,newContentThresholdDays:s=7}=o;const[d,c]=a.useState([]),[l,u]=a.useState(!0),w=a.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){u(!0);try{const[e,t]=yield r();if(e)console.error("Failed to fetch what's new content:",e),c([]);else if(t){let e=t;i&&(e=t.filter((e=>Array.isArray(e.module)?e.module.includes(i):e.module===i))),e.sort(((e,t)=>{var a,o;const r=(null===(a=e.createdAt)||void 0===a?void 0:a.toDate)?e.createdAt.toDate():new Date(e.createdAt);return((null===(o=t.createdAt)||void 0===o?void 0:o.toDate)?t.createdAt.toDate():new Date(t.createdAt)).getTime()-r.getTime()})),c(e)}else c([])}catch(e){console.error("Failed to fetch what's new content:",e),c([])}finally{u(!1)}}))),[r,i]);a.useEffect((()=>{w()}),[w]);const f=a.useCallback((e=>{if(!e.createdAt)return!1;const a=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,a)<s}),[s]),v=d.reduce(((e,t)=>f(t)?e+1:e),0);return{whatsNewContent:d,isLoading:l,newContentCount:v,markAsViewed:a.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(n)try{yield n(t)}catch(e){console.warn("Failed to mark content as viewed:",e)}}))),[n]),refreshContent:a.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){yield w()}))),[w])}};
@@ -45,6 +45,7 @@ export * from './components/TablePagination/';
45
45
  export * from './components/states-modal';
46
46
  export * from './components/states';
47
47
  export * from './components/WhatsAppTextEditor';
48
+ export * from './components/whats-new';
48
49
  export * from './helpers';
49
50
  export * from './components/card-selection-modal';
50
51
  export * from './components/image-cropper';
@@ -97,3 +98,4 @@ export * from './components/unsatisfactory-response-list/UnsatisfactoryCountInte
97
98
  export * from './components/data-source-panel/model';
98
99
  export * from './components/text-picker';
99
100
  export * from './components/dot-pulse';
101
+ export * from './components/feature-announcements';
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./amplitude/index.js"),r=require("./components/template-preview/constants/regexPatterns.js"),t=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),n=require("./constants/zindex.js"),a=require("./components/checkBox/CheckBox.js"),i=require("./components/list-item/ListItem.js"),s=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),u=require("./components/toaster/Toaster.js"),c=require("./components/tooltips/Tooltip.js"),l=require("./components/spinner/Spinner.js"),d=require("./components/stepper/Stepper.js"),m=require("./components/tag/Tag.js"),T=require("./components/icon-button/IconButton.js"),x=require("./components/template-preview/TemplatePreview.js"),P=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),S=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),A=require("./components/template-preview/helpers/SmsTemplateHelper.js"),C=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),O=require("./components/template-preview/models/TemplateMeta.js"),b=require("./components/template-preview/models/WhatsAppTemplate.js"),j=require("./components/template-preview/models/Channels.js"),E=require("./components/template-context-mapper/TemplateContextMapper.js"),R=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),h=require("./components/template-context-mapper/utils/validateIsUrl.js");require("./_virtual/_tslib.js");var g=require("./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js"),B=require("./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js"),I=require("./components/fab-menu/FABMenu.js"),_=require("./components/floating-action-button/FloatingActionButton.js"),q=require("./components/floating-action-button/FloatingActionButton.styles.js"),f=require("./components/image-compress/ImageCompress.js"),D=require("./components/TypographyStyle.js"),N=require("./components/button/Button.js"),k=require("./components/progress-bar/ProgressBarComponent.js");require("./node_modules/react/jsx-runtime.js");var L=require("./components/progress-bar-v2/ProgressBarV2.js"),w=require("./components/QueryBuilder/QueryBuilder.js"),M=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),V=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),v=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),U=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),G=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),F=require("./components/modals/styledModal.js"),H=require("./components/dropdown/DropdownPopover/index.js"),W=require("./components/dropdown/Dropdown.js"),Y=require("./components/dropdown/ChipDropdown.js"),Q=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),K=require("./components/dropdown/MenuItem/MenuItem.js"),z=require("./components/analytics-card/AnalyticsCard.js"),Z=require("./components/analytics-card/AnalyticsCard.styled.js"),X=require("./components/input/Input.js"),J=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),$=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),ee=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),re=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),te=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),ne=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),se=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),le=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),de=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),me=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),Te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),xe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),Pe=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),Se=require("./components/avatar/Avatar.js"),Ae=require("./components/avatar/AvatarHelper.js"),Ce=require("./components/alerts/Alert.js"),ye=require("./components/alerts/AlertHelper.js"),Oe=require("./components/thumbnail/Thumbnail.js"),be=require("./components/curtain/Curtain.js"),je=require("./components/datePicker/DatePicker.js"),Ee=require("./components/datePicker/DatePickerWrapper.js"),Re=require("./components/switch/Switch.js"),he=require("./components/plans/SubscriptionPlan.js"),ge=require("./components/plans/SubscriptionPlanSelector.js"),Be=require("./components/plans/NewSubscriptionPlan.js"),Ie=require("./components/plans/SubscriptionPlansCollected.js"),_e=require("./components/tabs/Tabs.js"),qe=require("./components/dynamic-tabs/DynamicTabs.js"),fe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),De=require("./components/TablePagination/TablePagination.js"),Ne=require("./components/TablePagination/TablePaginationCard.js"),ke=require("./components/states-modal/StateModalComponent.js"),Le=require("./components/states-modal/DeleteConfirmationModal.js"),we=require("./components/states/StateComponent.js"),Me=require("./components/states/ShopifyScopeWrapper.js"),Ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ue=require("./helpers/BaseWhatsappContentLang.helper.js"),Ge=require("./components/curtain/CurtainHelper.js"),Fe=require("./utils/resizeImage.js"),He=require("./components/variable-picker-v3/model.js"),We=require("./components/card-selection-modal/CardSelectionModal.js"),Ye=require("./components/image-cropper/BikImageCropper.js"),Qe=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),Ke=require("./components/buttonGroup/ButtonGroup.js"),ze=require("./components/accordion/Accordion.js"),Ze=require("./components/file-uploader/FileUploader.js"),Xe=require("./components/colourInput/ColourInput.js"),Je=require("./components/code-block/CodeBlock.js"),$e=require("./components/code-block/types.js"),er=require("./components/bik-layout/BikHeader.js"),rr=require("./components/bik-layout/BikLayout.js"),tr=require("./components/bik-layout/BikProfile.js"),or=require("./components/bik-layout/SimpleSidebar.js"),nr=require("./components/bik-layout/BikSidebar.js"),ar=require("./components/bik-layout/FeatureModal.js"),ir=require("./components/bik-layout/SidebarSkeleton.js"),sr=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),pr=require("./components/bik-layout/FeatureModalV2.js"),ur=require("./components/searchBar/searchBar.js"),cr=require("./components/custom-date-time/CustomDateTime.js"),lr=require("./components/product-picker/ProductPickerModal.js"),dr=require("./components/discount-modal/DiscountModal.js"),mr=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Tr=require("./components/discount-modal/type.js"),xr=require("./components/country-code-picker/CountryCodePicker.js"),Pr=require("./components/country-code-picker/CountryCodePicker.modal.js"),Sr=require("./components/shimmer-image/ShimmerImage.js"),Ar=require("./components/product-picker-v2/modal.js"),Cr=require("./components/product-picker-v2/type.js"),yr=require("./components/carousel/carousel.js"),Or=require("./components/carousel-secondary/CarouselSecondary.js"),br=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),jr=require("./components/radioList/RadioList.js"),Er=require("./components/checkList/CheckList.js"),Rr=require("./components/postPicker/postPicker.js"),hr=require("./components/dropdown-button/DropdownButton.js"),gr=require("./components/side-modal/SideModal.js"),Br=require("./components/keywords-input/KeywordsInput.js"),Ir=require("./components/add-variableV2/AddVariableV2SideModal.js"),_r=require("./components/add-variableV2/AddVariableV2.js"),qr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),fr=require("./components/SearchFilter/index.js"),Dr=require("./components/input-with-vars/InputWithVariables.js"),Nr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),kr=require("./components/star-rating/StarRating.js"),Lr=require("./components/testimonial-card/TestimonialCard.js"),wr=require("./components/slider/slider.js"),Mr=require("./components/resizeImage/index.js"),Vr=require("./utils/validator.js"),vr=require("./components/carousel-preview/CarouselPreview.js"),Ur=require("./components/floater/floater.js"),Gr=require("./components/card-selector/CardSelector.js"),Fr=require("./components/card-selector/CardSelectorGroup.js"),Hr=require("./components/variable-picker-v3/VariablePicker.js"),Wr=require("./components/action-button/ActionButtons.js"),Yr=require("./components/ai-modals/ActivateBikAI.js"),Qr=require("./components/ai-modals/AiSyncProgress.js"),Kr=require("./components/ai-modals/AiCreditsExhausted.js"),zr=require("./components/ai-modals/AiCreditsLow.js"),Zr=require("./components/input-with-vars/customPortal.js"),Xr=require("./components/floating-input-dropdown/FloatingInputDropdown.js"),Jr=require("./components/dropdown/MultilevelDropdownPopover/index.js"),$r=require("./components/dropShadow/DropShadow.js"),et=require("./components/multi-level-dropdown/MultiLevelDropdown.js"),rt=require("./components/data-source-panel/DataSourcePanel.js"),tt=require("./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js"),ot=require("./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js"),nt=require("./components/data-source-panel/model.js"),at=require("./components/text-picker/TextPickerModal.js"),it=require("./components/dot-pulse/DotPulse.js"),st=require("./components/carousel-secondary/model.js");exports.AmplitudeEvent=e.AmplitudeEvent,exports.regexPatterns=r,exports.StringUtils=t.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.ComponentZindex=n.ComponentZindex,exports.CheckBox=a.CheckBox,exports.ListItem=i.ListItem,exports.Pagination=s.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=u.Toaster,exports.Tooltip=c.Tooltip,exports.PureSpinner=l.PureSpinner,exports.Spinner=l.Spinner,exports.Stepper=d.Stepper,exports.Tag=m.Tag,exports.IconButton=T.IconButton,exports.TemplatePreview=x.TemplatePreview,exports.WhatsappLikePreview=P.WhatsappLikePreview,exports.WhatsappLikePreviewV2=S.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=A.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=C.WhatsAppFormatToHTML,exports.VariableEditorHelper=y.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return O.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=O.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return O.HEADER_TYPES}}),exports.STATIC_URL_CTA_OPTION=O.STATIC_URL_CTA_OPTION,Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return O.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return O.TEMPLATE_STATUS}}),exports.UNSUBSCRIBE_URL_OPTION=O.UNSUBSCRIBE_URL_OPTION,Object.defineProperty(exports,"BUTTON_TYPE",{enumerable:!0,get:function(){return b.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return b.POD}}),Object.defineProperty(exports,"TEMPLATE_QUALITY",{enumerable:!0,get:function(){return b.TEMPLATE_QUALITY}}),Object.defineProperty(exports,"CHANNEL_TYPE",{enumerable:!0,get:function(){return j.CHANNEL_TYPE}}),exports.TemplateContextMapper=E.TemplateContextMapper,exports.getAllDataFromTemplateComponent=R.getAllDataFromTemplateComponent,exports.getAllDataFromWebpushTemplateComponent=R.getAllDataFromWebpushTemplateComponent,exports.isVariable=h.isVariable,exports.validateIsUrl=h.validateIsUrl,exports.TemplateAnalyticsSkeleton=g.TemplateAnalyticsSkeleton,exports.AnalyticsItem=B.AnalyticsItem,exports.QualityTimelineChart=B.QualityTimelineChart,exports.RightPanelTemplateAnalytics=B.RightPanelTemplateAnalytics,exports.TemplateAnalyticsComponent=B.TemplateAnalyticsComponent,exports.FABMenu=I.FABMenu,exports.FloatingActionButton=_.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return q.DROP_POSITION}}),exports.DropdownToggleContainer=q.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return q.FAB_POSITION}}),exports.FloatingActionButtonContainer=q.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=q.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return q.MENU_ALIGNMENT}}),exports.StyledDropdown=q.StyledDropdown,exports.TooltipStyled=q.TooltipStyled,exports.ImageService=f.ImageService,exports.AiBodyCaption=D.AiBodyCaption,exports.AiBodyTiny=D.AiBodyTiny,exports.BodyCaption=D.BodyCaption,exports.BodyLarge=D.BodyLarge,exports.BodyPrimary=D.BodyPrimary,exports.BodyPrimaryLink=D.BodyPrimaryLink,exports.BodyRegular=D.BodyRegular,exports.BodySecondary=D.BodySecondary,exports.BodySecondaryLink=D.BodySecondaryLink,exports.BodySmall=D.BodySmall,exports.BodyTiny=D.BodyTiny,exports.ButtonLarge=D.ButtonLarge,exports.ButtonLargeAI=D.ButtonLargeAI,exports.ButtonRegular=D.ButtonRegular,exports.ButtonRegularAI=D.ButtonRegularAI,exports.Caption=D.Caption,exports.CaptionBold=D.CaptionBold,exports.Display=D.Display,exports.SmallRegular=D.SmallRegular,exports.SubHeading=D.SubHeading,exports.TextPlaceholder=D.TextPlaceholder,exports.Tiny=D.Tiny,exports.TitleFour=D.TitleFour,exports.TitleLarge=D.TitleLarge,exports.TitleMedium=D.TitleMedium,exports.TitleRegular=D.TitleRegular,exports.TitleSmall=D.TitleSmall,exports.TitleXlarge=D.TitleXlarge,exports.Button=N.Button,exports.ProgressBarComponent=k.ProgressBarComponent,exports.ProgressCompletedBar=k.ProgressCompletedBar,Object.defineProperty(exports,"ProgressBarType",{enumerable:!0,get:function(){return L.ProgressBarType}}),exports.ProgressBarV2=L.ProgressBarV2,Object.defineProperty(exports,"TextAlignment",{enumerable:!0,get:function(){return L.TextAlignment}}),exports.QueryBuilder=w.QueryBuilder,exports.BaseQueryBuilderNode=M.BaseQueryBuilderNode,exports.PropertyNode=V.PropertyNode,exports.PropertyNodeHeadless=V.PropertyNodeHeadless,exports.queryBuilderSlice=v.queryBuilderSlice,exports.queryBuilderCacheSlice=U.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return G.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return G.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return G.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return G.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return G.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return G.EVENT_VALUES}}),Object.defineProperty(exports,"EXACTLY_OPERATORS",{enumerable:!0,get:function(){return G.EXACTLY_OPERATORS}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return G.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return G.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return G.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return G.INTEGER_OPERATORS}}),Object.defineProperty(exports,"MAIL_SUBJECT_OPERATORS",{enumerable:!0,get:function(){return G.MAIL_SUBJECT_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return G.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return G.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return G.STRING_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_2",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS_2}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_3",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS_3}}),exports.StyledModal=F.StyledModal,exports.DropdownPopover=H.DropdownPopover,exports.Dropdown=W.Dropdown,exports.ChipDropdown=Y.ChipDropdown,exports.ChipDropdownContainer=Y.ChipDropdownContainer,exports.OpenedDropdown=Q.OpenedDropdown,exports.MenuItemDropdown=K.MenuItemDropdown,exports.AnalyticsCard=z.AnalyticsCard,exports.AnalyticsContainer=Z.AnalyticsContainer,exports.CardDataContainer=Z.CardDataContainer,exports.Input=X.Input,exports.AnalyticsChip=J.AnalyticsChip,exports.AnalyticsDropdown=$.AnalyticsDropdown,exports.EachItem=$.EachItem,exports.formatDate=$.formatDate,exports.AnalyticsMultiChip=ee.AnalyticsMultiChip,exports.AnalyticsMetric=re.AnalyticsMetric,exports.AnalyticsTrend=te.AnalyticsTrend,exports.LineChart=oe.LineChart,exports.LinearChipGroupedChart=ne.LinearChipGroupedChart,exports.Card=ae.Card,exports.PieChartAnalytics=ae.PieChartAnalytics,exports.PieChart=ie.PieChart,exports.HorizontalGraph=se.HorizontalGraph,exports.StackedBarChart=pe.StackedBarChart,exports.StackedBarDistributionChart=ue.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return ce.GRAPH_ORIENTATION}}),exports.VerticalGraph=le.VerticalGraph,exports.FunnelVerticalBarGraph=de.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return me.HEAT}}),exports.HEAT_COLORS=me.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return me.HEAT_GRADING_TYPE}}),exports.HeatMap=me.HeatMap,exports.HeatBoxStyled=Te.HeatBoxStyled,exports.HeatMapVertical=Te.HeatMapVertical,exports.VerticalBarAndLinearGraph=xe.VerticalBarAndLinearGraph,Object.defineProperty(exports,"TruncateValue",{enumerable:!0,get:function(){return Pe.TruncateValue}}),exports.calculatePercentage=Pe.calculatePercentage,exports.roundNumber=Pe.roundNumber,exports.truncateValueForIndianStore=Pe.truncateValueForIndianStore,exports.truncateValueForInternationalStore=Pe.truncateValueForInternationalStore,exports.truncateValueTo10K=Pe.truncateValueTo10K,exports.truncateValueToA=Pe.truncateValueToA,exports.truncateValueToB=Pe.truncateValueToB,exports.truncateValueToC=Pe.truncateValueToC,exports.truncateValueToK=Pe.truncateValueToK,exports.truncateValueToL=Pe.truncateValueToL,exports.truncateValueToM=Pe.truncateValueToM,exports.truncateValueToT=Pe.truncateValueToT,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Se.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Se.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Se.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"MESSAGE_CHANNELS",{enumerable:!0,get:function(){return Se.MESSAGE_CHANNELS}}),Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Ae.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Ae.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Ae.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Ae.SIZE}}),exports.Alert=Ce.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return ye.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=ye.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return ye.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return Oe.RATIO}}),exports.Thumbnail=Oe.Thumbnail,exports.Curtain=be.Curtain,exports.DatePicker=je.DatePicker,exports.DatePickerWrapper=Ee.DatePickerWrapper,exports.Loader=Re.Loader,exports.Switch=Re.Switch,exports.SwitchContainer=Re.SwitchContainer,exports.Thumb=Re.Thumb,exports.SubscriptionPlan=he.SubscriptionPlan,exports.BottomWrapper=ge.BottomWrapper,exports.HeaderWrapper=ge.HeaderWrapper,exports.SubscriptionPlanSelector=ge.SubscriptionPlanSelector,exports.defaultTabs=ge.defaultTabs,exports.NewSubscriptionPlan=Be.NewSubscriptionPlan,exports.SubscriptionPlansCollected=Ie.SubscriptionPlansCollected,exports.TabItemComponent=_e.TabItemComponent,exports.Tabs=_e.Tabs,exports.DynamicTabs=qe.DynamicTabs,exports.BikShimmer=fe.BikShimmer,exports.TablePagination=De.TablePagination,exports.TablePaginationCard=Ne.TablePaginationCard,exports.TablePaginationCardStyled=Ne.TablePaginationCardStyled,exports.StateModalComponent=ke.StateModalComponent,exports.DeleteConfirmationModal=Le.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return we.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return we.ButtonTypes}}),exports.StateComponent=we.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return we.StateInterface}}),exports.ShopifyScopeWrapper=Me.ShopifyScopeWrapper,exports.WhatsAppTextEditor=Ve.WhatsAppTextEditor,exports.CustomRightBorder=ve.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return ve.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=ve.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ue.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=Ge.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return Ge.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return Ge.CURTAIN_TYPES}}),exports.resizeImage=Fe.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return He.PickerType}}),exports.CardSelectionModal=We.CardSelectionModal,exports.BikImageCropper=Ye.BikImageCropper,exports.BikImagePipeline=Qe.BikImagePipeline,exports.ButtonGroup=Ke.ButtonGroup,exports.BikAccordion=ze.BikAccordion,exports.FileUploader=Ze.FileUploader,exports.ColourInput=Xe.ColourInput,exports.CodeBlock=Je.CodeBlock,Object.defineProperty(exports,"CodeLanguage",{enumerable:!0,get:function(){return $e.CodeLanguage}}),exports.BikHeader=er.BikHeader,exports.BikLayout=rr.BikLayout,exports.BikProfile=tr.BikProfile,exports.SimpleSidebar=or.SimpleSidebar,exports.BikSidebar=nr.BikSidebar,exports.FeatureModal=ar.FeatureModal,exports.SidebarSkeleton=ir.SidebarSkeleton,exports.ShowShopifyRestrictedModal=sr.ShowShopifyRestrictedModal,exports.FeatureModalV2=pr.FeatureModalV2,exports.SearchBar=ur.SearchBar,exports.CustomDateTime=cr.CustomDateTime,exports.PricePleaseProductPicker=lr.PricePleaseProductPicker,exports.ProductPickerContent=lr.ProductPickerContent,exports.DiscountModal=dr.DiscountModal,exports.CouponExpiration=mr.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return Tr.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return Tr.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Tr.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Tr.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Tr.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Tr.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Tr.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return Tr.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=Tr.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=Tr.initialStaticCouponErrorState,exports.CountryCodePicker=xr.CountryCodePicker,exports.CountriesData=Pr.CountriesData,exports.DEFAULT_IMAGE=Sr.DEFAULT_IMAGE,exports.ShimmerImage=Sr.ShimmerImage,exports.ProductPickerModal=Ar.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return Cr.ScreenName}}),exports.Carousel=yr.Carousel,exports.CarouselSecondary=Or.CarouselSecondary,exports.AccessTokenTroubleshootDialog=br.AccessTokenTroubleshootDialog,exports.RadioList=jr.RadioList,exports.CheckList=Er.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return Rr.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return Rr.MEDIA_TYPES}}),exports.PostPicker=Rr.PostPicker,exports.dateOptions=Rr.dateOptions,exports.DropdownButton=hr.DropdownButton,exports.SideModal=gr.SideModal,exports.KeywordsInput=Br.KeywordsInput,exports.AddVariableV2SideModal=Ir.AddVariableV2SideModal,exports.AddVariableV2=_r.AddVariableV2,exports.NaLinkWrapper=qr.NaLinkWrapper,exports.NavigationHyperlink=qr.NavigationHyperlink,exports.SearchFilter=fr.SearchFilter,exports.InputWithVariables=Dr.InputWithVariables,exports.DashboardReviewPopUp=Nr.DashboardReviewPopUp,exports.StarRating=kr.StarRating,exports.TestimonialCard=Lr.TestimonialCard,exports.BikSlider=wr.BikSlider,exports.ResizableImage=Mr.ResizableImage,exports.validateURL=Vr.validateURL,exports.CarouselPreview=vr.CarouselPreview,exports.Floater=Ur.Floater,exports.CardSelector=Gr.CardSelector,exports.CardSelectorGroup=Fr.CardSelectorGroup,exports.VariablePicker=Hr.VariablePicker,exports.ActionButtons=Wr.ActionButtons,exports.ActivateBikAi=Yr.ActivateBikAi,exports.AiSyncProgress=Qr.AiSyncProgress,exports.AiCreditsExhausted=Kr.AiCreditsExhausted,exports.AiCreditsLow=zr.AiCreditsLow,exports.CustomPortal=Zr.CustomPortal,exports.FloatingInputDropdown=Xr.FloatingInputDropdown,exports.MultilevelDropdownPopover=Jr.MultilevelDropdownPopover,exports.DropShadow=$r.DropShadow,exports.MultiLevelDropdown=et.MultiLevelDropdown,exports.DataSourcePanel=rt.DataSourcePanel,exports.UnsatisfactoryResponseList=tt.UnsatisfactoryResponseList,exports.UnsatisfactoryCountIntentWiseModal=ot.UnsatisfactoryCountIntentWiseModal,Object.defineProperty(exports,"CustomDataCategories",{enumerable:!0,get:function(){return nt.CustomDataCategories}}),Object.defineProperty(exports,"CustomDataType",{enumerable:!0,get:function(){return nt.CustomDataType}}),exports.TextPickerModal=at.TextPickerModal,exports.DotPulse=it.DotPulse,Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return st.CarouselVersion}});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./amplitude/index.js"),r=require("./components/template-preview/constants/regexPatterns.js"),t=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),n=require("./constants/zindex.js"),a=require("./components/checkBox/CheckBox.js"),s=require("./components/list-item/ListItem.js"),i=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),u=require("./components/toaster/Toaster.js"),c=require("./components/tooltips/Tooltip.js"),l=require("./components/spinner/Spinner.js"),d=require("./components/stepper/Stepper.js"),m=require("./components/tag/Tag.js"),x=require("./components/icon-button/IconButton.js"),T=require("./components/template-preview/TemplatePreview.js"),P=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),S=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),A=require("./components/template-preview/helpers/SmsTemplateHelper.js"),C=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),j=require("./components/template-preview/models/TemplateMeta.js"),O=require("./components/template-preview/models/WhatsAppTemplate.js"),b=require("./components/template-preview/models/Channels.js"),E=require("./components/template-context-mapper/TemplateContextMapper.js"),h=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),R=require("./components/template-context-mapper/utils/validateIsUrl.js");require("./_virtual/_tslib.js");var g=require("./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js"),B=require("./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js"),I=require("./components/fab-menu/FABMenu.js"),q=require("./components/floating-action-button/FloatingActionButton.js"),_=require("./components/floating-action-button/FloatingActionButton.styles.js"),f=require("./components/image-compress/ImageCompress.js"),w=require("./components/TypographyStyle.js"),N=require("./components/button/Button.js"),D=require("./components/progress-bar/ProgressBarComponent.js");require("./node_modules/react/jsx-runtime.js");var k=require("./components/progress-bar-v2/ProgressBarV2.js"),M=require("./components/QueryBuilder/QueryBuilder.js"),L=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),V=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),v=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),U=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),F=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),G=require("./components/modals/styledModal.js"),W=require("./components/dropdown/DropdownPopover/index.js"),H=require("./components/dropdown/Dropdown.js"),Y=require("./components/dropdown/ChipDropdown.js"),Q=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),K=require("./components/dropdown/MenuItem/MenuItem.js"),z=require("./components/analytics-card/AnalyticsCard.js"),Z=require("./components/analytics-card/AnalyticsCard.styled.js"),X=require("./components/input/Input.js"),J=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),$=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),ee=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),re=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),te=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),ne=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),se=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),le=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),de=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),me=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),xe=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),Te=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),Pe=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),Se=require("./components/avatar/Avatar.js"),Ae=require("./components/avatar/AvatarHelper.js"),Ce=require("./components/alerts/Alert.js"),ye=require("./components/alerts/AlertHelper.js"),je=require("./components/thumbnail/Thumbnail.js"),Oe=require("./components/curtain/Curtain.js"),be=require("./components/datePicker/DatePicker.js"),Ee=require("./components/datePicker/DatePickerWrapper.js"),he=require("./components/switch/Switch.js"),Re=require("./components/plans/SubscriptionPlan.js"),ge=require("./components/plans/SubscriptionPlanSelector.js"),Be=require("./components/plans/NewSubscriptionPlan.js"),Ie=require("./components/plans/SubscriptionPlansCollected.js"),qe=require("./components/tabs/Tabs.js"),_e=require("./components/dynamic-tabs/DynamicTabs.js"),fe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),we=require("./components/TablePagination/TablePagination.js"),Ne=require("./components/TablePagination/TablePaginationCard.js"),De=require("./components/states-modal/StateModalComponent.js"),ke=require("./components/states-modal/DeleteConfirmationModal.js"),Me=require("./components/states/StateComponent.js"),Le=require("./components/states/ShopifyScopeWrapper.js"),Ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ue=require("./components/whats-new/WhatsNew.styles.js"),Fe=require("./components/whats-new/WhatsNewButton.js"),Ge=require("./components/whats-new/WhatsNewPanel.js"),We=require("./components/whats-new/WhatsNewProvider.js"),He=require("./components/whats-new/WhatsNew.js"),Ye=require("./components/whats-new/useWhatsNew.js"),Qe=require("./helpers/BaseWhatsappContentLang.helper.js"),Ke=require("./components/curtain/CurtainHelper.js"),ze=require("./utils/resizeImage.js"),Ze=require("./components/variable-picker-v3/model.js"),Xe=require("./components/card-selection-modal/CardSelectionModal.js"),Je=require("./components/image-cropper/BikImageCropper.js"),$e=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),er=require("./components/buttonGroup/ButtonGroup.js"),rr=require("./components/accordion/Accordion.js"),tr=require("./components/file-uploader/FileUploader.js"),or=require("./components/colourInput/ColourInput.js"),nr=require("./components/code-block/CodeBlock.js"),ar=require("./components/code-block/types.js"),sr=require("./components/bik-layout/BikHeader.js"),ir=require("./components/bik-layout/BikLayout.js"),pr=require("./components/bik-layout/BikProfile.js"),ur=require("./components/bik-layout/SimpleSidebar.js"),cr=require("./components/bik-layout/BikSidebar.js"),lr=require("./components/bik-layout/FeatureModal.js"),dr=require("./components/bik-layout/SidebarSkeleton.js"),mr=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),xr=require("./components/bik-layout/FeatureModalV2.js"),Tr=require("./components/searchBar/searchBar.js"),Pr=require("./components/custom-date-time/CustomDateTime.js"),Sr=require("./components/product-picker/ProductPickerModal.js"),Ar=require("./components/discount-modal/DiscountModal.js"),Cr=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),yr=require("./components/discount-modal/type.js"),jr=require("./components/country-code-picker/CountryCodePicker.js"),Or=require("./components/country-code-picker/CountryCodePicker.modal.js"),br=require("./components/shimmer-image/ShimmerImage.js"),Er=require("./components/product-picker-v2/modal.js"),hr=require("./components/product-picker-v2/type.js"),Rr=require("./components/carousel/carousel.js"),gr=require("./components/carousel-secondary/CarouselSecondary.js"),Br=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),Ir=require("./components/radioList/RadioList.js"),qr=require("./components/checkList/CheckList.js"),_r=require("./components/postPicker/postPicker.js"),fr=require("./components/dropdown-button/DropdownButton.js"),wr=require("./components/side-modal/SideModal.js"),Nr=require("./components/keywords-input/KeywordsInput.js"),Dr=require("./components/add-variableV2/AddVariableV2SideModal.js"),kr=require("./components/add-variableV2/AddVariableV2.js"),Mr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),Lr=require("./components/SearchFilter/index.js"),Vr=require("./components/input-with-vars/InputWithVariables.js"),vr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),Ur=require("./components/star-rating/StarRating.js"),Fr=require("./components/testimonial-card/TestimonialCard.js"),Gr=require("./components/slider/slider.js"),Wr=require("./components/resizeImage/index.js"),Hr=require("./utils/validator.js"),Yr=require("./components/carousel-preview/CarouselPreview.js"),Qr=require("./components/floater/floater.js"),Kr=require("./components/card-selector/CardSelector.js"),zr=require("./components/card-selector/CardSelectorGroup.js"),Zr=require("./components/variable-picker-v3/VariablePicker.js"),Xr=require("./components/action-button/ActionButtons.js"),Jr=require("./components/ai-modals/ActivateBikAI.js"),$r=require("./components/ai-modals/AiSyncProgress.js"),et=require("./components/ai-modals/AiCreditsExhausted.js"),rt=require("./components/ai-modals/AiCreditsLow.js"),tt=require("./components/input-with-vars/customPortal.js"),ot=require("./components/floating-input-dropdown/FloatingInputDropdown.js"),nt=require("./components/dropdown/MultilevelDropdownPopover/index.js"),at=require("./components/dropShadow/DropShadow.js"),st=require("./components/multi-level-dropdown/MultiLevelDropdown.js"),it=require("./components/data-source-panel/DataSourcePanel.js"),pt=require("./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js"),ut=require("./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js"),ct=require("./components/data-source-panel/model.js"),lt=require("./components/text-picker/TextPickerModal.js"),dt=require("./components/dot-pulse/DotPulse.js"),mt=require("./components/feature-announcements/FeatureAnnouncementProvider.js"),xt=require("./components/feature-announcements/MajorUpdatePopup.js"),Tt=require("./components/feature-announcements/MinorUpdatePopup.js"),Pt=require("./components/feature-announcements/VideoModal.js"),St=require("./components/feature-announcements/useFeatureAnnouncements.js"),At=require("./components/carousel-secondary/model.js");exports.AmplitudeEvent=e.AmplitudeEvent,exports.regexPatterns=r,exports.StringUtils=t.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.ComponentZindex=n.ComponentZindex,exports.CheckBox=a.CheckBox,exports.ListItem=s.ListItem,exports.Pagination=i.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=u.Toaster,exports.Tooltip=c.Tooltip,exports.PureSpinner=l.PureSpinner,exports.Spinner=l.Spinner,exports.Stepper=d.Stepper,exports.Tag=m.Tag,exports.IconButton=x.IconButton,exports.TemplatePreview=T.TemplatePreview,exports.WhatsappLikePreview=P.WhatsappLikePreview,exports.WhatsappLikePreviewV2=S.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=A.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=C.WhatsAppFormatToHTML,exports.VariableEditorHelper=y.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return j.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=j.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return j.HEADER_TYPES}}),exports.STATIC_URL_CTA_OPTION=j.STATIC_URL_CTA_OPTION,Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return j.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return j.TEMPLATE_STATUS}}),exports.UNSUBSCRIBE_URL_OPTION=j.UNSUBSCRIBE_URL_OPTION,Object.defineProperty(exports,"BUTTON_TYPE",{enumerable:!0,get:function(){return O.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return O.POD}}),Object.defineProperty(exports,"TEMPLATE_QUALITY",{enumerable:!0,get:function(){return O.TEMPLATE_QUALITY}}),Object.defineProperty(exports,"CHANNEL_TYPE",{enumerable:!0,get:function(){return b.CHANNEL_TYPE}}),exports.TemplateContextMapper=E.TemplateContextMapper,exports.getAllDataFromTemplateComponent=h.getAllDataFromTemplateComponent,exports.getAllDataFromWebpushTemplateComponent=h.getAllDataFromWebpushTemplateComponent,exports.isVariable=R.isVariable,exports.validateIsUrl=R.validateIsUrl,exports.TemplateAnalyticsSkeleton=g.TemplateAnalyticsSkeleton,exports.AnalyticsItem=B.AnalyticsItem,exports.RightPanelTemplateAnalytics=B.RightPanelTemplateAnalytics,exports.TemplateAnalyticsComponent=B.TemplateAnalyticsComponent,exports.FABMenu=I.FABMenu,exports.FloatingActionButton=q.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return _.DROP_POSITION}}),exports.DropdownToggleContainer=_.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return _.FAB_POSITION}}),exports.FloatingActionButtonContainer=_.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=_.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return _.MENU_ALIGNMENT}}),exports.StyledDropdown=_.StyledDropdown,exports.TooltipStyled=_.TooltipStyled,exports.ImageService=f.ImageService,exports.AiBodyCaption=w.AiBodyCaption,exports.AiBodyTiny=w.AiBodyTiny,exports.BodyCaption=w.BodyCaption,exports.BodyLarge=w.BodyLarge,exports.BodyPrimary=w.BodyPrimary,exports.BodyPrimaryLink=w.BodyPrimaryLink,exports.BodyRegular=w.BodyRegular,exports.BodySecondary=w.BodySecondary,exports.BodySecondaryLink=w.BodySecondaryLink,exports.BodySmall=w.BodySmall,exports.BodyTiny=w.BodyTiny,exports.ButtonLarge=w.ButtonLarge,exports.ButtonLargeAI=w.ButtonLargeAI,exports.ButtonRegular=w.ButtonRegular,exports.ButtonRegularAI=w.ButtonRegularAI,exports.Caption=w.Caption,exports.CaptionBold=w.CaptionBold,exports.Display=w.Display,exports.SmallRegular=w.SmallRegular,exports.SubHeading=w.SubHeading,exports.TextPlaceholder=w.TextPlaceholder,exports.Tiny=w.Tiny,exports.TitleFour=w.TitleFour,exports.TitleLarge=w.TitleLarge,exports.TitleMedium=w.TitleMedium,exports.TitleRegular=w.TitleRegular,exports.TitleSmall=w.TitleSmall,exports.TitleXlarge=w.TitleXlarge,exports.Button=N.Button,exports.ProgressBarComponent=D.ProgressBarComponent,exports.ProgressCompletedBar=D.ProgressCompletedBar,Object.defineProperty(exports,"ProgressBarType",{enumerable:!0,get:function(){return k.ProgressBarType}}),exports.ProgressBarV2=k.ProgressBarV2,Object.defineProperty(exports,"TextAlignment",{enumerable:!0,get:function(){return k.TextAlignment}}),exports.QueryBuilder=M.QueryBuilder,exports.BaseQueryBuilderNode=L.BaseQueryBuilderNode,exports.PropertyNode=V.PropertyNode,exports.PropertyNodeHeadless=V.PropertyNodeHeadless,exports.queryBuilderSlice=v.queryBuilderSlice,exports.queryBuilderCacheSlice=U.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return F.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return F.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return F.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return F.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return F.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return F.EVENT_VALUES}}),Object.defineProperty(exports,"EXACTLY_OPERATORS",{enumerable:!0,get:function(){return F.EXACTLY_OPERATORS}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return F.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return F.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return F.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return F.INTEGER_OPERATORS}}),Object.defineProperty(exports,"MAIL_SUBJECT_OPERATORS",{enumerable:!0,get:function(){return F.MAIL_SUBJECT_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return F.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return F.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return F.STRING_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS",{enumerable:!0,get:function(){return F.STRING_RESTRICTED_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_2",{enumerable:!0,get:function(){return F.STRING_RESTRICTED_OPERATORS_2}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_3",{enumerable:!0,get:function(){return F.STRING_RESTRICTED_OPERATORS_3}}),exports.StyledModal=G.StyledModal,exports.DropdownPopover=W.DropdownPopover,exports.Dropdown=H.Dropdown,exports.ChipDropdown=Y.ChipDropdown,exports.ChipDropdownContainer=Y.ChipDropdownContainer,exports.OpenedDropdown=Q.OpenedDropdown,exports.MenuItemDropdown=K.MenuItemDropdown,exports.AnalyticsCard=z.AnalyticsCard,exports.AnalyticsContainer=Z.AnalyticsContainer,exports.CardDataContainer=Z.CardDataContainer,exports.Input=X.Input,exports.AnalyticsChip=J.AnalyticsChip,exports.AnalyticsDropdown=$.AnalyticsDropdown,exports.EachItem=$.EachItem,exports.formatDate=$.formatDate,exports.AnalyticsMultiChip=ee.AnalyticsMultiChip,exports.AnalyticsMetric=re.AnalyticsMetric,exports.AnalyticsTrend=te.AnalyticsTrend,exports.LineChart=oe.LineChart,exports.LinearChipGroupedChart=ne.LinearChipGroupedChart,exports.Card=ae.Card,exports.PieChartAnalytics=ae.PieChartAnalytics,exports.PieChart=se.PieChart,exports.HorizontalGraph=ie.HorizontalGraph,exports.StackedBarChart=pe.StackedBarChart,exports.StackedBarDistributionChart=ue.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return ce.GRAPH_ORIENTATION}}),exports.VerticalGraph=le.VerticalGraph,exports.FunnelVerticalBarGraph=de.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return me.HEAT}}),exports.HEAT_COLORS=me.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return me.HEAT_GRADING_TYPE}}),exports.HeatMap=me.HeatMap,exports.HeatBoxStyled=xe.HeatBoxStyled,exports.HeatMapVertical=xe.HeatMapVertical,exports.VerticalBarAndLinearGraph=Te.VerticalBarAndLinearGraph,Object.defineProperty(exports,"TruncateValue",{enumerable:!0,get:function(){return Pe.TruncateValue}}),exports.calculatePercentage=Pe.calculatePercentage,exports.roundNumber=Pe.roundNumber,exports.truncateValueForIndianStore=Pe.truncateValueForIndianStore,exports.truncateValueForInternationalStore=Pe.truncateValueForInternationalStore,exports.truncateValueTo10K=Pe.truncateValueTo10K,exports.truncateValueToA=Pe.truncateValueToA,exports.truncateValueToB=Pe.truncateValueToB,exports.truncateValueToC=Pe.truncateValueToC,exports.truncateValueToK=Pe.truncateValueToK,exports.truncateValueToL=Pe.truncateValueToL,exports.truncateValueToM=Pe.truncateValueToM,exports.truncateValueToT=Pe.truncateValueToT,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Se.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Se.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Se.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"MESSAGE_CHANNELS",{enumerable:!0,get:function(){return Se.MESSAGE_CHANNELS}}),Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Ae.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Ae.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Ae.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Ae.SIZE}}),exports.Alert=Ce.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return ye.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=ye.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return ye.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return je.RATIO}}),exports.Thumbnail=je.Thumbnail,exports.Curtain=Oe.Curtain,exports.DatePicker=be.DatePicker,exports.DatePickerWrapper=Ee.DatePickerWrapper,exports.Loader=he.Loader,exports.Switch=he.Switch,exports.SwitchContainer=he.SwitchContainer,exports.Thumb=he.Thumb,exports.SubscriptionPlan=Re.SubscriptionPlan,exports.BottomWrapper=ge.BottomWrapper,exports.HeaderWrapper=ge.HeaderWrapper,exports.SubscriptionPlanSelector=ge.SubscriptionPlanSelector,exports.defaultTabs=ge.defaultTabs,exports.NewSubscriptionPlan=Be.NewSubscriptionPlan,exports.SubscriptionPlansCollected=Ie.SubscriptionPlansCollected,exports.TabItemComponent=qe.TabItemComponent,exports.Tabs=qe.Tabs,exports.DynamicTabs=_e.DynamicTabs,exports.BikShimmer=fe.BikShimmer,exports.TablePagination=we.TablePagination,exports.TablePaginationCard=Ne.TablePaginationCard,exports.TablePaginationCardStyled=Ne.TablePaginationCardStyled,exports.StateModalComponent=De.StateModalComponent,exports.DeleteConfirmationModal=ke.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Me.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Me.ButtonTypes}}),exports.StateComponent=Me.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Me.StateInterface}}),exports.ShopifyScopeWrapper=Le.ShopifyScopeWrapper,exports.WhatsAppTextEditor=Ve.WhatsAppTextEditor,exports.CustomRightBorder=ve.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return ve.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=ve.WhatsAppTextEditorHeader,exports.BackgroundImageContainer=Ue.BackgroundImageContainer,exports.MainCardContainer=Ue.MainCardContainer,exports.MainContainer=Ue.MainContainer,exports.WhatsNewIconContainer=Ue.WhatsNewIconContainer,exports.WhatsNewWrapper=Ue.WhatsNewWrapper,exports.WhatsNewButton=Fe.WhatsNewButton,exports.WhatsNewPanel=Ge.WhatsNewPanel,exports.WhatsNewProvider=We.WhatsNewProvider,exports.useWhatsNewContext=We.useWhatsNewContext,exports.WhatsNew=He.WhatsNew,exports.useWhatsNew=Ye.useWhatsNew,exports.BaseWhatsappContentLangHelper=Qe.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=Ke.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return Ke.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return Ke.CURTAIN_TYPES}}),exports.resizeImage=ze.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return Ze.PickerType}}),exports.CardSelectionModal=Xe.CardSelectionModal,exports.BikImageCropper=Je.BikImageCropper,exports.BikImagePipeline=$e.BikImagePipeline,exports.ButtonGroup=er.ButtonGroup,exports.BikAccordion=rr.BikAccordion,exports.FileUploader=tr.FileUploader,exports.ColourInput=or.ColourInput,exports.CodeBlock=nr.CodeBlock,Object.defineProperty(exports,"CodeLanguage",{enumerable:!0,get:function(){return ar.CodeLanguage}}),exports.BikHeader=sr.BikHeader,exports.BikLayout=ir.BikLayout,exports.BikProfile=pr.BikProfile,exports.SimpleSidebar=ur.SimpleSidebar,exports.BikSidebar=cr.BikSidebar,exports.FeatureModal=lr.FeatureModal,exports.SidebarSkeleton=dr.SidebarSkeleton,exports.ShowShopifyRestrictedModal=mr.ShowShopifyRestrictedModal,exports.FeatureModalV2=xr.FeatureModalV2,exports.SearchBar=Tr.SearchBar,exports.CustomDateTime=Pr.CustomDateTime,exports.PricePleaseProductPicker=Sr.PricePleaseProductPicker,exports.ProductPickerContent=Sr.ProductPickerContent,exports.DiscountModal=Ar.DiscountModal,exports.CouponExpiration=Cr.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return yr.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return yr.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return yr.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return yr.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return yr.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return yr.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return yr.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return yr.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=yr.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=yr.initialStaticCouponErrorState,exports.CountryCodePicker=jr.CountryCodePicker,exports.CountriesData=Or.CountriesData,exports.DEFAULT_IMAGE=br.DEFAULT_IMAGE,exports.ShimmerImage=br.ShimmerImage,exports.ProductPickerModal=Er.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return hr.ScreenName}}),exports.Carousel=Rr.Carousel,exports.CarouselSecondary=gr.CarouselSecondary,exports.AccessTokenTroubleshootDialog=Br.AccessTokenTroubleshootDialog,exports.RadioList=Ir.RadioList,exports.CheckList=qr.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return _r.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return _r.MEDIA_TYPES}}),exports.PostPicker=_r.PostPicker,exports.dateOptions=_r.dateOptions,exports.DropdownButton=fr.DropdownButton,exports.SideModal=wr.SideModal,exports.KeywordsInput=Nr.KeywordsInput,exports.AddVariableV2SideModal=Dr.AddVariableV2SideModal,exports.AddVariableV2=kr.AddVariableV2,exports.NaLinkWrapper=Mr.NaLinkWrapper,exports.NavigationHyperlink=Mr.NavigationHyperlink,exports.SearchFilter=Lr.SearchFilter,exports.InputWithVariables=Vr.InputWithVariables,exports.DashboardReviewPopUp=vr.DashboardReviewPopUp,exports.StarRating=Ur.StarRating,exports.TestimonialCard=Fr.TestimonialCard,exports.BikSlider=Gr.BikSlider,exports.ResizableImage=Wr.ResizableImage,exports.validateURL=Hr.validateURL,exports.CarouselPreview=Yr.CarouselPreview,exports.Floater=Qr.Floater,exports.CardSelector=Kr.CardSelector,exports.CardSelectorGroup=zr.CardSelectorGroup,exports.VariablePicker=Zr.VariablePicker,exports.ActionButtons=Xr.ActionButtons,exports.ActivateBikAi=Jr.ActivateBikAi,exports.AiSyncProgress=$r.AiSyncProgress,exports.AiCreditsExhausted=et.AiCreditsExhausted,exports.AiCreditsLow=rt.AiCreditsLow,exports.CustomPortal=tt.CustomPortal,exports.FloatingInputDropdown=ot.FloatingInputDropdown,exports.MultilevelDropdownPopover=nt.MultilevelDropdownPopover,exports.DropShadow=at.DropShadow,exports.MultiLevelDropdown=st.MultiLevelDropdown,exports.DataSourcePanel=it.DataSourcePanel,exports.UnsatisfactoryResponseList=pt.UnsatisfactoryResponseList,exports.UnsatisfactoryCountIntentWiseModal=ut.UnsatisfactoryCountIntentWiseModal,Object.defineProperty(exports,"CustomDataCategories",{enumerable:!0,get:function(){return ct.CustomDataCategories}}),Object.defineProperty(exports,"CustomDataType",{enumerable:!0,get:function(){return ct.CustomDataType}}),exports.TextPickerModal=lt.TextPickerModal,exports.DotPulse=dt.DotPulse,exports.FeatureAnnouncementProvider=mt.default,exports.MajorUpdatePopup=xt.default,exports.MinorUpdatePopup=Tt.default,exports.VideoModal=Pt.VideoModal,exports.useFeatureAnnouncements=St.useFeatureAnnouncements,Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return At.CarouselVersion}});
@@ -6,17 +6,12 @@ export type LineChartProps = {
6
6
  data: number[];
7
7
  lineColor?: string;
8
8
  backgroundColor?: string;
9
- gradientColor?: {
10
- start: string;
11
- end: string;
12
- };
13
9
  dotted?: boolean;
14
10
  gradient?: boolean;
15
11
  legend?: string;
16
12
  lineWidth?: number;
17
13
  squareLegends?: boolean;
18
14
  useSecondYAxis?: boolean;
19
- pointColors?: string[];
20
15
  }[];
21
16
  labels: Array<string>;
22
17
  scaleText?: {
@@ -1 +1 @@
1
- import{j as e}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as t,CategoryScale as l,LinearScale as o,PointElement as i,BarElement as n,LineElement as r,ArcElement as a,Filler as s,Title as d,Tooltip as c,Legend as u}from"chart.js";import{useState as p,useRef as y,useEffect as g}from"react";import{Line as m}from"react-chartjs-2";import{BodyTiny as v}from"../../../TypographyStyle.js";import{COLORS as x}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as b,truncateValueForIndianStore as h}from"../utils/calcPercentage.js";import{LegendWrapper as f,LegendContainer as j,LegendColor as C}from"./LineChart.styled.js";t.register(l,o,i,n,r,a,s,d,c,u);const k=t=>{let{scaleText:l,labels:o,canvasHeight:i,datas:n,maintainAspectRatio:r=!1,stepSize:a,min:s,max:d,isZeroState:c,tension:u,isNewStyles:k,prefixCurrencyInYAxis:w,pointRadius:S,useKFormat:B,lineThickness:O,ticksLabelCallback:$,labelCallback:A,afterBodyCallBack:z,titleTooltipCallback:D,isInternationalStore:I,customYHeaders:F,headerIcons:T=[],legendsAndIconDirection:Y="row",hasSecondYAxis:P=!1,min2:R,max2:q,stepSize2:L,prefixCurrencyInY2Axis:H,useKFormat2:Z,customY2Headers:E}=t;var K,W,G,N;const[_,J]=p(null),M=y();g((()=>{var e,t,l,o;if(null===(o=null===(l=null===(t=null===(e=M.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===l?void 0:l.ticks)||void 0===o?void 0:o.length){const e=38*M.current.scales.y.ticks.length;J(e)}}),[M]);const Q=n.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?x.content.placeholder:x.background.brand,square:e.squareLegends}))),U={labels:o,datasets:n.map(((e,t)=>{var l,i,n;return Object.assign(Object.assign({tension:null!=u?u:.4,fill:e.gradient?"start":0},((e,t,l)=>{const i={borderColor:e||(t?x.content.placeholder:x.background.brand)};return k?Object.assign({pointStyle:"circle",pointRadius:S||(o&&o.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:l||e||(t?x.content.placeholder:x.background.brand)},i):Object.assign({pointRadius:null!=S?S:1},i)})(e.lineColor,e.dotted,e.pointColors)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(i=null!==(l=e.lineWidth)&&void 0!==l?l:O)&&void 0!==i?i:2,backgroundColor:e.gradient?t=>{const l=t.chart.ctx.createLinearGradient(0,0,0,_?_-75:150);return e.gradientColor?(l.addColorStop(0,e.gradientColor.start),l.addColorStop(1,e.gradientColor.end),l):(l.addColorStop(0,"#F1EEFB"),l.addColorStop(1,"rgba(127, 86, 217, 0)"),l)}:null!==(n=e.backgroundColor)&&void 0!==n?n:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})}))},V={maintainAspectRatio:r,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=k&&k,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>x.content.primaryInverse,backgroundColor:x.content.primary,callbacks:{labelTextColor:()=>x.content.primaryInverse,title:D,label:A,afterBody:z},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:c?0:s,max:c?10:d,position:"left",id:"y",ticks:{color:x.content.secondary,callback:e=>{var t,o;return B?`${null!==(t=null==l?void 0:l.yPrefix)&&void 0!==t?t:""}${I?b(e):h(e)}${null!=w?w:""}`:F&&Object.keys(F).length>0?F[e]:`${null!==(o=null==l?void 0:l.yPrefix)&&void 0!==o?o:""}${e}${null!=w?w:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:c?1:a,padding:k?24:0},title:{display:!!(null==l?void 0:l.y),text:null==l?void 0:l.y},grid:{color:x.background.base,drawBorder:null===(K=null==l?void 0:l.yDrawBorder)||void 0===K||K}},y1:{beginAtZero:!0,min:c?0:R,max:c?10:q,position:"right",id:"y1",display:P,ticks:{color:x.content.secondary,callback:e=>{var t,o;return Z?`${null!==(t=null==l?void 0:l.y2Prefix)&&void 0!==t?t:""}${I?b(e):h(e)}${null!=H?H:""}`:E&&Object.keys(E).length>0?E[e]:`${null!==(o=null==l?void 0:l.y2Prefix)&&void 0!==o?o:""}${e}${null!=H?H:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:c?1:L,padding:k?24:0},title:{display:!!(null==l?void 0:l.y2),text:null==l?void 0:l.y2},grid:{color:"transparent",drawBorder:null===(W=null==l?void 0:l.y2DrawBorder)||void 0===W||W}},x:{ticks:{callback:$,color:x.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==l?void 0:l.x),text:null==l?void 0:l.x},grid:{display:!1,drawBorder:null!==(G=null==l?void 0:l.xDrawBorder)&&void 0!==G&&G}}}};return e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},r?{}:{height:null!==(N=null!=i?i:_)&&void 0!==N?N:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:Y}},{children:[e.jsx(f,{children:T.map(((t,l)=>e.jsx(j,{children:t},l)))}),e.jsx(f,{children:Q.map(((t,l)=>{let{text:o,color:i,square:n}=t;return o?e.jsxs(j,{children:[e.jsx(C,{color:i,square:n,newStyle:k}),e.jsx(v,Object.assign({color:"#667085"},{children:o}))]},l):e.jsx(e.Fragment,{})}))})]})),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(m,{ref:M,options:V,data:U})}))]}))};export{k as LineChart};
1
+ import{j as e}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as t,CategoryScale as l,LinearScale as i,PointElement as n,BarElement as o,LineElement as r,ArcElement as a,Filler as s,Title as d,Tooltip as c,Legend as u}from"chart.js";import{useState as p,useRef as y,useEffect as g}from"react";import{Line as m}from"react-chartjs-2";import{BodyTiny as v}from"../../../TypographyStyle.js";import{COLORS as x}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as b,truncateValueForIndianStore as h}from"../utils/calcPercentage.js";import{LegendWrapper as f,LegendContainer as j,LegendColor as k}from"./LineChart.styled.js";t.register(l,i,n,o,r,a,s,d,c,u);const C=t=>{let{scaleText:l,labels:i,canvasHeight:n,datas:o,maintainAspectRatio:r=!1,stepSize:a,min:s,max:d,isZeroState:c,tension:u,isNewStyles:C,prefixCurrencyInYAxis:w,pointRadius:S,useKFormat:B,lineThickness:O,ticksLabelCallback:$,labelCallback:A,afterBodyCallBack:z,titleTooltipCallback:D,isInternationalStore:I,customYHeaders:F,headerIcons:T=[],legendsAndIconDirection:Y="row",hasSecondYAxis:P=!1,min2:R,max2:q,stepSize2:L,prefixCurrencyInY2Axis:H,useKFormat2:Z,customY2Headers:E}=t;var K,W,G,N;const[_,J]=p(null),M=y();g((()=>{var e,t,l,i;if(null===(i=null===(l=null===(t=null===(e=M.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===l?void 0:l.ticks)||void 0===i?void 0:i.length){const e=38*M.current.scales.y.ticks.length;J(e)}}),[M]);const Q=o.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?x.content.placeholder:x.background.brand,square:e.squareLegends}))),U={labels:i,datasets:o.map(((e,t)=>{var l,n,o;return Object.assign(Object.assign({tension:null!=u?u:.4,fill:e.gradient?"start":0},((e,t)=>{const l={borderColor:e||(t?x.content.placeholder:x.background.brand)};return C?Object.assign({pointStyle:"circle",pointRadius:S||(i&&i.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:e||(t?x.content.placeholder:x.background.brand)},l):Object.assign({pointRadius:null!=S?S:1},l)})(e.lineColor,e.dotted)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(n=null!==(l=e.lineWidth)&&void 0!==l?l:O)&&void 0!==n?n:2,backgroundColor:e.gradient?e=>{const t=e.chart.ctx.createLinearGradient(0,0,0,_?_-75:150);return t.addColorStop(0,"#F1EEFB"),t.addColorStop(1,"rgba(127, 86, 217, 0)"),t}:null!==(o=e.backgroundColor)&&void 0!==o?o:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})}))},V={maintainAspectRatio:r,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=C&&C,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>x.content.primaryInverse,backgroundColor:x.content.primary,callbacks:{labelTextColor:()=>x.content.primaryInverse,title:D,label:A,afterBody:z},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:c?0:s,max:c?10:d,position:"left",id:"y",ticks:{color:x.content.secondary,callback:e=>{var t,i;return B?`${null!==(t=null==l?void 0:l.yPrefix)&&void 0!==t?t:""}${I?b(e):h(e)}${null!=w?w:""}`:F&&Object.keys(F).length>0?F[e]:`${null!==(i=null==l?void 0:l.yPrefix)&&void 0!==i?i:""}${e}${null!=w?w:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:c?1:a,padding:C?24:0},title:{display:!!(null==l?void 0:l.y),text:null==l?void 0:l.y},grid:{color:x.background.base,drawBorder:null===(K=null==l?void 0:l.yDrawBorder)||void 0===K||K}},y1:{beginAtZero:!0,min:c?0:R,max:c?10:q,position:"right",id:"y1",display:P,ticks:{color:x.content.secondary,callback:e=>{var t,i;return Z?`${null!==(t=null==l?void 0:l.y2Prefix)&&void 0!==t?t:""}${I?b(e):h(e)}${null!=H?H:""}`:E&&Object.keys(E).length>0?E[e]:`${null!==(i=null==l?void 0:l.y2Prefix)&&void 0!==i?i:""}${e}${null!=H?H:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:c?1:L,padding:C?24:0},title:{display:!!(null==l?void 0:l.y2),text:null==l?void 0:l.y2},grid:{color:"transparent",drawBorder:null===(W=null==l?void 0:l.y2DrawBorder)||void 0===W||W}},x:{ticks:{callback:$,color:x.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==l?void 0:l.x),text:null==l?void 0:l.x},grid:{display:!1,drawBorder:null!==(G=null==l?void 0:l.xDrawBorder)&&void 0!==G&&G}}}};return e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},r?{}:{height:null!==(N=null!=n?n:_)&&void 0!==N?N:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:Y}},{children:[e.jsx(f,{children:T.map(((t,l)=>e.jsx(j,{children:t},l)))}),e.jsx(f,{children:Q.map(((t,l)=>{let{text:i,color:n,square:o}=t;return i?e.jsxs(j,{children:[e.jsx(k,{color:n,square:o,newStyle:C}),e.jsx(v,Object.assign({color:"#667085"},{children:i}))]},l):e.jsx(e.Fragment,{})}))})]})),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(m,{ref:M,options:V,data:U})}))]}))};export{C as LineChart};
@@ -0,0 +1,27 @@
1
+ export interface FeatureAnnouncement {
2
+ id: string;
3
+ title: string;
4
+ body: string;
5
+ content: string;
6
+ buttonText: string;
7
+ displayImage: string;
8
+ featureTag: string;
9
+ featureUpdateType: 'Major' | 'Minor';
10
+ image: string;
11
+ module: string[];
12
+ pageUrls: string[];
13
+ productVideo: string;
14
+ redirectUrl: string;
15
+ updates: string;
16
+ visibility: boolean;
17
+ createdAt: any;
18
+ expirationDate?: {
19
+ seconds: number;
20
+ } | string | Date;
21
+ }
22
+ export interface StoreFeatureProgress {
23
+ storeId: string;
24
+ viewedFeatures: {
25
+ [featureId: string]: boolean;
26
+ };
27
+ }
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { FeatureAnnouncementRepoInjected, RouterProps } from './useFeatureAnnouncements';
3
+ interface FeatureAnnouncementProviderProps {
4
+ children: React.ReactNode;
5
+ fetchVisibleFeatures: FeatureAnnouncementRepoInjected['fetchVisibleFeatures'];
6
+ getStoreFeatureProgress: FeatureAnnouncementRepoInjected['getStoreFeatureProgress'];
7
+ fetchFeatureById: FeatureAnnouncementRepoInjected['fetchFeatureById'];
8
+ markFeatureAsViewedForStore: FeatureAnnouncementRepoInjected['markFeatureAsViewedForStore'];
9
+ isFeatureApplicableToCurrentPage: FeatureAnnouncementRepoInjected['isFeatureApplicableToCurrentPage'];
10
+ module?: string;
11
+ router?: RouterProps;
12
+ }
13
+ declare const FeatureAnnouncementProvider: React.FC<FeatureAnnouncementProviderProps>;
14
+ export default FeatureAnnouncementProvider;
@@ -0,0 +1 @@
1
+ import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as o,useCallback as n}from"react";import a,{ACTIONS as r}from"react-joyride";import i from"./MajorUpdatePopup.js";import s from"./MinorUpdatePopup.js";import{useFeatureAnnouncements as d}from"./useFeatureAnnouncements.js";import{VideoModal as l}from"./VideoModal.js";const u="#007bff",p=p=>{let{children:c,fetchVisibleFeatures:f,getStoreFeatureProgress:b,fetchFeatureById:g,markFeatureAsViewedForStore:h,isFeatureApplicableToCurrentPage:m,module:x,router:y}=p;var k;const{majorUpdateFeatures:T,minorUpdateFeatures:C,isLoading:w,markFeatureAsViewed:S}=d({fetchVisibleFeatures:f,getStoreFeatureProgress:b,fetchFeatureById:g,markFeatureAsViewedForStore:h,isFeatureApplicableToCurrentPage:m,module:x,router:y}),[B,v]=t(null),[F,j]=t(null),[I,N]=t(!1),[E,P]=t([]),[W,M]=t(!1),[O,V]=t([]),[L,R]=t(!1),[q,A]=t(!1),[U,$]=t([]),[z,_]=t(!1),[D,G]=t(!1),[H,J]=t(!1),[K,Q]=t(""),[X,Y]=t(!1);o((()=>{if(!(T.length>0)||B||w||L||X)0!==T.length||w||G(!0);else{G(!1),_(!1),N(!1),P([]),j(null),$([]);const e=()=>{document.querySelector('[data-testid="whats-new-button"]')?Z(T[0]):setTimeout(e,1e3)};e()}}),[T,B,w,L,X]),o((()=>{var e;const t=null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId;if(!t||w||0===C.length)return;const o=C.find((e=>e.id===t));if(!o||!o.featureTag)return;_(!0);let n=0;const a=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;document.querySelector(e)?(se(o),clearInterval(a)):n>=25&&(console.warn(`FeatureAnnouncements: Timed out waiting for element with selector: ${e}`),clearInterval(a))}),200);return()=>{clearInterval(a)}}),[C,null===(k=null==y?void 0:y.query)||void 0===k?void 0:k.featureId,w]),o((()=>{if(C.length>0&&!w&&!I&&!q&&!F&&!z&&D&&!X){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||q||F||z||!D)return;const a=C.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&($(a),se(a[0]),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}I||n||q||F||z||!D||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||q||F||z||!D||a()}),200))})),t=()=>{I||n||q||F||z||!D||(o&&clearTimeout(o),o=setTimeout((()=>{n||q||F||z||!D||a()}),300))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||q||F||z||!D||a()}),100),setTimeout((()=>{n||q||F||z||!D||a()}),1e3),setTimeout((()=>{n||q||F||z||!D||a()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}(0===C.length||w)&&(N(!1),P([]),j(null),$([]),_(!1))}),[C,w,I,q,F,z,D,S,X]);const Z=t=>{v(t);const o=T.findIndex((e=>e.id===t.id)),n=T.length,a=[{target:'[data-testid="whats-new-button"]',content:e.jsx(i,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>ee(t),onExplore:()=>te(t),onPrevious:()=>oe(t),onNext:()=>ne(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];V(a),M(!0)},ee=n((e=>{(e||B)&&(R(!0),T.forEach((e=>{S(e.id)})),M(!1),v(null),V([]),G(!0),setTimeout((()=>{R(!1)}),500))}),[B,T,S]),te=n((e=>{R(!0),S(e.id),e.productVideo&&(Q(e.productVideo),J(!0),Y(!0)),M(!1),v(null),V([]);T.findIndex((t=>t.id===e.id))===T.length-1&&G(!0),setTimeout((()=>{R(!1)}),500)}),[T,S]),oe=n((t=>{const o=t||B;if(!o)return;const n=T.findIndex((e=>e.id===o.id));if(n>0){const t=T[n-1];v(t);const o=n-1,a=T.length,r=[{target:'[data-testid="whats-new-button"]',content:e.jsx(i,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>ee(t),onExplore:()=>te(t),onPrevious:()=>oe(t),onNext:()=>ne(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];V(r)}}),[B,T]),ne=n((t=>{const o=t||B;if(!o)return;const n=T.findIndex((e=>e.id===o.id));if(n<T.length-1){const t=T[n+1];v(t);const o=n+1,a=T.length,r=[{target:'[data-testid="whats-new-button"]',content:e.jsx(i,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>ee(t),onExplore:()=>te(t),onPrevious:()=>oe(t),onNext:()=>ne(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];V(r)}else R(!0),S(o.id),M(!1),v(null),V([]),G(!0),setTimeout((()=>{R(!1)}),500)}),[B,T,S]),ae=()=>{if(T.length>0&&!B){document.querySelector('[data-testid="whats-new-button"]')&&Z(T[0])}};o((()=>(window.showMajorUpdatePopup=ae,()=>{delete window.showMajorUpdatePopup})),[T,B]);const re=n((e=>{const{action:t}=e;t===r.CLOSE&&(B&&(R(!0),T.forEach((e=>{S(e.id)})),G(!0),setTimeout((()=>{R(!1)}),500)),M(!1),v(null),V([]))}),[B,T,S]),ie=n((e=>{const{action:t}=e;t===r.CLOSE&&(F&&(A(!0),_(!0),C.forEach((e=>{S(e.id)})),setTimeout((()=>{A(!1)}),500)),N(!1),j(null),P([]))}),[F,C,S]),se=t=>{j(t);const o=U.findIndex((e=>e.id===t.id)),n=U.length,a=[{target:t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,content:e.jsx(s,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>de(t),onExplore:()=>le(t),onPrevious:()=>ue(t),onNext:()=>pe(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(a),N(!0)},de=n((e=>{(e||F)&&(A(!0),_(!0),C.forEach((e=>{S(e.id)})),N(!1),j(null),P([]),setTimeout((()=>{A(!1)}),500))}),[F,C,S]),le=n((e=>{A(!0),_(!0),S(e.id),e.productVideo&&(Q(e.productVideo),J(!0),Y(!0)),N(!1),j(null),P([]),setTimeout((()=>{A(!1)}),500)}),[S]),ue=n((t=>{const o=t||F;if(!o)return;const n=U.findIndex((e=>e.id===o.id));if(n>0){const t=U[n-1];j(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,a=n-1,r=U.length,i=[{target:o,content:e.jsx(s,{feature:t,currentIndex:a,totalFeatures:r,onSkip:()=>de(t),onExplore:()=>le(t),onPrevious:()=>ue(t),onNext:()=>pe(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(i)}}),[F,U]),pe=n((t=>{const o=t||F;if(!o)return;const n=U.findIndex((e=>e.id===o.id));if(n<U.length-1){const t=U[n+1];j(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,a=n+1,r=U.length,i=[{target:o,content:e.jsx(s,{feature:t,currentIndex:a,totalFeatures:r,onSkip:()=>de(t),onExplore:()=>le(t),onPrevious:()=>ue(t),onNext:()=>pe(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(i)}else A(!0),_(!0),S(o.id),N(!1),j(null),P([]),setTimeout((()=>{A(!1)}),500)}),[F,U,S]);return e.jsxs(e.Fragment,{children:[c,O.length>0&&e.jsx(a,{steps:O,run:W,continuous:!1,showProgress:!1,showSkipButton:!1,callback:re,disableOverlayClose:!0,disableCloseOnEsc:!0,disableOverlay:!0,spotlightClicks:!1,styles:{options:{primaryColor:u,zIndex:1e4,width:"auto",arrowColor:"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),E.length>0&&e.jsx(a,{steps:E,run:I,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ie,disableOverlayClose:!0,disableCloseOnEsc:!0,styles:{options:{primaryColor:u,zIndex:1e4,width:"auto",arrowColor:"#ffffff"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),e.jsx(l,{isOpen:H,videoUrl:K,onClose:()=>{J(!1),Q(""),Y(!1)}})]})};export{p as default};
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { FeatureAnnouncement } from './FeatureAnnouncement.types';
3
+ interface MajorUpdatePopupProps {
4
+ feature: FeatureAnnouncement;
5
+ currentIndex: number;
6
+ totalFeatures: number;
7
+ onSkip: () => void;
8
+ onExplore: () => void;
9
+ onPrevious: () => void;
10
+ onNext: () => void;
11
+ }
12
+ declare const MajorUpdatePopup: React.FC<MajorUpdatePopupProps>;
13
+ export default MajorUpdatePopup;