@bikdotai/bik-component-library 0.0.718-beta.18 → 0.0.718-beta.3

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 (153) hide show
  1. package/dist/cjs/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  2. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +0 -1
  3. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
  4. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
  5. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.d.ts +1 -5
  6. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js +1 -1
  7. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.d.ts +0 -11
  8. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
  9. package/dist/cjs/components/feature-announcements/FeatureAnnouncement.types.d.ts +27 -0
  10. package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.d.ts +14 -0
  11. package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js +1 -0
  12. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.d.ts +13 -0
  13. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js +1 -0
  14. package/dist/cjs/components/feature-announcements/MinorUpdatePopup.d.ts +13 -0
  15. package/dist/cjs/components/feature-announcements/MinorUpdatePopup.js +1 -0
  16. package/dist/cjs/components/feature-announcements/VideoModal.d.ts +8 -0
  17. package/dist/cjs/components/feature-announcements/VideoModal.js +1 -0
  18. package/dist/cjs/components/feature-announcements/index.d.ts +6 -0
  19. package/dist/cjs/components/feature-announcements/useFeatureAnnouncements.d.ts +24 -0
  20. package/dist/cjs/components/feature-announcements/useFeatureAnnouncements.js +1 -0
  21. package/dist/cjs/components/whats-new/WhatsNew.d.ts +23 -0
  22. package/dist/cjs/components/whats-new/WhatsNew.js +1 -0
  23. package/dist/cjs/components/whats-new/WhatsNew.styles.d.ts +11 -0
  24. package/dist/cjs/components/whats-new/WhatsNew.styles.js +185 -0
  25. package/dist/cjs/components/whats-new/WhatsNew.types.d.ts +58 -0
  26. package/dist/cjs/components/whats-new/WhatsNewButton.d.ts +3 -0
  27. package/dist/cjs/components/whats-new/WhatsNewButton.js +1 -0
  28. package/dist/cjs/components/whats-new/WhatsNewPanel.d.ts +3 -0
  29. package/dist/cjs/components/whats-new/WhatsNewPanel.js +1 -0
  30. package/dist/cjs/components/whats-new/WhatsNewProvider.d.ts +4 -0
  31. package/dist/cjs/components/whats-new/WhatsNewProvider.js +1 -0
  32. package/dist/cjs/components/whats-new/index.d.ts +7 -0
  33. package/dist/cjs/components/whats-new/useWhatsNew.d.ts +9 -0
  34. package/dist/cjs/components/whats-new/useWhatsNew.js +1 -0
  35. package/dist/cjs/index.d.ts +2 -1
  36. package/dist/cjs/index.js +1 -1
  37. package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  38. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +0 -1
  39. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
  40. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
  41. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.d.ts +1 -5
  42. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js +1 -1
  43. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.d.ts +0 -11
  44. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  45. package/dist/esm/components/feature-announcements/FeatureAnnouncement.types.d.ts +27 -0
  46. package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.d.ts +14 -0
  47. package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js +1 -0
  48. package/dist/esm/components/feature-announcements/MajorUpdatePopup.d.ts +13 -0
  49. package/dist/esm/components/feature-announcements/MajorUpdatePopup.js +1 -0
  50. package/dist/esm/components/feature-announcements/MinorUpdatePopup.d.ts +13 -0
  51. package/dist/esm/components/feature-announcements/MinorUpdatePopup.js +1 -0
  52. package/dist/esm/components/feature-announcements/VideoModal.d.ts +8 -0
  53. package/dist/esm/components/feature-announcements/VideoModal.js +1 -0
  54. package/dist/esm/components/feature-announcements/index.d.ts +6 -0
  55. package/dist/esm/components/feature-announcements/useFeatureAnnouncements.d.ts +24 -0
  56. package/dist/esm/components/feature-announcements/useFeatureAnnouncements.js +1 -0
  57. package/dist/esm/components/whats-new/WhatsNew.d.ts +23 -0
  58. package/dist/esm/components/whats-new/WhatsNew.js +1 -0
  59. package/dist/esm/components/whats-new/WhatsNew.styles.d.ts +11 -0
  60. package/dist/esm/components/whats-new/WhatsNew.styles.js +185 -0
  61. package/dist/esm/components/whats-new/WhatsNew.types.d.ts +58 -0
  62. package/dist/esm/components/whats-new/WhatsNewButton.d.ts +3 -0
  63. package/dist/esm/components/whats-new/WhatsNewButton.js +1 -0
  64. package/dist/esm/components/whats-new/WhatsNewPanel.d.ts +3 -0
  65. package/dist/esm/components/whats-new/WhatsNewPanel.js +1 -0
  66. package/dist/esm/components/whats-new/WhatsNewProvider.d.ts +4 -0
  67. package/dist/esm/components/whats-new/WhatsNewProvider.js +1 -0
  68. package/dist/esm/components/whats-new/index.d.ts +7 -0
  69. package/dist/esm/components/whats-new/useWhatsNew.d.ts +9 -0
  70. package/dist/esm/components/whats-new/useWhatsNew.js +1 -0
  71. package/dist/esm/index.d.ts +2 -1
  72. package/dist/esm/index.js +1 -1
  73. package/package.json +3 -2
  74. package/dist/cjs/assets/icons/Ai_event_generating.svg.js +0 -1
  75. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.js +0 -1
  76. package/dist/cjs/components/bik-chatbot/components/AIChat.d.ts +0 -5
  77. package/dist/cjs/components/bik-chatbot/components/AIChat.js +0 -1
  78. package/dist/cjs/components/bik-chatbot/components/BIKChatbot.d.ts +0 -36
  79. package/dist/cjs/components/bik-chatbot/components/BIKChatbot.js +0 -1
  80. package/dist/cjs/components/bik-chatbot/components/ChatLoadingState.d.ts +0 -7
  81. package/dist/cjs/components/bik-chatbot/components/ChatLoadingState.js +0 -177
  82. package/dist/cjs/components/bik-chatbot/components/ChatWindow.d.ts +0 -12
  83. package/dist/cjs/components/bik-chatbot/components/ChatWindow.js +0 -252
  84. package/dist/cjs/components/bik-chatbot/components/ThinkingIndicator.d.ts +0 -3
  85. package/dist/cjs/components/bik-chatbot/components/ThinkingIndicator.js +0 -188
  86. package/dist/cjs/components/bik-chatbot/contexts/AIContext.d.ts +0 -4
  87. package/dist/cjs/components/bik-chatbot/contexts/AIContext.js +0 -1
  88. package/dist/cjs/components/bik-chatbot/index.d.ts +0 -137
  89. package/dist/cjs/components/bik-chatbot/services/aiService.d.ts +0 -30
  90. package/dist/cjs/components/bik-chatbot/services/aiService.js +0 -1
  91. package/dist/cjs/components/bik-chatbot/services/callToChatbot.d.ts +0 -6
  92. package/dist/cjs/components/bik-chatbot/services/callToChatbot.js +0 -1
  93. package/dist/cjs/components/bik-chatbot/services/db.d.ts +0 -6
  94. package/dist/cjs/components/bik-chatbot/services/db.js +0 -1
  95. package/dist/cjs/components/bik-chatbot/services/useAIChat.d.ts +0 -7
  96. package/dist/cjs/components/bik-chatbot/services/useAIChat.js +0 -1
  97. package/dist/cjs/components/bik-chatbot/types/ai.d.ts +0 -158
  98. package/dist/cjs/components/bik-chatbot/types/ai.js +0 -1
  99. package/dist/cjs/components/bik-chatbot/types/chat.d.ts +0 -34
  100. package/dist/cjs/components/bik-chatbot/types/chat.js +0 -1
  101. package/dist/cjs/components/bik-chatbot/types/components.d.ts +0 -130
  102. package/dist/cjs/components/bik-chatbot/types/index.d.ts +0 -6
  103. package/dist/cjs/components/bik-chatbot/utils/guardrails.d.ts +0 -6
  104. package/dist/cjs/components/bik-chatbot/utils/guardrails.js +0 -1
  105. package/dist/cjs/components/bik-chatbot/utils/markdown.d.ts +0 -1
  106. package/dist/cjs/components/bik-chatbot/utils/markdown.js +0 -1
  107. package/dist/cjs/components/bik-chatbot-examples/AnalyticsAdvisor.d.ts +0 -8
  108. package/dist/cjs/components/bik-chatbot-examples/ContentIdeasDemo.d.ts +0 -12
  109. package/dist/cjs/components/bik-chatbot-examples/SilentModeDemo.d.ts +0 -17
  110. package/dist/cjs/components/bik-chatbot-examples/SimpleChatbotDemo.d.ts +0 -17
  111. package/dist/cjs/components/bik-chatbot-examples/SimpleJsonChatDemo.d.ts +0 -16
  112. package/dist/cjs/components/bik-chatbot-examples/services/MockRequestExecutor.d.ts +0 -17
  113. package/dist/cjs/components/bik-chatbot-examples/types.ts/examples.d.ts +0 -61
  114. package/dist/esm/assets/icons/Ai_event_generating.svg.js +0 -1
  115. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.js +0 -1
  116. package/dist/esm/components/bik-chatbot/components/AIChat.d.ts +0 -5
  117. package/dist/esm/components/bik-chatbot/components/AIChat.js +0 -1
  118. package/dist/esm/components/bik-chatbot/components/BIKChatbot.d.ts +0 -36
  119. package/dist/esm/components/bik-chatbot/components/BIKChatbot.js +0 -1
  120. package/dist/esm/components/bik-chatbot/components/ChatLoadingState.d.ts +0 -7
  121. package/dist/esm/components/bik-chatbot/components/ChatLoadingState.js +0 -177
  122. package/dist/esm/components/bik-chatbot/components/ChatWindow.d.ts +0 -12
  123. package/dist/esm/components/bik-chatbot/components/ChatWindow.js +0 -252
  124. package/dist/esm/components/bik-chatbot/components/ThinkingIndicator.d.ts +0 -3
  125. package/dist/esm/components/bik-chatbot/components/ThinkingIndicator.js +0 -188
  126. package/dist/esm/components/bik-chatbot/contexts/AIContext.d.ts +0 -4
  127. package/dist/esm/components/bik-chatbot/contexts/AIContext.js +0 -1
  128. package/dist/esm/components/bik-chatbot/index.d.ts +0 -137
  129. package/dist/esm/components/bik-chatbot/services/aiService.d.ts +0 -30
  130. package/dist/esm/components/bik-chatbot/services/aiService.js +0 -1
  131. package/dist/esm/components/bik-chatbot/services/callToChatbot.d.ts +0 -6
  132. package/dist/esm/components/bik-chatbot/services/callToChatbot.js +0 -1
  133. package/dist/esm/components/bik-chatbot/services/db.d.ts +0 -6
  134. package/dist/esm/components/bik-chatbot/services/db.js +0 -1
  135. package/dist/esm/components/bik-chatbot/services/useAIChat.d.ts +0 -7
  136. package/dist/esm/components/bik-chatbot/services/useAIChat.js +0 -1
  137. package/dist/esm/components/bik-chatbot/types/ai.d.ts +0 -158
  138. package/dist/esm/components/bik-chatbot/types/ai.js +0 -1
  139. package/dist/esm/components/bik-chatbot/types/chat.d.ts +0 -34
  140. package/dist/esm/components/bik-chatbot/types/chat.js +0 -1
  141. package/dist/esm/components/bik-chatbot/types/components.d.ts +0 -130
  142. package/dist/esm/components/bik-chatbot/types/index.d.ts +0 -6
  143. package/dist/esm/components/bik-chatbot/utils/guardrails.d.ts +0 -6
  144. package/dist/esm/components/bik-chatbot/utils/guardrails.js +0 -1
  145. package/dist/esm/components/bik-chatbot/utils/markdown.d.ts +0 -1
  146. package/dist/esm/components/bik-chatbot/utils/markdown.js +0 -1
  147. package/dist/esm/components/bik-chatbot-examples/AnalyticsAdvisor.d.ts +0 -8
  148. package/dist/esm/components/bik-chatbot-examples/ContentIdeasDemo.d.ts +0 -12
  149. package/dist/esm/components/bik-chatbot-examples/SilentModeDemo.d.ts +0 -17
  150. package/dist/esm/components/bik-chatbot-examples/SimpleChatbotDemo.d.ts +0 -17
  151. package/dist/esm/components/bik-chatbot-examples/SimpleJsonChatDemo.d.ts +0 -16
  152. package/dist/esm/components/bik-chatbot-examples/services/MockRequestExecutor.d.ts +0 -17
  153. package/dist/esm/components/bik-chatbot-examples/types.ts/examples.d.ts +0 -61
