@bikdotai/bik-component-library 0.0.679-3 → 0.0.679-4

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 (63) hide show
  1. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  2. package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
  3. package/dist/cjs/components/country-code-picker/CountryCodePicker.d.ts +4 -0
  4. package/dist/cjs/components/country-code-picker/CountryCodePicker.js +1 -1
  5. package/dist/cjs/components/input/Input.d.ts +2 -0
  6. package/dist/cjs/components/input/Input.js +1 -1
  7. package/dist/cjs/components/input/Input.styled.d.ts +1 -0
  8. package/dist/cjs/components/input/Input.styled.js +1 -1
  9. package/dist/cjs/index.d.ts +0 -3
  10. package/dist/cjs/index.js +1 -1
  11. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  12. package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
  13. package/dist/esm/components/country-code-picker/CountryCodePicker.d.ts +4 -0
  14. package/dist/esm/components/country-code-picker/CountryCodePicker.js +1 -1
  15. package/dist/esm/components/input/Input.d.ts +2 -0
  16. package/dist/esm/components/input/Input.js +1 -1
  17. package/dist/esm/components/input/Input.styled.d.ts +1 -0
  18. package/dist/esm/components/input/Input.styled.js +1 -1
  19. package/dist/esm/index.d.ts +0 -3
  20. package/dist/esm/index.js +1 -1
  21. package/package.json +1 -5
  22. package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.d.ts +0 -12
  23. package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js +0 -1
  24. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.d.ts +0 -13
  25. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js +0 -1
  26. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.style.d.ts +0 -8
  27. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.style.js +0 -55
  28. package/dist/cjs/components/feature-announcements/MinorUpdatePopup.d.ts +0 -13
  29. package/dist/cjs/components/feature-announcements/MinorUpdatePopup.js +0 -1
  30. package/dist/cjs/components/feature-announcements/MinorUpdatePopup.style.d.ts +0 -12
  31. package/dist/cjs/components/feature-announcements/MinorUpdatePopup.style.js +0 -93
  32. package/dist/cjs/components/feature-announcements/VideoModal.d.ts +0 -8
  33. package/dist/cjs/components/feature-announcements/VideoModal.js +0 -1
  34. package/dist/cjs/components/feature-announcements/index.d.ts +0 -4
  35. package/dist/cjs/components/index.d.ts +0 -1
  36. package/dist/cjs/hooks/index.d.ts +0 -2
  37. package/dist/cjs/hooks/useElementVisibility.d.ts +0 -11
  38. package/dist/cjs/hooks/useElementVisibility.js +0 -1
  39. package/dist/cjs/hooks/useFeatureAnnouncements.d.ts +0 -17
  40. package/dist/cjs/hooks/useFeatureAnnouncements.js +0 -1
  41. package/dist/cjs/types/FeatureAnnouncement.types.d.ts +0 -27
  42. package/dist/cjs/types/index.d.ts +0 -1
  43. package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.d.ts +0 -12
  44. package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js +0 -1
  45. package/dist/esm/components/feature-announcements/MajorUpdatePopup.d.ts +0 -13
  46. package/dist/esm/components/feature-announcements/MajorUpdatePopup.js +0 -1
  47. package/dist/esm/components/feature-announcements/MajorUpdatePopup.style.d.ts +0 -8
  48. package/dist/esm/components/feature-announcements/MajorUpdatePopup.style.js +0 -55
  49. package/dist/esm/components/feature-announcements/MinorUpdatePopup.d.ts +0 -13
  50. package/dist/esm/components/feature-announcements/MinorUpdatePopup.js +0 -1
  51. package/dist/esm/components/feature-announcements/MinorUpdatePopup.style.d.ts +0 -12
  52. package/dist/esm/components/feature-announcements/MinorUpdatePopup.style.js +0 -93
  53. package/dist/esm/components/feature-announcements/VideoModal.d.ts +0 -8
  54. package/dist/esm/components/feature-announcements/VideoModal.js +0 -1
  55. package/dist/esm/components/feature-announcements/index.d.ts +0 -4
  56. package/dist/esm/components/index.d.ts +0 -1
  57. package/dist/esm/hooks/index.d.ts +0 -2
  58. package/dist/esm/hooks/useElementVisibility.d.ts +0 -11
  59. package/dist/esm/hooks/useElementVisibility.js +0 -1
  60. package/dist/esm/hooks/useFeatureAnnouncements.d.ts +0 -17
  61. package/dist/esm/hooks/useFeatureAnnouncements.js +0 -1
  62. package/dist/esm/types/FeatureAnnouncement.types.d.ts +0 -27
  63. package/dist/esm/types/index.d.ts +0 -1
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{AmplitudeEvent}from"./amplitude/index.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{PureSpinner,Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,STATIC_URL_CTA_OPTION,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD,TEMPLATE_QUALITY}from"./components/template-preview/models/WhatsAppTemplate.js";export{CHANNEL_TYPE}from"./components/template-preview/models/Channels.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent,getAllDataFromWebpushTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";import"./_virtual/_tslib.js";export{TemplateAnalyticsSkeleton}from"./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js";export{AnalyticsItem,RightPanelTemplateAnalytics,TemplateAnalyticsComponent}from"./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{AiBodyCaption,AiBodyTiny,BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodySmall,BodyTiny,ButtonLarge,ButtonLargeAI,ButtonRegular,ButtonRegularAI,Caption,CaptionBold,Display,SmallRegular,SubHeading,TextPlaceholder,Tiny,TitleFour,TitleLarge,TitleMedium,TitleRegular,TitleSmall,TitleXlarge}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{ProgressBarType,ProgressBarV2,TextAlignment}from"./components/progress-bar-v2/ProgressBarV2.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown,ChipDropdownContainer}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{FunnelVerticalBarGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{TruncateValue,calculatePercentage,roundNumber,truncateValueForIndianStore,truncateValueForInternationalStore,truncateValueTo10K,truncateValueToA,truncateValueToB,truncateValueToC,truncateValueToK,truncateValueToL,truncateValueToM,truncateValueToT}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP,MESSAGE_CHANNELS}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{DateButtonType,DatePickerWrapper}from"./components/datePicker/DatePickerWrapper.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{CustomRightBorder,EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{PickerType}from"./components/variable-picker-v3/model.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{COUPON_EXPIRATION,DISCOUNT_APPLIES_TO,DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT,OFFER_APPLIES_TO,initialDynamicCouponErrorState,initialStaticCouponErrorState}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary,CarouselVersion}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{VariablePicker}from"./components/variable-picker-v3/VariablePicker.js";export{ActionButtons}from"./components/action-button/ActionButtons.js";export{ActivateBikAi}from"./components/ai-modals/ActivateBikAI.js";export{AiSyncProgress}from"./components/ai-modals/AiSyncProgress.js";export{AiCreditsExhausted}from"./components/ai-modals/AiCreditsExhausted.js";export{AiCreditsLow}from"./components/ai-modals/AiCreditsLow.js";export{CustomPortal}from"./components/input-with-vars/customPortal.js";export{FloatingInputDropdown}from"./components/floating-input-dropdown/FloatingInputDropdown.js";export{MultilevelDropdownPopover}from"./components/dropdown/MultilevelDropdownPopover/index.js";export{DropShadow}from"./components/dropShadow/DropShadow.js";export{MultiLevelDropdown}from"./components/multi-level-dropdown/MultiLevelDropdown.js";export{DataSourcePanel}from"./components/data-source-panel/DataSourcePanel.js";export{UnsatisfactoryResponseList}from"./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js";export{UnsatisfactoryCountIntentWiseModal}from"./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js";export{CustomDataCategories,CustomDataType}from"./components/data-source-panel/model.js";export{default as FeatureAnnouncementProvider}from"./components/feature-announcements/FeatureAnnouncementProvider.js";export{VideoModal}from"./components/feature-announcements/VideoModal.js";export{default as MajorUpdatePopup}from"./components/feature-announcements/MajorUpdatePopup.js";export{default as MinorUpdatePopup}from"./components/feature-announcements/MinorUpdatePopup.js";export{useFeatureAnnouncements}from"./hooks/useFeatureAnnouncements.js";export{useElementVisibility}from"./hooks/useElementVisibility.js";
1
+ export{AmplitudeEvent}from"./amplitude/index.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{PureSpinner,Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,STATIC_URL_CTA_OPTION,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD,TEMPLATE_QUALITY}from"./components/template-preview/models/WhatsAppTemplate.js";export{CHANNEL_TYPE}from"./components/template-preview/models/Channels.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent,getAllDataFromWebpushTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";import"./_virtual/_tslib.js";export{TemplateAnalyticsSkeleton}from"./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js";export{AnalyticsItem,RightPanelTemplateAnalytics,TemplateAnalyticsComponent}from"./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{AiBodyCaption,AiBodyTiny,BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodySmall,BodyTiny,ButtonLarge,ButtonLargeAI,ButtonRegular,ButtonRegularAI,Caption,CaptionBold,Display,SmallRegular,SubHeading,TextPlaceholder,Tiny,TitleFour,TitleLarge,TitleMedium,TitleRegular,TitleSmall,TitleXlarge}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{ProgressBarType,ProgressBarV2,TextAlignment}from"./components/progress-bar-v2/ProgressBarV2.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown,ChipDropdownContainer}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{FunnelVerticalBarGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{TruncateValue,calculatePercentage,roundNumber,truncateValueForIndianStore,truncateValueForInternationalStore,truncateValueTo10K,truncateValueToA,truncateValueToB,truncateValueToC,truncateValueToK,truncateValueToL,truncateValueToM,truncateValueToT}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP,MESSAGE_CHANNELS}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{DateButtonType,DatePickerWrapper}from"./components/datePicker/DatePickerWrapper.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{CustomRightBorder,EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{PickerType}from"./components/variable-picker-v3/model.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{COUPON_EXPIRATION,DISCOUNT_APPLIES_TO,DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT,OFFER_APPLIES_TO,initialDynamicCouponErrorState,initialStaticCouponErrorState}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary,CarouselVersion}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{VariablePicker}from"./components/variable-picker-v3/VariablePicker.js";export{ActionButtons}from"./components/action-button/ActionButtons.js";export{ActivateBikAi}from"./components/ai-modals/ActivateBikAI.js";export{AiSyncProgress}from"./components/ai-modals/AiSyncProgress.js";export{AiCreditsExhausted}from"./components/ai-modals/AiCreditsExhausted.js";export{AiCreditsLow}from"./components/ai-modals/AiCreditsLow.js";export{CustomPortal}from"./components/input-with-vars/customPortal.js";export{FloatingInputDropdown}from"./components/floating-input-dropdown/FloatingInputDropdown.js";export{MultilevelDropdownPopover}from"./components/dropdown/MultilevelDropdownPopover/index.js";export{DropShadow}from"./components/dropShadow/DropShadow.js";export{MultiLevelDropdown}from"./components/multi-level-dropdown/MultiLevelDropdown.js";export{DataSourcePanel}from"./components/data-source-panel/DataSourcePanel.js";export{UnsatisfactoryResponseList}from"./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js";export{UnsatisfactoryCountIntentWiseModal}from"./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js";export{CustomDataCategories,CustomDataType}from"./components/data-source-panel/model.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.679-3",
3
+ "version": "0.0.679-4",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -46,7 +46,6 @@
46
46
  "not op_mini all"
47
47
  ],
48
48
  "dependencies": {
49
- "react-joyride": "^2.5.5",
50
49
  "@amplitude/analytics-browser": "^2.9.3",
51
50
  "@babel/runtime": "^7.20.7",
52
51
  "@lottiefiles/react-lottie-player": "^3.5.3",
@@ -77,7 +76,6 @@
77
76
  "uuid": "^9.0.1"
78
77
  },
79
78
  "devDependencies": {
80
- "@types/react-joyride": "^2.0.5",
81
79
  "@babel/core": "^7.20.12",
82
80
  "@babel/plugin-transform-runtime": "^7.19.6",
83
81
  "@babel/preset-env": "^7.20.2",
@@ -117,7 +115,6 @@
117
115
  "@types/react": "^18.0.26",
118
116
  "@types/react-calendar": "^3.5.2",
119
117
  "@types/react-dom": "^18.0.10",
120
- "next": "^12.0.0",
121
118
  "@types/styled-components": "^5.1.26",
122
119
  "@types/testing-library__jest-dom": "^5.14.5",
123
120
  "@types/uuid": "^9.0.8",
@@ -162,7 +159,6 @@
162
159
  "webpack-cli": "^5.0.1"
163
160
  },
164
161
  "peerDependencies": {
165
- "next": ">=12.0.0",
166
162
  "@emotion/react": "^11.0.0",
167
163
  "@emotion/styled": "^11.0.0",
168
164
  "date-fns": "^2.29.3",
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { FeatureAnnouncementRepoInjected } from '../../hooks/useFeatureAnnouncements';
3
- interface FeatureAnnouncementProviderProps {
4
- children: React.ReactNode;
5
- fetchVisibleFeatures: FeatureAnnouncementRepoInjected['fetchVisibleFeatures'];
6
- getStoreFeatureProgress: FeatureAnnouncementRepoInjected['getStoreFeatureProgress'];
7
- fetchFeatureById: FeatureAnnouncementRepoInjected['fetchFeatureById'];
8
- markFeatureAsViewedForStore: FeatureAnnouncementRepoInjected['markFeatureAsViewedForStore'];
9
- isFeatureApplicableToCurrentPage: FeatureAnnouncementRepoInjected['isFeatureApplicableToCurrentPage'];
10
- }
11
- declare const FeatureAnnouncementProvider: React.FC<FeatureAnnouncementProviderProps>;
12
- export default FeatureAnnouncementProvider;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/router"),o=require("react"),n=require("react-joyride"),a=require("../../hooks/useFeatureAnnouncements.js"),r=require("./MajorUpdatePopup.js"),s=require("./MinorUpdatePopup.js"),i=require("./VideoModal.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(n);const d="#007bff";exports.default=u=>{let{children:c,fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:h}=u;const{majorUpdateFeatures:x,minorUpdateFeatures:k,isLoading:m,markFeatureAsViewed:C}=a.useFeatureAnnouncements({fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:h}),y=t.useRouter(),[S,T]=o.useState(null),[w,B]=o.useState(null),[F,v]=o.useState(!1),[E,I]=o.useState([]),[j,N]=o.useState(!1),[W,P]=o.useState([]),[q,M]=o.useState(!1),[O,V]=o.useState(!1),[A,L]=o.useState([]),[R,U]=o.useState(!1),[$,z]=o.useState(!1),[_,D]=o.useState(!1),[G,H]=o.useState(""),[J,K]=o.useState(!1);o.useEffect((()=>{if(!(x.length>0)||S||m||q||J)0!==x.length||m||z(!0);else{z(!1),U(!1),v(!1),I([]),B(null),L([]);const e=()=>{document.querySelector('[data-testid="whats-new-button"]')?Q(x[0]):setTimeout(e,1e3)};e()}}),[x,S,m,q,J]),o.useEffect((()=>{const e=y.query.featureId;if(!e||m||0===k.length)return;const t=k.find((t=>t.id===e));if(!t||!t.featureTag)return;U(!0);let o=0;const n=setInterval((()=>{o++;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;document.querySelector(e)?(ae(t),clearInterval(n)):o>=25&&(console.warn(`FeatureAnnouncements: Timed out waiting for element with selector: ${e}`),clearInterval(n))}),200);return()=>{clearInterval(n)}}),[k,y.query.featureId,m]),o.useEffect((()=>{if(k.length>0&&!m&&!F&&!O&&!w&&!R&&$&&!J){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||O||w||R||!$)return;const a=k.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&(L(a),ae(a[0]),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}!t||F||n||O||w||R||!$||(o&&clearTimeout(o),o=setTimeout((()=>{n||O||w||R||!$||a()}),200))})),t=()=>{F||n||O||w||R||!$||(o&&clearTimeout(o),o=setTimeout((()=>{n||O||w||R||!$||a()}),300))};const r=()=>{k.forEach((e=>{if(!e.featureTag||""===e.featureTag.trim())return;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,o=document.querySelector(t);if(o&&!F&&!n&&!O&&!w&&!R&&$){const e=new IntersectionObserver((e=>{e.forEach((e=>{!e.isIntersecting||F||n||O||w||R||!$||setTimeout((()=>{n||O||w||R||!$||a()}),100)}))}),{threshold:.1});e.observe(o),n||setTimeout((()=>{e.disconnect()}),3e4)}}))};return e.observe(document.body,{childList:!0,subtree:!0}),window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||O||w||R||!$||a()}),100),setTimeout((()=>{n||O||w||R||!$||a()}),1e3),setTimeout((()=>{n||O||w||R||!$||r()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}(0===k.length||m)&&(v(!1),I([]),B(null),L([]),U(!1))}),[k,m,F,O,w,R,$,C,J]);const Q=t=>{T(t);const o=x.findIndex((e=>e.id===t.id)),n=x.length,a=[{target:'[data-testid="whats-new-button"]',content:e.jsx(r.default,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>X(t),onExplore:()=>Y(t),onPrevious:()=>Z(t),onNext:()=>ee(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(a),N(!0)},X=o.useCallback((e=>{(e||S)&&(M(!0),x.forEach((e=>{C(e.id)})),N(!1),T(null),P([]),z(!0),setTimeout((()=>{M(!1)}),500))}),[S,x,C]),Y=o.useCallback((e=>{M(!0),C(e.id),e.productVideo&&(H(e.productVideo),D(!0),K(!0)),N(!1),T(null),P([]);x.findIndex((t=>t.id===e.id))===x.length-1&&z(!0),setTimeout((()=>{M(!1)}),500)}),[x,C]),Z=o.useCallback((t=>{const o=t||S;if(!o)return;const n=x.findIndex((e=>e.id===o.id));if(n>0){const t=x[n-1];T(t);const o=n-1,a=x.length,s=[{target:'[data-testid="whats-new-button"]',content:e.jsx(r.default,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>X(t),onExplore:()=>Y(t),onPrevious:()=>Z(t),onNext:()=>ee(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(s)}}),[S,x]);e.jsx(i.VideoModal,{isOpen:_,videoUrl:G,onClose:()=>{D(!1),H(""),K(!1)}});const ee=o.useCallback((t=>{const o=t||S;if(!o)return;const n=x.findIndex((e=>e.id===o.id));if(n<x.length-1){const t=x[n+1];T(t);const o=n+1,a=x.length,s=[{target:'[data-testid="whats-new-button"]',content:e.jsx(r.default,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>X(t),onExplore:()=>Y(t),onPrevious:()=>Z(t),onNext:()=>ee(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(s)}else M(!0),C(o.id),N(!1),T(null),P([]),z(!0),setTimeout((()=>{M(!1)}),500)}),[S,x,C]),te=()=>{if(x.length>0&&!S){document.querySelector('[data-testid="whats-new-button"]')&&Q(x[0])}};o.useEffect((()=>(window.showMajorUpdatePopup=te,()=>{delete window.showMajorUpdatePopup})),[x,S]);const oe=o.useCallback((e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(S&&(M(!0),x.forEach((e=>{C(e.id)})),z(!0),setTimeout((()=>{M(!1)}),500)),N(!1),T(null),P([]))}),[S,x,C]),ne=o.useCallback((e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(w&&(V(!0),U(!0),k.forEach((e=>{C(e.id)})),setTimeout((()=>{V(!1)}),500)),v(!1),B(null),I([]))}),[w,k,C]),ae=t=>{B(t);const o=A.findIndex((e=>e.id===t.id)),n=A.length,a=[{target:t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,content:e.jsx(s.default,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>re(t),onExplore:()=>se(t),onPrevious:()=>ie(t),onNext:()=>ue(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];I(a),v(!0)},re=o.useCallback((e=>{(e||w)&&(V(!0),U(!0),k.forEach((e=>{C(e.id)})),v(!1),B(null),I([]),setTimeout((()=>{V(!1)}),500))}),[w,k,C]),se=o.useCallback((e=>{V(!0),U(!0),C(e.id),e.productVideo&&(H(e.productVideo),D(!0),K(!0)),v(!1),B(null),I([]),setTimeout((()=>{V(!1)}),500)}),[C]),ie=o.useCallback((t=>{const o=t||w;if(!o)return;const n=A.findIndex((e=>e.id===o.id));if(n>0){const t=A[n-1];B(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,a=n-1,r=A.length,i=[{target:o,content:e.jsx(s.default,{feature:t,currentIndex:a,totalFeatures:r,onSkip:()=>re(t),onExplore:()=>se(t),onPrevious:()=>ie(t),onNext:()=>ue(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];I(i)}}),[w,A]),ue=o.useCallback((t=>{const o=t||w;if(!o)return;const n=A.findIndex((e=>e.id===o.id));if(n<A.length-1){const t=A[n+1];B(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,a=n+1,r=A.length,i=[{target:o,content:e.jsx(s.default,{feature:t,currentIndex:a,totalFeatures:r,onSkip:()=>re(t),onExplore:()=>se(t),onPrevious:()=>ie(t),onNext:()=>ue(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];I(i)}else V(!0),U(!0),C(o.id),v(!1),B(null),I([]),setTimeout((()=>{V(!1)}),500)}),[w,A,C]);return e.jsxs(e.Fragment,{children:[c,W.length>0&&e.jsx(l.default,{steps:W,run:j,continuous:!1,showProgress:!1,showSkipButton:!1,callback:oe,disableOverlayClose:!0,disableCloseOnEsc:!0,disableOverlay:!0,spotlightClicks:!1,styles:{options:{primaryColor:d,zIndex:1e4,width:"auto",arrowColor:"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),E.length>0&&e.jsx(l.default,{steps:E,run:F,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ne,disableOverlayClose:!0,disableCloseOnEsc:!0,styles:{options:{primaryColor:d,zIndex:1e4,width:"auto",arrowColor:"#ffffff"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),e.jsx(i.VideoModal,{isOpen:_,videoUrl:G,onClose:()=>{D(!1),H(""),K(!1)}})]})};
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { FeatureAnnouncement } from '../../types/FeatureAnnouncement.types';
3
- interface MajorUpdatePopupProps {
4
- feature: FeatureAnnouncement;
5
- currentIndex: number;
6
- totalFeatures: number;
7
- onSkip: () => void;
8
- onExplore: () => void;
9
- onPrevious: () => void;
10
- onNext: () => void;
11
- }
12
- declare const MajorUpdatePopup: React.FC<MajorUpdatePopupProps>;
13
- export default MajorUpdatePopup;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./MajorUpdatePopup.style.js");const r=e=>{if(!e)return"";const t=document.createElement("textarea");return t.innerHTML=e,t.value};exports.default=n=>{let{feature:o,currentIndex:a,totalFeatures:l,onSkip:s,onExplore:i,onPrevious:c,onNext:u}=n;return e.jsx(e.Fragment,{children:e.jsxs(t.StyledMajorUpdateContainer,{children:[e.jsx("button",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),s()},style:{position:"absolute",top:"10px",right:"10px",background:"transparent",border:"none",color:"#BDBDBD",fontSize:"14px",fontWeight:"500",cursor:"pointer",zIndex:10,transition:"all 0.2s"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor="#f3f4f6",e.currentTarget.style.color="#374151"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color="#6b7280"}},{children:"Skip"})),e.jsx(t.StyledImageContainer,{children:o.displayImage?e.jsx("img",{src:o.displayImage,alt:o.title,style:{width:"464px",height:"258px",objectFit:"cover"},onError:e=>{o.image&&(e.target.src=o.image)}}):e.jsx(t.StyledFeaturePreviewText,{children:"Feature Preview"})}),e.jsxs(t.StyledContentContainer,{children:[e.jsxs(t.StyledHeaderContainer,{children:[e.jsx(t.StyledTitle,{children:o.title}),e.jsx(t.StyledDescription,{dangerouslySetInnerHTML:{__html:r(o.content||o.body||"")}}),e.jsx("div",{children:e.jsx("button",Object.assign({onClick:()=>{i()},style:{backgroundColor:"transparent",border:"1px solid #FEC02D",color:"#FEC02D",borderRadius:"4px",fontSize:"14px",fontWeight:"500",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",marginTop:"16px"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor="rgba(254, 192, 45, 0.1)"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"}},{children:o.buttonText||"Explore the feature"}))})]}),l>1&&e.jsxs(t.StyledNavigationContainer,{children:[e.jsx("button",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),c()},disabled:0===a,style:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:0===a?"#666":"#fff",fontSize:"20px",cursor:0===a?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseEnter:e=>{0!==a&&(e.currentTarget.style.color="#FEC02D")},onMouseLeave:e=>{0!==a&&(e.currentTarget.style.color="#fff")}},{children:"‹"})),e.jsx("button",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),u()},disabled:a===l-1,style:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:a===l-1?"#666":"#fff",fontSize:"20px",cursor:a===l-1?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseEnter:e=>{a!==l-1&&(e.currentTarget.style.color="#FEC02D")},onMouseLeave:e=>{a!==l-1&&(e.currentTarget.style.color="#fff")}},{children:"›"}))]})]})]})})};
@@ -1,8 +0,0 @@
1
- export declare const StyledMajorUpdateContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const StyledFeaturePreviewText: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const StyledHeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const StyledTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
7
- export declare const StyledDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const StyledNavigationContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,55 +0,0 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("styled-components"));const i=t.default.div`
2
- width: 959px;
3
- height: 274px;
4
- display: flex;
5
- background-color: #212121;
6
- border-radius: 4px;
7
- overflow: hidden;
8
- position: relative;
9
- `,n=t.default.div`
10
- background-color: #212121;
11
- width: 480px;
12
- height: 274px;
13
- position: relative;
14
- display: flex;
15
- align-items: center;
16
- justify-content: center;
17
- padding: 8px;
18
- `,o=t.default.div`
19
- color: #9ca3af;
20
- font-size: 14px;
21
- text-align: center;
22
- width: 290px;
23
- height: 258px;
24
- display: flex;
25
- align-items: center;
26
- justify-content: center;
27
- `,l=t.default.div`
28
- flex: 1;
29
- display: flex;
30
- margin: 0 8px 0 0;
31
- flex-direction: column;
32
- justify-content: space-between;
33
- background: transparent;
34
- `,a=t.default.div`
35
- /* No specific styles, just a container */
36
- `,r=t.default.h3`
37
- font-size: 16px;
38
- font-weight: 600;
39
- padding: 36px 0 0 0;
40
- color: #fff;
41
- line-height: 1.25;
42
- text-align: left;
43
- `,d=t.default.div`
44
- font-size: 14px;
45
- line-height: 1.5;
46
- color: rgba(255, 255, 255, 0.8);
47
- text-align: left;
48
- `,p=t.default.div`
49
- position: absolute;
50
- bottom: 16px;
51
- right: 16px;
52
- display: flex;
53
- gap: 8px;
54
- align-items: center;
55
- `;exports.StyledContentContainer=l,exports.StyledDescription=d,exports.StyledFeaturePreviewText=o,exports.StyledHeaderContainer=a,exports.StyledImageContainer=n,exports.StyledMajorUpdateContainer=i,exports.StyledNavigationContainer=p,exports.StyledTitle=r;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { FeatureAnnouncement } from '../../types/FeatureAnnouncement.types';
3
- interface MinorUpdatePopupProps {
4
- feature: FeatureAnnouncement;
5
- currentIndex: number;
6
- totalFeatures: number;
7
- onSkip: () => void;
8
- onExplore: () => void;
9
- onPrevious: () => void;
10
- onNext: () => void;
11
- }
12
- declare const MinorUpdatePopup: React.FC<MinorUpdatePopupProps>;
13
- export default MinorUpdatePopup;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./MinorUpdatePopup.style.js");const r=e=>{if(!e)return"";const t=document.createElement("textarea");return t.innerHTML=e,t.value};exports.default=n=>{let{feature:i,currentIndex:o,totalFeatures:l,onSkip:s,onExplore:d,onPrevious:a,onNext:c}=n;return e.jsx(e.Fragment,{children:e.jsxs(t.StyledMinorUpdateContainer,{children:[e.jsx(t.StyledImageContainer,{children:i.displayImage?e.jsxs(t.StyledImageWrapper,{children:[e.jsx("img",{src:i.displayImage,alt:i.title,style:{width:"235px",height:"134px",objectFit:"cover",borderRadius:"4px",display:"block"},onError:e=>{i.image&&(e.target.src=i.image)}}),e.jsx(t.StyledImageOverlay,{children:e.jsx(t.StyledNewFeatureText,{children:"New feature"})})]}):e.jsx(t.StyledFeaturePreviewText,{children:"Feature Preview"})}),e.jsxs(t.StyledContentContainer,{children:[e.jsxs(t.StyledHeaderContainer,{children:[e.jsx(t.StyledTitle,{children:i.title}),e.jsx(t.StyledDescription,{dangerouslySetInnerHTML:{__html:r(i.content||i.body||"")}})]}),e.jsxs(t.StyledActionButtonsContainer,{children:[e.jsx(t.StyledUnderstoodText,Object.assign({onClick:s},{children:"Understood"})),i.productVideo&&e.jsx("button",Object.assign({onClick:()=>{d()},style:{backgroundColor:"#4B1583",border:"none",color:"#ffffff",borderRadius:"4px",fontSize:"14px",fontWeight:"500",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center"}},{children:i.buttonText||"Explore the feature"}))]})]})]})})};
@@ -1,12 +0,0 @@
1
- export declare const StyledMinorUpdateContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const StyledImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const StyledImageOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const StyledNewFeatureText: import("styled-components").StyledComponent<"span", any, {}, never>;
6
- export declare const StyledFeaturePreviewText: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const StyledHeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
- export declare const StyledTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
10
- export declare const StyledDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
11
- export declare const StyledActionButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
12
- export declare const StyledUnderstoodText: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -1,93 +0,0 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("styled-components"));const i=t.default.div`
2
- width: 519px;
3
- height: 160px;
4
- display: flex;
5
- background-color: #ffffff;
6
- border-radius: 4px;
7
- overflow: hidden;
8
- position: relative;
9
- box-shadow: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
10
- `,o=t.default.div`
11
- background-color: #f9fafb;
12
- border-radius: 4px;
13
- position: relative;
14
- display: flex;
15
- align-items: center;
16
- justify-content: center;
17
- margin: 13px 10px 13px 10px;
18
- width: 235px;
19
- min-width: 235px;
20
- max-width: 235px;
21
- height: 134px;
22
- `,r=t.default.div`
23
- position: relative;
24
- width: 235px;
25
- height: 134px;
26
- `,n=t.default.div`
27
- position: absolute;
28
- top: 0px;
29
- left: 0px;
30
- right: 0px;
31
- height: 27px;
32
- background-color: rgba(0, 0, 0, 0.26);
33
- border-radius: 4px 4px 4px 4px;
34
- display: flex;
35
- align-items: center;
36
- justify-content: center;
37
- z-index: 10;
38
- `,a=t.default.span`
39
- color: #ffffff;
40
- font-weight: 400;
41
- font-size: 14px;
42
- `,p=t.default.div`
43
- color: #9ca3af;
44
- font-size: 14px;
45
- text-align: center;
46
- width: 100%;
47
- height: 100%;
48
- display: flex;
49
- align-items: center;
50
- justify-content: center;
51
- background-color: #f3f4f6;
52
- border-radius: 4px;
53
- `,l=t.default.div`
54
- flex: 1;
55
- display: flex;
56
- margin: 13px 13px 13px 3px;
57
- flex-direction: column;
58
- justify-content: space-between;
59
- background: transparent;
60
- `,d=t.default.div`
61
- /* No specific styles, just a container */
62
- `,x=t.default.h3`
63
- font-size: 16px;
64
- font-weight: 600;
65
- padding: 0 0 0 0;
66
- color: #212121;
67
- line-height: 1.25;
68
- text-align: left;
69
- `,s=t.default.div`
70
- font-size: 12px;
71
- font-weight: 400;
72
- line-height: 1.2;
73
- color: #616161;
74
- text-align: left;
75
- max-height: 48px;
76
- overflow: hidden;
77
- display: -webkit-box;
78
- -webkit-line-clamp: 3;
79
- -webkit-box-orient: vertical;
80
- `,f=t.default.div`
81
- position: absolute;
82
- bottom: 13px;
83
- right: 10px;
84
- display: flex;
85
- gap: 16px;
86
- align-items: center;
87
- `,c=t.default.span`
88
- color: #4b1583;
89
- font-size: 14px;
90
- font-weight: 500;
91
- cursor: pointer;
92
- transition: all 0.2s;
93
- `;exports.StyledActionButtonsContainer=f,exports.StyledContentContainer=l,exports.StyledDescription=s,exports.StyledFeaturePreviewText=p,exports.StyledHeaderContainer=d,exports.StyledImageContainer=o,exports.StyledImageOverlay=n,exports.StyledImageWrapper=r,exports.StyledMinorUpdateContainer=i,exports.StyledNewFeatureText=a,exports.StyledTitle=x,exports.StyledUnderstoodText=c;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- interface VideoModalProps {
3
- isOpen: boolean;
4
- videoUrl: string;
5
- onClose: () => void;
6
- }
7
- export declare const VideoModal: React.FC<VideoModalProps>;
8
- export {};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.VideoModal=t=>{let{isOpen:o,videoUrl:r,onClose:i}=t;if(!o)return null;const s=r.includes("youtube.com")||r.includes("youtu.be")?r.replace("watch?v=","embed/").replace("youtu.be/","youtube.com/embed/"):r,n=r.includes("youtube.com")||r.includes("youtu.be");return e.jsx("div",Object.assign({style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.9)",zIndex:2e3,display:"flex",justifyContent:"center",alignItems:"center",padding:"20px"},onClick:e=>{e.target===e.currentTarget&&i()}},{children:e.jsxs("div",Object.assign({style:{position:"relative",width:"90vw",height:"90vh",maxWidth:"1200px",maxHeight:"800px",backgroundColor:"black",borderRadius:"12px",overflow:"hidden",boxShadow:"0 25px 50px rgba(0, 0, 0, 0.8)"},onClick:e=>e.stopPropagation()},{children:[e.jsx("button",Object.assign({onClick:i,style:{position:"absolute",top:"20px",right:"20px",background:"rgba(0, 0, 0, 0.7)",border:"none",color:"white",fontSize:"24px",width:"40px",height:"40px",borderRadius:"50%",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",zIndex:10,transition:"background-color 0.2s"},onMouseOver:e=>{e.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.9)"},onMouseOut:e=>{e.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.7)"}},{children:"×"})),e.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},{children:r?n?e.jsx("iframe",{width:"100%",height:"100%",src:s,title:"Product Video",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,style:{borderRadius:"12px"}}):e.jsxs("video",Object.assign({controls:!0,autoPlay:!0,style:{width:"100%",height:"100%",objectFit:"contain",borderRadius:"12px"}},{children:[e.jsx("source",{src:r,type:"video/mp4"}),e.jsx("source",{src:r,type:"video/webm"}),e.jsx("source",{src:r,type:"video/ogg"}),"Your browser does not support the video tag."]})):e.jsx("div",Object.assign({style:{color:"white",fontSize:"18px",textAlign:"center"}},{children:"No video available"}))}))]}))}))};
@@ -1,4 +0,0 @@
1
- export { default as FeatureAnnouncementProvider } from './FeatureAnnouncementProvider';
2
- export { VideoModal } from './VideoModal';
3
- export { default as MajorUpdatePopup } from './MajorUpdatePopup';
4
- export { default as MinorUpdatePopup } from './MinorUpdatePopup';
@@ -1 +0,0 @@
1
- export * from './feature-announcements';
@@ -1,2 +0,0 @@
1
- export { useFeatureAnnouncements, type FeatureAnnouncementRepoInjected, } from './useFeatureAnnouncements';
2
- export { useElementVisibility } from './useElementVisibility';
@@ -1,11 +0,0 @@
1
- interface VisibilityState {
2
- [elementId: string]: boolean;
3
- }
4
- interface ElementVisibilityHook {
5
- visibleElements: VisibilityState;
6
- observeElement: (elementId: string) => void;
7
- unobserveElement: (elementId: string) => void;
8
- isElementVisible: (elementId: string) => boolean;
9
- }
10
- export declare const useElementVisibility: () => ElementVisibilityHook;
11
- export {};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useElementVisibility=()=>{const[t,s]=e.useState({}),[r,n]=e.useState(new Set),[a,i]=e.useState(null);e.useEffect((()=>{const e=new IntersectionObserver((e=>{e.forEach((e=>{const t=e.target.id||e.target.getAttribute("data-feature-id");t&&s((s=>Object.assign(Object.assign({},s),{[t]:e.isIntersecting})))}))}),{threshold:.1,rootMargin:"50px"});return i(e),()=>{e.disconnect()}}),[]);const o=e.useCallback((e=>{if(!a||r.has(e))return;const t=[`#${e}`,`[data-feature-id="${e}"]`,e.startsWith("#")||e.startsWith(".")||e.startsWith("[")?e:`#${e}`];let s=null;for(const e of t)if(s=document.querySelector(e),s)break;s&&(a.observe(s),n((t=>new Set([...t,e]))))}),[a,r]),u=e.useCallback((e=>{if(!a||!r.has(e))return;const t=[`#${e}`,`[data-feature-id="${e}"]`,e.startsWith("#")||e.startsWith(".")||e.startsWith("[")?e:`#${e}`];let i=null;for(const e of t)if(i=document.querySelector(e),i)break;i&&(a.unobserve(i),n((t=>{const s=new Set(t);return s.delete(e),s})),s((t=>{const s=Object.assign({},t);return delete s[e],s})))}),[a,r]),c=e.useCallback((e=>t[e]||!1),[t]);return{visibleElements:t,observeElement:o,unobserveElement:u,isElementVisible:c}};
@@ -1,17 +0,0 @@
1
- import { FeatureAnnouncement } from '../types/FeatureAnnouncement.types';
2
- export interface FeatureAnnouncementRepoInjected {
3
- fetchVisibleFeatures: () => Promise<[any, FeatureAnnouncement[] | null]>;
4
- getStoreFeatureProgress: (storeId: string) => Promise<[any, any | null]>;
5
- fetchFeatureById: (featureId: string) => Promise<[any, FeatureAnnouncement | null]>;
6
- markFeatureAsViewedForStore: (storeId: string, featureId: string) => Promise<[any]>;
7
- isFeatureApplicableToCurrentPage: (feature: FeatureAnnouncement) => boolean;
8
- }
9
- export declare const useFeatureAnnouncements: ({ fetchVisibleFeatures, getStoreFeatureProgress, fetchFeatureById, markFeatureAsViewedForStore, isFeatureApplicableToCurrentPage, }: FeatureAnnouncementRepoInjected) => {
10
- features: FeatureAnnouncement[];
11
- majorUpdateFeatures: FeatureAnnouncement[];
12
- minorUpdateFeatures: FeatureAnnouncement[];
13
- isLoading: boolean;
14
- error: string | null;
15
- markFeatureAsViewed: (featureId: string) => Promise<void>;
16
- refetch: () => Promise<void>;
17
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),t=require("next/router"),r=require("react");exports.useFeatureAnnouncements=a=>{let{fetchVisibleFeatures:o,getStoreFeatureProgress:n,fetchFeatureById:i,markFeatureAsViewedForStore:u,isFeatureApplicableToCurrentPage:s}=a;const l=(()=>{const[e,t]=r.useState(null);return r.useEffect((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem("storeId")||localStorage.getItem("Bik/StoreId")||localStorage.getItem("currentStore")||localStorage.getItem("store"),!e){const t=localStorage.getItem("Bik/CurrentUser");t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get("storeId"))}catch(e){console.error("FeatureAnnouncements: Failed to get store ID",e)}t(e)}}),[]),e})(),c=t.useRouter(),[d,f]=r.useState([]),[p,y]=r.useState([]),[g,w]=r.useState([]),[m,F]=r.useState(!1),[v,h]=r.useState(null),D=r.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(l){F(!0),h(null);try{const[e,t]=yield o();if(e||!t)return console.error("FeatureAnnouncements: Failed to fetch features",e),void h("Failed to fetch features");const[r,a]=yield n(l);r&&console.warn("FeatureAnnouncements: Progress fetch failed, treating all features as new",r);const i=new Date,u="undefined"!=typeof window?window.location.pathname:"",c=e=>{if(!e.expirationDate)return!0;let t;return"object"==typeof e.expirationDate&&null!==e.expirationDate&&("seconds"in e.expirationDate||"nanoseconds"in e.expirationDate)?t=new Date(1e3*e.expirationDate.seconds):"string"==typeof e.expirationDate?t=new Date(e.expirationDate):e.expirationDate instanceof Date&&(t=e.expirationDate),!(!t||isNaN(t.getTime()))&&i<t},d=e=>{if("Major"===e.featureUpdateType){let t=[];return Array.isArray(e.pageUrls)?t=e.pageUrls:"object"==typeof e.pageUrls&&null!==e.pageUrls&&"length"in e.pageUrls&&(t=Array.from(e.pageUrls)),t.includes(u)}return!0},p=t.filter((e=>{var t;return!((null===(t=null==a?void 0:a.viewedFeatures)||void 0===t?void 0:t[e.id])||!1)&&s(e)&&c(e)&&d(e)})),g=p.filter((e=>"Major"===e.featureUpdateType)),m=p.filter((e=>"Minor"===e.featureUpdateType));f(p),y(g),setTimeout((()=>{w(m)}),2e3)}catch(e){console.error("FeatureAnnouncements: Unexpected error in fetchFeatures",e),h("An unexpected error occurred")}finally{F(!1)}}}))),[l,o,n,s]),S=r.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){F(!0),h(null);try{const[e,r]=yield i(t);if(e||!r)return void h("Failed to fetch feature by ID");"Major"===r.featureUpdateType?y([r]):w([r]),f([r])}catch(e){h("An unexpected error occurred while fetching by ID")}finally{F(!1)}}))),[i]),x=r.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!l)return;const[e]=yield u(l,t);e?(console.warn("FeatureAnnouncements: Failed to mark feature as viewed, removing from local state anyway",e),f((e=>e.filter((e=>e.id!==t)))),y((e=>e.filter((e=>e.id!==t)))),w((e=>e.filter((e=>e.id!==t))))):(f((e=>e.filter((e=>e.id!==t)))),y((e=>e.filter((e=>e.id!==t)))),w((e=>e.filter((e=>e.id!==t)))))}))),[l,u]);return r.useEffect((()=>{if(!c.isReady)return;const e=c.query.featureId;e?S(e):D()}),[c.isReady,c.query,D,S]),{features:d,majorUpdateFeatures:p,minorUpdateFeatures:g,isLoading:m,error:v,markFeatureAsViewed:x,refetch:D}};
@@ -1,27 +0,0 @@
1
- export interface FeatureAnnouncement {
2
- id: string;
3
- title: string;
4
- body: string;
5
- content: string;
6
- buttonText: string;
7
- displayImage: string;
8
- featureTag: string;
9
- featureUpdateType: 'Major' | 'Minor';
10
- image: string;
11
- module: string[];
12
- pageUrls: string[];
13
- productVideo: string;
14
- redirectUrl: string;
15
- updates: string;
16
- visibility: boolean;
17
- createdAt: any;
18
- expirationDate?: {
19
- seconds: number;
20
- } | string | Date;
21
- }
22
- export interface StoreFeatureProgress {
23
- storeId: string;
24
- viewedFeatures: {
25
- [featureId: string]: boolean;
26
- };
27
- }
@@ -1 +0,0 @@
1
- export type { FeatureAnnouncement } from './FeatureAnnouncement.types';
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { FeatureAnnouncementRepoInjected } from '../../hooks/useFeatureAnnouncements';
3
- interface FeatureAnnouncementProviderProps {
4
- children: React.ReactNode;
5
- fetchVisibleFeatures: FeatureAnnouncementRepoInjected['fetchVisibleFeatures'];
6
- getStoreFeatureProgress: FeatureAnnouncementRepoInjected['getStoreFeatureProgress'];
7
- fetchFeatureById: FeatureAnnouncementRepoInjected['fetchFeatureById'];
8
- markFeatureAsViewedForStore: FeatureAnnouncementRepoInjected['markFeatureAsViewedForStore'];
9
- isFeatureApplicableToCurrentPage: FeatureAnnouncementRepoInjected['isFeatureApplicableToCurrentPage'];
10
- }
11
- declare const FeatureAnnouncementProvider: React.FC<FeatureAnnouncementProviderProps>;
12
- export default FeatureAnnouncementProvider;
@@ -1 +0,0 @@
1
- import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useRouter as n}from"next/router";import{useState as a,useEffect as r,useCallback as i}from"react";import s,{ACTIONS as d}from"react-joyride";import{useFeatureAnnouncements as l}from"../../hooks/useFeatureAnnouncements.js";import u from"./MajorUpdatePopup.js";import p from"./MinorUpdatePopup.js";import{VideoModal as c}from"./VideoModal.js";const f="#007bff",b=b=>{let{children:g,fetchVisibleFeatures:h,getStoreFeatureProgress:m,fetchFeatureById:x,markFeatureAsViewedForStore:y,isFeatureApplicableToCurrentPage:T}=b;const{majorUpdateFeatures:k,minorUpdateFeatures:C,isLoading:w,markFeatureAsViewed:S}=l({fetchVisibleFeatures:h,getStoreFeatureProgress:m,fetchFeatureById:x,markFeatureAsViewedForStore:y,isFeatureApplicableToCurrentPage:T}),B=n(),[F,v]=a(null),[I,E]=a(null),[N,W]=a(!1),[P,j]=a([]),[M,O]=a(!1),[V,L]=a([]),[q,R]=a(!1),[U,A]=a(!1),[$,z]=a([]),[D,_]=a(!1),[G,H]=a(!1),[J,K]=a(!1),[Q,X]=a(""),[Y,Z]=a(!1);r((()=>{if(!(k.length>0)||F||w||q||Y)0!==k.length||w||H(!0);else{H(!1),_(!1),W(!1),j([]),E(null),z([]);const e=()=>{document.querySelector('[data-testid="whats-new-button"]')?ee(k[0]):setTimeout(e,1e3)};e()}}),[k,F,w,q,Y]),r((()=>{const e=B.query.featureId;if(!e||w||0===C.length)return;const t=C.find((t=>t.id===e));if(!t||!t.featureTag)return;_(!0);let o=0;const n=setInterval((()=>{o++;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;document.querySelector(e)?(de(t),clearInterval(n)):o>=25&&(console.warn(`FeatureAnnouncements: Timed out waiting for element with selector: ${e}`),clearInterval(n))}),200);return()=>{clearInterval(n)}}),[C,B.query.featureId,w]),r((()=>{if(C.length>0&&!w&&!N&&!U&&!I&&!D&&G&&!Y){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||U||I||D||!G)return;const a=C.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&(z(a),de(a[0]),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}!t||N||n||U||I||D||!G||(o&&clearTimeout(o),o=setTimeout((()=>{n||U||I||D||!G||a()}),200))})),t=()=>{N||n||U||I||D||!G||(o&&clearTimeout(o),o=setTimeout((()=>{n||U||I||D||!G||a()}),300))};const r=()=>{C.forEach((e=>{if(!e.featureTag||""===e.featureTag.trim())return;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,o=document.querySelector(t);if(o&&!N&&!n&&!U&&!I&&!D&&G){const e=new IntersectionObserver((e=>{e.forEach((e=>{!e.isIntersecting||N||n||U||I||D||!G||setTimeout((()=>{n||U||I||D||!G||a()}),100)}))}),{threshold:.1});e.observe(o),n||setTimeout((()=>{e.disconnect()}),3e4)}}))};return e.observe(document.body,{childList:!0,subtree:!0}),window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||U||I||D||!G||a()}),100),setTimeout((()=>{n||U||I||D||!G||a()}),1e3),setTimeout((()=>{n||U||I||D||!G||r()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}(0===C.length||w)&&(W(!1),j([]),E(null),z([]),_(!1))}),[C,w,N,U,I,D,G,S,Y]);const ee=t=>{v(t);const o=k.findIndex((e=>e.id===t.id)),n=k.length,a=[{target:'[data-testid="whats-new-button"]',content:e(u,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>te(t),onExplore:()=>oe(t),onPrevious:()=>ne(t),onNext:()=>ae(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(a),O(!0)},te=i((e=>{(e||F)&&(R(!0),k.forEach((e=>{S(e.id)})),O(!1),v(null),L([]),H(!0),setTimeout((()=>{R(!1)}),500))}),[F,k,S]),oe=i((e=>{R(!0),S(e.id),e.productVideo&&(X(e.productVideo),K(!0),Z(!0)),O(!1),v(null),L([]);k.findIndex((t=>t.id===e.id))===k.length-1&&H(!0),setTimeout((()=>{R(!1)}),500)}),[k,S]),ne=i((t=>{const o=t||F;if(!o)return;const n=k.findIndex((e=>e.id===o.id));if(n>0){const t=k[n-1];v(t);const o=n-1,a=k.length,r=[{target:'[data-testid="whats-new-button"]',content:e(u,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>te(t),onExplore:()=>oe(t),onPrevious:()=>ne(t),onNext:()=>ae(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(r)}}),[F,k]);e(c,{isOpen:J,videoUrl:Q,onClose:()=>{K(!1),X(""),Z(!1)}});const ae=i((t=>{const o=t||F;if(!o)return;const n=k.findIndex((e=>e.id===o.id));if(n<k.length-1){const t=k[n+1];v(t);const o=n+1,a=k.length,r=[{target:'[data-testid="whats-new-button"]',content:e(u,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>te(t),onExplore:()=>oe(t),onPrevious:()=>ne(t),onNext:()=>ae(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(r)}else R(!0),S(o.id),O(!1),v(null),L([]),H(!0),setTimeout((()=>{R(!1)}),500)}),[F,k,S]),re=()=>{if(k.length>0&&!F){document.querySelector('[data-testid="whats-new-button"]')&&ee(k[0])}};r((()=>(window.showMajorUpdatePopup=re,()=>{delete window.showMajorUpdatePopup})),[k,F]);const ie=i((e=>{const{action:t}=e;t===d.CLOSE&&(F&&(R(!0),k.forEach((e=>{S(e.id)})),H(!0),setTimeout((()=>{R(!1)}),500)),O(!1),v(null),L([]))}),[F,k,S]),se=i((e=>{const{action:t}=e;t===d.CLOSE&&(I&&(A(!0),_(!0),C.forEach((e=>{S(e.id)})),setTimeout((()=>{A(!1)}),500)),W(!1),E(null),j([]))}),[I,C,S]),de=t=>{E(t);const o=$.findIndex((e=>e.id===t.id)),n=$.length,a=[{target:t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,content:e(p,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>le(t),onExplore:()=>ue(t),onPrevious:()=>pe(t),onNext:()=>ce(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];j(a),W(!0)},le=i((e=>{(e||I)&&(A(!0),_(!0),C.forEach((e=>{S(e.id)})),W(!1),E(null),j([]),setTimeout((()=>{A(!1)}),500))}),[I,C,S]),ue=i((e=>{A(!0),_(!0),S(e.id),e.productVideo&&(X(e.productVideo),K(!0),Z(!0)),W(!1),E(null),j([]),setTimeout((()=>{A(!1)}),500)}),[S]),pe=i((t=>{const o=t||I;if(!o)return;const n=$.findIndex((e=>e.id===o.id));if(n>0){const t=$[n-1];E(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,a=n-1,r=$.length,i=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:r,onSkip:()=>le(t),onExplore:()=>ue(t),onPrevious:()=>pe(t),onNext:()=>ce(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];j(i)}}),[I,$]),ce=i((t=>{const o=t||I;if(!o)return;const n=$.findIndex((e=>e.id===o.id));if(n<$.length-1){const t=$[n+1];E(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,a=n+1,r=$.length,i=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:r,onSkip:()=>le(t),onExplore:()=>ue(t),onPrevious:()=>pe(t),onNext:()=>ce(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];j(i)}else A(!0),_(!0),S(o.id),W(!1),E(null),j([]),setTimeout((()=>{A(!1)}),500)}),[I,$,S]);return t(o,{children:[g,V.length>0&&e(s,{steps:V,run:M,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ie,disableOverlayClose:!0,disableCloseOnEsc:!0,disableOverlay:!0,spotlightClicks:!1,styles:{options:{primaryColor:f,zIndex:1e4,width:"auto",arrowColor:"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),P.length>0&&e(s,{steps:P,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:se,disableOverlayClose:!0,disableCloseOnEsc:!0,styles:{options:{primaryColor:f,zIndex:1e4,width:"auto",arrowColor:"#ffffff"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),e(c,{isOpen:J,videoUrl:Q,onClose:()=>{K(!1),X(""),Z(!1)}})]})};export{b as default};
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { FeatureAnnouncement } from '../../types/FeatureAnnouncement.types';
3
- interface MajorUpdatePopupProps {
4
- feature: FeatureAnnouncement;
5
- currentIndex: number;
6
- totalFeatures: number;
7
- onSkip: () => void;
8
- onExplore: () => void;
9
- onPrevious: () => void;
10
- onNext: () => void;
11
- }
12
- declare const MajorUpdatePopup: React.FC<MajorUpdatePopupProps>;
13
- export default MajorUpdatePopup;
@@ -1 +0,0 @@
1
- import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{StyledMajorUpdateContainer as n,StyledImageContainer as o,StyledFeaturePreviewText as l,StyledContentContainer as a,StyledHeaderContainer as i,StyledTitle as s,StyledDescription as c,StyledNavigationContainer as u}from"./MajorUpdatePopup.style.js";const p=e=>{if(!e)return"";const t=document.createElement("textarea");return t.innerHTML=e,t.value},d=d=>{let{feature:g,currentIndex:f,totalFeatures:h,onSkip:x,onExplore:b,onPrevious:y,onNext:C}=d;return e(t,{children:r(n,{children:[e("button",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),x()},style:{position:"absolute",top:"10px",right:"10px",background:"transparent",border:"none",color:"#BDBDBD",fontSize:"14px",fontWeight:"500",cursor:"pointer",zIndex:10,transition:"all 0.2s"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor="#f3f4f6",e.currentTarget.style.color="#374151"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color="#6b7280"}},{children:"Skip"})),e(o,{children:g.displayImage?e("img",{src:g.displayImage,alt:g.title,style:{width:"464px",height:"258px",objectFit:"cover"},onError:e=>{g.image&&(e.target.src=g.image)}}):e(l,{children:"Feature Preview"})}),r(a,{children:[r(i,{children:[e(s,{children:g.title}),e(c,{dangerouslySetInnerHTML:{__html:p(g.content||g.body||"")}}),e("div",{children:e("button",Object.assign({onClick:()=>{b()},style:{backgroundColor:"transparent",border:"1px solid #FEC02D",color:"#FEC02D",borderRadius:"4px",fontSize:"14px",fontWeight:"500",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",marginTop:"16px"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor="rgba(254, 192, 45, 0.1)"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"}},{children:g.buttonText||"Explore the feature"}))})]}),h>1&&r(u,{children:[e("button",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),y()},disabled:0===f,style:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:0===f?"#666":"#fff",fontSize:"20px",cursor:0===f?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseEnter:e=>{0!==f&&(e.currentTarget.style.color="#FEC02D")},onMouseLeave:e=>{0!==f&&(e.currentTarget.style.color="#fff")}},{children:"‹"})),e("button",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),C()},disabled:f===h-1,style:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:f===h-1?"#666":"#fff",fontSize:"20px",cursor:f===h-1?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseEnter:e=>{f!==h-1&&(e.currentTarget.style.color="#FEC02D")},onMouseLeave:e=>{f!==h-1&&(e.currentTarget.style.color="#fff")}},{children:"›"}))]})]})]})})};export{d as default};
@@ -1,8 +0,0 @@
1
- export declare const StyledMajorUpdateContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const StyledFeaturePreviewText: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const StyledHeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const StyledTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
7
- export declare const StyledDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const StyledNavigationContainer: import("styled-components").StyledComponent<"div", any, {}, never>;