@bikdotai/bik-component-library 0.0.750-beta.1 → 0.0.750-beta.10

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 (45) hide show
  1. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
  2. package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js +1 -1
  3. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js +1 -1
  4. package/dist/cjs/components/feature-announcements/constants/dimensions.d.ts +25 -99
  5. package/dist/cjs/components/feature-announcements/constants/dimensions.js +1 -1
  6. package/dist/cjs/components/feature-announcements/styles/joyride.styles.d.ts +2 -2
  7. package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.d.ts +1 -13
  8. package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.js +1 -1
  9. package/dist/cjs/components/feature-announcements/types/feature.types.d.ts +0 -47
  10. package/dist/cjs/components/feature-announcements/types/props.types.d.ts +3 -25
  11. package/dist/cjs/components/vertical-full-screen-modal/component.d.ts +24 -0
  12. package/dist/cjs/components/vertical-full-screen-modal/component.js +1 -0
  13. package/dist/cjs/components/vertical-full-screen-modal/index.d.ts +2 -0
  14. package/dist/cjs/components/vertical-full-screen-modal/styles.d.ts +6 -0
  15. package/dist/cjs/components/vertical-full-screen-modal/styles.js +44 -0
  16. package/dist/cjs/components/vertical-full-screen-modal/types.d.ts +27 -0
  17. package/dist/cjs/components/whats-new/WhatsNew.types.d.ts +0 -6
  18. package/dist/cjs/components/whats-new/WhatsNewButton.js +1 -1
  19. package/dist/cjs/components/whats-new/WhatsNewPanel.js +1 -1
  20. package/dist/cjs/index.d.ts +1 -0
  21. package/dist/cjs/index.js +1 -1
  22. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  23. package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js +1 -1
  24. package/dist/esm/components/feature-announcements/MajorUpdatePopup.js +1 -1
  25. package/dist/esm/components/feature-announcements/constants/dimensions.d.ts +25 -99
  26. package/dist/esm/components/feature-announcements/constants/dimensions.js +1 -1
  27. package/dist/esm/components/feature-announcements/styles/joyride.styles.d.ts +2 -2
  28. package/dist/esm/components/feature-announcements/styles/majorPopup.styles.d.ts +1 -13
  29. package/dist/esm/components/feature-announcements/styles/majorPopup.styles.js +1 -1
  30. package/dist/esm/components/feature-announcements/types/feature.types.d.ts +0 -47
  31. package/dist/esm/components/feature-announcements/types/props.types.d.ts +3 -25
  32. package/dist/esm/components/vertical-full-screen-modal/component.d.ts +24 -0
  33. package/dist/esm/components/vertical-full-screen-modal/component.js +1 -0
  34. package/dist/esm/components/vertical-full-screen-modal/index.d.ts +2 -0
  35. package/dist/esm/components/vertical-full-screen-modal/styles.d.ts +6 -0
  36. package/dist/esm/components/vertical-full-screen-modal/styles.js +44 -0
  37. package/dist/esm/components/vertical-full-screen-modal/types.d.ts +27 -0
  38. package/dist/esm/components/whats-new/WhatsNew.types.d.ts +0 -6
  39. package/dist/esm/components/whats-new/WhatsNewButton.js +1 -1
  40. package/dist/esm/components/whats-new/WhatsNewPanel.js +1 -1
  41. package/dist/esm/index.d.ts +1 -0
  42. package/dist/esm/index.js +1 -1
  43. package/package.json +1 -1
  44. package/dist/cjs/assets/icons/play.svg.js +0 -1
  45. package/dist/esm/assets/icons/play.svg.js +0 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),s=require("react"),r=require("../../assets/icons/searchIcon.svg.js"),a=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),i=require("../button/Button.js"),o=require("../feature-announcements/VideoModal.js"),d=require("../searchBar/searchBar.js"),c=require("../side-modal/SideModal.js"),l=require("../TypographyStyle.js"),h=require("./WhatsNew.styles.js");exports.WhatsNewPanel=u=>{let{isOpen:j,onClose:m,content:x,isLoading:g=!1,title:p="What's new on BIK",searchPlaceholder:w="Search posts",emptyStateTitle:b="Nothing new!",emptyStateDescription:y="There are no new updates or features at the moment. Check back soon!",noResultsText:C="Sorry, no results found.",width:O="480px",onContentClick:f,renderCustomContent:v}=u;const[N,S]=s.useState(""),[M,q]=s.useState(!1),[B,L]=s.useState(""),T=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},k=s.useMemo((()=>{if(!N.trim())return x;const e=N.toLowerCase();return x.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[x,N]),D=0===x.length,A=0===k.length;return j?e.jsxs(c.SideModal,Object.assign({width:O,onClose:m,header:"",headerCustomComponent:e.jsx(l.TitleMedium,Object.assign({color:n.COLORS.background.inverse},{children:p})),headerStyle:{background:n.COLORS.background.brandLight},hideFooter:!0},{children:[e.jsxs(h.MainContainer,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(d.SearchBar,{width:"100%",isEnabled:!D,onChange:e=>{S(e)},onEnter:e=>{S(e)},placeholder:w,variant:"default",searchValue:N,onClickCross:()=>{S("")}})})),e.jsx(h.WhatsNewWrapper,{children:D||A?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:D?e.jsx(a.default,{width:32,height:32}):e.jsx(r.default,{width:32,height:32})})),D?e.jsxs(e.Fragment,{children:[e.jsx(l.TitleRegular,{children:b}),e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:y}))]}):A?e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:C})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:k.map(((s,r)=>{var a;return v?v(s):e.jsxs(h.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(h.BackgroundImageContainer,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[T(s)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(l.Caption,{children:"New"})})):e.jsx(e.Fragment,{}),e.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.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(l.TitleSmall,{children:s.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(i.Button,{buttonText:(null===(a=s.primaryButton)||void 0===a?void 0:a.text)||s.buttonText||"Explore the feature",onClick:()=>(e=>{var t;if(e.productVideo)L(e.productVideo),q(!0);else{const s=(null===(t=e.primaryButton)||void 0===t?void 0:t.redirectionUrl)||e.redirectUrl;s&&window.open(s,"_blank","noopener,noreferrer")}f&&f(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${r}`)}))}))})]}),e.jsx(o.VideoModal,{isOpen:M,videoUrl:B,onClose:()=>{q(!1)}})]})):e.jsx(e.Fragment,{})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),s=require("react"),a=require("../../assets/icons/searchIcon.svg.js"),r=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),i=require("../button/Button.js"),o=require("../feature-announcements/VideoModal.js"),c=require("../searchBar/searchBar.js"),d=require("../side-modal/SideModal.js"),l=require("../TypographyStyle.js"),h=require("./WhatsNew.styles.js");exports.WhatsNewPanel=u=>{let{isOpen:j,onClose:m,content:x,isLoading:g=!1,title:w="What's new on BIK",searchPlaceholder:b="Search posts",emptyStateTitle:p="Nothing new!",emptyStateDescription:C="There are no new updates or features at the moment. Check back soon!",noResultsText:O="Sorry, no results found.",width:y="480px",onContentClick:f,renderCustomContent:N}=u;const[S,v]=s.useState(""),[M,q]=s.useState(!1),[L,T]=s.useState(""),k=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(!S.trim())return x;const e=S.toLowerCase();return x.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[x,S]),D=0===x.length,A=0===B.length;return j?e.jsxs(d.SideModal,Object.assign({width:y,onClose:m,header:"",headerCustomComponent:e.jsx(l.TitleMedium,Object.assign({color:n.COLORS.background.inverse},{children:w})),headerStyle:{background:n.COLORS.background.brandLight},hideFooter:!0},{children:[e.jsxs(h.MainContainer,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(c.SearchBar,{width:"100%",isEnabled:!D,onChange:e=>{v(e)},onEnter:e=>{v(e)},placeholder:b,variant:"default",searchValue:S,onClickCross:()=>{v("")}})})),e.jsx(h.WhatsNewWrapper,{children:D||A?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:D?e.jsx(r.default,{width:32,height:32}):e.jsx(a.default,{width:32,height:32})})),D?e.jsxs(e.Fragment,{children:[e.jsx(l.TitleRegular,{children:p}),e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:C}))]}):A?e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:O})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:B.map(((s,a)=>N?N(s):e.jsxs(h.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(h.BackgroundImageContainer,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[k(s)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(l.Caption,{children:"New"})})):e.jsx(e.Fragment,{}),e.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.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(l.TitleSmall,{children:s.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(i.Button,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{e.productVideo?(T(e.productVideo),q(!0)):e.redirectUrl&&window.open(e.redirectUrl,"_blank"),f&&f(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${a}`)))}))})]}),e.jsx(o.VideoModal,{isOpen:M,videoUrl:L,onClose:()=>{q(!1)}})]})):e.jsx(e.Fragment,{})};
@@ -103,3 +103,4 @@ export * from './components/banner';
103
103
  export * from './components/feature-announcements';
104
104
  export * from './components/BikGiftedChat';
105
105
  export * from './components/markdown';