@@ -0,0 +1,58 @@
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
+ productVideo?: string;
11
+ docId?: string;
12
+ createdAt: any;
13
+ module: string[];
14
+ visibility: boolean;
15
+ }
16
+ export interface WhatsNewProviderProps {
17
+ children: React.ReactNode;
18
+ fetchWhatsNewContent: () => Promise<[Error | null, WhatsNewContent[] | null]>;
19
+ markContentAsViewed?: (contentId: string) => Promise<void>;
20
+ module?: string;
21
+ isLoading?: boolean;
22
+ }
23
+ export interface WhatsNewButtonProps {
24
+ onClick?: () => void;
25
+ newContentCount?: number;
26
+ isOpen?: boolean;
27
+ isLoading?: boolean;
28
+ tooltip?: string;
29
+ testId?: string;
30
+ iconWidth?: number;
31
+ iconHeight?: number;
32
+ customIcon?: React.ComponentType<{
33
+ width?: number;
34
+ height?: number;
35
+ color?: string;
36
+ }>;
37
+ }
38
+ export interface WhatsNewPanelProps {
39
+ isOpen: boolean;
40
+ onClose: () => void;
41
+ content: WhatsNewContent[];
42
+ isLoading?: boolean;
43
+ title?: string;
44
+ searchPlaceholder?: string;
45
+ emptyStateTitle?: string;
46
+ emptyStateDescription?: string;
47
+ noResultsText?: string;
48
+ width?: string;
49
+ onContentClick?: (content: WhatsNewContent) => void;
50
+ renderCustomContent?: (content: WhatsNewContent) => React.ReactNode;
51
+ }
52
+ export interface WhatsNewHookReturn {
53
+ whatsNewContent: WhatsNewContent[];
54
+ isLoading: boolean;
55
+ newContentCount: number;
56
+ markAsViewed: (contentId: string) => Promise<void>;
57
+ refreshContent: () => Promise<void>;
58
+ }
@@ -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"),n=require("./WhatsNew.styles.js");const i=s=>{let{width:e=32,height:n=32}=s;return t.jsxRuntimeExports.jsxs("svg",Object.assign({width:e,height:n,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[t.jsxRuntimeExports.jsxs("g",Object.assign({clipPath:"url(#clip0_4309_13422)"},{children:[t.jsxRuntimeExports.jsx("path",{d:"M22.1797 15.3052L15.4548 24.4022C15.3815 24.5014 15.3339 24.6172 15.316 24.7392C15.2982 24.8613 15.3108 24.9859 15.3526 25.1019L15.7733 26.2675C15.8141 26.3806 15.8815 26.4822 15.9698 26.5638C16.0581 26.6454 16.1647 26.7046 16.2806 26.7364C16.3966 26.7682 16.5185 26.7716 16.636 26.7464C16.7536 26.7212 16.8634 26.6681 16.9561 26.5916L20.7368 23.5654",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsxRuntimeExports.jsx("path",{d:"M6.4457 17.6642C6.36082 17.7791 6.31051 17.9158 6.30068 18.0583C6.29085 18.2008 6.32192 18.3431 6.39022 18.4686C6.45853 18.594 6.56123 18.6973 6.68626 18.7664C6.81128 18.8355 6.95343 18.8674 7.09598 18.8584C13.4962 18.4646 17.7214 21.3363 17.7214 21.3363L20.7369 23.5654C21.5366 24.1567 22.5385 24.406 23.5221 24.2585C24.5056 24.111 25.3903 23.5789 25.9816 22.7791C26.5728 21.9794 26.8221 20.9775 26.6746 19.9939C26.5272 19.0104 25.995 18.1257 25.1952 17.5344L22.1797 15.3053C22.1797 15.3053 18.1953 12.1079 16.6943 5.87443C16.6611 5.7356 16.5889 5.60913 16.4863 5.50988C16.3837 5.41062 16.2549 5.34272 16.1151 5.31413C15.9752 5.28554 15.8301 5.29746 15.6968 5.34849C15.5635 5.39952 15.4475 5.48754 15.3624 5.6022L6.4457 17.6642Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsxRuntimeExports.jsx("path",{d:"M7.69175 12.0819L5.24902 11.3518",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsxRuntimeExports.jsx("path",{d:"M10.9423 8.35748L9.88867 6.03589",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsxRuntimeExports.jsx("path",{d:"M8.91955 9.68574L5.66699 6.87134",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})),t.jsxRuntimeExports.jsx("defs",{children:t.jsxRuntimeExports.jsx("clipPath",Object.assign({id:"clip0_4309_13422"},{children:t.jsxRuntimeExports.jsx("rect",{width:"24",height:"24",fill:"white",transform:"translate(4 4)"})}))})]}))};exports.WhatsNewButton=r=>{let{onClick:o,newContentCount:x=0,isOpen:c=!1,isLoading:d=!1,tooltip:a="What's new",testId:j="whats-new-button",iconWidth:l=32,iconHeight:u=32,customIcon:h}=r;return d?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(n.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:o,"data-testid":j},{children:[t.jsxRuntimeExports.jsx(e.Tooltip,Object.assign({body:a},{children:t.jsxRuntimeExports.jsx("div",{children:h?t.jsxRuntimeExports.jsx(h,{width:l,height:u,color:c?s.COLORS.content.brand:s.COLORS.content.secondary}):t.jsxRuntimeExports.jsx(i,{width:l,height:u})})})),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"),o=require("../feature-announcements/VideoModal.js"),i=require("../searchBar/searchBar.js"),a=require("../side-modal/SideModal.js"),l=require("../TypographyStyle.js"),d=require("./WhatsNew.styles.js");const c=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"})}))},x=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=u=>{let{isOpen:j,onClose:m,content:h,isLoading:p=!1,title:g="What's new on BIK",searchPlaceholder:R="Search posts",emptyStateTitle:C="Nothing new!",emptyStateDescription:E="There are no new updates or features at the moment. Check back soon!",noResultsText:w="Sorry, no results found.",width:b="480px",onContentClick:O,renderCustomContent:y}=u;const[f,v]=s.useState(""),[S,M]=s.useState(!1),[N,k]=s.useState("");console.log("WhatsNewPanel render - isVideoModalOpen:",S,"videoUrl:",N);const L=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},B=s.useMemo((()=>{if(!f.trim())return h;const e=f.toLowerCase();return h.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[h,f]),T=0===h.length,q=0===B.length;return j?e.jsxRuntimeExports.jsxs(a.SideModal,Object.assign({width:b,onClose:m,header:"",headerCustomComponent:e.jsxRuntimeExports.jsx(l.TitleMedium,Object.assign({color:n.COLORS.background.inverse},{children:g})),headerStyle:{background:n.COLORS.background.brandLight},hideFooter:!0},{children:[e.jsxRuntimeExports.jsxs(d.MainContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-8"},{children:e.jsxRuntimeExports.jsx(i.SearchBar,{width:"100%",isEnabled:!T,onChange:e=>{v(e)},onEnter:e=>{v(e)},placeholder:R,variant:"default",searchValue:f,onClickCross:()=>{v("")}})})),e.jsxRuntimeExports.jsx(d.WhatsNewWrapper,{children:T||q?e.jsxRuntimeExports.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"icon--wrapper"},{children:T?e.jsxRuntimeExports.jsx(x,{width:32,height:32}):e.jsxRuntimeExports.jsx(c,{width:32,height:32})})),T?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(l.TitleRegular,{children:C}),e.jsxRuntimeExports.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:E}))]}):q?e.jsxRuntimeExports.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:w})):null]})):e.jsxRuntimeExports.jsx("div",Object.assign({className:"scroller"},{children:B.map(((s,o)=>y?y(s):e.jsxRuntimeExports.jsxs(d.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsxRuntimeExports.jsx(d.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:[L(s)?e.jsxRuntimeExports.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsxRuntimeExports.jsx(l.Caption,{children:"New"})})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),e.jsxRuntimeExports.jsx(l.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(l.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=>{console.log("handleContentClick called with:",e),console.log("productVideo:",e.productVideo),console.log("redirectUrl:",e.redirectUrl),console.log("onContentClick:",O),e.productVideo?(console.log("Setting video URL:",e.productVideo),k(e.productVideo),M(!0),console.log("Video modal state set to true")):e.redirectUrl&&(console.log("Opening redirectUrl:",e.redirectUrl),window.open(e.redirectUrl,"_blank")),O&&(console.log("Calling onContentClick for analytics"),O(e))})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${o}`)))}))})]}),e.jsxRuntimeExports.jsx(o.VideoModal,{isOpen:S,videoUrl:N,onClose:()=>{console.log("Closing video modal"),M(!1)}})]})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})};
@@ -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,5 +98,5 @@ 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';
100
- export * from './components/bik-chatbot';
101
101
  export * from './components/banner';
102
+ 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"),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"),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"),E=require("./components/template-preview/models/Channels.js"),j=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 I=require("./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js"),_=require("./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js"),g=require("./components/fab-menu/FABMenu.js"),B=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"),L=require("./components/button/Button.js"),N=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"),w=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),V=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),U=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),v=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),F=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),G=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"),X=require("./components/analytics-card/AnalyticsCard.styled.js"),Z=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"),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"),Ee=require("./components/datePicker/DatePicker.js"),je=require("./components/datePicker/DatePickerWrapper.js"),he=require("./components/switch/Switch.js"),Re=require("./components/plans/SubscriptionPlan.js"),Ie=require("./components/plans/SubscriptionPlanSelector.js"),_e=require("./components/plans/NewSubscriptionPlan.js"),ge=require("./components/plans/SubscriptionPlansCollected.js"),Be=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"),Le=require("./components/TablePagination/TablePaginationCard.js"),Ne=require("./components/states-modal/StateModalComponent.js"),ke=require("./components/states-modal/DeleteConfirmationModal.js"),Me=require("./components/states/StateComponent.js"),we=require("./components/states/ShopifyScopeWrapper.js"),Ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Ue=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),ve=require("./helpers/BaseWhatsappContentLang.helper.js"),Fe=require("./components/curtain/CurtainHelper.js"),Ge=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"),Xe=require("./components/file-uploader/FileUploader.js"),Ze=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"),sr=require("./components/bik-layout/SidebarSkeleton.js"),ir=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"),Er=require("./components/radioList/RadioList.js"),jr=require("./components/checkList/CheckList.js"),hr=require("./components/postPicker/postPicker.js"),Rr=require("./components/dropdown-button/DropdownButton.js"),Ir=require("./components/side-modal/SideModal.js"),_r=require("./components/keywords-input/KeywordsInput.js"),gr=require("./components/add-variableV2/AddVariableV2SideModal.js"),Br=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"),Lr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),Nr=require("./components/star-rating/StarRating.js"),kr=require("./components/testimonial-card/TestimonialCard.js"),Mr=require("./components/slider/slider.js"),wr=require("./components/resizeImage/index.js"),Vr=require("./utils/validator.js"),Ur=require("./components/carousel-preview/CarouselPreview.js"),vr=require("./components/floater/floater.js"),Fr=require("./components/card-selector/CardSelector.js"),Gr=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"),Xr=require("./components/input-with-vars/customPortal.js"),Zr=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"),st=require("./components/dot-pulse/DotPulse.js"),it=require("./components/bik-chatbot/components/BIKChatbot.js"),pt=require("./components/bik-chatbot/components/AIChat.js"),ut=require("./components/bik-chatbot/contexts/AIContext.js"),ct=require("./components/bik-chatbot/services/useAIChat.js"),lt=require("./components/bik-chatbot/types/chat.js"),dt=require("./components/bik-chatbot/types/ai.js"),mt=require("./components/banner/AdBanner.js"),Tt=require("./components/banner/model.js"),xt=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=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 E.CHANNEL_TYPE}}),exports.TemplateContextMapper=j.TemplateContextMapper,exports.getAllDataFromTemplateComponent=h.getAllDataFromTemplateComponent,exports.getAllDataFromWebpushTemplateComponent=h.getAllDataFromWebpushTemplateComponent,exports.isVariable=R.isVariable,exports.validateIsUrl=R.validateIsUrl,exports.TemplateAnalyticsSkeleton=I.TemplateAnalyticsSkeleton,exports.AnalyticsItem=_.AnalyticsItem,exports.QualityTimelineChart=_.QualityTimelineChart,exports.RightPanelTemplateAnalytics=_.RightPanelTemplateAnalytics,exports.TemplateAnalyticsComponent=_.TemplateAnalyticsComponent,exports.FABMenu=g.FABMenu,exports.FloatingActionButton=B.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=L.Button,exports.ProgressBarComponent=N.ProgressBarComponent,exports.ProgressCompletedBar=N.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=w.BaseQueryBuilderNode,exports.PropertyNode=V.PropertyNode,exports.PropertyNodeHeadless=V.PropertyNodeHeadless,exports.queryBuilderSlice=U.queryBuilderSlice,exports.queryBuilderCacheSlice=v.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=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=X.AnalyticsContainer,exports.CardDataContainer=X.CardDataContainer,exports.Input=Z.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=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=Ee.DatePicker,exports.DatePickerWrapper=je.DatePickerWrapper,exports.Loader=he.Loader,exports.Switch=he.Switch,exports.SwitchContainer=he.SwitchContainer,exports.Thumb=he.Thumb,exports.SubscriptionPlan=Re.SubscriptionPlan,exports.BottomWrapper=Ie.BottomWrapper,exports.HeaderWrapper=Ie.HeaderWrapper,exports.SubscriptionPlanSelector=Ie.SubscriptionPlanSelector,exports.defaultTabs=Ie.defaultTabs,exports.NewSubscriptionPlan=_e.NewSubscriptionPlan,exports.SubscriptionPlansCollected=ge.SubscriptionPlansCollected,exports.TabItemComponent=Be.TabItemComponent,exports.Tabs=Be.Tabs,exports.DynamicTabs=qe.DynamicTabs,exports.BikShimmer=fe.BikShimmer,exports.TablePagination=De.TablePagination,exports.TablePaginationCard=Le.TablePaginationCard,exports.TablePaginationCardStyled=Le.TablePaginationCardStyled,exports.StateModalComponent=Ne.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=we.ShopifyScopeWrapper,exports.WhatsAppTextEditor=Ve.WhatsAppTextEditor,exports.CustomRightBorder=Ue.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Ue.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Ue.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=ve.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=Fe.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return Fe.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return Fe.CURTAIN_TYPES}}),exports.resizeImage=Ge.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=Xe.FileUploader,exports.ColourInput=Ze.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=sr.SidebarSkeleton,exports.ShowShopifyRestrictedModal=ir.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=Er.RadioList,exports.CheckList=jr.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return hr.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return hr.MEDIA_TYPES}}),exports.PostPicker=hr.PostPicker,exports.dateOptions=hr.dateOptions,exports.DropdownButton=Rr.DropdownButton,exports.SideModal=Ir.SideModal,exports.KeywordsInput=_r.KeywordsInput,exports.AddVariableV2SideModal=gr.AddVariableV2SideModal,exports.AddVariableV2=Br.AddVariableV2,exports.NaLinkWrapper=qr.NaLinkWrapper,exports.NavigationHyperlink=qr.NavigationHyperlink,exports.SearchFilter=fr.SearchFilter,exports.InputWithVariables=Dr.InputWithVariables,exports.DashboardReviewPopUp=Lr.DashboardReviewPopUp,exports.StarRating=Nr.StarRating,exports.TestimonialCard=kr.TestimonialCard,exports.BikSlider=Mr.BikSlider,exports.ResizableImage=wr.ResizableImage,exports.validateURL=Vr.validateURL,exports.CarouselPreview=Ur.CarouselPreview,exports.Floater=vr.Floater,exports.CardSelector=Fr.CardSelector,exports.CardSelectorGroup=Gr.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=Xr.CustomPortal,exports.FloatingInputDropdown=Zr.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=st.DotPulse,exports.BIKChatbot=it.BIKChatbot,exports.AIChat=pt.AIChat,exports.AIProvider=ut.AIProvider,exports.useAIContext=ut.useAIContext,exports.useAIChat=ct.useAIChat,exports.CHAT_MESSAGE_ROLES=lt.CHAT_MESSAGE_ROLES,exports.DEFAULT_CONVERSATION_ID=lt.DEFAULT_CONVERSATION_ID,exports.createSessionRecord=lt.createSessionRecord,exports.DEFAULT_MAX_TOOL_CALLS=dt.DEFAULT_MAX_TOOL_CALLS,exports.DEFAULT_RESPONSE_FORMAT=dt.DEFAULT_RESPONSE_FORMAT,exports.RESPONSE_FORMATS=dt.RESPONSE_FORMATS,exports.AdBanner=mt.default,Object.defineProperty(exports,"BannerThirdPartyIcon",{enumerable:!0,get:function(){return Tt.BannerThirdPartyIcon}}),Object.defineProperty(exports,"BannerType",{enumerable:!0,get:function(){return Tt.BannerType}}),exports.getUrlForBannerThirdPartyIcon=Tt.getUrlForBannerThirdPartyIcon,Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return xt.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"),h=require("./components/template-context-mapper/TemplateContextMapper.js"),E=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),g=require("./components/template-context-mapper/utils/validateIsUrl.js");require("./_virtual/_tslib.js");var R=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"),he=require("./components/datePicker/DatePickerWrapper.js"),Ee=require("./components/switch/Switch.js"),ge=require("./components/plans/SubscriptionPlan.js"),Re=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"),hr=require("./components/product-picker-v2/modal.js"),Er=require("./components/product-picker-v2/type.js"),gr=require("./components/carousel/carousel.js"),Rr=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/banner/AdBanner.js"),xt=require("./components/banner/model.js"),Tt=require("./components/feature-announcements/FeatureAnnouncementProvider.js"),Pt=require("./components/feature-announcements/MajorUpdatePopup.js"),St=require("./components/feature-announcements/MinorUpdatePopup.js"),At=require("./components/feature-announcements/VideoModal.js"),Ct=require("./components/feature-announcements/useFeatureAnnouncements.js"),yt=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=h.TemplateContextMapper,exports.getAllDataFromTemplateComponent=E.getAllDataFromTemplateComponent,exports.getAllDataFromWebpushTemplateComponent=E.getAllDataFromWebpushTemplateComponent,exports.isVariable=g.isVariable,exports.validateIsUrl=g.validateIsUrl,exports.TemplateAnalyticsSkeleton=R.TemplateAnalyticsSkeleton,exports.AnalyticsItem=B.AnalyticsItem,exports.QualityTimelineChart=B.QualityTimelineChart,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=he.DatePickerWrapper,exports.Loader=Ee.Loader,exports.Switch=Ee.Switch,exports.SwitchContainer=Ee.SwitchContainer,exports.Thumb=Ee.Thumb,exports.SubscriptionPlan=ge.SubscriptionPlan,exports.BottomWrapper=Re.BottomWrapper,exports.HeaderWrapper=Re.HeaderWrapper,exports.SubscriptionPlanSelector=Re.SubscriptionPlanSelector,exports.defaultTabs=Re.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=hr.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return Er.ScreenName}}),exports.Carousel=gr.Carousel,exports.CarouselSecondary=Rr.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.AdBanner=mt.default,Object.defineProperty(exports,"BannerThirdPartyIcon",{enumerable:!0,get:function(){return xt.BannerThirdPartyIcon}}),Object.defineProperty(exports,"BannerType",{enumerable:!0,get:function(){return xt.BannerType}}),exports.getUrlForBannerThirdPartyIcon=xt.getUrlForBannerThirdPartyIcon,exports.FeatureAnnouncementProvider=Tt.default,exports.MajorUpdatePopup=Pt.default,exports.MinorUpdatePopup=St.default,exports.VideoModal=At.VideoModal,exports.useFeatureAnnouncements=Ct.useFeatureAnnouncements,Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return yt.CarouselVersion}});
@@ -36,7 +36,7 @@ export declare class MetaCustomProcessor {
36
36
  value: {
37
37
  operator: string;
38
38
  dataType: import("../types").QueryBuilderConnectorType;
39
- value?: string | number | string[] | number[] | Date | Date[] | undefined;
39
+ value?: string | number | string[] | Date | number[] | Date[] | undefined;
40
40
  };
41
41
  key: string;
42
42
  refresh?: boolean | undefined;
@@ -4,7 +4,6 @@ export interface AnalyticsTrendInterface {
4
4
  value?: number | string;
5
5
  trendPercent?: number;
6
6
  trendRaw?: number;
7
- trendRawString?: string;
8
7
  formatVal?: boolean;
9
8
  timeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
10
9
  customRange?: Date[];
@@ -1 +1 @@
1
- import{j as e}from"../../node_modules/react/jsx-runtime.js";import t,{useState as n,useEffect as i}from"react";import{ShimmerComponentStyled as r}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import s from"../../utils/DateUtils.js";import{COLORS as o}from"../../constants/Theme.js";import l from"../../assets/icons/arrow_down.svg.js";import a from"../../assets/icons/arrow_up.svg.js";import c from"../../assets/icons/info.svg.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{BodyCaption as m,Caption as h,TitleLarge as p,TitleMedium as j}from"../TypographyStyle.js";import{truncateValueForInternationalStore as y,truncateValueForIndianStore as x}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as u,IconContainer as f}from"./CommonStyles.js";const b=n=>{let{title:i,value:s,trendPercent:l,type:a="horizontal",timeline:h,customRange:b,tooltip:S,card:w=!0,rightSeparator:O=!1,size:$="big",share:I=!1,formatVal:R,prefixSymbol:T,trailingIcon:C,onTrailIconClick:D,iconTooltipBody:M,funnelPercent:k,isLoading:L,trendRaw:z,trendRawString:F,suffixText:P,trendStyle:N,trendContainerStyle:_,trendIconStyle:W,containerStyle:A,prevTrendDiff:B,relativePercentageDiff:E,isInternationalStore:U,Icon:V,iconContainerStyle:q}=n;const G="big"===$?p:j,H=void 0!==l?l<0?"negative":0===l?"neutral":"positive":void 0,J=void 0!==l?I?Math.round(l):Math.abs(Math.round(l)):void 0;return e.jsx(u,Object.assign({card:w,style:Object.assign({},A)},{children:e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:V?12:4,borderRightWidth:O?1:0,borderRightColor:o.stroke.primary,borderRightStyle:"solid",paddingLeft:w?0:24,paddingRight:w?0:24,height:"100%",justifyContent:V?"flex-start":"space-between",alignItems:"center"},null!=_?_:{})},{children:[!!V&&e.jsx(f,Object.assign({style:Object.assign({},q)},{children:e.jsx(V,{})})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=N?N:{})},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e.jsx(m,Object.assign({style:{color:o.content.secondary}},{children:i})),S&&e.jsx(g,Object.assign({body:S,placement:"right",width:300},{children:e.jsx("div",Object.assign({style:{display:"flex",cursor:"pointer",height:"100%"}},{children:e.jsx(c,{color:o.content.primary,height:16,width:16})}))}))]})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},I?{justifyContent:"space-between"}:{})},{children:[L&&e.jsx(r,{width:108,height:26}),!L&&e.jsx(G,Object.assign({style:{color:o.content.primary}},{children:void 0===s?"--":"number"==typeof s&&R?s>999?U?`${null!=T?T:""}${y(s)} ${null!=P?P:""}`:`${null!=T?T:""}${x(s)} ${null!=P?P:""}`:`${null!=T?T:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(s)} ${null!=P?P:""}`:`${null!=T?T:""}${s} ${null!=P?P:""}`})),"number"==typeof E&&e.jsx(d,{tagText:`${E}%`,theme:"light",type:"neutral"}),"horizontal"===a&&!L&&!I&&e.jsx(v,{timeline:h,customRange:b,percent:J,direction:H,trendRaw:z,trendRawString:F,prefixSymbol:T,trendIconStyle:W,isInternationalStore:U}),L&&!I&&"horizontal"===a&&e.jsx(r,{height:20,width:141,marginTop:6}),"vertical"===a&&!L&&void 0!==k&&e.jsx(d,{tagText:`${k} %`,theme:"light",type:"neutral"}),I&&!L&&void 0!==J&&e.jsx(d,{tagText:`${J} %`,theme:"light",type:"neutral"}),I||L||!B||0==B?e.jsx(e.Fragment,{}):e.jsx(d,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(B),theme:"light",type:"neutral"})]})),"vertical"===a&&!L&&!I&&e.jsx("div",Object.assign({style:{marginTop:10}},{children:e.jsx(v,{timeline:h,customRange:b,percent:J,direction:H,trendRaw:z,trendRawString:F,prefixSymbol:T,trendIconStyle:W,isInternationalStore:U})})),L&&"vertical"===a&&e.jsx(r,{height:20,width:141,marginTop:6})]})),M&&!L&&e.jsx(g,Object.assign({body:M,placement:"right"},{children:C&&e.jsx("div",Object.assign({className:"icon--holder",onClick:D},{children:t.createElement(C,{height:20,width:20,color:o.content.secondary})}))}))]}))}))},v=t=>{let{percent:r,direction:c,timeline:d,customRange:g,trendRaw:m,trendRawString:p,prefixSymbol:j,trendIconStyle:u,isInternationalStore:f}=t;const b=()=>{const e=((null!=m?m:0)>0?"+":"")+(null!=j?j:"");return void 0===m?"--":`${null!=e?e:""}${(()=>{let e="--";if(m)return e=String(f?y(Math.abs(m)):x(Math.abs(m))),m<0?"-"+e:e})()}`},[v,S]=n(b()),[w,O]=n("");i((()=>{O("today"===d?"vs yesterday":"yesterday"===d?"vs 1 day before":"7 days"===d?"vs last 7 days":"30 days"===d?"vs last 30 days":"custom"===d&&g?s.getAnalyticsCustomDateTimelineText(g):"")}),[d,g]),i((()=>{S(b())}),[m]);const $="negative"===c?l:a,I="negative"===c?o.background.negative.vibrant:"positive"===c?o.background.positive.vibrant:o.content.placeholder;return e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"}},{children:["number"==typeof r&&e.jsx($,{color:I,height:16,width:16,style:Object.assign({marginRight:2},null!=u?u:{})}),"number"==typeof r&&c&&e.jsxs(h,Object.assign({style:{color:I}},{children:["neutral"===c?0:r<1e3?r:">999","%"]})),!!m&&e.jsx(h,Object.assign({style:{marginLeft:4,color:o.content.placeholder}},{children:`(${v})`})),!m&&((null==p?void 0:p.length)||0)>0&&e.jsx(h,Object.assign({style:{marginLeft:4,color:o.content.placeholder}},{children:`${p}`})),d&&e.jsx(h,Object.assign({style:{marginLeft:4,color:o.content.placeholder}},{children:w}))]}))};export{b as AnalyticsTrend};
1
+ import{j as e}from"../../node_modules/react/jsx-runtime.js";import t,{useState as i,useEffect as n}from"react";import{ShimmerComponentStyled as r}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import s from"../../utils/DateUtils.js";import{COLORS as o}from"../../constants/Theme.js";import l from"../../assets/icons/arrow_down.svg.js";import a from"../../assets/icons/arrow_up.svg.js";import c from"../../assets/icons/info.svg.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{BodyCaption as m,Caption as h,TitleLarge as p,TitleMedium as j}from"../TypographyStyle.js";import{truncateValueForInternationalStore as y,truncateValueForIndianStore as x}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as u,IconContainer as f}from"./CommonStyles.js";const b=i=>{let{title:n,value:s,trendPercent:l,type:a="horizontal",timeline:h,customRange:b,tooltip:S,card:O=!0,rightSeparator:w=!1,size:$="big",share:I=!1,formatVal:T,prefixSymbol:R,trailingIcon:C,onTrailIconClick:D,iconTooltipBody:M,funnelPercent:k,isLoading:z,trendRaw:F,suffixText:L,trendStyle:P,trendContainerStyle:N,trendIconStyle:_,containerStyle:W,prevTrendDiff:A,relativePercentageDiff:B,isInternationalStore:E,Icon:U,iconContainerStyle:V}=i;const q="big"===$?p:j,G=void 0!==l?l<0?"negative":0===l?"neutral":"positive":void 0,H=void 0!==l?I?Math.round(l):Math.abs(Math.round(l)):void 0;return e.jsx(u,Object.assign({card:O,style:Object.assign({},W)},{children:e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:U?12:4,borderRightWidth:w?1:0,borderRightColor:o.stroke.primary,borderRightStyle:"solid",paddingLeft:O?0:24,paddingRight:O?0:24,height:"100%",justifyContent:U?"flex-start":"space-between",alignItems:"center"},null!=N?N:{})},{children:[!!U&&e.jsx(f,Object.assign({style:Object.assign({},V)},{children:e.jsx(U,{})})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=P?P:{})},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e.jsx(m,Object.assign({style:{color:o.content.secondary}},{children:n})),S&&e.jsx(g,Object.assign({body:S,placement:"right",width:300},{children:e.jsx("div",Object.assign({style:{display:"flex",cursor:"pointer",height:"100%"}},{children:e.jsx(c,{color:o.content.primary,height:16,width:16})}))}))]})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},I?{justifyContent:"space-between"}:{})},{children:[z&&e.jsx(r,{width:108,height:26}),!z&&e.jsx(q,Object.assign({style:{color:o.content.primary}},{children:void 0===s?"--":"number"==typeof s&&T?s>999?E?`${null!=R?R:""}${y(s)} ${null!=L?L:""}`:`${null!=R?R:""}${x(s)} ${null!=L?L:""}`:`${null!=R?R:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(s)} ${null!=L?L:""}`:`${null!=R?R:""}${s} ${null!=L?L:""}`})),"number"==typeof B&&e.jsx(d,{tagText:`${B}%`,theme:"light",type:"neutral"}),"horizontal"===a&&!z&&!I&&e.jsx(v,{timeline:h,customRange:b,percent:H,direction:G,trendRaw:F,prefixSymbol:R,trendIconStyle:_,isInternationalStore:E}),z&&!I&&"horizontal"===a&&e.jsx(r,{height:20,width:141,marginTop:6}),"vertical"===a&&!z&&void 0!==k&&e.jsx(d,{tagText:`${k} %`,theme:"light",type:"neutral"}),I&&!z&&void 0!==H&&e.jsx(d,{tagText:`${H} %`,theme:"light",type:"neutral"}),I||z||!A||0==A?e.jsx(e.Fragment,{}):e.jsx(d,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(A),theme:"light",type:"neutral"})]})),"vertical"===a&&!z&&!I&&e.jsx("div",Object.assign({style:{marginTop:10}},{children:e.jsx(v,{timeline:h,customRange:b,percent:H,direction:G,trendRaw:F,prefixSymbol:R,trendIconStyle:_,isInternationalStore:E})})),z&&"vertical"===a&&e.jsx(r,{height:20,width:141,marginTop:6})]})),M&&!z&&e.jsx(g,Object.assign({body:M,placement:"right"},{children:C&&e.jsx("div",Object.assign({className:"icon--holder",onClick:D},{children:t.createElement(C,{height:20,width:20,color:o.content.secondary})}))}))]}))}))},v=t=>{let{percent:r,direction:c,timeline:d,customRange:g,trendRaw:m,prefixSymbol:p,trendIconStyle:j,isInternationalStore:u}=t;const f=()=>{const e=((null!=m?m:0)>0?"+":"")+(null!=p?p:"");return void 0===m?"--":`${null!=e?e:""}${(()=>{let e="--";if(m)return e=String(u?y(Math.abs(m)):x(Math.abs(m))),m<0?"-"+e:e})()}`},[b,v]=i(f()),[S,O]=i("");n((()=>{O("today"===d?"vs yesterday":"yesterday"===d?"vs 1 day before":"7 days"===d?"vs last 7 days":"30 days"===d?"vs last 30 days":"custom"===d&&g?s.getAnalyticsCustomDateTimelineText(g):"")}),[d,g]),n((()=>{v(f())}),[m]);const w="negative"===c?l:a,$="negative"===c?o.background.negative.vibrant:"positive"===c?o.background.positive.vibrant:o.content.placeholder;return e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"}},{children:["number"==typeof r&&e.jsx(w,{color:$,height:16,width:16,style:Object.assign({marginRight:2},null!=j?j:{})}),"number"==typeof r&&c&&e.jsxs(h,Object.assign({style:{color:$}},{children:["neutral"===c?0:r<1e3?r:">999","%"]})),!!m&&e.jsx(h,Object.assign({style:{marginLeft:4,color:o.content.placeholder}},{children:`(${b})`})),d&&e.jsx(h,Object.assign({style:{marginLeft:4,color:o.content.placeholder}},{children:S}))]}))};export{b as AnalyticsTrend};
@@ -1 +1 @@
1
- import{j as i}from"../../../../node_modules/react/jsx-runtime.js";import o from"../../../../assets/icons/maximize.svg.js";import{Chart as t,CategoryScale as e,LinearScale as a,BarElement as l,Tooltip as n,Legend as s}from"chart.js";import d from"chartjs-plugin-datalabels";import{useState as r,useMemo as c}from"react";import{Bar as u}from"react-chartjs-2";import{IconButton as v}from"../../../icon-button/IconButton.js";import{StyledModal as x}from"../../../modals/styledModal.js";import{TitleRegular as p,BodyTiny as g}from"../../../TypographyStyle.js";import{COLORS as b,FONTS as h}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as m,truncateValueForIndianStore as f}from"../utils/calcPercentage.js";import{GRAPH_ORIENTATION as y,COLOR_SCHEMA as j}from"./StackedBarChart.model.js";import{GraphContainerWrapper as A,HeaderIconWrapper as O}from"./StackedBarChart.styles.js";t.register(e,a,l,n,s,d);const C=t=>{var e,a,l,n,s,d,C,k,S,L,F,H,I,T,R,w,B,E,D,N,Z,z,P,G,$,W,_,M,q,V,Y,J,K,Q,U,X,ii,oi,ti,ei,ai,li,ni,si,di;const{headerIcons:ri=[],legendsAndIconDirection:ci="row"}=t,[ui,vi]=r(!1),xi=[250,1e3,800,1500,300,600],pi=0===t.yAxis.data.length,gi=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],bi=["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"],hi=t.customBarColors?t.customBarColors:t.customColourScaleBrand||t.customColourScalePastel?t.colorSchema===j.PASTEL?t.customColourScalePastel:t.customColourScaleBrand:t.colorSchema===j.PASTEL?bi:gi,mi=t.customHoverColour,fi=c((()=>{var i,o,e;return Object.assign(Object.assign({barPercentage:(null==t?void 0:t.barPercentage)||.4,categoryPercentage:1,pointStyle:"circle",barWidth:t.barWidth,borderRadius:(null==t?void 0:t.borderRadius)||void 0},"object"==typeof(null==t?void 0:t.borderRadius)?{borderSkipped:!1}:{}),(null===(i=null==t?void 0:t.addBarGap)||void 0===i?void 0:i.flag)?{borderWidth:{top:(null===(o=null==t?void 0:t.addBarGap)||void 0===o?void 0:o.value)||2,bottom:(null===(e=null==t?void 0:t.addBarGap)||void 0===e?void 0:e.value)||2,right:0,left:0},borderColor:"transparent"}:{})}),[t.barWidth,null==t?void 0:t.borderRadius,null==t?void 0:t.barPercentage,null==t?void 0:t.addBarGap]),yi={};t.yAxis.data.map((i=>{i.map((i=>{yi[i.name]?yi[i.name].push(i.value):yi[i.name]=[i.value]}))}));const ji=Object.keys(yi).map(((i,o)=>Object.assign({label:i,data:yi[i],backgroundColor:null==hi?void 0:hi[o],hoverBackgroundColor:void 0===mi?void 0:mi[o]},fi))),Ai=t.renderInHeightWiseManner?ji.map(((i,o)=>Object.assign(Object.assign({},i),{order:i.data.reduce(((i,o)=>i+(o||0)),0)}))).sort(((i,o)=>o.order-i.order)):ji;let Oi=t.xAxis.data.map((i=>"string"==typeof i?i:i.name)),Ci=Ai;if(t.truncateBars){const i=((i,o,t)=>{if(o.length<=t)return{truncatedData:i,truncatedLabels:o,originalData:i,originalLabels:o};const e=i.map((i=>i.slice(0,t))),a=i.map((i=>i.slice(t).reduce(((i,o)=>i+o),0)));e.forEach(((i,o)=>i.push(a[o])));const l=o.slice(0,t);return l.push("Others"),{truncatedData:e,truncatedLabels:l,originalData:i,originalLabels:o}})(Ai.map((i=>i.data)),Oi,t.truncateBars);Ai.forEach(((o,t)=>o.data=i.truncatedData[t])),Oi=i.truncatedLabels,Ci=i.originalData.map(((i,o)=>Object.assign(Object.assign({},Ai[o]),{data:i})))}const ki={plugins:{legend:{display:!pi&&!t.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!pi,callbacks:{label:null===(e=t.tooltipConfig)||void 0===e?void 0:e.labelCallback,title:null===(a=t.tooltipConfig)||void 0===a?void 0:a.titleCallback,footer:null===(l=t.tooltipConfig)||void 0===l?void 0:l.footerCallback},footerFont:null===(s=null===(n=t.tooltipConfig)||void 0===n?void 0:n.footerStyles)||void 0===s?void 0:s.footerFont},datalabels:{display:null!==(d=t.showTotal)&&void 0!==d&&d,anchor:"end",align:"end",clamp:!0,formatter:(i,o)=>{var t;const e=o.datasetIndex,a=o.chart.data.datasets;if(e!==a.length-1)return"";const l=o.dataIndex;let n=0;for(let i=0;i<a.length;i++)n+=null!==(t=a[i].data[l])&&void 0!==t?t:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:b.content.secondary}},layout:{padding:{right:t.showTotal&&t.orientation===y.HORIZONTAL?50:0,top:t.showTotal&&t.orientation!=y.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!t.customLegend,labels:{usePointStyle:!0}},indexAxis:t.orientation===y.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(t.orientation===y.HORIZONTAL?null===(C=t.yAxis)||void 0===C?void 0:C.title:null===(k=t.xAxis)||void 0===k?void 0:k.title),text:t.orientation===y.HORIZONTAL?null===(S=t.yAxis)||void 0===S?void 0:S.title:null===(L=t.xAxis)||void 0===L?void 0:L.title,color:null!==(I=t.orientation===y.HORIZONTAL?null===(F=t.yAxis)||void 0===F?void 0:F.titleColor:null===(H=t.xAxis)||void 0===H?void 0:H.titleColor)&&void 0!==I?I:b.content.secondary,font:{size:h.caption.fontSize}},grid:{display:t.orientation===y.HORIZONTAL&&(void 0===(null===(T=null==t?void 0:t.showGridLines)||void 0===T?void 0:T.x)||(null===(R=null==t?void 0:t.showGridLines)||void 0===R?void 0:R.x)),color:b.background.base},ticks:{fontSize:h.caption.fontSize,color:null!==(w=t.yAxis.labelColor)&&void 0!==w?w:b.content.secondary,callback:t.orientation===y.HORIZONTAL?i=>{var o;return`${t.isInternationalStore?m(i):f(i)}${(null===(o=t.yAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===(B=t.xAxis)||void 0===B?void 0:B.axisSuffix)?i=>`${i}${t.xAxis.axisSuffix}`:void 0},stacked:t.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(E=t.yAxis)||void 0===E?void 0:E.stacked)||(null===(D=t.yAxis)||void 0===D?void 0:D.stacked):"boolean"!=typeof(null===(N=t.xAxis)||void 0===N?void 0:N.stacked)||(null===(Z=t.xAxis)||void 0===Z?void 0:Z.stacked)},y:Object.assign(Object.assign({},(null===(z=null==t?void 0:t.equalHeight)||void 0===z?void 0:z.flag)?{suggestedMin:-(null==t?void 0:t.equalHeight.max),suggestedMax:null==t?void 0:t.equalHeight.max}:{}),{max:null===(P=null==t?void 0:t.yAxis)||void 0===P?void 0:P.max,title:{display:!!(t.orientation===y.HORIZONTAL?null===(G=t.xAxis)||void 0===G?void 0:G.title:null===($=t.yAxis)||void 0===$?void 0:$.title),text:t.orientation===y.HORIZONTAL?null===(W=t.xAxis)||void 0===W?void 0:W.title:null===(_=t.yAxis)||void 0===_?void 0:_.title,color:null!==(V=t.orientation===y.HORIZONTAL?null===(M=t.xAxis)||void 0===M?void 0:M.titleColor:null===(q=t.yAxis)||void 0===q?void 0:q.titleColor)&&void 0!==V?V:b.content.secondary,font:{size:h.caption.fontSize}},grid:{display:t.orientation!==y.HORIZONTAL&&(void 0===(null===(Y=null==t?void 0:t.showGridLines)||void 0===Y?void 0:Y.y)||(null===(J=null==t?void 0:t.showGridLines)||void 0===J?void 0:J.y)),color:b.background.base},ticks:Object.assign(Object.assign({stepSize:t.orientation===y.HORIZONTAL?null===(K=t.xAxis)||void 0===K?void 0:K.stepSize:null===(Q=t.yAxis)||void 0===Q?void 0:Q.stepSize,fontSize:h.caption.fontSize,color:null!==(U=t.xAxis.labelColor)&&void 0!==U?U:b.content.secondary},pi?{min:0,max:2e3,stepSize:200}:{}),{callback:(null==t?void 0:t.ticksCallback)?null==t?void 0:t.ticksCallback:t.orientation===y.HORIZONTAL?i=>{var o;return`${t.isInternationalStore?m(i):f(i)}${(null===(o=t.xAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===(X=t.yAxis)||void 0===X?void 0:X.axisSuffix)?i=>`${i}${t.yAxis.axisSuffix}`:void 0}),stacked:t.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(ii=t.xAxis)||void 0===ii?void 0:ii.stacked)||(null===(oi=t.xAxis)||void 0===oi?void 0:oi.stacked):"boolean"!=typeof(null===(ti=t.yAxis)||void 0===ti?void 0:ti.stacked)||(null===(ei=t.yAxis)||void 0===ei?void 0:ei.stacked)})},onClick:(i,o)=>{if(!t.onBarClick)return;const e=o[0].datasetIndex,a=o[0].index,l=i.chart.data.datasets[e].label,n=i.chart.data.labels[a];t.onBarClick(n,l)},onHover:(i,o)=>{t.onBarClick&&o.length&&(i.native.target.style.cursor="pointer")}};t.orientation&&t.orientation!==y.VERTICAL?delete ki.scales.y.ticks.callback:delete ki.scales.x.ticks.callback;const Si={labels:Oi,datasets:pi?[{data:xi,backgroundColor:"rgba(0,0,0,0)"}]:Ai},Li={labels:t.xAxis.data.map((i=>"string"==typeof i?i:i.name)),datasets:pi?[{data:xi,backgroundColor:"rgba(0,0,0,0)"}]:Ci},Fi=function(){let o=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return i.jsx("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:t.allowChartPopup&&!o?"flex-start":"flex-end",flexWrap:"wrap"}},{children:ji.map((o=>i.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"}},{children:[i.jsx("div",{style:{backgroundColor:o.backgroundColor,width:"16px",height:"16px",borderRadius:"2px"}}),i.jsx(g,Object.assign({color:b.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))}))};return i.jsxs(A,Object.assign({style:null!==(ai=t.wrapperStyle)&&void 0!==ai?ai:{},padding:t.outerPadding,customLegend:t.customLegend},{children:[t.chartHeading&&i.jsxs("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:t.hideHeading?"flex-end":"space-between"}},{children:[!0!==t.hideHeading&&i.jsx(p,Object.assign({color:null!==(li=t.chartHeading.color)&&void 0!==li?li:b.content.secondary},{children:t.chartHeading.heading})),t.allowChartPopup&&i.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end"}},{children:i.jsx("div",{children:i.jsx(v,{Icon:o,onClick:()=>{vi(!0)}})})}))]})),t.customLegend&&i.jsxs("div",Object.assign({style:{display:"flex",flexDirection:ci,justifyContent:"space-between"}},{children:[i.jsx(O,{children:ri.map(((o,t)=>i.jsx("div",{children:i.jsx("div",{children:o})},t)))}),Fi()]})),i.jsx("div",Object.assign({className:"graph__wrapper"},{children:i.jsx("div",Object.assign({style:{height:null!==(ni=t.graphCanvasHeight)&&void 0!==ni?ni:500,width:null!==(si=t.graphCanvasWidth)&&void 0!==si?si:"auto"}},{children:i.jsx(u,{options:ki,data:Si})}))})),ui&&i.jsx(x,Object.assign({open:ui,onClose:()=>vi(!1),closeOnOutsideClick:!0,headingTitle:null===(di=t.chartHeading)||void 0===di?void 0:di.heading,width:"85%"},{children:i.jsxs("div",Object.assign({className:"graph__wrapper",style:{padding:"8px"}},{children:[t.customLegend&&Fi(!0),i.jsx("div",Object.assign({style:{height:"70vh",width:"100%",padding:"16px",borderRadius:"8px"}},{children:i.jsx(u,{options:ki,data:Li})}))]}))}))]}))};export{C as StackedBarChart};
1
+ import{j as o}from"../../../../node_modules/react/jsx-runtime.js";import i from"../../../../assets/icons/maximize.svg.js";import{Chart as t,CategoryScale as e,LinearScale as a,BarElement as l,Tooltip as n,Legend as d}from"chart.js";import s from"chartjs-plugin-datalabels";import{useState as r,useMemo as c}from"react";import{Bar as u}from"react-chartjs-2";import{IconButton as v}from"../../../icon-button/IconButton.js";import{StyledModal as p}from"../../../modals/styledModal.js";import{TitleRegular as g,BodyTiny as x}from"../../../TypographyStyle.js";import{COLORS as b,FONTS as h}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as m,truncateValueForIndianStore as y}from"../utils/calcPercentage.js";import{COLOR_SCHEMA as f,GRAPH_ORIENTATION as j}from"./StackedBarChart.model.js";import{GraphContainerWrapper as O,HeaderIconWrapper as A}from"./StackedBarChart.styles.js";t.register(e,a,l,n,d,s);const C=t=>{var e,a,l,n,d,s,C,k,L,F,S,H,I,T,R,w,E,B,D,N,Z,z,P,G,W,_,q,M,V,Y,J,K,Q,U,X,$,oo,io,to,eo,ao,lo;const{headerIcons:no=[],legendsAndIconDirection:so="row"}=t,[ro,co]=r(!1),uo=[250,1e3,800,1500,300,600],vo=0===t.yAxis.data.length,po=void 0===t.customColourScaleBrand&&void 0===t.customColourScalePastel?t.colorSchema===f.PASTEL?["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"]:["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"]:t.colorSchema===f.PASTEL?t.customColourScalePastel:t.customColourScaleBrand,go=t.customHoverColour,xo=c((()=>{var o,i,e;return Object.assign(Object.assign({barPercentage:(null==t?void 0:t.barPercentage)||.4,categoryPercentage:1,pointStyle:"circle",barWidth:t.barWidth,borderRadius:(null==t?void 0:t.borderRadius)||void 0},"object"==typeof(null==t?void 0:t.borderRadius)?{borderSkipped:!1}:{}),(null===(o=null==t?void 0:t.addBarGap)||void 0===o?void 0:o.flag)?{borderWidth:{top:(null===(i=null==t?void 0:t.addBarGap)||void 0===i?void 0:i.value)||2,bottom:(null===(e=null==t?void 0:t.addBarGap)||void 0===e?void 0:e.value)||2,right:0,left:0},borderColor:"transparent"}:{})}),[t.barWidth,null==t?void 0:t.borderRadius,null==t?void 0:t.barPercentage,null==t?void 0:t.addBarGap]),bo={};t.yAxis.data.map((o=>{o.map((o=>{bo[o.name]?bo[o.name].push(o.value):bo[o.name]=[o.value]}))}));const ho=Object.keys(bo).map(((o,i)=>Object.assign({label:o,data:bo[o],backgroundColor:null==po?void 0:po[i],hoverBackgroundColor:void 0===go?void 0:go[i]},xo)));let mo=t.xAxis.data.map((o=>"string"==typeof o?o:o.name)),yo=ho;if(t.truncateBars){const o=((o,i,t)=>{if(i.length<=t)return{truncatedData:o,truncatedLabels:i,originalData:o,originalLabels:i};const e=o.map((o=>o.slice(0,t))),a=o.map((o=>o.slice(t).reduce(((o,i)=>o+i),0)));e.forEach(((o,i)=>o.push(a[i])));const l=i.slice(0,t);return l.push("Others"),{truncatedData:e,truncatedLabels:l,originalData:o,originalLabels:i}})(ho.map((o=>o.data)),mo,t.truncateBars);ho.forEach(((i,t)=>i.data=o.truncatedData[t])),mo=o.truncatedLabels,yo=o.originalData.map(((o,i)=>Object.assign(Object.assign({},ho[i]),{data:o})))}const fo={plugins:{legend:{display:!vo&&!t.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!vo,callbacks:{label:null===(e=t.tooltipConfig)||void 0===e?void 0:e.labelCallback,title:null===(a=t.tooltipConfig)||void 0===a?void 0:a.titleCallback,footer:null===(l=t.tooltipConfig)||void 0===l?void 0:l.footerCallback},footerFont:null===(d=null===(n=t.tooltipConfig)||void 0===n?void 0:n.footerStyles)||void 0===d?void 0:d.footerFont},datalabels:{display:null!==(s=t.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(o,i)=>{var t;const e=i.datasetIndex,a=i.chart.data.datasets;if(e!==a.length-1)return"";const l=i.dataIndex;let n=0;for(let o=0;o<a.length;o++)n+=null!==(t=a[o].data[l])&&void 0!==t?t:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:b.content.secondary}},layout:{padding:{right:t.showTotal&&t.orientation===j.HORIZONTAL?50:0,top:t.showTotal&&t.orientation!=j.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!t.customLegend,labels:{usePointStyle:!0}},indexAxis:t.orientation===j.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(t.orientation===j.HORIZONTAL?null===(C=t.yAxis)||void 0===C?void 0:C.title:null===(k=t.xAxis)||void 0===k?void 0:k.title),text:t.orientation===j.HORIZONTAL?null===(L=t.yAxis)||void 0===L?void 0:L.title:null===(F=t.xAxis)||void 0===F?void 0:F.title,color:null!==(I=t.orientation===j.HORIZONTAL?null===(S=t.yAxis)||void 0===S?void 0:S.titleColor:null===(H=t.xAxis)||void 0===H?void 0:H.titleColor)&&void 0!==I?I:b.content.secondary,font:{size:h.caption.fontSize}},grid:{display:t.orientation===j.HORIZONTAL&&(void 0===(null===(T=null==t?void 0:t.showGridLines)||void 0===T?void 0:T.x)||(null===(R=null==t?void 0:t.showGridLines)||void 0===R?void 0:R.x)),color:b.background.base},ticks:{fontSize:h.caption.fontSize,color:null!==(w=t.yAxis.labelColor)&&void 0!==w?w:b.content.secondary,callback:t.orientation===j.HORIZONTAL?t.isInternationalStore?m:y:void 0},stacked:t.orientation===j.HORIZONTAL?"boolean"!=typeof(null===(E=t.yAxis)||void 0===E?void 0:E.stacked)||(null===(B=t.yAxis)||void 0===B?void 0:B.stacked):"boolean"!=typeof(null===(D=t.xAxis)||void 0===D?void 0:D.stacked)||(null===(N=t.xAxis)||void 0===N?void 0:N.stacked)},y:Object.assign(Object.assign({},(null===(Z=null==t?void 0:t.equalHeight)||void 0===Z?void 0:Z.flag)?{suggestedMin:-(null==t?void 0:t.equalHeight.max),suggestedMax:null==t?void 0:t.equalHeight.max}:{}),{title:{display:!!(t.orientation===j.HORIZONTAL?null===(z=t.xAxis)||void 0===z?void 0:z.title:null===(P=t.yAxis)||void 0===P?void 0:P.title),text:t.orientation===j.HORIZONTAL?null===(G=t.xAxis)||void 0===G?void 0:G.title:null===(W=t.yAxis)||void 0===W?void 0:W.title,color:null!==(M=t.orientation===j.HORIZONTAL?null===(_=t.xAxis)||void 0===_?void 0:_.titleColor:null===(q=t.yAxis)||void 0===q?void 0:q.titleColor)&&void 0!==M?M:b.content.secondary,font:{size:h.caption.fontSize}},grid:{display:t.orientation!==j.HORIZONTAL&&(void 0===(null===(V=null==t?void 0:t.showGridLines)||void 0===V?void 0:V.y)||(null===(Y=null==t?void 0:t.showGridLines)||void 0===Y?void 0:Y.y)),color:b.background.base},ticks:Object.assign(Object.assign({stepSize:t.orientation===j.HORIZONTAL?null===(J=t.xAxis)||void 0===J?void 0:J.stepSize:null===(K=t.yAxis)||void 0===K?void 0:K.stepSize,fontSize:h.caption.fontSize,color:null!==(Q=t.xAxis.labelColor)&&void 0!==Q?Q:b.content.secondary},vo?{min:0,max:2e3,stepSize:200}:{}),{callback:(null==t?void 0:t.ticksCallback)?null==t?void 0:t.ticksCallback:t.orientation!==j.VERTICAL?t.isInternationalStore?m:y:void 0}),stacked:t.orientation===j.HORIZONTAL?"boolean"!=typeof(null===(U=t.xAxis)||void 0===U?void 0:U.stacked)||(null===(X=t.xAxis)||void 0===X?void 0:X.stacked):"boolean"!=typeof(null===($=t.yAxis)||void 0===$?void 0:$.stacked)||(null===(oo=t.yAxis)||void 0===oo?void 0:oo.stacked)})},onClick:(o,i)=>{if(!t.onBarClick)return;const e=i[0].datasetIndex,a=i[0].index,l=o.chart.data.datasets[e].label,n=o.chart.data.labels[a];t.onBarClick(n,l)},onHover:(o,i)=>{t.onBarClick&&i.length&&(o.native.target.style.cursor="pointer")}};t.orientation&&t.orientation!==j.VERTICAL?delete fo.scales.y.ticks.callback:delete fo.scales.x.ticks.callback;const jo={labels:mo,datasets:vo?[{data:uo,backgroundColor:"rgba(0,0,0,0)"}]:ho},Oo={labels:t.xAxis.data.map((o=>"string"==typeof o?o:o.name)),datasets:vo?[{data:uo,backgroundColor:"rgba(0,0,0,0)"}]:yo},Ao=function(){let i=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return o.jsx("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:t.allowChartPopup&&!i?"flex-start":"flex-end",flexWrap:"wrap"}},{children:ho.map((i=>o.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"}},{children:[o.jsx("div",{style:{backgroundColor:i.backgroundColor,width:"16px",height:"16px",borderRadius:"2px"}}),o.jsx(x,Object.assign({color:b.content.secondary},{children:i.label}))]}),i.label.replace(" ","_"))))}))};return o.jsxs(O,Object.assign({style:null!==(io=t.wrapperStyle)&&void 0!==io?io:{},padding:t.outerPadding,customLegend:t.customLegend},{children:[t.chartHeading&&o.jsxs("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:t.hideHeading?"flex-end":"space-between"}},{children:[!0!==t.hideHeading&&o.jsx(g,Object.assign({color:null!==(to=t.chartHeading.color)&&void 0!==to?to:b.content.secondary},{children:t.chartHeading.heading})),t.allowChartPopup&&o.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end"}},{children:o.jsx("div",{children:o.jsx(v,{Icon:i,onClick:()=>{co(!0)}})})}))]})),t.customLegend&&o.jsxs("div",Object.assign({style:{display:"flex",flexDirection:so,justifyContent:"space-between"}},{children:[o.jsx(A,{children:no.map(((i,t)=>o.jsx("div",{children:o.jsx("div",{children:i})},t)))}),Ao()]})),o.jsx("div",Object.assign({className:"graph__wrapper"},{children:o.jsx("div",Object.assign({style:{height:null!==(eo=t.graphCanvasHeight)&&void 0!==eo?eo:500,width:null!==(ao=t.graphCanvasWidth)&&void 0!==ao?ao:"auto"}},{children:o.jsx(u,{options:fo,data:jo})}))})),ro&&o.jsx(p,Object.assign({open:ro,onClose:()=>co(!1),closeOnOutsideClick:!0,headingTitle:null===(lo=t.chartHeading)||void 0===lo?void 0:lo.heading,width:"85%"},{children:o.jsxs("div",Object.assign({className:"graph__wrapper",style:{padding:"8px"}},{children:[t.customLegend&&Ao(!0),o.jsx("div",Object.assign({style:{height:"70vh",width:"100%",padding:"16px",borderRadius:"8px"}},{children:o.jsx(u,{options:fo,data:Oo})}))]}))}))]}))};export{C as StackedBarChart};
@@ -7,8 +7,6 @@ export interface AxisDetailsI {
7
7
  labelColor?: string;
8
8
  stepSize?: number;
9
9
  stacked?: boolean;
10
- axisSuffix?: string;
11
- max?: number;
12
10
  }