106
+ export * from './components/vertical-full-screen-modal';
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"),s=require("./components/checkBox/CheckBox.js"),a=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"),A=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),C=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),O=require("./components/template-preview/models/TemplateMeta.js"),E=require("./components/template-preview/models/WhatsAppTemplate.js"),b=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"),B=require("./components/fab-menu/FABMenu.js"),g=require("./components/floating-action-button/FloatingActionButton.js"),q=require("./components/floating-action-button/FloatingActionButton.styles.js"),f=require("./components/image-compress/ImageCompress.js"),N=require("./components/TypographyStyle.js"),k=require("./components/button/Button.js"),w=require("./components/progress-bar/ProgressBarComponent.js");require("react/jsx-runtime");var D=require("./components/progress-bar-v2/ProgressBarV2.js"),M=require("./components/QueryBuilder/QueryBuilder.js"),L=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),U=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),V=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"),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"),X=require("./components/analytics-card/AnalyticsCard.js"),z=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"),se=require("./components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/scoreBlock/types.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),le=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),de=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),me=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),Te=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),xe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),Pe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),Ae=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),Ce=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),Se=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ye=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),Oe=require("./components/avatar/Avatar.js"),Ee=require("./components/avatar/AvatarHelper.js"),be=require("./components/alerts/Alert.js"),je=require("./components/alerts/AlertHelper.js"),he=require("./components/thumbnail/Thumbnail.js"),Re=require("./components/curtain/Curtain.js"),Ie=require("./components/datePicker/DatePicker.js"),_e=require("./components/datePicker/DatePickerWrapper.js"),Be=require("./components/datePicker/TimePicker.js"),ge=require("./components/switch/Switch.js"),qe=require("./components/plans/SubscriptionPlan.js"),fe=require("./components/plans/SubscriptionPlanSelector.js"),Ne=require("./components/plans/NewSubscriptionPlan.js"),ke=require("./components/plans/SubscriptionPlansCollected.js"),we=require("./components/tabs/Tabs.js"),De=require("./components/dynamic-tabs/DynamicTabs.js"),Me=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),Le=require("./components/TablePagination/TablePagination.js"),Ue=require("./components/TablePagination/TablePaginationCard.js"),Ve=require("./components/states-modal/StateModalComponent.js"),ve=require("./components/states-modal/DeleteConfirmationModal.js"),Fe=require("./components/states/StateComponent.js"),Ge=require("./components/states/ShopifyScopeWrapper.js"),We=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),He=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ye=require("./components/whats-new/WhatsNew.styles.js"),Qe=require("./components/whats-new/WhatsNewButton.js"),Ke=require("./components/whats-new/WhatsNewPanel.js"),Xe=require("./components/whats-new/WhatsNewProvider.js"),ze=require("./components/whats-new/WhatsNew.js"),Ze=require("./components/whats-new/useWhatsNew.js"),Je=require("./helpers/BaseWhatsappContentLang.helper.js"),$e=require("./components/curtain/CurtainHelper.js"),er=require("./utils/resizeImage.js"),rr=require("./components/variable-picker-v3/model.js"),tr=require("./components/card-selection-modal/CardSelectionModal.js"),or=require("./components/image-cropper/BikImageCropper.js"),nr=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),sr=require("./components/buttonGroup/ButtonGroup.js"),ar=require("./components/accordion/Accordion.js"),ir=require("./components/file-uploader/FileUploader.js"),pr=require("./components/colourInput/ColourInput.js"),ur=require("./components/code-block/CodeBlock.js"),cr=require("./components/code-block/types.js"),lr=require("./components/bik-layout/BikHeader.js"),dr=require("./components/bik-layout/BikLayout.js"),mr=require("./components/bik-layout/BikProfile.js"),Tr=require("./components/bik-layout/SimpleSidebar.js"),xr=require("./components/bik-layout/BikSidebar.js"),Pr=require("./components/bik-layout/FeatureModal.js"),Ar=require("./components/bik-layout/SidebarSkeleton.js"),Cr=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),Sr=require("./components/bik-layout/FeatureModalV2.js"),yr=require("./components/searchBar/searchBar.js"),Or=require("./components/custom-date-time/CustomDateTime.js"),Er=require("./components/product-picker/ProductPickerModal.js"),br=require("./components/discount-modal/DiscountModal.js"),jr=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),hr=require("./components/discount-modal/type.js"),Rr=require("./components/country-code-picker/CountryCodePicker.js"),Ir=require("./components/country-code-picker/CountryCodePicker.modal.js"),_r=require("./components/country-code-picker/CountryPicker.js"),Br=require("./components/shimmer-image/ShimmerImage.js"),gr=require("./components/product-picker-v2/modal.js"),qr=require("./components/product-picker-v2/type.js"),fr=require("./components/carousel/carousel.js"),Nr=require("./components/carousel-secondary/CarouselSecondary.js"),kr=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),wr=require("./components/radioList/RadioList.js"),Dr=require("./components/checkList/CheckList.js"),Mr=require("./components/postPicker/postPicker.js"),Lr=require("./components/dropdown-button/DropdownButton.js"),Ur=require("./components/side-modal/SideModal.js"),Vr=require("./components/keywords-input/KeywordsInput.js"),vr=require("./components/add-variableV2/AddVariableV2SideModal.js"),Fr=require("./components/add-variableV2/AddVariableV2.js"),Gr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),Wr=require("./components/SearchFilter/index.js"),Hr=require("./components/input-with-vars/InputWithVariables.js"),Yr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),Qr=require("./components/star-rating/StarRating.js"),Kr=require("./components/testimonial-card/TestimonialCard.js"),Xr=require("./components/slider/slider.js"),zr=require("./components/resizeImage/index.js"),Zr=require("./utils/validator.js"),Jr=require("./components/carousel-preview/CarouselPreview.js"),$r=require("./components/floater/floater.js"),et=require("./components/card-selector/CardSelector.js"),rt=require("./components/card-selector/CardSelectorGroup.js"),tt=require("./components/variable-picker-v3/VariablePicker.js"),ot=require("./components/action-button/ActionButtons.js"),nt=require("./components/ai-modals/ActivateBikAI.js"),st=require("./components/ai-modals/AiSyncProgress.js"),at=require("./components/ai-modals/AiCreditsExhausted.js"),it=require("./components/ai-modals/AiCreditsLow.js"),pt=require("./components/input-with-vars/customPortal.js"),ut=require("./components/floating-input-dropdown/FloatingInputDropdown.js"),ct=require("./components/dropdown/MultilevelDropdownPopover/index.js"),lt=require("./components/dropShadow/DropShadow.js"),dt=require("./components/multi-level-dropdown/MultiLevelDropdown.js"),mt=require("./components/data-source-panel/DataSourcePanel.js"),Tt=require("./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js"),xt=require("./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js"),Pt=require("./components/data-source-panel/model.js"),At=require("./components/text-picker/TextPickerModal.js"),Ct=require("./components/dot-pulse/DotPulse.js"),St=require("./components/bik-chatbot/components/BIKChatbot.js"),yt=require("./components/bik-chatbot/components/AIChat.js"),Ot=require("./components/bik-chatbot/contexts/AIContext.js"),Et=require("./components/bik-chatbot/services/useAIChat.js"),bt=require("./components/bik-chatbot/types/chat.js"),jt=require("./components/bik-chatbot/types/ai.js"),ht=require("./components/banner/AdBanner.js"),Rt=require("./components/banner/model.js"),It=require("./components/feature-announcements/FeatureAnnouncementProvider.js"),_t=require("./components/feature-announcements/MajorUpdatePopup.js"),Bt=require("./components/feature-announcements/MinorUpdatePopup.js"),gt=require("./components/feature-announcements/VideoModal.js"),qt=require("./components/feature-announcements/hooks/useFeatureAnnouncements.js"),ft=require("./components/feature-announcements/constants/index.js"),Nt=require("./components/BikGiftedChat/GiftedChat/GiftedChat.js"),kt=require("./components/BikGiftedChat/Bubble/Bubble.js"),wt=require("./components/markdown/MarkdownRender.js"),Dt=require("./components/markdown/utils.js"),Mt=require("./components/carousel-secondary/model.js"),Lt=require("./components/feature-announcements/constants/animations.js"),Ut=require("./components/feature-announcements/constants/dimensions.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=s.CheckBox,exports.ListItem=a.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=A.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=C.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.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 E.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return E.POD}}),Object.defineProperty(exports,"TEMPLATE_QUALITY",{enumerable:!0,get:function(){return E.TEMPLATE_QUALITY}}),Object.defineProperty(exports,"CHANNEL_TYPE",{enumerable:!0,get:function(){return b.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=B.FABMenu,exports.FloatingActionButton=g.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=N.AiBodyCaption,exports.AiBodyTiny=N.AiBodyTiny,exports.BodyCaption=N.BodyCaption,exports.BodyLarge=N.BodyLarge,exports.BodyPrimary=N.BodyPrimary,exports.BodyPrimaryLink=N.BodyPrimaryLink,exports.BodyRegular=N.BodyRegular,exports.BodySecondary=N.BodySecondary,exports.BodySecondaryLink=N.BodySecondaryLink,exports.BodySmall=N.BodySmall,exports.BodyTiny=N.BodyTiny,exports.ButtonLarge=N.ButtonLarge,exports.ButtonLargeAI=N.ButtonLargeAI,exports.ButtonRegular=N.ButtonRegular,exports.ButtonRegularAI=N.ButtonRegularAI,exports.Caption=N.Caption,exports.CaptionBold=N.CaptionBold,exports.Display=N.Display,exports.SmallRegular=N.SmallRegular,exports.SubHeading=N.SubHeading,exports.TextPlaceholder=N.TextPlaceholder,exports.Tiny=N.Tiny,exports.TitleFour=N.TitleFour,exports.TitleLarge=N.TitleLarge,exports.TitleMedium=N.TitleMedium,exports.TitleRegular=N.TitleRegular,exports.TitleSmall=N.TitleSmall,exports.TitleXlarge=N.TitleXlarge,exports.Button=k.Button,exports.ProgressBarComponent=w.ProgressBarComponent,exports.ProgressCompletedBar=w.ProgressCompletedBar,Object.defineProperty(exports,"ProgressBarType",{enumerable:!0,get:function(){return D.ProgressBarType}}),exports.ProgressBarV2=D.ProgressBarV2,Object.defineProperty(exports,"TextAlignment",{enumerable:!0,get:function(){return D.TextAlignment}}),exports.QueryBuilder=M.QueryBuilder,exports.BaseQueryBuilderNode=L.BaseQueryBuilderNode,exports.PropertyNode=U.PropertyNode,exports.PropertyNodeHeadless=U.PropertyNodeHeadless,exports.queryBuilderSlice=V.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=W.DropdownPopover,exports.Dropdown=H.Dropdown,exports.ChipDropdown=Y.ChipDropdown,exports.ChipDropdownContainer=Y.ChipDropdownContainer,exports.OpenedDropdown=Q.OpenedDropdown,exports.MenuItemDropdown=K.MenuItemDropdown,exports.AnalyticsCard=X.AnalyticsCard,exports.AnalyticsContainer=z.AnalyticsContainer,exports.CardDataContainer=z.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.ScoreBlock=se.ScoreBlock,Object.defineProperty(exports,"DurationUnit",{enumerable:!0,get:function(){return ae.DurationUnit}}),exports.Chip=ie.Chip,exports.HorinzontalBar=pe.HorinzontalBar,exports.Card=ue.Card,exports.PieChartAnalytics=ue.PieChartAnalytics,exports.PieChart=ce.PieChart,exports.HorizontalGraph=le.HorizontalGraph,exports.StackedBarChart=de.StackedBarChart,exports.StackedBarDistributionChart=me.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return Te.GRAPH_ORIENTATION}}),exports.VerticalGraph=xe.VerticalGraph,exports.FunnelVerticalBarGraph=Pe.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return Ae.HEAT}}),exports.HEAT_COLORS=Ae.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return Ae.HEAT_GRADING_TYPE}}),exports.HeatMap=Ae.HeatMap,exports.HeatBoxStyled=Ce.HeatBoxStyled,exports.HeatMapVertical=Ce.HeatMapVertical,exports.VerticalBarAndLinearGraph=Se.VerticalBarAndLinearGraph,Object.defineProperty(exports,"TruncateValue",{enumerable:!0,get:function(){return ye.TruncateValue}}),exports.calculatePercentage=ye.calculatePercentage,exports.roundNumber=ye.roundNumber,exports.truncateValueForIndianStore=ye.truncateValueForIndianStore,exports.truncateValueForInternationalStore=ye.truncateValueForInternationalStore,exports.truncateValueTo10K=ye.truncateValueTo10K,exports.truncateValueToA=ye.truncateValueToA,exports.truncateValueToB=ye.truncateValueToB,exports.truncateValueToC=ye.truncateValueToC,exports.truncateValueToK=ye.truncateValueToK,exports.truncateValueToL=ye.truncateValueToL,exports.truncateValueToM=ye.truncateValueToM,exports.truncateValueToT=ye.truncateValueToT,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Oe.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Oe.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Oe.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"MESSAGE_CHANNELS",{enumerable:!0,get:function(){return Oe.MESSAGE_CHANNELS}}),Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Ee.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Ee.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Ee.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Ee.SIZE}}),exports.Alert=be.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return je.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=je.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return je.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return he.RATIO}}),exports.Thumbnail=he.Thumbnail,exports.Curtain=Re.Curtain,exports.DatePicker=Ie.DatePicker,exports.DatePickerWrapper=_e.DatePickerWrapper,exports.TimePicker=Be.TimePicker,exports.Loader=ge.Loader,exports.Switch=ge.Switch,exports.SwitchContainer=ge.SwitchContainer,exports.Thumb=ge.Thumb,exports.SubscriptionPlan=qe.SubscriptionPlan,exports.BottomWrapper=fe.BottomWrapper,exports.HeaderWrapper=fe.HeaderWrapper,exports.SubscriptionPlanSelector=fe.SubscriptionPlanSelector,exports.defaultTabs=fe.defaultTabs,exports.NewSubscriptionPlan=Ne.NewSubscriptionPlan,exports.SubscriptionPlansCollected=ke.SubscriptionPlansCollected,exports.TabItemComponent=we.TabItemComponent,exports.Tabs=we.Tabs,exports.DynamicTabs=De.DynamicTabs,exports.BikShimmer=Me.BikShimmer,exports.TablePagination=Le.TablePagination,exports.TablePaginationCard=Ue.TablePaginationCard,exports.TablePaginationCardStyled=Ue.TablePaginationCardStyled,exports.StateModalComponent=Ve.StateModalComponent,exports.DeleteConfirmationModal=ve.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Fe.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Fe.ButtonTypes}}),exports.StateComponent=Fe.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Fe.StateInterface}}),exports.ShopifyScopeWrapper=Ge.ShopifyScopeWrapper,exports.WhatsAppTextEditor=We.WhatsAppTextEditor,exports.CustomRightBorder=He.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return He.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=He.WhatsAppTextEditorHeader,exports.BackgroundImageContainer=Ye.BackgroundImageContainer,exports.MainCardContainer=Ye.MainCardContainer,exports.MainContainer=Ye.MainContainer,exports.WhatsNewIconContainer=Ye.WhatsNewIconContainer,exports.WhatsNewWrapper=Ye.WhatsNewWrapper,exports.WhatsNewButton=Qe.WhatsNewButton,exports.WhatsNewPanel=Ke.WhatsNewPanel,exports.WhatsNewProvider=Xe.WhatsNewProvider,exports.useWhatsNewContext=Xe.useWhatsNewContext,exports.WhatsNew=ze.WhatsNew,exports.useWhatsNew=Ze.useWhatsNew,exports.BaseWhatsappContentLangHelper=Je.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=$e.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return $e.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return $e.CURTAIN_TYPES}}),exports.resizeImage=er.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return rr.PickerType}}),exports.CardSelectionModal=tr.CardSelectionModal,exports.BikImageCropper=or.BikImageCropper,exports.BikImagePipeline=nr.BikImagePipeline,exports.ButtonGroup=sr.ButtonGroup,exports.BikAccordion=ar.BikAccordion,exports.FileUploader=ir.FileUploader,exports.ColourInput=pr.ColourInput,exports.CodeBlock=ur.CodeBlock,Object.defineProperty(exports,"CodeLanguage",{enumerable:!0,get:function(){return cr.CodeLanguage}}),exports.BikHeader=lr.BikHeader,exports.BikLayout=dr.BikLayout,exports.BikProfile=mr.BikProfile,exports.SimpleSidebar=Tr.SimpleSidebar,exports.BikSidebar=xr.BikSidebar,exports.FeatureModal=Pr.FeatureModal,exports.SidebarSkeleton=Ar.SidebarSkeleton,exports.ShowShopifyRestrictedModal=Cr.ShowShopifyRestrictedModal,exports.FeatureModalV2=Sr.FeatureModalV2,exports.SearchBar=yr.SearchBar,exports.CustomDateTime=Or.CustomDateTime,exports.PricePleaseProductPicker=Er.PricePleaseProductPicker,exports.ProductPickerContent=Er.ProductPickerContent,exports.DiscountModal=br.DiscountModal,exports.CouponExpiration=jr.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return hr.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return hr.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return hr.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return hr.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return hr.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return hr.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return hr.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return hr.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=hr.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=hr.initialStaticCouponErrorState,exports.CountryCodePicker=Rr.CountryCodePicker,exports.CountriesData=Ir.CountriesData,exports.CountryPicker=_r.CountryPicker,exports.DEFAULT_IMAGE=Br.DEFAULT_IMAGE,exports.ShimmerImage=Br.ShimmerImage,exports.ProductPickerModal=gr.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return qr.ScreenName}}),exports.Carousel=fr.Carousel,exports.CarouselSecondary=Nr.CarouselSecondary,exports.AccessTokenTroubleshootDialog=kr.AccessTokenTroubleshootDialog,exports.RadioList=wr.RadioList,exports.CheckList=Dr.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return Mr.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return Mr.MEDIA_TYPES}}),exports.PostPicker=Mr.PostPicker,exports.dateOptions=Mr.dateOptions,exports.DropdownButton=Lr.DropdownButton,exports.SideModal=Ur.SideModal,exports.KeywordsInput=Vr.KeywordsInput,exports.AddVariableV2SideModal=vr.AddVariableV2SideModal,exports.AddVariableV2=Fr.AddVariableV2,exports.NaLinkWrapper=Gr.NaLinkWrapper,exports.NavigationHyperlink=Gr.NavigationHyperlink,exports.SearchFilter=Wr.SearchFilter,exports.InputWithVariables=Hr.InputWithVariables,exports.DashboardReviewPopUp=Yr.DashboardReviewPopUp,exports.StarRating=Qr.StarRating,exports.TestimonialCard=Kr.TestimonialCard,exports.BikSlider=Xr.BikSlider,exports.ResizableImage=zr.ResizableImage,exports.validateURL=Zr.validateURL,exports.CarouselPreview=Jr.CarouselPreview,exports.Floater=$r.Floater,exports.CardSelector=et.CardSelector,exports.CardSelectorGroup=rt.CardSelectorGroup,exports.VariablePicker=tt.VariablePicker,exports.ActionButtons=ot.ActionButtons,exports.ActivateBikAi=nt.ActivateBikAi,exports.AiSyncProgress=st.AiSyncProgress,exports.AiCreditsExhausted=at.AiCreditsExhausted,exports.AiCreditsLow=it.AiCreditsLow,exports.CustomPortal=pt.CustomPortal,exports.FloatingInputDropdown=ut.FloatingInputDropdown,exports.MultilevelDropdownPopover=ct.MultilevelDropdownPopover,exports.DropShadow=lt.DropShadow,exports.MultiLevelDropdown=dt.MultiLevelDropdown,exports.DataSourcePanel=mt.DataSourcePanel,exports.UnsatisfactoryResponseList=Tt.UnsatisfactoryResponseList,exports.UnsatisfactoryCountIntentWiseModal=xt.UnsatisfactoryCountIntentWiseModal,Object.defineProperty(exports,"CustomDataCategories",{enumerable:!0,get:function(){return Pt.CustomDataCategories}}),Object.defineProperty(exports,"CustomDataType",{enumerable:!0,get:function(){return Pt.CustomDataType}}),exports.TextPickerModal=At.TextPickerModal,exports.DotPulse=Ct.DotPulse,exports.BIKChatbot=St.BIKChatbot,exports.AIChat=yt.AIChat,exports.AIProvider=Ot.AIProvider,exports.useAIContext=Ot.useAIContext,exports.useAIChat=Et.useAIChat,exports.CHAT_MESSAGE_ROLES=bt.CHAT_MESSAGE_ROLES,exports.DEFAULT_CONVERSATION_ID=bt.DEFAULT_CONVERSATION_ID,exports.createSessionRecord=bt.createSessionRecord,exports.DEFAULT_MAX_TOOL_CALLS=jt.DEFAULT_MAX_TOOL_CALLS,exports.DEFAULT_RESPONSE_FORMAT=jt.DEFAULT_RESPONSE_FORMAT,exports.RESPONSE_FORMATS=jt.RESPONSE_FORMATS,exports.AdBanner=ht.default,Object.defineProperty(exports,"BannerThirdPartyIcon",{enumerable:!0,get:function(){return Rt.BannerThirdPartyIcon}}),Object.defineProperty(exports,"BannerType",{enumerable:!0,get:function(){return Rt.BannerType}}),exports.getUrlForBannerThirdPartyIcon=Rt.getUrlForBannerThirdPartyIcon,exports.FeatureAnnouncementProvider=It.default,exports.MajorUpdatePopup=_t.default,exports.MinorUpdatePopup=Bt.default,exports.VideoModal=gt.VideoModal,exports.useFeatureAnnouncements=qt.useFeatureAnnouncements,exports.TEXT=ft.TEXT,exports.BikGiftedChat=Nt.default,exports.Bubble=kt.Bubble,exports.MarkdownRender=wt.default,exports.BOLD_TEXT_PATTERN=Dt.BOLD_TEXT_PATTERN,exports.CODE_TEXT_PATTERN=Dt.CODE_TEXT_PATTERN,exports.EMAIL_PATTERN=Dt.EMAIL_PATTERN,exports.ITALIC_TEXT_PATTERN=Dt.ITALIC_TEXT_PATTERN,exports.MARKDOWN_LINK_PATTERN=Dt.MARKDOWN_LINK_PATTERN,exports.RAW_PHONE_CANDIDATE_PATTERN=Dt.RAW_PHONE_CANDIDATE_PATTERN,exports.URL_PATTERN=Dt.URL_PATTERN,exports.filterPhoneCandidates=Dt.filterPhoneCandidates,exports.isCompleteFormatting=Dt.isCompleteFormatting,exports.isCompleteMarkdownLink=Dt.isCompleteMarkdownLink,exports.isCompleteUrl=Dt.isCompleteUrl,exports.stripMarkdownFormatting=Dt.stripMarkdownFormatting,Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return Mt.CarouselVersion}}),exports.ANIMATION_TIMING=Lt.ANIMATION_TIMING,exports.POPUP_DIMENSIONS=Ut.POPUP_DIMENSIONS;
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"),s=require("./components/checkBox/CheckBox.js"),a=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"),A=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),C=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),O=require("./components/template-preview/models/TemplateMeta.js"),E=require("./components/template-preview/models/WhatsAppTemplate.js"),j=require("./components/template-preview/models/Channels.js"),b=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"),B=require("./components/fab-menu/FABMenu.js"),g=require("./components/floating-action-button/FloatingActionButton.js"),q=require("./components/floating-action-button/FloatingActionButton.styles.js"),f=require("./components/image-compress/ImageCompress.js"),N=require("./components/TypographyStyle.js"),k=require("./components/button/Button.js"),w=require("./components/progress-bar/ProgressBarComponent.js");require("react/jsx-runtime");var D=require("./components/progress-bar-v2/ProgressBarV2.js"),M=require("./components/QueryBuilder/QueryBuilder.js"),L=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),U=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),V=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"),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"),X=require("./components/analytics-card/AnalyticsCard.js"),z=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"),se=require("./components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/scoreBlock/types.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),le=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),de=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),me=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),Te=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),xe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),Pe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),Ae=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),Ce=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),Se=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ye=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),Oe=require("./components/avatar/Avatar.js"),Ee=require("./components/avatar/AvatarHelper.js"),je=require("./components/alerts/Alert.js"),be=require("./components/alerts/AlertHelper.js"),he=require("./components/thumbnail/Thumbnail.js"),Re=require("./components/curtain/Curtain.js"),Ie=require("./components/datePicker/DatePicker.js"),_e=require("./components/datePicker/DatePickerWrapper.js"),Be=require("./components/datePicker/TimePicker.js"),ge=require("./components/switch/Switch.js"),qe=require("./components/plans/SubscriptionPlan.js"),fe=require("./components/plans/SubscriptionPlanSelector.js"),Ne=require("./components/plans/NewSubscriptionPlan.js"),ke=require("./components/plans/SubscriptionPlansCollected.js"),we=require("./components/tabs/Tabs.js"),De=require("./components/dynamic-tabs/DynamicTabs.js"),Me=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),Le=require("./components/TablePagination/TablePagination.js"),Ue=require("./components/TablePagination/TablePaginationCard.js"),Ve=require("./components/states-modal/StateModalComponent.js"),ve=require("./components/states-modal/DeleteConfirmationModal.js"),Fe=require("./components/states/StateComponent.js"),Ge=require("./components/states/ShopifyScopeWrapper.js"),We=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),He=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ye=require("./components/whats-new/WhatsNew.styles.js"),Qe=require("./components/whats-new/WhatsNewButton.js"),Ke=require("./components/whats-new/WhatsNewPanel.js"),Xe=require("./components/whats-new/WhatsNewProvider.js"),ze=require("./components/whats-new/WhatsNew.js"),Ze=require("./components/whats-new/useWhatsNew.js"),Je=require("./helpers/BaseWhatsappContentLang.helper.js"),$e=require("./components/curtain/CurtainHelper.js"),er=require("./utils/resizeImage.js"),rr=require("./components/variable-picker-v3/model.js"),tr=require("./components/card-selection-modal/CardSelectionModal.js"),or=require("./components/image-cropper/BikImageCropper.js"),nr=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),sr=require("./components/buttonGroup/ButtonGroup.js"),ar=require("./components/accordion/Accordion.js"),ir=require("./components/file-uploader/FileUploader.js"),pr=require("./components/colourInput/ColourInput.js"),ur=require("./components/code-block/CodeBlock.js"),cr=require("./components/code-block/types.js"),lr=require("./components/bik-layout/BikHeader.js"),dr=require("./components/bik-layout/BikLayout.js"),mr=require("./components/bik-layout/BikProfile.js"),Tr=require("./components/bik-layout/SimpleSidebar.js"),xr=require("./components/bik-layout/BikSidebar.js"),Pr=require("./components/bik-layout/FeatureModal.js"),Ar=require("./components/bik-layout/SidebarSkeleton.js"),Cr=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),Sr=require("./components/bik-layout/FeatureModalV2.js"),yr=require("./components/searchBar/searchBar.js"),Or=require("./components/custom-date-time/CustomDateTime.js"),Er=require("./components/product-picker/ProductPickerModal.js"),jr=require("./components/discount-modal/DiscountModal.js"),br=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),hr=require("./components/discount-modal/type.js"),Rr=require("./components/country-code-picker/CountryCodePicker.js"),Ir=require("./components/country-code-picker/CountryCodePicker.modal.js"),_r=require("./components/country-code-picker/CountryPicker.js"),Br=require("./components/shimmer-image/ShimmerImage.js"),gr=require("./components/product-picker-v2/modal.js"),qr=require("./components/product-picker-v2/type.js"),fr=require("./components/carousel/carousel.js"),Nr=require("./components/carousel-secondary/CarouselSecondary.js"),kr=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),wr=require("./components/radioList/RadioList.js"),Dr=require("./components/checkList/CheckList.js"),Mr=require("./components/postPicker/postPicker.js"),Lr=require("./components/dropdown-button/DropdownButton.js"),Ur=require("./components/side-modal/SideModal.js"),Vr=require("./components/keywords-input/KeywordsInput.js"),vr=require("./components/add-variableV2/AddVariableV2SideModal.js"),Fr=require("./components/add-variableV2/AddVariableV2.js"),Gr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),Wr=require("./components/SearchFilter/index.js"),Hr=require("./components/input-with-vars/InputWithVariables.js"),Yr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),Qr=require("./components/star-rating/StarRating.js"),Kr=require("./components/testimonial-card/TestimonialCard.js"),Xr=require("./components/slider/slider.js"),zr=require("./components/resizeImage/index.js"),Zr=require("./utils/validator.js"),Jr=require("./components/carousel-preview/CarouselPreview.js"),$r=require("./components/floater/floater.js"),et=require("./components/card-selector/CardSelector.js"),rt=require("./components/card-selector/CardSelectorGroup.js"),tt=require("./components/variable-picker-v3/VariablePicker.js"),ot=require("./components/action-button/ActionButtons.js"),nt=require("./components/ai-modals/ActivateBikAI.js"),st=require("./components/ai-modals/AiSyncProgress.js"),at=require("./components/ai-modals/AiCreditsExhausted.js"),it=require("./components/ai-modals/AiCreditsLow.js"),pt=require("./components/input-with-vars/customPortal.js"),ut=require("./components/floating-input-dropdown/FloatingInputDropdown.js"),ct=require("./components/dropdown/MultilevelDropdownPopover/index.js"),lt=require("./components/dropShadow/DropShadow.js"),dt=require("./components/multi-level-dropdown/MultiLevelDropdown.js"),mt=require("./components/data-source-panel/DataSourcePanel.js"),Tt=require("./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js"),xt=require("./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js"),Pt=require("./components/data-source-panel/model.js"),At=require("./components/text-picker/TextPickerModal.js"),Ct=require("./components/dot-pulse/DotPulse.js"),St=require("./components/bik-chatbot/components/BIKChatbot.js"),yt=require("./components/bik-chatbot/components/AIChat.js"),Ot=require("./components/bik-chatbot/contexts/AIContext.js"),Et=require("./components/bik-chatbot/services/useAIChat.js"),jt=require("./components/bik-chatbot/types/chat.js"),bt=require("./components/bik-chatbot/types/ai.js"),ht=require("./components/banner/AdBanner.js"),Rt=require("./components/banner/model.js"),It=require("./components/feature-announcements/FeatureAnnouncementProvider.js"),_t=require("./components/feature-announcements/MajorUpdatePopup.js"),Bt=require("./components/feature-announcements/MinorUpdatePopup.js"),gt=require("./components/feature-announcements/VideoModal.js"),qt=require("./components/feature-announcements/hooks/useFeatureAnnouncements.js"),ft=require("./components/feature-announcements/constants/index.js"),Nt=require("./components/BikGiftedChat/GiftedChat/GiftedChat.js"),kt=require("./components/BikGiftedChat/Bubble/Bubble.js"),wt=require("./components/markdown/MarkdownRender.js"),Dt=require("./components/markdown/utils.js"),Mt=require("./components/vertical-full-screen-modal/component.js"),Lt=require("./components/carousel-secondary/model.js"),Ut=require("./components/feature-announcements/constants/animations.js"),Vt=require("./components/feature-announcements/constants/dimensions.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=s.CheckBox,exports.ListItem=a.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=A.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=C.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.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 E.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return E.POD}}),Object.defineProperty(exports,"TEMPLATE_QUALITY",{enumerable:!0,get:function(){return E.TEMPLATE_QUALITY}}),Object.defineProperty(exports,"CHANNEL_TYPE",{enumerable:!0,get:function(){return j.CHANNEL_TYPE}}),exports.TemplateContextMapper=b.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=B.FABMenu,exports.FloatingActionButton=g.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=N.AiBodyCaption,exports.AiBodyTiny=N.AiBodyTiny,exports.BodyCaption=N.BodyCaption,exports.BodyLarge=N.BodyLarge,exports.BodyPrimary=N.BodyPrimary,exports.BodyPrimaryLink=N.BodyPrimaryLink,exports.BodyRegular=N.BodyRegular,exports.BodySecondary=N.BodySecondary,exports.BodySecondaryLink=N.BodySecondaryLink,exports.BodySmall=N.BodySmall,exports.BodyTiny=N.BodyTiny,exports.ButtonLarge=N.ButtonLarge,exports.ButtonLargeAI=N.ButtonLargeAI,exports.ButtonRegular=N.ButtonRegular,exports.ButtonRegularAI=N.ButtonRegularAI,exports.Caption=N.Caption,exports.CaptionBold=N.CaptionBold,exports.Display=N.Display,exports.SmallRegular=N.SmallRegular,exports.SubHeading=N.SubHeading,exports.TextPlaceholder=N.TextPlaceholder,exports.Tiny=N.Tiny,exports.TitleFour=N.TitleFour,exports.TitleLarge=N.TitleLarge,exports.TitleMedium=N.TitleMedium,exports.TitleRegular=N.TitleRegular,exports.TitleSmall=N.TitleSmall,exports.TitleXlarge=N.TitleXlarge,exports.Button=k.Button,exports.ProgressBarComponent=w.ProgressBarComponent,exports.ProgressCompletedBar=w.ProgressCompletedBar,Object.defineProperty(exports,"ProgressBarType",{enumerable:!0,get:function(){return D.ProgressBarType}}),exports.ProgressBarV2=D.ProgressBarV2,Object.defineProperty(exports,"TextAlignment",{enumerable:!0,get:function(){return D.TextAlignment}}),exports.QueryBuilder=M.QueryBuilder,exports.BaseQueryBuilderNode=L.BaseQueryBuilderNode,exports.PropertyNode=U.PropertyNode,exports.PropertyNodeHeadless=U.PropertyNodeHeadless,exports.queryBuilderSlice=V.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=W.DropdownPopover,exports.Dropdown=H.Dropdown,exports.ChipDropdown=Y.ChipDropdown,exports.ChipDropdownContainer=Y.ChipDropdownContainer,exports.OpenedDropdown=Q.OpenedDropdown,exports.MenuItemDropdown=K.MenuItemDropdown,exports.AnalyticsCard=X.AnalyticsCard,exports.AnalyticsContainer=z.AnalyticsContainer,exports.CardDataContainer=z.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.ScoreBlock=se.ScoreBlock,Object.defineProperty(exports,"DurationUnit",{enumerable:!0,get:function(){return ae.DurationUnit}}),exports.Chip=ie.Chip,exports.HorinzontalBar=pe.HorinzontalBar,exports.Card=ue.Card,exports.PieChartAnalytics=ue.PieChartAnalytics,exports.PieChart=ce.PieChart,exports.HorizontalGraph=le.HorizontalGraph,exports.StackedBarChart=de.StackedBarChart,exports.StackedBarDistributionChart=me.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return Te.GRAPH_ORIENTATION}}),exports.VerticalGraph=xe.VerticalGraph,exports.FunnelVerticalBarGraph=Pe.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return Ae.HEAT}}),exports.HEAT_COLORS=Ae.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return Ae.HEAT_GRADING_TYPE}}),exports.HeatMap=Ae.HeatMap,exports.HeatBoxStyled=Ce.HeatBoxStyled,exports.HeatMapVertical=Ce.HeatMapVertical,exports.VerticalBarAndLinearGraph=Se.VerticalBarAndLinearGraph,Object.defineProperty(exports,"TruncateValue",{enumerable:!0,get:function(){return ye.TruncateValue}}),exports.calculatePercentage=ye.calculatePercentage,exports.roundNumber=ye.roundNumber,exports.truncateValueForIndianStore=ye.truncateValueForIndianStore,exports.truncateValueForInternationalStore=ye.truncateValueForInternationalStore,exports.truncateValueTo10K=ye.truncateValueTo10K,exports.truncateValueToA=ye.truncateValueToA,exports.truncateValueToB=ye.truncateValueToB,exports.truncateValueToC=ye.truncateValueToC,exports.truncateValueToK=ye.truncateValueToK,exports.truncateValueToL=ye.truncateValueToL,exports.truncateValueToM=ye.truncateValueToM,exports.truncateValueToT=ye.truncateValueToT,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Oe.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Oe.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Oe.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"MESSAGE_CHANNELS",{enumerable:!0,get:function(){return Oe.MESSAGE_CHANNELS}}),Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Ee.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Ee.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Ee.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Ee.SIZE}}),exports.Alert=je.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return be.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=be.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return be.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return he.RATIO}}),exports.Thumbnail=he.Thumbnail,exports.Curtain=Re.Curtain,exports.DatePicker=Ie.DatePicker,exports.DatePickerWrapper=_e.DatePickerWrapper,exports.TimePicker=Be.TimePicker,exports.Loader=ge.Loader,exports.Switch=ge.Switch,exports.SwitchContainer=ge.SwitchContainer,exports.Thumb=ge.Thumb,exports.SubscriptionPlan=qe.SubscriptionPlan,exports.BottomWrapper=fe.BottomWrapper,exports.HeaderWrapper=fe.HeaderWrapper,exports.SubscriptionPlanSelector=fe.SubscriptionPlanSelector,exports.defaultTabs=fe.defaultTabs,exports.NewSubscriptionPlan=Ne.NewSubscriptionPlan,exports.SubscriptionPlansCollected=ke.SubscriptionPlansCollected,exports.TabItemComponent=we.TabItemComponent,exports.Tabs=we.Tabs,exports.DynamicTabs=De.DynamicTabs,exports.BikShimmer=Me.BikShimmer,exports.TablePagination=Le.TablePagination,exports.TablePaginationCard=Ue.TablePaginationCard,exports.TablePaginationCardStyled=Ue.TablePaginationCardStyled,exports.StateModalComponent=Ve.StateModalComponent,exports.DeleteConfirmationModal=ve.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Fe.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Fe.ButtonTypes}}),exports.StateComponent=Fe.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Fe.StateInterface}}),exports.ShopifyScopeWrapper=Ge.ShopifyScopeWrapper,exports.WhatsAppTextEditor=We.WhatsAppTextEditor,exports.CustomRightBorder=He.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return He.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=He.WhatsAppTextEditorHeader,exports.BackgroundImageContainer=Ye.BackgroundImageContainer,exports.MainCardContainer=Ye.MainCardContainer,exports.MainContainer=Ye.MainContainer,exports.WhatsNewIconContainer=Ye.WhatsNewIconContainer,exports.WhatsNewWrapper=Ye.WhatsNewWrapper,exports.WhatsNewButton=Qe.WhatsNewButton,exports.WhatsNewPanel=Ke.WhatsNewPanel,exports.WhatsNewProvider=Xe.WhatsNewProvider,exports.useWhatsNewContext=Xe.useWhatsNewContext,exports.WhatsNew=ze.WhatsNew,exports.useWhatsNew=Ze.useWhatsNew,exports.BaseWhatsappContentLangHelper=Je.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=$e.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return $e.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return $e.CURTAIN_TYPES}}),exports.resizeImage=er.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return rr.PickerType}}),exports.CardSelectionModal=tr.CardSelectionModal,exports.BikImageCropper=or.BikImageCropper,exports.BikImagePipeline=nr.BikImagePipeline,exports.ButtonGroup=sr.ButtonGroup,exports.BikAccordion=ar.BikAccordion,exports.FileUploader=ir.FileUploader,exports.ColourInput=pr.ColourInput,exports.CodeBlock=ur.CodeBlock,Object.defineProperty(exports,"CodeLanguage",{enumerable:!0,get:function(){return cr.CodeLanguage}}),exports.BikHeader=lr.BikHeader,exports.BikLayout=dr.BikLayout,exports.BikProfile=mr.BikProfile,exports.SimpleSidebar=Tr.SimpleSidebar,exports.BikSidebar=xr.BikSidebar,exports.FeatureModal=Pr.FeatureModal,exports.SidebarSkeleton=Ar.SidebarSkeleton,exports.ShowShopifyRestrictedModal=Cr.ShowShopifyRestrictedModal,exports.FeatureModalV2=Sr.FeatureModalV2,exports.SearchBar=yr.SearchBar,exports.CustomDateTime=Or.CustomDateTime,exports.PricePleaseProductPicker=Er.PricePleaseProductPicker,exports.ProductPickerContent=Er.ProductPickerContent,exports.DiscountModal=jr.DiscountModal,exports.CouponExpiration=br.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return hr.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return hr.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return hr.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return hr.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return hr.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return hr.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return hr.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return hr.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=hr.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=hr.initialStaticCouponErrorState,exports.CountryCodePicker=Rr.CountryCodePicker,exports.CountriesData=Ir.CountriesData,exports.CountryPicker=_r.CountryPicker,exports.DEFAULT_IMAGE=Br.DEFAULT_IMAGE,exports.ShimmerImage=Br.ShimmerImage,exports.ProductPickerModal=gr.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return qr.ScreenName}}),exports.Carousel=fr.Carousel,exports.CarouselSecondary=Nr.CarouselSecondary,exports.AccessTokenTroubleshootDialog=kr.AccessTokenTroubleshootDialog,exports.RadioList=wr.RadioList,exports.CheckList=Dr.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return Mr.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return Mr.MEDIA_TYPES}}),exports.PostPicker=Mr.PostPicker,exports.dateOptions=Mr.dateOptions,exports.DropdownButton=Lr.DropdownButton,exports.SideModal=Ur.SideModal,exports.KeywordsInput=Vr.KeywordsInput,exports.AddVariableV2SideModal=vr.AddVariableV2SideModal,exports.AddVariableV2=Fr.AddVariableV2,exports.NaLinkWrapper=Gr.NaLinkWrapper,exports.NavigationHyperlink=Gr.NavigationHyperlink,exports.SearchFilter=Wr.SearchFilter,exports.InputWithVariables=Hr.InputWithVariables,exports.DashboardReviewPopUp=Yr.DashboardReviewPopUp,exports.StarRating=Qr.StarRating,exports.TestimonialCard=Kr.TestimonialCard,exports.BikSlider=Xr.BikSlider,exports.ResizableImage=zr.ResizableImage,exports.validateURL=Zr.validateURL,exports.CarouselPreview=Jr.CarouselPreview,exports.Floater=$r.Floater,exports.CardSelector=et.CardSelector,exports.CardSelectorGroup=rt.CardSelectorGroup,exports.VariablePicker=tt.VariablePicker,exports.ActionButtons=ot.ActionButtons,exports.ActivateBikAi=nt.ActivateBikAi,exports.AiSyncProgress=st.AiSyncProgress,exports.AiCreditsExhausted=at.AiCreditsExhausted,exports.AiCreditsLow=it.AiCreditsLow,exports.CustomPortal=pt.CustomPortal,exports.FloatingInputDropdown=ut.FloatingInputDropdown,exports.MultilevelDropdownPopover=ct.MultilevelDropdownPopover,exports.DropShadow=lt.DropShadow,exports.MultiLevelDropdown=dt.MultiLevelDropdown,exports.DataSourcePanel=mt.DataSourcePanel,exports.UnsatisfactoryResponseList=Tt.UnsatisfactoryResponseList,exports.UnsatisfactoryCountIntentWiseModal=xt.UnsatisfactoryCountIntentWiseModal,Object.defineProperty(exports,"CustomDataCategories",{enumerable:!0,get:function(){return Pt.CustomDataCategories}}),Object.defineProperty(exports,"CustomDataType",{enumerable:!0,get:function(){return Pt.CustomDataType}}),exports.TextPickerModal=At.TextPickerModal,exports.DotPulse=Ct.DotPulse,exports.BIKChatbot=St.BIKChatbot,exports.AIChat=yt.AIChat,exports.AIProvider=Ot.AIProvider,exports.useAIContext=Ot.useAIContext,exports.useAIChat=Et.useAIChat,exports.CHAT_MESSAGE_ROLES=jt.CHAT_MESSAGE_ROLES,exports.DEFAULT_CONVERSATION_ID=jt.DEFAULT_CONVERSATION_ID,exports.createSessionRecord=jt.createSessionRecord,exports.DEFAULT_MAX_TOOL_CALLS=bt.DEFAULT_MAX_TOOL_CALLS,exports.DEFAULT_RESPONSE_FORMAT=bt.DEFAULT_RESPONSE_FORMAT,exports.RESPONSE_FORMATS=bt.RESPONSE_FORMATS,exports.AdBanner=ht.default,Object.defineProperty(exports,"BannerThirdPartyIcon",{enumerable:!0,get:function(){return Rt.BannerThirdPartyIcon}}),Object.defineProperty(exports,"BannerType",{enumerable:!0,get:function(){return Rt.BannerType}}),exports.getUrlForBannerThirdPartyIcon=Rt.getUrlForBannerThirdPartyIcon,exports.FeatureAnnouncementProvider=It.default,exports.MajorUpdatePopup=_t.default,exports.MinorUpdatePopup=Bt.default,exports.VideoModal=gt.VideoModal,exports.useFeatureAnnouncements=qt.useFeatureAnnouncements,exports.TEXT=ft.TEXT,exports.BikGiftedChat=Nt.default,exports.Bubble=kt.Bubble,exports.MarkdownRender=wt.default,exports.BOLD_TEXT_PATTERN=Dt.BOLD_TEXT_PATTERN,exports.CODE_TEXT_PATTERN=Dt.CODE_TEXT_PATTERN,exports.EMAIL_PATTERN=Dt.EMAIL_PATTERN,exports.ITALIC_TEXT_PATTERN=Dt.ITALIC_TEXT_PATTERN,exports.MARKDOWN_LINK_PATTERN=Dt.MARKDOWN_LINK_PATTERN,exports.RAW_PHONE_CANDIDATE_PATTERN=Dt.RAW_PHONE_CANDIDATE_PATTERN,exports.URL_PATTERN=Dt.URL_PATTERN,exports.filterPhoneCandidates=Dt.filterPhoneCandidates,exports.isCompleteFormatting=Dt.isCompleteFormatting,exports.isCompleteMarkdownLink=Dt.isCompleteMarkdownLink,exports.isCompleteUrl=Dt.isCompleteUrl,exports.stripMarkdownFormatting=Dt.stripMarkdownFormatting,exports.VerticalFullScreenModal=Mt.default,Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return Lt.CarouselVersion}}),exports.ANIMATION_TIMING=Ut.ANIMATION_TIMING,exports.POPUP_DIMENSIONS=Vt.POPUP_DIMENSIONS;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const Menus: ({
3
2
  displayName: string;
4
3
  key: number;
@@ -1 +1 @@
1
- import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as r,useEffect as a,useCallback as i}from"react";import s,{ACTIONS as d}from"react-joyride";import"./constants/animations.js";import{SELECTORS as l}from"./constants/selectors.js";import{useFeatureAnnouncements as u}from"./hooks/useFeatureAnnouncements.js";import c from"./MajorUpdatePopup.js";import p from"./MinorUpdatePopup.js";import{VideoModal as f}from"./VideoModal.js";const m=m=>{let{children:b,fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:x,isFeatureApplicableToCurrentPage:k,module:S,router:C,storeId:T,onAnnouncementShown:v,onAnnouncementInteracted:w}=m;var I;const{majorUpdateFeatures:B,minorUpdateFeatures:F,isLoading:E,markFeatureAsViewed:N}=u({fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:x,isFeatureApplicableToCurrentPage:k,module:S,router:C}),[j,P]=r(null),[U,W]=r(null),[V,M]=r(!1),[O,q]=r([]),[_,A]=r(!1),[L,R]=r([]),[$,z]=r(!1),[H,Z]=r(!1),[D,G]=r([]),[J,K]=r(!1),[Q,X]=r(!1),[Y,tt]=r(!1),[et,ot]=r(""),[nt,rt]=r(!1),[at,it]=r(!1),[st,dt]=r(!1),[lt,ut]=r(0),[ct,pt]=r(0),[ft,mt]=r(new Set);a((()=>{const t="minor-spotlight-cutout-style";let e=document.getElementById(t);return e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__floater {\n\t\t\t\tright: 12px !important;\n\t\t\t\tleft: auto !important;\n\t\t\t}\n\t\t",()=>{const e=document.getElementById(t);e&&e.remove()}}),[]),a((()=>{ut((t=>t+1)),pt((t=>t+1)),it(!1),dt(!1),mt(new Set)}),[null==C?void 0:C.pathname]),a((()=>{if(!(B.length>0)||j||E||$||nt)0!==B.length||E||X(!0);else{X(!1),K(!1),M(!1),q([]),W(null),G([]);let t=0;const e=10,o=()=>{t++;document.querySelector('[data-testid="whats-new-button"]')?bt(B[0]):t<e?setTimeout(o,1e3):X(!0)};o()}}),[B,j,E,$,nt]),a((()=>{var t;const e=null===(t=null==C?void 0:C.query)||void 0===t?void 0:t.featureId;if(!e||E||0===F.length)return;const o=F.find((t=>t.id===e));if(!o||!o.featureTag)return;K(!0),Z(!0);let n=0;const r=setInterval((()=>{n++;const t=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(t)){const t=[o];G(t),Tt(o,t),clearInterval(r)}else n>=25&&(Z(!1),clearInterval(r))}),200);return()=>{clearInterval(r)}}),[F,null===(I=null==C?void 0:C.query)||void 0===I?void 0:I.featureId,E]),a((()=>{var t;if(F.length>0&&!E&&!V&&!H&&!U&&!J&&Q&&!nt){let t=null,e=null,o=null,n=!1;const r=()=>{if(n||H||U||J||!Q)return;const r=F.filter((t=>{if(!t.featureTag||""===t.featureTag.trim())return!1;if(ft.has(t.id))return!1;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;return null!==document.querySelector(e)}));r.length>0&&(G(r),Tt(r[0],r),t&&(t.disconnect(),t=null),e&&(window.removeEventListener("scroll",e),e=null),o&&(clearTimeout(o),o=null))};return t=new MutationObserver((t=>{let e=!1;for(const o of t){if("childList"===o.type&&o.addedNodes.length>0)for(let t=0;t<o.addedNodes.length;t++){const n=o.addedNodes[t];if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(t.id||t.querySelector("[id]")){e=!0;break}}}if(e)break}V||n||H||U||J||!Q||!e||(o&&clearTimeout(o),o=setTimeout((()=>{n||H||U||J||!Q||r()}),200))})),e=()=>{V||n||H||U||J||!Q||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||H||U||J||!Q||r()}),300)})))},t&&t.observe(document.body,{childList:!0,subtree:!0}),e&&window.addEventListener("scroll",e,{passive:!0}),r(),setTimeout((()=>{n||H||U||J||!Q||r()}),100),setTimeout((()=>{n||H||U||J||!Q||r()}),1e3),setTimeout((()=>{n||H||U||J||!Q||r()}),500),()=>{n=!0,t&&t.disconnect(),e&&window.removeEventListener("scroll",e),o&&clearTimeout(o)}}if(0===F.length||E){(null===(t=null==C?void 0:C.query)||void 0===t?void 0:t.featureId)&&U||(M(!1),q([]),W(null),G([]),K(!1))}}),[F,E,V,H,U,J,Q,N,nt]);const bt=t=>{P(t);const o=B.findIndex((e=>e.id===t.id)),n=B.length,r=[{target:l.WHATS_NEW_BUTTON,content:e(c,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>gt(t),onExplore:()=>ht(t),onPrevious:()=>yt(t),onNext:()=>xt(t),setIsClosing:it}),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"}}}];R(r),A(!0),v&&T&&v({storeId:T,announcementId:t.id,announcementTitle:t.title,imageUrl:t.displayImage||t.image,videoUrl:t.productVideo})},gt=i((t=>{const e=t||j;e&&(z(!0),B.forEach((t=>{N(t.id)})),A(!1),P(null),R([]),X(!0),w&&T&&w({storeId:T,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo,buttonClicked:"Skip",buttonName:"Skip",buttonUrl:void 0}),setTimeout((()=>{z(!1)}),500))}),[j,B,N]),ht=i((t=>{z(!0),N(t.id),t.productVideo&&(ot(t.productVideo),tt(!0),rt(!0)),A(!1),P(null),R([]);B.findIndex((e=>e.id===t.id))===B.length-1&&X(!0),w&&T&&w({storeId:T,announcementId:t.id,announcementTitle:t.title,imageUrl:t.displayImage||t.image,videoUrl:t.productVideo,buttonClicked:"Primary",buttonName:t.buttonText||"Explore",buttonUrl:t.redirectUrl||t.productVideo}),setTimeout((()=>{z(!1)}),500)}),[B,N]),yt=i((t=>{const o=t||j;if(!o)return;const n=B.findIndex((t=>t.id===o.id));if(n>0){const t=B[n-1];P(t);const o=n-1,r=B.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>gt(t),onExplore:()=>ht(t),onPrevious:()=>yt(t),onNext:()=>xt(t),setIsClosing:it}),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"}}}];R(a)}}),[j,B]),xt=i((t=>{const o=t||j;if(!o)return;const n=B.findIndex((t=>t.id===o.id));if(n<B.length-1){const t=B[n+1];P(t);const o=n+1,r=B.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>gt(t),onExplore:()=>ht(t),onPrevious:()=>yt(t),onNext:()=>xt(t),setIsClosing:it}),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"}}}];R(a)}else z(!0),N(o.id),A(!1),P(null),R([]),X(!0),setTimeout((()=>{z(!1)}),500)}),[j,B,N]),kt=()=>{if(B.length>0&&!j){document.querySelector('[data-testid="whats-new-button"]')&&bt(B[0])}};a((()=>(window.showMajorUpdatePopup=kt,()=>{delete window.showMajorUpdatePopup})),[B,j]);const St=i((t=>{const{action:e}=t;e===d.CLOSE&&(j&&(z(!0),B.forEach((t=>{N(t.id)})),X(!0),setTimeout((()=>{z(!1)}),500)),A(!1),P(null),R([]))}),[j,B,N]),Ct=i((t=>{const{action:e}=t;if(e===d.CLOSE){if(U){Z(!0),N(U.id);D.findIndex((t=>t.id===U.id))===D.length-1&&K(!0),setTimeout((()=>{Z(!1)}),500)}M(!1),W(null),q([])}}),[U,D,N]),Tt=(o,n)=>t(void 0,void 0,void 0,(function*(){W(o);const t=n||D,r=t.findIndex((t=>t.id===o.id)),a=t.length,i=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,s=document.querySelector(i);if(s)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(s,120)}catch(t){}const d=[{target:i,content:e(p,{feature:o,currentIndex:r,totalFeatures:a,onSkip:()=>vt(o),onExplore:()=>wt(o),onPrevious:()=>It(o),onNext:()=>Bt(o),setIsClosing:dt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,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"}}}];q(d),M(!0)})),vt=i((t=>{const e=t||U;if(e){Z(!0),N(e.id),mt((t=>new Set(t).add(e.id))),M(!1),W(null),q([]);const t=D.find((t=>t.id!==e.id&&!ft.has(t.id)));setTimeout((()=>{Z(!1),t?Tt(t,D):K(!0)}),500)}}),[U,D,N,ft]),wt=i((t=>{Z(!0),N(t.id),mt((e=>new Set(e).add(t.id))),t.productVideo&&(ot(t.productVideo),tt(!0),rt(!0)),M(!1),W(null),q([]);const e=D.find((e=>e.id!==t.id&&!ft.has(e.id)));setTimeout((()=>{Z(!1),e&&!t.productVideo?Tt(e,D):e||K(!0)}),500)}),[D,N,ft]),It=i((o=>t(void 0,void 0,void 0,(function*(){const t=o||U;if(!t)return;const n=D.findIndex((e=>e.id===t.id));if(n>0){const t=D[n-1];W(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n-1,i=D.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>vt(t),onExplore:()=>wt(t),onPrevious:()=>It(t),onNext:()=>Bt(t),setIsClosing:dt}),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"}}}];q(s)}}))),[U,D]),Bt=i((o=>t(void 0,void 0,void 0,(function*(){const t=o||U;if(!t)return;const n=D.findIndex((e=>e.id===t.id));if(n<D.length-1){const t=D[n+1];W(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n+1,i=D.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>vt(t),onExplore:()=>wt(t),onPrevious:()=>It(t),onNext:()=>Bt(t),setIsClosing:dt}),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"}}}];q(s)}else Z(!0),K(!0),N(t.id),M(!1),W(null),q([]),setTimeout((()=>{Z(!1)}),500)}))),[U,D,N]);return o(n,{children:[b,L.length>0&&e(s,{steps:L,run:_,continuous:!1,showProgress:!1,showSkipButton:!1,callback:St,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:at?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"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"}},`major-joyride-${lt}`),O.length>0&&e(s,{steps:O,run:V,continuous:!1,showProgress:!1,showSkipButton:!1,callback:Ct,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:st?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:st?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},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"}},`minor-joyride-${ct}`),e(f,{isOpen:Y,videoUrl:et,onClose:()=>{tt(!1),ot(""),rt(!1);const t=D.find((t=>!ft.has(t.id)));t?setTimeout((()=>{Tt(t,D)}),300):K(!0)}})]})};export{m as default};
1
+ import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as r,useEffect as a,useCallback as i}from"react";import s,{ACTIONS as d}from"react-joyride";import"./constants/animations.js";import{SELECTORS as l}from"./constants/selectors.js";import{useFeatureAnnouncements as u}from"./hooks/useFeatureAnnouncements.js";import c from"./MajorUpdatePopup.js";import p from"./MinorUpdatePopup.js";import{VideoModal as f}from"./VideoModal.js";const b=b=>{let{children:m,fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:x,isFeatureApplicableToCurrentPage:C,module:S,router:k}=b;var T;const{majorUpdateFeatures:w,minorUpdateFeatures:v,isLoading:B,markFeatureAsViewed:I}=u({fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:x,isFeatureApplicableToCurrentPage:C,module:S,router:k}),[F,E]=r(null),[j,N]=r(null),[W,P]=r(!1),[M,O]=r([]),[q,V]=r(!1),[L,R]=r([]),[_,A]=r(!1),[U,$]=r(!1),[z,H]=r([]),[Z,D]=r(!1),[G,J]=r(!1),[K,Q]=r(!1),[X,Y]=r(""),[tt,et]=r(!1),[ot,nt]=r(!1),[rt,at]=r(!1),[it,st]=r(0),[dt,lt]=r(0),[ut,ct]=r(new Set);a((()=>{const t="minor-spotlight-cutout-style";let e=document.getElementById(t);return e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t",()=>{const e=document.getElementById(t);e&&e.remove()}}),[]),a((()=>{st((t=>t+1)),lt((t=>t+1)),nt(!1),at(!1),ct(new Set)}),[null==k?void 0:k.pathname]),a((()=>{if(!(w.length>0)||F||B||_||tt)0!==w.length||B||J(!0);else{J(!1),D(!1),P(!1),O([]),N(null),H([]);let t=0;const e=10,o=()=>{t++;document.querySelector('[data-testid="whats-new-button"]')?pt(w[0]):t<e?setTimeout(o,1e3):J(!0)};o()}}),[w,F,B,_,tt]),a((()=>{var t;const e=null===(t=null==k?void 0:k.query)||void 0===t?void 0:t.featureId;if(!e||B||0===v.length)return;const o=v.find((t=>t.id===e));if(!o||!o.featureTag)return;D(!0),$(!0);let n=0;const r=setInterval((()=>{n++;const t=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(t)){const t=[o];H(t),Ct(o,t),clearInterval(r)}else n>=25&&($(!1),clearInterval(r))}),200);return()=>{clearInterval(r)}}),[v,null===(T=null==k?void 0:k.query)||void 0===T?void 0:T.featureId,B]),a((()=>{var t;if(v.length>0&&!B&&!W&&!U&&!j&&!Z&&G&&!tt){let t=null,e=null,o=null,n=!1;const r=()=>{if(n||U||j||Z||!G)return;const r=v.filter((t=>{if(!t.featureTag||""===t.featureTag.trim())return!1;if(ut.has(t.id))return!1;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;return null!==document.querySelector(e)}));r.length>0&&(H(r),Ct(r[0],r),t&&(t.disconnect(),t=null),e&&(window.removeEventListener("scroll",e),e=null),o&&(clearTimeout(o),o=null))};return t=new MutationObserver((t=>{let e=!1;for(const o of t){if("childList"===o.type&&o.addedNodes.length>0)for(let t=0;t<o.addedNodes.length;t++){const n=o.addedNodes[t];if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(t.id||t.querySelector("[id]")){e=!0;break}}}if(e)break}W||n||U||j||Z||!G||!e||(o&&clearTimeout(o),o=setTimeout((()=>{n||U||j||Z||!G||r()}),200))})),e=()=>{W||n||U||j||Z||!G||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||U||j||Z||!G||r()}),300)})))},t&&t.observe(document.body,{childList:!0,subtree:!0}),e&&window.addEventListener("scroll",e,{passive:!0}),r(),setTimeout((()=>{n||U||j||Z||!G||r()}),100),setTimeout((()=>{n||U||j||Z||!G||r()}),1e3),setTimeout((()=>{n||U||j||Z||!G||r()}),500),()=>{n=!0,t&&t.disconnect(),e&&window.removeEventListener("scroll",e),o&&clearTimeout(o)}}if(0===v.length||B){(null===(t=null==k?void 0:k.query)||void 0===t?void 0:t.featureId)&&j||(P(!1),O([]),N(null),H([]),D(!1))}}),[v,B,W,U,j,Z,G,I,tt]);const pt=t=>{E(t);const o=w.findIndex((e=>e.id===t.id)),n=w.length,r=[{target:l.WHATS_NEW_BUTTON,content:e(c,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>ft(t),onExplore:()=>bt(t),onPrevious:()=>mt(t),onNext:()=>gt(t),setIsClosing:nt}),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"}}}];R(r),V(!0)},ft=i((t=>{(t||F)&&(A(!0),w.forEach((t=>{I(t.id)})),V(!1),E(null),R([]),J(!0),setTimeout((()=>{A(!1)}),500))}),[F,w,I]),bt=i((t=>{A(!0),I(t.id),t.productVideo&&(Y(t.productVideo),Q(!0),et(!0)),V(!1),E(null),R([]);w.findIndex((e=>e.id===t.id))===w.length-1&&J(!0),setTimeout((()=>{A(!1)}),500)}),[w,I]),mt=i((t=>{const o=t||F;if(!o)return;const n=w.findIndex((t=>t.id===o.id));if(n>0){const t=w[n-1];E(t);const o=n-1,r=w.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>ft(t),onExplore:()=>bt(t),onPrevious:()=>mt(t),onNext:()=>gt(t),setIsClosing:nt}),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"}}}];R(a)}}),[F,w]),gt=i((t=>{const o=t||F;if(!o)return;const n=w.findIndex((t=>t.id===o.id));if(n<w.length-1){const t=w[n+1];E(t);const o=n+1,r=w.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>ft(t),onExplore:()=>bt(t),onPrevious:()=>mt(t),onNext:()=>gt(t),setIsClosing:nt}),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"}}}];R(a)}else A(!0),I(o.id),V(!1),E(null),R([]),J(!0),setTimeout((()=>{A(!1)}),500)}),[F,w,I]),ht=()=>{if(w.length>0&&!F){document.querySelector('[data-testid="whats-new-button"]')&&pt(w[0])}};a((()=>(window.showMajorUpdatePopup=ht,()=>{delete window.showMajorUpdatePopup})),[w,F]);const yt=i((t=>{const{action:e}=t;e===d.CLOSE&&(F&&(A(!0),w.forEach((t=>{I(t.id)})),J(!0),setTimeout((()=>{A(!1)}),500)),V(!1),E(null),R([]))}),[F,w,I]),xt=i((t=>{const{action:e}=t;if(e===d.CLOSE){if(j){$(!0),I(j.id);z.findIndex((t=>t.id===j.id))===z.length-1&&D(!0),setTimeout((()=>{$(!1)}),500)}P(!1),N(null),O([])}}),[j,z,I]),Ct=(o,n)=>t(void 0,void 0,void 0,(function*(){N(o);const t=n||z,r=t.findIndex((t=>t.id===o.id)),a=t.length,i=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,s=document.querySelector(i);if(s)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(s,120)}catch(t){}const d=[{target:i,content:e(p,{feature:o,currentIndex:r,totalFeatures:a,onSkip:()=>St(o),onExplore:()=>kt(o),onPrevious:()=>Tt(o),onNext:()=>wt(o),setIsClosing:at}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,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"}}}];O(d),P(!0)})),St=i((t=>{const e=t||j;if(e){$(!0),I(e.id),ct((t=>new Set(t).add(e.id))),P(!1),N(null),O([]);const t=z.find((t=>t.id!==e.id&&!ut.has(t.id)));setTimeout((()=>{$(!1),t?Ct(t,z):D(!0)}),500)}}),[j,z,I,ut]),kt=i((t=>{$(!0),I(t.id),ct((e=>new Set(e).add(t.id))),t.productVideo&&(Y(t.productVideo),Q(!0),et(!0)),P(!1),N(null),O([]);const e=z.find((e=>e.id!==t.id&&!ut.has(e.id)));setTimeout((()=>{$(!1),e&&!t.productVideo?Ct(e,z):e||D(!0)}),500)}),[z,I,ut]),Tt=i((o=>t(void 0,void 0,void 0,(function*(){const t=o||j;if(!t)return;const n=z.findIndex((e=>e.id===t.id));if(n>0){const t=z[n-1];N(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n-1,i=z.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>St(t),onExplore:()=>kt(t),onPrevious:()=>Tt(t),onNext:()=>wt(t),setIsClosing:at}),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"}}}];O(s)}}))),[j,z]),wt=i((o=>t(void 0,void 0,void 0,(function*(){const t=o||j;if(!t)return;const n=z.findIndex((e=>e.id===t.id));if(n<z.length-1){const t=z[n+1];N(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n+1,i=z.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>St(t),onExplore:()=>kt(t),onPrevious:()=>Tt(t),onNext:()=>wt(t),setIsClosing:at}),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"}}}];O(s)}else $(!0),D(!0),I(t.id),P(!1),N(null),O([]),setTimeout((()=>{$(!1)}),500)}))),[j,z,I]);return o(n,{children:[m,L.length>0&&e(s,{steps:L,run:q,continuous:!1,showProgress:!1,showSkipButton:!1,callback:yt,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ot?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"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"}},`major-joyride-${it}`),M.length>0&&e(s,{steps:M,run:W,continuous:!1,showProgress:!1,showSkipButton:!1,callback:xt,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:rt?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:rt?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},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"}},`minor-joyride-${dt}`),e(f,{isOpen:K,videoUrl:X,onClose:()=>{Q(!1),Y(""),et(!1);const t=z.find((t=>!ut.has(t.id)));t?setTimeout((()=>{Ct(t,z)}),300):D(!0)}})]})};export{b as default};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{useState as r,useRef as o,useEffect as s}from"react";import i from"../../assets/icons/chevronRight2.svg.js";import a from"../../assets/icons/play.svg.js";import{Button as l}from"../button/Button.js";import{TEXT as c}from"./constants/index.js";import{getMajorPopupStyles as u}from"./styles/majorPopup.styles.js";import"../../constants/Theme.js";import"./constants/animations.js";import{decodeHTMLEntities as d}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as p,calculateCloseTransform as g,executeAfterAnimation as y}from"./utils/animationHelpers.js";import{findWhatsNewButton as v}from"./utils/elementHelpers.js";const b=b=>{let{feature:h,currentIndex:m,totalFeatures:f,onSkip:B,onExplore:j,onPrevious:O,onNext:T,setIsClosing:x,onSecondaryAction:k,ratio:E="16:9",padding:U}=b;var M,P,C,_,L,w,W,D,I,H;const[A,S]=r(!1),[F,N]=r(!1),[R,V]=r(""),X=o(null),[z,G]=r(!1),[K,$]=r(!0),q=o(null),[J,Q]=r(E),Y=o(null);s((()=>{A&&N(!0)}),[A]);const Z=()=>{var t,e;const n=null===(t=h.primaryButton)||void 0===t?void 0:t.action;if("Play Video"===n)j();else if("Open link"===n){const t=(null===(e=h.primaryButton)||void 0===e?void 0:e.redirectionUrl)||h.redirectUrl;if(t){t.startsWith("http")?window.open(t,"_blank","noopener,noreferrer"):window.location.href=t}}else j();p(X.current);const r=v();if(r&&X.current){const t=g(X.current,r);V(t)}else V("scale(0)");null==x||x(!0),S(!0)},tt=t=>{var e,n;t.preventDefault(),t.stopPropagation();const r=null===(e=h.secondaryButton)||void 0===e?void 0:e.action;if("Open link"===r){const t=null===(n=h.secondaryButton)||void 0===n?void 0:n.redirectionUrl;if(t){t.startsWith("http")?window.open(t,"_blank","noopener,noreferrer"):window.location.href=t}}else"Close popup"!==r&&""!==r||k&&k();p(X.current);const o=v();if(o&&X.current){const t=g(X.current,o);V(t)}else V("scale(0)");null==x||x(!0),S(!0)},et=u(F,R,J,U||h.padding,null===(M=h.primaryButton)||void 0===M?void 0:M.style,null===(P=h.secondaryButton)||void 0===P?void 0:P.style);return t("div",Object.assign({ref:X,style:et.container},{children:[e("style",{children:"\n\t\t\t\t[data-popup-content] ul {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\tlist-style-type: disc;\n\t\t\t\t}\n\t\t\t\t[data-popup-content] ul li {\n\t\t\t\t\tmargin-bottom: 8px;\n\t\t\t\t\tcolor: rgba(255, 255, 255, 0.8);\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 16px;\n\t\t\t\t\tfont-family: Inter, sans-serif;\n\t\t\t\t}\n\t\t\t"}),t("div",Object.assign({style:et.contentWrapper},{children:[e("div",Object.assign({style:et.imageContainer},{children:h.productVideo?t(n,{children:[e("video",{ref:q,src:h.productVideo,style:et.image,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,controls:!0,"aria-label":`Product video for ${h.title}`}),(z||K)&&e("div",Object.assign({style:et.videoOverlay,onClick:t=>{t.stopPropagation(),q.current&&(q.current.paused?(q.current.play(),G(!1),$(!1)):(q.current.pause(),G(!0),$(!0)))},role:"button",tabIndex:0,"aria-label":z?"Play video":"Pause video",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),q.current&&(q.current.paused?(q.current.play(),G(!1),$(!1)):(q.current.pause(),G(!0),$(!0))))}},{children:e(a,{width:20,height:20})}))]}):h.displayImage?e("img",{ref:Y,src:h.displayImage,alt:h.title,style:et.image,onLoad:t=>{const e=t.currentTarget,n=e.naturalWidth,r=e.naturalHeight;if(n&&r){const t=n/r;Math.abs(t-16/9)<.1?Q("16:9"):Math.abs(t-1)<.1?Q("1:1"):Math.abs(t-4/3)<.1?Q("4:3"):Q(t>1.5?"16:9":t<.9?"4:3":"1:1")}},onError:t=>{h.image&&(t.target.src=h.image)}}):e("div",Object.assign({style:et.imagePlaceholder},{children:c.FEATURE_PREVIEW_PLACEHOLDER}))})),t("div",Object.assign({style:et.contentContainer},{children:[e("div",Object.assign({style:et.skipButtonContainer},{children:e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),(t=>{p(X.current);const e=v();if(e&&X.current){const t=g(X.current,e);V(t)}else V("scale(0)");null==x||x(!0),S(!0),y(t)})(B)},style:et.skipButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,et.skipButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,et.skipButton.base),"aria-label":"Skip feature announcement"},{children:"Skip"}))})),e("h3",Object.assign({style:et.title},{children:h.title})),e("div",{"data-popup-content":!0,style:et.content,dangerouslySetInnerHTML:{__html:d(h.content||h.body||"")}}),t("div",Object.assign({style:et.actionsWrapper},{children:[t("div",Object.assign({style:et.buttonsGroup},{children:[(null===(C=h.primaryButton)||void 0===C?void 0:C.redirectionUrl)||h.redirectUrl?e("a",Object.assign({href:(null===(_=h.primaryButton)||void 0===_?void 0:_.redirectionUrl)||h.redirectUrl,target:((null===(L=h.primaryButton)||void 0===L?void 0:L.redirectionUrl)||h.redirectUrl).startsWith("http")?"_blank":"_self",rel:((null===(w=h.primaryButton)||void 0===w?void 0:w.redirectionUrl)||h.redirectUrl).startsWith("http")?"noopener noreferrer":void 0,onClick:Z,style:et.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,et.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,et.exploreButton.base)},{children:(null===(W=h.primaryButton)||void 0===W?void 0:W.text)||h.buttonText||c.DEFAULT_BUTTON_TEXT})):e(l,{onClick:Z,style:et.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,et.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,et.exploreButton.base),buttonText:(null===(D=h.primaryButton)||void 0===D?void 0:D.text)||h.buttonText||c.DEFAULT_BUTTON_TEXT}),(null===(I=h.secondaryButton)||void 0===I?void 0:I.text)&&((null===(H=h.secondaryButton)||void 0===H?void 0:H.redirectionUrl)?e("a",Object.assign({href:h.secondaryButton.redirectionUrl,target:h.secondaryButton.redirectionUrl.startsWith("http")?"_blank":"_self",rel:h.secondaryButton.redirectionUrl.startsWith("http")?"noopener noreferrer":void 0,onClick:tt,style:et.secondaryButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,et.secondaryButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,et.secondaryButton.base)},{children:h.secondaryButton.text})):e("button",Object.assign({onClick:tt,style:et.secondaryButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,et.secondaryButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,et.secondaryButton.base)},{children:h.secondaryButton.text})))]})),f>1&&t("div",Object.assign({style:et.navigationContainer},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),O()},disabled:0===m,style:et.navigationButton(0===m).base,onMouseEnter:t=>{0!==m&&Object.assign(t.currentTarget.style,et.navigationButton(!1).hover)},onMouseLeave:t=>{0!==m&&Object.assign(t.currentTarget.style,et.navigationButton(!1).base)},"aria-label":"Previous feature"},{children:e(i,{style:{transform:"rotate(180deg)"}})})),e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),T()},disabled:m===f-1,style:et.navigationButton(m===f-1).base,onMouseEnter:t=>{m!==f-1&&Object.assign(t.currentTarget.style,et.navigationButton(!1).hover)},onMouseLeave:t=>{m!==f-1&&Object.assign(t.currentTarget.style,et.navigationButton(m===f-1).base)},"aria-label":"Next feature"},{children:e(i,{})}))]}))]}))]}))]}))]}))};export{b as default};
1
+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as n,useRef as s,useEffect as o}from"react";import{TEXT as r}from"./constants/index.js";import{getMajorPopupStyles as i}from"./styles/majorPopup.styles.js";import"../../constants/Theme.js";import"./constants/animations.js";import{decodeHTMLEntities as a}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as l,calculateCloseTransform as c,executeAfterAnimation as u}from"./utils/animationHelpers.js";import{findWhatsNewButton as g}from"./utils/elementHelpers.js";const b=b=>{let{feature:p,currentIndex:m,totalFeatures:d,onSkip:j,onExplore:v,onPrevious:y,onNext:O,setIsClosing:T}=b;const[h,E]=n(!1),[f,B]=n(!1),[I,x]=n(""),P=s(null);o((()=>{h&&B(!0)}),[h]);const C=i(f,I);return t("div",Object.assign({ref:P,style:C.container},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),(t=>{l(P.current);const e=g();if(e&&P.current){const t=c(P.current,e);x(t)}else x("scale(0)");null==T||T(!0),E(!0),u(t)})(j)},style:C.skipButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,C.skipButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,C.skipButton.base)},{children:r.SKIP_BUTTON})),e("div",Object.assign({style:C.imageContainer},{children:p.displayImage?e("img",{src:p.displayImage,alt:p.title,style:C.image,onError:t=>{p.image&&(t.target.src=p.image)}}):e("div",Object.assign({style:C.imagePlaceholder},{children:r.FEATURE_PREVIEW_PLACEHOLDER}))})),t("div",Object.assign({style:C.contentContainer},{children:[t("div",{children:[e("h3",Object.assign({style:C.title},{children:p.title})),e("div",{style:C.content,dangerouslySetInnerHTML:{__html:a(p.content||p.body||"")}}),e("button",Object.assign({onClick:()=>{v(),l(P.current);const t=g();if(t&&P.current){const e=c(P.current,t);x(e)}else x("scale(0)");null==T||T(!0),E(!0)},style:C.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,C.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,C.exploreButton.base)},{children:p.buttonText||r.DEFAULT_BUTTON_TEXT}))]}),d>1&&t("div",Object.assign({style:C.navigationContainer},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),y()},disabled:0===m,style:C.navigationButton(0===m).base,onMouseEnter:t=>{0!==m&&Object.assign(t.currentTarget.style,C.navigationButton(!1).hover)},onMouseLeave:t=>{0!==m&&Object.assign(t.currentTarget.style,C.navigationButton(!1).base)}},{children:r.NAVIGATION_PREVIOUS})),e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),O()},disabled:m===d-1,style:C.navigationButton(m===d-1).base,onMouseEnter:t=>{m!==d-1&&Object.assign(t.currentTarget.style,C.navigationButton(!1).hover)},onMouseLeave:t=>{m!==d-1&&Object.assign(t.currentTarget.style,C.navigationButton(m===d-1).base)}},{children:r.NAVIGATION_NEXT}))]}))]}))]}))};export{b as default};
@@ -1,12 +1,16 @@
1
+ /**
2
+ * Popup dimension constants
3
+ */
1
4
  export declare const POPUP_DIMENSIONS: {
2
5
  readonly MAJOR: {
3
- readonly height: 224;
4
- readonly textAreaWidth: 398;
5
- readonly imageWidth: {
6
- readonly '16:9': 398;
7
- readonly '1:1': 224;
8
- readonly '4:3': 299;
9
- };
6
+ readonly width: 959;
7
+ readonly height: 274;
8
+ readonly imageWidth: 480;
9
+ readonly imageHeight: 274;
10
+ readonly imageInnerWidth: 464;
11
+ readonly imageInnerHeight: 258;
12
+ readonly imagePlaceholderWidth: 290;
13
+ readonly imagePlaceholderHeight: 258;
10
14
  };
11
15
  readonly MINOR: {
12
16
  readonly width: 519;
@@ -16,41 +20,20 @@ export declare const POPUP_DIMENSIONS: {
16
20
  readonly badgeHeight: 27;
17
21
  };
18
22
  };
19
- export declare const TEXT_LIMITS: {
20
- readonly MAJOR: {
21
- readonly TITLE: {
22
- readonly MAX_LINES: 2;
23
- };
24
- readonly CONTENT: {
25
- readonly MAX_LINES: 4;
26
- readonly MAX_CHARS: 360;
27
- readonly CHARS_PER_LINE: 72;
28
- };
29
- };
30
- };
31
23
  /**
32
24
  * Spacing constants
33
25
  */
34
26
  export declare const SPACING: {
35
27
  readonly MAJOR: {
36
- readonly containerPadding: "16px";
37
- readonly contentGap: "16px";
38
- readonly titleBottom: "0px";
39
- readonly listGap: "8px";
40
- readonly actionsTop: "16px";
41
- readonly headerMarginBottom: "8px";
42
- readonly contentMarginLeft: "0px";
43
- readonly skipButtonContainerMargin: "8px";
44
- readonly contentMargin: "0 0 0 0px";
45
- readonly imagePadding: "0px";
46
- readonly titlePadding: "0 0 0px 0";
47
- readonly buttonMarginTop: "0px";
48
- readonly skipButtonPadding: "2px 4px";
49
- readonly skipButtonTop: "8px";
50
- readonly skipButtonRight: "8px";
51
- readonly navigationBottom: "0px";
52
- readonly navigationRight: "0px";
53
- readonly navigationGap: "4px";
28
+ readonly contentMargin: "0 8px 0 0";
29
+ readonly imagePadding: "8px";
30
+ readonly titlePadding: "36px 0 0 0";
31
+ readonly buttonMarginTop: "16px";
32
+ readonly skipButtonTop: "10px";
33
+ readonly skipButtonRight: "10px";
34
+ readonly navigationBottom: "16px";
35
+ readonly navigationRight: "16px";
36
+ readonly navigationGap: "8px";
54
37
  };
55
38
  readonly MINOR: {
56
39
  readonly imageMargin: "13px 10px 13px 10px";
@@ -60,71 +43,14 @@ export declare const SPACING: {
60
43
  readonly actionsGap: "16px";
61
44
  };
62
45
  };
46
+ /**
47
+ * Border radius constants
48
+ */
63
49
  export declare const BORDER_RADIUS: {
64
- readonly POPUP: "8px";
65
- readonly IMAGE: "6px";
50
+ readonly POPUP: "4px";
51
+ readonly IMAGE: "4px";
66
52
  readonly BUTTON: "4px";
67
53
  readonly VIDEO_MODAL: "12px";
68
54
  readonly CLOSE_BUTTON: "50%";
69
55
  readonly SPOTLIGHT: "8px";
70
56
  };
71
- /**
72
- * Design tokens - Colors
73
- */
74
- export declare const DESIGN_COLORS: {
75
- readonly BACKGROUND: {
76
- readonly SURFACE: "#212121";
77
- readonly IMAGE: "#F0F0F0";
78
- };
79
- readonly TEXT: {
80
- readonly PRIMARY: "#FFFFFF";
81
- readonly SECONDARY: "rgba(255, 255, 255, 0.8)";
82
- readonly TERTIARY: "#BDBDBD";
83
- };
84
- readonly BUTTON: {
85
- readonly PRIMARY_TEXT: "#FEC02D";
86
- readonly PRIMARY_BORDER: "#FEC02D";
87
- };
88
- readonly ICON: {
89
- readonly DISABLED: "rgba(255, 255, 255, 0.3)";
90
- readonly ENABLED: "#FFFFFF";
91
- };
92
- };
93
- /**
94
- * Design tokens - Typography
95
- */
96
- export declare const DESIGN_TYPOGRAPHY: {
97
- readonly SKIP_BUTTON: {
98
- readonly fontSize: "14px";
99
- readonly fontWeight: "600";
100
- readonly lineHeight: "20px";
101
- readonly fontFamily: "Inter, sans-serif";
102
- };
103
- readonly TITLE: {
104
- readonly fontSize: "14px";
105
- readonly fontWeight: "600";
106
- readonly lineHeight: "20px";
107
- readonly fontFamily: "Inter, sans-serif";
108
- };
109
- readonly CONTENT: {
110
- readonly fontSize: "12px";
111
- readonly fontWeight: "400";
112
- readonly lineHeight: "16px";
113
- readonly fontFamily: "Inter, sans-serif";
114
- };
115
- readonly BUTTON: {
116
- readonly fontSize: "14px";
117
- readonly fontWeight: "600";
118
- readonly lineHeight: "20px";
119
- readonly fontFamily: "Inter, sans-serif";
120
- };
121
- };
122
- /**
123
- * Design tokens - Dimensions
124
- */
125
- export declare const DESIGN_DIMENSIONS: {
126
- readonly IMAGE_HEIGHT: 224;
127
- readonly NAVIGATION_BUTTON_SIZE: 24;
128
- readonly BUTTON_HEIGHT: 32;
129
- readonly BUTTON_PADDING_HORIZONTAL: "12px";
130
- };
@@ -1 +1 @@
1
- const t={MAJOR:{height:224,textAreaWidth:398,imageWidth:{"16:9":398,"1:1":224,"4:3":299}},MINOR:{width:519,height:160,imageWidth:235,imageHeight:134,badgeHeight:27}},i={MAJOR:{containerPadding:"16px",contentGap:"16px",titleBottom:"0px",listGap:"8px",actionsTop:"16px",headerMarginBottom:"8px",contentMarginLeft:"0px",skipButtonContainerMargin:"8px",contentMargin:"0 0 0 0px",imagePadding:"0px",titlePadding:"0 0 0px 0",buttonMarginTop:"0px",skipButtonPadding:"2px 4px",skipButtonTop:"8px",skipButtonRight:"8px",navigationBottom:"0px",navigationRight:"0px",navigationGap:"4px"},MINOR:{imageMargin:"13px 10px 13px 10px",contentMargin:"13px 13px 13px 3px",actionsBottom:"13px",actionsRight:"10px",actionsGap:"16px"}},n={POPUP:"8px",IMAGE:"6px",BUTTON:"4px",VIDEO_MODAL:"12px",CLOSE_BUTTON:"50%",SPOTLIGHT:"8px"},p={BACKGROUND:{SURFACE:"#212121",IMAGE:"#F0F0F0"},TEXT:{PRIMARY:"#FFFFFF",SECONDARY:"rgba(255, 255, 255, 0.8)",TERTIARY:"#BDBDBD"},BUTTON:{PRIMARY_TEXT:"#FEC02D",PRIMARY_BORDER:"#FEC02D"},ICON:{DISABLED:"rgba(255, 255, 255, 0.3)",ENABLED:"#FFFFFF"}},e={SKIP_BUTTON:{fontSize:"14px",fontWeight:"600",lineHeight:"20px",fontFamily:"Inter, sans-serif"},TITLE:{fontSize:"14px",fontWeight:"600",lineHeight:"20px",fontFamily:"Inter, sans-serif"},CONTENT:{fontSize:"12px",fontWeight:"400",lineHeight:"16px",fontFamily:"Inter, sans-serif"},BUTTON:{fontSize:"14px",fontWeight:"600",lineHeight:"20px",fontFamily:"Inter, sans-serif"}},x={IMAGE_HEIGHT:224,NAVIGATION_BUTTON_SIZE:24,BUTTON_HEIGHT:32,BUTTON_PADDING_HORIZONTAL:"12px"};export{n as BORDER_RADIUS,p as DESIGN_COLORS,x as DESIGN_DIMENSIONS,e as DESIGN_TYPOGRAPHY,t as POPUP_DIMENSIONS,i as SPACING};
1
+ const i={MAJOR:{width:959,height:274,imageWidth:480,imageHeight:274,imageInnerWidth:464,imageInnerHeight:258,imagePlaceholderWidth:290,imagePlaceholderHeight:258},MINOR:{width:519,height:160,imageWidth:235,imageHeight:134,badgeHeight:27}},t={MAJOR:{contentMargin:"0 8px 0 0",imagePadding:"8px",titlePadding:"36px 0 0 0",buttonMarginTop:"16px",skipButtonTop:"10px",skipButtonRight:"10px",navigationBottom:"16px",navigationRight:"16px",navigationGap:"8px"},MINOR:{imageMargin:"13px 10px 13px 10px",contentMargin:"13px 13px 13px 3px",actionsBottom:"13px",actionsRight:"10px",actionsGap:"16px"}},p={POPUP:"4px",IMAGE:"4px",BUTTON:"4px",VIDEO_MODAL:"12px",CLOSE_BUTTON:"50%",SPOTLIGHT:"8px"};export{p as BORDER_RADIUS,i as POPUP_DIMENSIONS,t as SPACING};
@@ -27,7 +27,7 @@ export declare const minorStepStyles: {
27
27
  tooltip: {
28
28
  padding: number;
29
29
  backgroundColor: string;
30
- borderRadius: "8px";
30
+ borderRadius: "4px";
31
31
  border: string;
32
32
  filter: string;
33
33
  boxShadow: string;
@@ -101,7 +101,7 @@ export declare const getMinorJoyrideStyles: (isClosing: boolean) => {
101
101
  tooltip: {
102
102
  padding: number;
103
103
  backgroundColor: string;
104
- borderRadius: "8px";
104
+ borderRadius: "4px";
105
105
  border: string;
106
106
  filter: string;
107
107
  boxShadow: string;
@@ -1,9 +1,6 @@
1
1
  import { CSSProperties } from 'react';
2
- import { ButtonStyle } from '../types/feature.types';
3
- export declare const getMajorPopupStyles: (startAnimation: boolean, transform: string, ratio?: '16:9' | '1:1' | '4:3', padding?: string, primaryButtonStyle?: ButtonStyle, secondaryButtonStyle?: ButtonStyle) => {
2
+ export declare const getMajorPopupStyles: (startAnimation: boolean, transform: string) => {
4
3
  container: CSSProperties;
5
- headerContainer: CSSProperties;
6
- contentWrapper: CSSProperties;
7
4
  skipButton: {
8
5
  base: CSSProperties;
9
6
  hover: CSSProperties;
@@ -11,22 +8,13 @@ export declare const getMajorPopupStyles: (startAnimation: boolean, transform: s
11
8
  imageContainer: CSSProperties;
12
9
  image: CSSProperties;
13
10
  imagePlaceholder: CSSProperties;
14
- videoOverlay: CSSProperties;
15
- playIcon: CSSProperties;
16
11
  contentContainer: CSSProperties;
17
- skipButtonContainer: CSSProperties;
18
12
  title: CSSProperties;
19
13
  content: CSSProperties;
20
- actionsWrapper: CSSProperties;
21
- buttonsGroup: CSSProperties;
22
14
  exploreButton: {
23
15
  base: CSSProperties;
24
16
  hover: CSSProperties;
25
17
  };
26
- secondaryButton: {
27
- base: CSSProperties;
28
- hover: CSSProperties;
29
- };
30
18
  navigationContainer: CSSProperties;
31
19
  navigationButton: (disabled: boolean) => {
32
20
  base: CSSProperties;
@@ -1 +1 @@
1
- import{BASE_COLORS as t}from"../../../constants/Theme.js";import{POPUP_TRANSITION as e}from"../constants/animations.js";import{POPUP_DIMENSIONS as n,SPACING as o,DESIGN_COLORS as i,BORDER_RADIUS as r,DESIGN_TYPOGRAPHY as a,DESIGN_DIMENSIONS as l}from"../constants/dimensions.js";const d=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"16:9";return n.MAJOR.imageWidth[t]||n.MAJOR.imageWidth["16:9"]},s=(t,e)=>Object.assign(Object.assign(Object.assign(Object.assign({},t),(null==e?void 0:e.textColor)&&{color:e.textColor}),(null==e?void 0:e.backgroundColor)&&{backgroundColor:e.backgroundColor}),(null==e?void 0:e.borderColor)&&{borderColor:e.borderColor}),g=function(g,c){let T=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"16:9",p=arguments.length>3&&void 0!==arguments[3]?arguments[3]:o.MAJOR.containerPadding,f=arguments.length>4?arguments[4]:void 0,h=arguments.length>5?arguments[5]:void 0;const u=d(T),O=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"16:9";const e=d(t);switch(t){case"16:9":return Math.round(e*(9/16));case"1:1":return e;case"4:3":return Math.round(e*(3/4));default:return l.IMAGE_HEIGHT}}(T),x=parseInt(p,10)||16,m=O+2*x;return{container:{width:`${x+n.MAJOR.imageWidth["16:9"]+parseInt(o.MAJOR.contentGap,10)+n.MAJOR.textAreaWidth+x}px`,height:"auto",minHeight:`${m}px`,display:"flex",flexDirection:"column",backgroundColor:i.BACKGROUND.SURFACE,borderRadius:r.POPUP,overflow:"hidden",position:"relative",padding:p,transform:g?c:"scale(1)",opacity:g?0:1,transition:e,boxSizing:"border-box"},headerContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:o.MAJOR.headerMarginBottom,position:"relative"},contentWrapper:{display:"flex",flex:1,gap:o.MAJOR.contentGap,justifyContent:"flex-start",alignItems:"flex-start"},skipButton:{base:{background:"transparent",border:"none",color:i.TEXT.TERTIARY,fontSize:a.SKIP_BUTTON.fontSize,fontWeight:a.SKIP_BUTTON.fontWeight,cursor:"pointer",padding:o.MAJOR.skipButtonPadding,borderRadius:r.BUTTON,fontFamily:a.SKIP_BUTTON.fontFamily,lineHeight:a.SKIP_BUTTON.lineHeight},hover:{backgroundColor:"rgba(255, 255, 255, 0.10)",color:t.grayscale[700]}},imageContainer:{backgroundColor:i.BACKGROUND.IMAGE,width:`${u}px`,height:`${O}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:r.BUTTON,overflow:"hidden",flexShrink:0},image:{width:"100%",height:"100%",objectFit:"cover"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t.grayscale[800]},videoOverlay:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.4)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10,transition:"opacity 0.2s"},playIcon:{width:"84px",height:"84px",color:"#060606ff"},contentContainer:{flex:1,display:"flex",marginLeft:o.MAJOR.contentMarginLeft,flexDirection:"column",justifyContent:"flex-start",background:"transparent",width:`${n.MAJOR.textAreaWidth}px`,minWidth:`${n.MAJOR.textAreaWidth}px`,maxWidth:`${n.MAJOR.textAreaWidth}px`,gap:o.MAJOR.listGap},skipButtonContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:o.MAJOR.skipButtonContainerMargin},title:{fontSize:a.TITLE.fontSize,fontWeight:a.TITLE.fontWeight,marginBottom:o.MAJOR.titleBottom,padding:0,color:i.TEXT.PRIMARY,lineHeight:a.TITLE.lineHeight,textAlign:"left",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",fontFamily:a.TITLE.fontFamily},content:{fontSize:a.CONTENT.fontSize,lineHeight:a.CONTENT.lineHeight,color:i.TEXT.SECONDARY,textAlign:"left",marginBottom:"auto",fontFamily:a.CONTENT.fontFamily,fontWeight:a.CONTENT.fontWeight},actionsWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",marginRight:o.MAJOR.actionsTop,gap:"8px",flexWrap:"nowrap"},buttonsGroup:{display:"flex",alignItems:"center",gap:o.MAJOR.listGap},exploreButton:{base:s({backgroundColor:"transparent",border:`1px solid ${i.BUTTON.PRIMARY_BORDER}`,color:i.BUTTON.PRIMARY_TEXT,borderRadius:r.BUTTON,fontSize:a.BUTTON.fontSize,fontWeight:a.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${l.BUTTON_PADDING_HORIZONTAL}`,height:`${l.BUTTON_HEIGHT}px`,textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:a.BUTTON.fontFamily,lineHeight:a.BUTTON.lineHeight},f),hover:{backgroundColor:"rgba(255, 255, 255, 0.10)"}},secondaryButton:{base:s({backgroundColor:"transparent",color:i.BUTTON.PRIMARY_TEXT,borderRadius:r.BUTTON,fontSize:a.BUTTON.fontSize,fontWeight:a.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${l.BUTTON_PADDING_HORIZONTAL}`,height:`${l.BUTTON_HEIGHT}px`,border:"none",boxShadow:"none",textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:a.BUTTON.fontFamily,lineHeight:a.BUTTON.lineHeight,transition:"none"},h),hover:{backgroundColor:(null==h?void 0:h.backgroundColor)?`${h.backgroundColor}cc`:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{display:"flex",gap:o.MAJOR.navigationGap,alignItems:"center"},navigationButton:e=>({base:{width:`${l.NAVIGATION_BUTTON_SIZE}px`,height:`${l.NAVIGATION_BUTTON_SIZE}px`,backgroundColor:"transparent",border:"none",color:e?i.ICON.DISABLED:i.ICON.ENABLED,fontSize:"16px",cursor:e?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:r.BUTTON,padding:0},hover:{color:t.warning[500]}})}};export{g as getMajorPopupStyles};
1
+ import{BASE_COLORS as t}from"../../../constants/Theme.js";import{POPUP_TRANSITION as e}from"../constants/animations.js";import{POPUP_DIMENSIONS as n,BORDER_RADIUS as i,SPACING as o}from"../constants/dimensions.js";import{Z_INDEX as a}from"../constants/zIndex.js";const r=(r,l)=>({container:{width:`${n.MAJOR.width}px`,height:`${n.MAJOR.height}px`,display:"flex",backgroundColor:t.grayscale[900],borderRadius:i.POPUP,overflow:"hidden",position:"relative",transform:r?l:"scale(1)",opacity:r?0:1,transition:e},skipButton:{base:{position:"absolute",top:o.MAJOR.skipButtonTop,right:o.MAJOR.skipButtonRight,background:"transparent",border:"none",color:t.grayscale[400],fontSize:"14px",fontWeight:"500",cursor:"pointer",zIndex:a.SKIP_BUTTON,transition:"all 0.2s"},hover:{backgroundColor:t.grayscale[100],color:t.grayscale[700]}},imageContainer:{backgroundColor:t.grayscale[900],width:`${n.MAJOR.imageWidth}px`,height:`${n.MAJOR.imageHeight}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",padding:o.MAJOR.imagePadding},image:{width:`${n.MAJOR.imageInnerWidth}px`,height:`${n.MAJOR.imageInnerHeight}px`,objectFit:"cover"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:`${n.MAJOR.imagePlaceholderWidth}px`,height:`${n.MAJOR.imagePlaceholderHeight}px`,display:"flex",alignItems:"center",justifyContent:"center"},contentContainer:{flex:1,display:"flex",margin:o.MAJOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:o.MAJOR.titlePadding,color:t.grayscale.white,lineHeight:"1.25",textAlign:"left"},content:{fontSize:"14px",lineHeight:"1.5",color:"rgba(255, 255, 255, 0.8)",textAlign:"left"},exploreButton:{base:{backgroundColor:"transparent",border:`1px solid ${t.warning[500]}`,color:t.warning[500],borderRadius:i.BUTTON,fontSize:"14px",fontWeight:"600",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",marginTop:o.MAJOR.buttonMarginTop},hover:{backgroundColor:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{position:"absolute",bottom:o.MAJOR.navigationBottom,right:o.MAJOR.navigationRight,display:"flex",gap:o.MAJOR.navigationGap,alignItems:"center"},navigationButton:e=>({base:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:e?t.grayscale[700]:t.grayscale.white,fontSize:"20px",cursor:e?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},hover:{color:t.warning[500]}})});export{r as getMajorPopupStyles};