13
11
  export interface XAxisDataI {
14
12
  name: string;
@@ -60,7 +58,6 @@ export interface StackedBarGraphI {
60
58
  customColourScaleBrand?: string[];
61
59
  customColourScalePastel?: string[];
62
60
  customHoverColour?: string[];
63
- customBarColors?: string[];
64
61
  isInternationalStore?: boolean;
65
62
  truncateBars?: number;
66
63
  allowChartPopup?: boolean;
@@ -84,8 +81,7 @@ export interface StackedBarGraphI {
84
81
  flag: boolean;
85
82
  value: number;
86
83
  };
87
- ticksCallback?: (value: number | string) => string;
84
+ ticksCallback?: (value: number) => string;
88
85
  legendsAndIconDirection?: 'row-reverse' | 'row';
89
86
  headerIcons?: React.ReactNode[];
90
- renderInHeightWiseManner?: boolean;
91
87
  }
@@ -1 +1 @@
1
- import{j as i}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as e,CategoryScale as o,LinearScale as t,BarElement as a,Tooltip as l}from"chart.js";import{Chart as s}from"react-chartjs-2";import{SmallRegular as r,TitleRegular as n,BodyTiny as d}from"../../../TypographyStyle.js";import{FONTS as x,COLORS as c}from"../../../../constants/Theme.js";import{LegendWrapper as p,LegendContainer as b,LegendColor as g}from"../LineChart/LineChart.styled.js";import{truncateValueForInternationalStore as A,truncateValueForIndianStore as f}from"../utils/calcPercentage.js";import{GraphContainerWrapper as u}from"./VerticalBarAndLinearGraph.styles.js";import{GRAPH_ORIENTATION as m}from"./VerticalBarAndLinearGraphModel.js";e.register(o,t,a,l);const h=e=>{var o,t,a,l,h,j,y,v,C,S;const k=[0,0,0,0,0,0],O=-1===e.barAxis.data.findIndex((i=>0!==i)),z=-1===e.lineAxis.data.findIndex((i=>0!==i)),I=!e.lineAxis2||-1===e.lineAxis2.data.findIndex((i=>0!==i)),$={min:0,max:2e3,stepSize:200},D=[{legend:e.barAxis.title,color:e.barAxis.graphColor},{legend:e.lineAxis.title,color:e.lineAxis.graphColor},...e.lineAxis2?[{legend:e.lineAxis2.title,color:e.lineAxis2.graphColor}]:[]],L={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:x.caption.fontSize}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:x.caption.fontSize,color:null!==(o=e.xAxis.labelColor)&&void 0!==o?o:c.content.secondary,callback:(null===(t=e.xAxis)||void 0===t?void 0:t.axisSuffix)?i=>`${i}${e.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!e.barAxis.title,text:e.barAxis.title,color:e.barAxis.titleColor,font:{size:x.caption.fontSize}},grid:{borderColor:"white",color:c.background.base},max:null===(a=null==e?void 0:e.barAxis)||void 0===a?void 0:a.max,ticks:Object.assign(Object.assign({fontSize:x.caption.fontSize,color:null!==(l=e.barAxis.labelColor)&&void 0!==l?l:c.content.secondary},O?$:{}),{callback:e.orientation===m.HORIZONTAL?i=>{var o;return`${e.isInternationalStore?A(i):f(i)}${(null===(o=e.barAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===(h=e.barAxis)||void 0===h?void 0:h.axisSuffix)?i=>`${i}${e.barAxis.axisSuffix}`:void 0})},line:{position:"right",title:{display:!!e.lineAxis.title,text:e.lineAxis.title,color:e.lineAxis.titleColor,font:{size:x.caption.fontSize}},max:null===(j=null==e?void 0:e.lineAxis)||void 0===j?void 0:j.max,grid:{display:!1,borderColor:"white",color:c.background.base},ticks:Object.assign(Object.assign({fontSize:x.caption.fontSize,color:null!==(y=e.lineAxis.labelColor)&&void 0!==y?y:c.content.secondary},z?$:{}),{callback:e.orientation===m.HORIZONTAL?i=>{var o;return`${e.isInternationalStore?A(i):f(i)}${(null===(o=e.lineAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===(v=e.lineAxis)||void 0===v?void 0:v.axisSuffix)?i=>`${i}${e.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};e.orientation&&e.orientation!==m.VERTICAL?(delete L.scales.bar.ticks.callback,delete L.scales.line.ticks.callback):delete L.scales.x.ticks.callback;const R={labels:e.xAxis.forceShowXAxis?e.xAxis.data.map((i=>i.toString())):O&&z&&I?["-","-","-","-","-","-"]:e.xAxis.data.map((i=>i.toString())),datasets:[{yAxisID:"line",type:"line",data:e.noDummyValues?e.lineAxis.data:z?k:e.lineAxis.data,borderColor:e.lineAxis.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1},...e.lineAxis2?[{yAxisID:"line",type:"line",data:e.noDummyValues?e.lineAxis2.data:I?k:e.lineAxis2.data,borderColor:e.lineAxis2.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1}]:[],{yAxisID:"bar",type:"bar",data:e.noDummyValues?e.barAxis.data:O?k:e.barAxis.data,backgroundColor:e.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:2}},{children:[e.customLegend?i.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:"flex-end",flexWrap:"wrap"}},{children:D.map(((e,o)=>{let{legend:t,color:a}=e;return t?i.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"}},{children:[i.jsx("div",{style:{backgroundColor:a,width:"16px",height:"16px",borderRadius:"2px"}}),i.jsx(d,Object.assign({color:c.content.secondary},{children:t}))]}),o):null}))})):i.jsx(p,Object.assign({position:"center"},{children:D.map(((e,o)=>{let{legend:t,color:a}=e;return t?i.jsxs(b,{children:[i.jsx(g,{color:a}),i.jsx(r,Object.assign({color:"#667085"},{children:t}))]},o):i.jsx(i.Fragment,{})}))})),i.jsxs(u,{children:[e.chartHeading&&i.jsx("div",Object.assign({style:{marginBottom:24}},{children:i.jsx(n,Object.assign({color:null!==(C=e.chartHeading.color)&&void 0!==C?C:c.content.secondary},{children:e.chartHeading.heading}))})),i.jsx("div",Object.assign({style:{height:null!==(S=e.graphCanvasHeight)&&void 0!==S?S:500}},{children:i.jsx(s,{type:"bar",data:R,options:L})}))]})]}))};export{h as VerticalBarAndLinearGraph};
1
+ import{j as i}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as t,CategoryScale as e,LinearScale as o,BarElement as r,Tooltip as a}from"chart.js";import{Chart as s}from"react-chartjs-2";import{SmallRegular as l,TitleRegular as n}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{LegendWrapper as x,LegendContainer as p,LegendColor as g}from"../LineChart/LineChart.styled.js";import{GraphContainerWrapper as b}from"./VerticalBarAndLinearGraph.styles.js";t.register(e,o,r,a);const h=t=>{var e,o,r,a,h;const A=[0,0,0,0,0,0],j=-1===t.barAxis.data.findIndex((i=>0!==i)),m=-1===t.lineAxis.data.findIndex((i=>0!==i)),f={min:0,max:2e3,stepSize:200},y=[{legend:t.barAxis.title,color:t.barAxis.graphColor},{legend:t.lineAxis.title,color:t.lineAxis.graphColor}],C={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:c.caption.fontSize}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(e=t.xAxis.labelColor)&&void 0!==e?e:d.content.secondary}},bar:{position:"left",title:{display:!!t.barAxis.title,text:t.barAxis.title,color:t.barAxis.titleColor,font:{size:c.caption.fontSize}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({fontSize:c.caption.fontSize,color:null!==(o=t.barAxis.labelColor)&&void 0!==o?o:d.content.secondary},j?f:{})},line:{position:"right",title:{display:!!t.lineAxis.title,text:t.lineAxis.title,color:t.lineAxis.titleColor,font:{size:c.caption.fontSize}},grid:{display:!1,borderColor:"white",color:d.background.base},ticks:Object.assign({fontSize:c.caption.fontSize,color:null!==(r=t.lineAxis.labelColor)&&void 0!==r?r:d.content.secondary},m?f:{}),display:!0}},maintainAspectRatio:!1},u={labels:t.xAxis.forceShowXAxis?t.xAxis.data.map((i=>i.toString())):j&&m?["-","-","-","-","-","-"]:t.xAxis.data.map((i=>i.toString())),datasets:[{yAxisID:"line",type:"line",data:m?A:t.lineAxis.data,borderColor:t.lineAxis.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1},{yAxisID:"bar",type:"bar",data:j?A:t.barAxis.data,backgroundColor:t.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:2}},{children:[i.jsx(x,Object.assign({position:"center"},{children:y.map(((t,e)=>{let{legend:o,color:r}=t;return o?i.jsxs(p,{children:[i.jsx(g,{color:r}),i.jsx(l,Object.assign({color:"#667085"},{children:o}))]},e):i.jsx(i.Fragment,{})}))})),i.jsxs(b,{children:[t.chartHeading&&i.jsx("div",Object.assign({style:{marginBottom:24}},{children:i.jsx(n,Object.assign({color:null!==(a=t.chartHeading.color)&&void 0!==a?a:d.content.secondary},{children:t.chartHeading.heading}))})),i.jsx("div",Object.assign({style:{height:null!==(h=t.graphCanvasHeight)&&void 0!==h?h:500}},{children:i.jsx(s,{type:"bar",data:u,options:C})}))]})]}))};export{h as VerticalBarAndLinearGraph};
@@ -4,17 +4,11 @@ export interface AxisDetailsI {
4
4
  data: number[] | string[];
5
5
  labelColor?: string;
6
6
  graphColor?: string;
7
- axisSuffix?: string;
8
- max?: number;
9
7
  }
10
8
  export interface ChartHeadingI {
11
9
  heading: string;
12
10
  color?: string;
13
11
  }
14
- export declare enum GRAPH_ORIENTATION {
15
- VERTICAL = "vertical",
16
- HORIZONTAL = "horizontal"
17
- }
18
12
  export interface VerticalBarAndLinearGraphI {
19
13
  graphCanvasHeight?: number;
20
14
  tickColor?: string;
@@ -24,10 +18,5 @@ export interface VerticalBarAndLinearGraphI {
24
18
  forceShowXAxis?: boolean;
25
19
  };
26
20
  lineAxis: AxisDetailsI;
27
- lineAxis2?: AxisDetailsI;
28
21
  barAxis: AxisDetailsI;
29
- isInternationalStore?: boolean;
30
- customLegend?: boolean;
31
- orientation?: GRAPH_ORIENTATION;
32
- noDummyValues?: boolean;
33
22
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const Menus: ({
3
2
  displayName: string;
4
3
  key: number;
@@ -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;