@bikdotai/bik-component-library 0.0.737-beta.0 → 0.0.737-beta.2
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.
- package/dist/cjs/assets/icons/ActiveChecklistIcon.d.ts +3 -0
- package/dist/cjs/assets/icons/ActiveChecklistIcon.js +1 -0
- package/dist/cjs/assets/icons/Ai_event_generating.svg.js +1 -1
- package/dist/cjs/assets/icons/CheckIndicatorIcon.d.ts +1 -0
- package/dist/cjs/assets/icons/CheckIndicatorIcon.js +1 -0
- package/dist/cjs/assets/icons/CompletedChecklistIcon.d.ts +3 -0
- package/dist/cjs/assets/icons/CompletedChecklistIcon.js +1 -0
- package/dist/cjs/assets/icons/CustomiseIcon.d.ts +7 -0
- package/dist/cjs/assets/icons/EnableIcon.d.ts +7 -0
- package/dist/cjs/assets/icons/GoLiveIcon.d.ts +7 -0
- package/dist/cjs/assets/icons/InactiveChecklistIcon.d.ts +3 -0
- package/dist/cjs/assets/icons/InactiveChecklistIcon.js +1 -0
- package/dist/cjs/assets/icons/NudgesIcon.d.ts +7 -0
- package/dist/cjs/assets/icons/OrderTrackingIcon.d.ts +7 -0
- package/dist/cjs/assets/icons/ProgressBadgeIcon.d.ts +3 -0
- package/dist/cjs/assets/icons/ShoppingIcon.d.ts +7 -0
- package/dist/cjs/assets/icons/SmallCheckIcon.d.ts +3 -0
- package/dist/cjs/assets/icons/SmallCheckIcon.js +1 -0
- package/dist/cjs/assets/icons/SupportIcon.d.ts +7 -0
- package/dist/cjs/assets/icons/TrainingIcon.d.ts +7 -0
- package/dist/cjs/components/ProgressChecklist/MultiChecklistItem.d.ts +10 -0
- package/dist/cjs/components/ProgressChecklist/MultiChecklistItem.js +1 -0
- package/dist/cjs/components/ProgressChecklist/ProgressChecklist.d.ts +67 -0
- package/dist/cjs/components/ProgressChecklist/ProgressChecklist.js +1 -0
- package/dist/cjs/components/ProgressChecklist/ProgressChecklist.style.d.ts +30 -0
- package/dist/cjs/components/ProgressChecklist/ProgressChecklist.style.js +133 -0
- package/dist/cjs/components/ProgressChecklist/ProgressStepper.d.ts +14 -0
- package/dist/cjs/components/ProgressChecklist/ProgressStepper.js +1 -0
- package/dist/cjs/components/ProgressChecklist/SimpleChecklistItem.d.ts +19 -0
- package/dist/cjs/components/ProgressChecklist/SimpleChecklistItem.js +1 -0
- package/dist/cjs/components/ProgressChecklist/index.d.ts +2 -0
- package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/EmojiPicker.d.ts +2 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.js +1 -1
- package/dist/cjs/components/QueryBuilder/constants/connector.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/constants/connector.js +1 -1
- package/dist/cjs/components/QueryBuilder/constants/connectorPosition.js +1 -1
- package/dist/cjs/components/QueryBuilder/helpers/Connector.helper.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/helpers/Connector.helper.js +1 -1
- package/dist/cjs/components/QueryBuilder/helpers/PropertyCustomProcessor.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.d.ts +22 -2
- package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderAPI.type.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/types/index.d.ts +1 -2
- package/dist/cjs/components/SearchFilter/components/DatePickerButton.d.ts +1 -1
- package/dist/cjs/components/SearchFilter/components/DateRangeOnlyButton.d.ts +1 -1
- package/dist/cjs/components/SearchFilter/components/SearchFilterItem.d.ts +1 -1
- package/dist/cjs/components/SearchFilter/types/SearchFilter.type.d.ts +1 -1
- package/dist/cjs/components/TablePagination/TablePaginationCard.d.ts +1 -1
- package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +3 -3
- package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +1 -1
- package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -1
- package/dist/cjs/components/accordion/Accordion.d.ts +35 -2
- package/dist/cjs/components/accordion/Accordion.style.d.ts +1 -1
- package/dist/cjs/components/analytics-card/AnalyticsCard.d.ts +1 -1
- package/dist/cjs/components/analytics-card/AnalyticsCard.styled.d.ts +3 -3
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +17 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +5 -5
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +3 -3
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +8 -8
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.d.ts +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +5 -5
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.d.ts +5 -5
- package/dist/cjs/components/banner/Banner.styled.d.ts +20 -20
- package/dist/cjs/components/bik-layout/BikSidebar.d.ts +1 -1
- package/dist/cjs/components/bik-layout/CommonStyles.d.ts +17 -17
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/cjs/components/bik-layout/SidebarPopup.d.ts +1 -1
- package/dist/cjs/components/bik-layout/SidebarSkeleton.d.ts +1 -1
- package/dist/cjs/components/bik-layout/SidebarStyles.d.ts +1 -1
- package/dist/cjs/components/bik-layout/SimpleSidebar.d.ts +27 -1
- package/dist/cjs/components/button/Button.styled.d.ts +1 -1
- package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.d.ts +2 -2
- package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.d.ts +6 -6
- package/dist/cjs/components/checkList/CheckList.styled.d.ts +1 -1
- package/dist/cjs/components/colourInput/ColourInput.styled.d.ts +2 -2
- package/dist/cjs/components/country-code-picker/CountryCodePicker.styled.d.ts +2 -2
- package/dist/cjs/components/custom-date-time/CustomDateTime.styled.d.ts +1 -1
- package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts +2 -2
- package/dist/cjs/components/dashboard-review-popup/components/FiveStar.styled.d.ts +2 -2
- package/dist/cjs/components/dashboard-review-popup/components/Form.styled.d.ts +6 -6
- package/dist/cjs/components/discount-modal/DiscountModal.styled.d.ts +5 -5
- package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js +1 -1
- package/dist/cjs/components/feature-announcements/utils/elementHelpers.js +1 -1
- package/dist/cjs/components/floating-input-dropdown/FloatingInputDropdown.d.ts +1 -1
- package/dist/cjs/components/image-cropper/BikImageCropper.d.ts +6 -1
- package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts +1 -1
- package/dist/cjs/components/input/ChipInput.js +1 -1
- package/dist/cjs/components/input/Input-helper.d.ts +1 -1
- package/dist/cjs/components/input/Input.d.ts +71 -1
- package/dist/cjs/components/input/Input.styled.d.ts +1 -1
- package/dist/cjs/components/input-with-vars/InputWithVariables.d.ts +1 -1
- package/dist/cjs/components/list-item/ListItem.d.ts +17 -1
- package/dist/cjs/components/list-item/ListItem.styled.d.ts +2 -2
- package/dist/cjs/components/list-item/themes.d.ts +1 -1
- package/dist/cjs/components/modals/modal.styled.d.ts +4 -4
- package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.d.ts +8 -0
- package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js +1 -0
- package/dist/cjs/components/multi-level-dropdown/MenuItem.d.ts +8 -0
- package/dist/cjs/components/multi-level-dropdown/MenuItem.js +1 -0
- package/dist/cjs/components/multi-level-dropdown/MenuList.d.ts +3 -2
- package/dist/cjs/components/multi-level-dropdown/MenuList.js +1 -1
- package/dist/cjs/components/pagination/Pagination.styled.d.ts +1 -1
- package/dist/cjs/components/plans/SubscriptionPlanSelector.d.ts +2 -2
- package/dist/cjs/components/plans/SubscriptionPlanStyled.d.ts +2 -2
- package/dist/cjs/components/post-live-checklist/PostLiveChecklist.d.ts +23 -0
- package/dist/cjs/components/post-live-checklist/PostLiveChecklist.js +1 -0
- package/dist/cjs/components/post-live-checklist/PostLiveChecklist.stories.d.ts +12 -0
- package/dist/cjs/components/post-live-checklist/index.d.ts +2 -0
- package/dist/cjs/components/post-live-checklist-item/PostLiveChecklistItem.d.ts +10 -0
- package/dist/cjs/components/post-live-checklist-item/PostLiveChecklistItem.js +1 -0
- package/dist/cjs/components/post-live-checklist-item/index.d.ts +1 -0
- package/dist/cjs/components/product-picker/ProductPicker.styled.d.ts +2 -2
- package/dist/cjs/components/product-picker-v2/ProductPickerTag.d.ts +2 -2
- package/dist/cjs/components/product-picker-v2/collectionScreen.d.ts +3 -3
- package/dist/cjs/components/product-picker-v2/helpers/ProductHelper.d.ts +4 -3
- package/dist/cjs/components/product-picker-v2/index.d.ts +1 -1
- package/dist/cjs/components/product-picker-v2/modal.d.ts +58 -2
- package/dist/cjs/components/product-picker-v2/product.d.ts +3 -2
- package/dist/cjs/components/product-picker-v2/productInfoOverlay.d.ts +2 -1
- package/dist/cjs/components/product-picker-v2/productScreen.d.ts +3 -3
- package/dist/cjs/components/product-picker-v2/productScreen.js +1 -1
- package/dist/cjs/components/product-picker-v2/rearrangeScreen.d.ts +4 -3
- package/dist/cjs/components/product-picker-v2/reducers.d.ts +1 -1
- package/dist/cjs/components/product-picker-v2/reducers.js +1 -1
- package/dist/cjs/components/product-picker-v2/searchScreen.d.ts +4 -3
- package/dist/cjs/components/product-picker-v2/selectedScreen.d.ts +4 -3
- package/dist/cjs/components/product-picker-v2/type.d.ts +0 -65
- package/dist/cjs/components/product-picker-v2/utility.d.ts +3 -3
- package/dist/cjs/components/product-picker-v2/utility.js +1 -1
- package/dist/cjs/components/product-picker-v2/variant.d.ts +12 -2
- package/dist/cjs/components/product-picker-v2/variantComponents.d.ts +3 -2
- package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts +1 -1
- package/dist/cjs/components/radioList/RadioList.styled.d.ts +1 -1
- package/dist/cjs/components/sample-button/SampleButton.d.ts +16 -1
- package/dist/cjs/components/sample-button/SampleButton.styled.d.ts +1 -1
- package/dist/cjs/components/sample-button/themes.d.ts +1 -1
- package/dist/cjs/components/searchBar/searchBar.d.ts +1 -1
- package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -2
- package/dist/cjs/components/spinner/Spinner.d.ts +0 -1
- package/dist/cjs/components/spinner/Spinner.js +4 -5
- package/dist/cjs/components/spinner/lotties/black.json.js +1 -0
- package/dist/cjs/components/spinner/lotties/brand.json.js +1 -0
- package/dist/cjs/components/spinner/lotties/red.json.js +1 -0
- package/dist/cjs/components/spinner/lotties/white.json.js +1 -0
- package/dist/cjs/components/spinner/themes.d.ts +0 -3
- package/dist/cjs/components/spinner/themes.js +1 -1
- package/dist/cjs/components/stepper/Stepper.d.ts +17 -1
- package/dist/cjs/components/stepper/Stepper.styled.d.ts +1 -1
- package/dist/cjs/components/stepper/StepperService.d.ts +1 -1
- package/dist/cjs/components/stepper/themes.d.ts +1 -1
- package/dist/cjs/components/switch/Switch.d.ts +3 -3
- package/dist/cjs/components/tabs/Tabs.styles.d.ts +5 -5
- package/dist/cjs/components/tag/Tag.styled.d.ts +1 -1
- package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts +9 -9
- package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
- package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +7 -7
- package/dist/cjs/components/template-context-mapper/custom-hooks/useAdditionalVariables.d.ts +1 -1
- package/dist/cjs/components/template-context-mapper/helpers/WebpushTemplateHelper.d.ts +4 -6
- package/dist/cjs/components/template-context-mapper/helpers/WebpushTemplateHelper.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/Body.d.ts +2 -2
- package/dist/cjs/components/template-context-mapper/modalElements/Body.js +10 -10
- package/dist/cjs/components/template-context-mapper/modalElements/DesktopPreview.js +7 -7
- package/dist/cjs/components/template-context-mapper/modalElements/EditMediaModal.d.ts +3 -3
- package/dist/cjs/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/EditWebpushTemplate.d.ts +2 -2
- package/dist/cjs/components/template-context-mapper/modalElements/EditWebpushTemplate.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.d.ts +14 -3
- package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +5 -5
- package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +2 -2
- package/dist/cjs/components/template-context-mapper/modalElements/Footer.js +4 -4
- package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.d.ts +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.js +3 -3
- package/dist/cjs/components/template-context-mapper/modalElements/QualityWarningModal.d.ts +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.d.ts +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/TemplateSelectModalContent.d.ts +2 -2
- package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.d.ts +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +4 -4
- package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +4 -5
- package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/VariableEditorHeader.d.ts +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.d.ts +2 -2
- package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.d.ts +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.js +1 -1
- package/dist/cjs/components/template-context-mapper/utils/convertPlaceholdersToBikDropdown.d.ts +2 -2
- package/dist/cjs/components/template-context-mapper/utils/getDataFromTemplateComponent.d.ts +2 -2
- package/dist/cjs/components/template-context-mapper/utils/highlightFor.d.ts +1 -1
- package/dist/cjs/components/template-preview/models/TemplateMeta.d.ts +1 -1
- package/dist/cjs/components/template-preview/models/WhatsappCarouselTemplate.d.ts +2 -2
- package/dist/cjs/components/testimonial-card/TestimonialCard.style.d.ts +9 -9
- package/dist/cjs/components/toaster/Toaster.styled.d.ts +1 -1
- package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js +1 -1
- package/dist/cjs/index.d.ts +3 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/assets/icons/ActiveChecklistIcon.d.ts +3 -0
- package/dist/esm/assets/icons/ActiveChecklistIcon.js +1 -0
- package/dist/esm/assets/icons/Ai_event_generating.svg.js +1 -1
- package/dist/esm/assets/icons/CheckIndicatorIcon.d.ts +1 -0
- package/dist/esm/assets/icons/CheckIndicatorIcon.js +1 -0
- package/dist/esm/assets/icons/CompletedChecklistIcon.d.ts +3 -0
- package/dist/esm/assets/icons/CompletedChecklistIcon.js +1 -0
- package/dist/esm/assets/icons/CustomiseIcon.d.ts +7 -0
- package/dist/esm/assets/icons/EnableIcon.d.ts +7 -0
- package/dist/esm/assets/icons/GoLiveIcon.d.ts +7 -0
- package/dist/esm/assets/icons/InactiveChecklistIcon.d.ts +3 -0
- package/dist/esm/assets/icons/InactiveChecklistIcon.js +1 -0
- package/dist/esm/assets/icons/NudgesIcon.d.ts +7 -0
- package/dist/esm/assets/icons/OrderTrackingIcon.d.ts +7 -0
- package/dist/esm/assets/icons/ProgressBadgeIcon.d.ts +3 -0
- package/dist/esm/assets/icons/ShoppingIcon.d.ts +7 -0
- package/dist/esm/assets/icons/SmallCheckIcon.d.ts +3 -0
- package/dist/esm/assets/icons/SmallCheckIcon.js +1 -0
- package/dist/esm/assets/icons/SupportIcon.d.ts +7 -0
- package/dist/esm/assets/icons/TrainingIcon.d.ts +7 -0
- package/dist/esm/components/ProgressChecklist/MultiChecklistItem.d.ts +10 -0
- package/dist/esm/components/ProgressChecklist/MultiChecklistItem.js +1 -0
- package/dist/esm/components/ProgressChecklist/ProgressChecklist.d.ts +67 -0
- package/dist/esm/components/ProgressChecklist/ProgressChecklist.js +1 -0
- package/dist/esm/components/ProgressChecklist/ProgressChecklist.style.d.ts +30 -0
- package/dist/esm/components/ProgressChecklist/ProgressChecklist.style.js +133 -0
- package/dist/esm/components/ProgressChecklist/ProgressStepper.d.ts +14 -0
- package/dist/esm/components/ProgressChecklist/ProgressStepper.js +1 -0
- package/dist/esm/components/ProgressChecklist/SimpleChecklistItem.d.ts +19 -0
- package/dist/esm/components/ProgressChecklist/SimpleChecklistItem.js +1 -0
- package/dist/esm/components/ProgressChecklist/index.d.ts +2 -0
- package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/EmojiPicker.d.ts +2 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js +1 -1
- package/dist/esm/components/QueryBuilder/constants/connector.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/constants/connector.js +1 -1
- package/dist/esm/components/QueryBuilder/constants/connectorPosition.js +1 -1
- package/dist/esm/components/QueryBuilder/helpers/Connector.helper.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/helpers/Connector.helper.js +1 -1
- package/dist/esm/components/QueryBuilder/helpers/PropertyCustomProcessor.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts +22 -2
- package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilderAPI.type.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/types/index.d.ts +1 -2
- package/dist/esm/components/SearchFilter/components/DatePickerButton.d.ts +1 -1
- package/dist/esm/components/SearchFilter/components/DateRangeOnlyButton.d.ts +1 -1
- package/dist/esm/components/SearchFilter/components/SearchFilterItem.d.ts +1 -1
- package/dist/esm/components/SearchFilter/types/SearchFilter.type.d.ts +1 -1
- package/dist/esm/components/TablePagination/TablePaginationCard.d.ts +1 -1
- package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +3 -3
- package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +1 -1
- package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -1
- package/dist/esm/components/accordion/Accordion.d.ts +35 -2
- package/dist/esm/components/accordion/Accordion.style.d.ts +1 -1
- package/dist/esm/components/analytics-card/AnalyticsCard.d.ts +1 -1
- package/dist/esm/components/analytics-card/AnalyticsCard.styled.d.ts +3 -3
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +17 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +5 -5
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +3 -3
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +8 -8
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.d.ts +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +5 -5
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.d.ts +5 -5
- package/dist/esm/components/banner/Banner.styled.d.ts +20 -20
- package/dist/esm/components/bik-layout/BikSidebar.d.ts +1 -1
- package/dist/esm/components/bik-layout/CommonStyles.d.ts +17 -17
- package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/esm/components/bik-layout/SidebarPopup.d.ts +1 -1
- package/dist/esm/components/bik-layout/SidebarSkeleton.d.ts +1 -1
- package/dist/esm/components/bik-layout/SidebarStyles.d.ts +1 -1
- package/dist/esm/components/bik-layout/SimpleSidebar.d.ts +27 -1
- package/dist/esm/components/button/Button.styled.d.ts +1 -1
- package/dist/esm/components/card-selection-modal/CardSelectionModal.styled.d.ts +2 -2
- package/dist/esm/components/carousel-secondary/CarouselSecondary.style.d.ts +6 -6
- package/dist/esm/components/checkList/CheckList.styled.d.ts +1 -1
- package/dist/esm/components/colourInput/ColourInput.styled.d.ts +2 -2
- package/dist/esm/components/country-code-picker/CountryCodePicker.styled.d.ts +2 -2
- package/dist/esm/components/custom-date-time/CustomDateTime.styled.d.ts +1 -1
- package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts +2 -2
- package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.d.ts +2 -2
- package/dist/esm/components/dashboard-review-popup/components/Form.styled.d.ts +6 -6
- package/dist/esm/components/discount-modal/DiscountModal.styled.d.ts +5 -5
- package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js +1 -1
- package/dist/esm/components/feature-announcements/utils/elementHelpers.js +1 -1
- package/dist/esm/components/floating-input-dropdown/FloatingInputDropdown.d.ts +1 -1
- package/dist/esm/components/image-cropper/BikImageCropper.d.ts +6 -1
- package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts +1 -1
- package/dist/esm/components/input/ChipInput.js +1 -1
- package/dist/esm/components/input/Input-helper.d.ts +1 -1
- package/dist/esm/components/input/Input.d.ts +71 -1
- package/dist/esm/components/input/Input.styled.d.ts +1 -1
- package/dist/esm/components/input-with-vars/InputWithVariables.d.ts +1 -1
- package/dist/esm/components/list-item/ListItem.d.ts +17 -1
- package/dist/esm/components/list-item/ListItem.styled.d.ts +2 -2
- package/dist/esm/components/list-item/themes.d.ts +1 -1
- package/dist/esm/components/modals/modal.styled.d.ts +4 -4
- package/dist/esm/components/multi-level-dropdown/GroupedMenuList.d.ts +8 -0
- package/dist/esm/components/multi-level-dropdown/GroupedMenuList.js +1 -0
- package/dist/esm/components/multi-level-dropdown/MenuItem.d.ts +8 -0
- package/dist/esm/components/multi-level-dropdown/MenuItem.js +1 -0
- package/dist/esm/components/multi-level-dropdown/MenuList.d.ts +3 -2
- package/dist/esm/components/multi-level-dropdown/MenuList.js +1 -1
- package/dist/esm/components/pagination/Pagination.styled.d.ts +1 -1
- package/dist/esm/components/plans/SubscriptionPlanSelector.d.ts +2 -2
- package/dist/esm/components/plans/SubscriptionPlanStyled.d.ts +2 -2
- package/dist/esm/components/post-live-checklist/PostLiveChecklist.d.ts +23 -0
- package/dist/esm/components/post-live-checklist/PostLiveChecklist.js +1 -0
- package/dist/esm/components/post-live-checklist/PostLiveChecklist.stories.d.ts +12 -0
- package/dist/esm/components/post-live-checklist/index.d.ts +2 -0
- package/dist/esm/components/post-live-checklist-item/PostLiveChecklistItem.d.ts +10 -0
- package/dist/esm/components/post-live-checklist-item/PostLiveChecklistItem.js +1 -0
- package/dist/esm/components/post-live-checklist-item/index.d.ts +1 -0
- package/dist/esm/components/product-picker/ProductPicker.styled.d.ts +2 -2
- package/dist/esm/components/product-picker-v2/ProductPickerTag.d.ts +2 -2
- package/dist/esm/components/product-picker-v2/collectionScreen.d.ts +3 -3
- package/dist/esm/components/product-picker-v2/helpers/ProductHelper.d.ts +4 -3
- package/dist/esm/components/product-picker-v2/index.d.ts +1 -1
- package/dist/esm/components/product-picker-v2/modal.d.ts +58 -2
- package/dist/esm/components/product-picker-v2/product.d.ts +3 -2
- package/dist/esm/components/product-picker-v2/productInfoOverlay.d.ts +2 -1
- package/dist/esm/components/product-picker-v2/productScreen.d.ts +3 -3
- package/dist/esm/components/product-picker-v2/productScreen.js +1 -1
- package/dist/esm/components/product-picker-v2/rearrangeScreen.d.ts +4 -3
- package/dist/esm/components/product-picker-v2/reducers.d.ts +1 -1
- package/dist/esm/components/product-picker-v2/reducers.js +1 -1
- package/dist/esm/components/product-picker-v2/searchScreen.d.ts +4 -3
- package/dist/esm/components/product-picker-v2/selectedScreen.d.ts +4 -3
- package/dist/esm/components/product-picker-v2/type.d.ts +0 -65
- package/dist/esm/components/product-picker-v2/utility.d.ts +3 -3
- package/dist/esm/components/product-picker-v2/utility.js +1 -1
- package/dist/esm/components/product-picker-v2/variant.d.ts +12 -2
- package/dist/esm/components/product-picker-v2/variantComponents.d.ts +3 -2
- package/dist/esm/components/progress-bar/ProgressBarComponent.d.ts +1 -1
- package/dist/esm/components/radioList/RadioList.styled.d.ts +1 -1
- package/dist/esm/components/sample-button/SampleButton.d.ts +16 -1
- package/dist/esm/components/sample-button/SampleButton.styled.d.ts +1 -1
- package/dist/esm/components/sample-button/themes.d.ts +1 -1
- package/dist/esm/components/searchBar/searchBar.d.ts +1 -1
- package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -2
- package/dist/esm/components/spinner/Spinner.d.ts +0 -1
- package/dist/esm/components/spinner/Spinner.js +6 -7
- package/dist/esm/components/spinner/lotties/black.json.js +1 -0
- package/dist/esm/components/spinner/lotties/brand.json.js +1 -0
- package/dist/esm/components/spinner/lotties/red.json.js +1 -0
- package/dist/esm/components/spinner/lotties/white.json.js +1 -0
- package/dist/esm/components/spinner/themes.d.ts +0 -3
- package/dist/esm/components/spinner/themes.js +1 -1
- package/dist/esm/components/stepper/Stepper.d.ts +17 -1
- package/dist/esm/components/stepper/Stepper.styled.d.ts +1 -1
- package/dist/esm/components/stepper/StepperService.d.ts +1 -1
- package/dist/esm/components/stepper/themes.d.ts +1 -1
- package/dist/esm/components/switch/Switch.d.ts +3 -3
- package/dist/esm/components/tabs/Tabs.styles.d.ts +5 -5
- package/dist/esm/components/tag/Tag.styled.d.ts +1 -1
- package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +9 -9
- package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
- package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +7 -7
- package/dist/esm/components/template-context-mapper/custom-hooks/useAdditionalVariables.d.ts +1 -1
- package/dist/esm/components/template-context-mapper/helpers/WebpushTemplateHelper.d.ts +4 -6
- package/dist/esm/components/template-context-mapper/helpers/WebpushTemplateHelper.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/Body.d.ts +2 -2
- package/dist/esm/components/template-context-mapper/modalElements/Body.js +10 -10
- package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js +6 -6
- package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.d.ts +3 -3
- package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/EditWebpushTemplate.d.ts +2 -2
- package/dist/esm/components/template-context-mapper/modalElements/EditWebpushTemplate.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.d.ts +14 -3
- package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +5 -5
- package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/Footer.js +4 -4
- package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.d.ts +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.js +5 -5
- package/dist/esm/components/template-context-mapper/modalElements/QualityWarningModal.d.ts +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.d.ts +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/TemplateSelectModalContent.d.ts +2 -2
- package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.d.ts +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +4 -5
- package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/VariableEditorHeader.d.ts +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.d.ts +2 -2
- package/dist/esm/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.d.ts +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.js +1 -1
- package/dist/esm/components/template-context-mapper/utils/convertPlaceholdersToBikDropdown.d.ts +2 -2
- package/dist/esm/components/template-context-mapper/utils/getDataFromTemplateComponent.d.ts +2 -2
- package/dist/esm/components/template-context-mapper/utils/highlightFor.d.ts +1 -1
- package/dist/esm/components/template-preview/models/TemplateMeta.d.ts +1 -1
- package/dist/esm/components/template-preview/models/WhatsappCarouselTemplate.d.ts +2 -2
- package/dist/esm/components/testimonial-card/TestimonialCard.style.d.ts +9 -9
- package/dist/esm/components/toaster/Toaster.styled.d.ts +1 -1
- package/dist/esm/components/variable-picker-v3/SubHeaderItems.js +1 -1
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.js +1 -1
- package/package.json +7 -5
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderEnum.type.d.ts +0 -21
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderEnum.type.js +0 -1
- package/dist/cjs/components/accordion/Accordion.model.d.ts +0 -35
- package/dist/cjs/components/analytics-card/AnalyticsCard.model.d.ts +0 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.model.d.ts +0 -18
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LazyCharts.d.ts +0 -2
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LazyCharts.js +0 -1
- package/dist/cjs/components/bik-layout/Sidebar.model.d.ts +0 -27
- package/dist/cjs/components/image-cropper/BikImageCropper.model.d.ts +0 -6
- package/dist/cjs/components/input/Input.model.d.ts +0 -72
- package/dist/cjs/components/list-item/List.model.d.ts +0 -18
- package/dist/cjs/components/sample-button/SampleButton.model.d.ts +0 -17
- package/dist/cjs/components/stepper/Stepper.model.d.ts +0 -17
- package/dist/cjs/components/template-context-mapper/modalElements/modal.d.ts +0 -13
- package/dist/esm/components/QueryBuilder/types/QueryBuilderEnum.type.d.ts +0 -21
- package/dist/esm/components/QueryBuilder/types/QueryBuilderEnum.type.js +0 -1
- package/dist/esm/components/accordion/Accordion.model.d.ts +0 -35
- package/dist/esm/components/analytics-card/AnalyticsCard.model.d.ts +0 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.model.d.ts +0 -18
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/LazyCharts.d.ts +0 -2
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/LazyCharts.js +0 -1
- package/dist/esm/components/bik-layout/Sidebar.model.d.ts +0 -27
- package/dist/esm/components/image-cropper/BikImageCropper.model.d.ts +0 -6
- package/dist/esm/components/input/Input.model.d.ts +0 -72
- package/dist/esm/components/list-item/List.model.d.ts +0 -18
- package/dist/esm/components/sample-button/SampleButton.model.d.ts +0 -17
- package/dist/esm/components/stepper/Stepper.model.d.ts +0 -17
- package/dist/esm/components/template-context-mapper/modalElements/modal.d.ts +0 -13
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsxs as i,jsx as l}from"react/jsx-runtime";const t=t=>i("svg",Object.assign({width:"36",height:"44",viewBox:"0 0 36 44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{children:[l("rect",{y:"4",width:"36",height:"36",rx:"18",fill:"#E0E0E0"}),i("g",Object.assign({clipPath:"url(#clip0_8_5196)"},{children:[l("path",{d:"M14.9583 21.167C14.268 21.167 13.7083 21.7266 13.7083 22.417C13.7083 23.1073 14.268 23.667 14.9583 23.667C15.6487 23.667 16.2083 23.1073 16.2083 22.417C16.2083 21.7266 15.6487 21.167 14.9583 21.167Z",fill:"#BDBDBD"}),l("path",{d:"M20.7916 21.167C20.1013 21.167 19.5416 21.7266 19.5416 22.417C19.5416 23.1073 20.1013 23.667 20.7916 23.667C21.482 23.667 22.0416 23.1073 22.0416 22.417C22.0416 21.7266 21.482 21.167 20.7916 21.167Z",fill:"#BDBDBD"}),l("path",{d:"M16.2083 25.3337C15.7481 25.3337 15.375 25.7068 15.375 26.167C15.375 26.6272 15.7481 27.0003 16.2083 27.0003H19.5416C20.0019 27.0003 20.375 26.6272 20.375 26.167C20.375 25.7068 20.0019 25.3337 19.5416 25.3337H16.2083Z",fill:"#BDBDBD"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5416 14.5003C14.5416 14.0401 14.9147 13.667 15.375 13.667H20.375C20.8352 13.667 21.2083 14.0401 21.2083 14.5003C21.2083 14.9606 20.8352 15.3337 20.375 15.3337H18.7083V17.0003H22.875C25.1762 17.0003 27.0416 18.8658 27.0416 21.167V26.167C27.0416 28.4682 25.1762 30.3337 22.875 30.3337H12.875C10.5738 30.3337 8.70831 28.4682 8.70831 26.167V21.167C8.70831 18.8658 10.5738 17.0003 12.875 17.0003H17.0416V15.3337H15.375C14.9147 15.3337 14.5416 14.9606 14.5416 14.5003ZM12.875 18.667C11.4943 18.667 10.375 19.7863 10.375 21.167V26.167C10.375 27.5477 11.4943 28.667 12.875 28.667H22.875C24.2557 28.667 25.375 27.5477 25.375 26.167V21.167C25.375 19.7863 24.2557 18.667 22.875 18.667H12.875Z",fill:"#BDBDBD"})]})),l("defs",{children:l("clipPath",Object.assign({id:"clip0_8_5196"},{children:l("rect",{width:"20",height:"20",fill:"white",transform:"translate(7.875 12)"})}))})]}));export{t as InactiveChecklistIcon,t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";const l=l=>e("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l,{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.91058 4.41058C7.23602 4.08514 7.76366 4.08514 8.08909 4.41058L13.0891 9.41058C13.4145 9.73602 13.4145 10.2637 13.0891 10.5891L8.08909 15.5891C7.76366 15.9145 7.23602 15.9145 6.91058 15.5891C6.58514 15.2637 6.58514 14.736 6.91058 14.4106L11.3213 9.99984L6.91058 5.58909C6.58514 5.26366 6.58514 4.73602 6.91058 4.41058Z",fill:"#616161"})}));export{l as SmallCheckIcon,l as default};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { MultiChecklistItemType } from './ProgressChecklist';
|
|
3
|
+
interface MultiChecklistItemProps {
|
|
4
|
+
item: MultiChecklistItemType;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
isOpen?: boolean;
|
|
7
|
+
onToggle?: (open: boolean) => void;
|
|
8
|
+
}
|
|
9
|
+
declare const MultiChecklistItem: React.FC<MultiChecklistItemProps>;
|
|
10
|
+
export default MultiChecklistItem;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{BikAccordion as o}from"../accordion/Accordion.js";import i from"./SimpleChecklistItem.js";const r=r=>{let{item:t,children:c,isOpen:n,onToggle:s}=r;const d="boolean"==typeof n?n:!!t.isActive,a=e(i,{header:t.header,subheader:t.subheader,icon:t.icon,activeIcon:t.activeIcon,completedIcon:t.completedIcon,isCompleted:t.isCompleted,isActive:t.isActive,tag:t.tag});return e(o,Object.assign({header:a,headerStyles:{height:"auto",cursor:"pointer"},onToggleAccordion:s||(()=>{}),isOpen:d,skipHoverHeader:!0,showBorders:!0,borderRadius:"8px"},{children:c?e("div",Object.assign({style:{border:"none",padding:16}},{children:c})):null}))};export{r as default};
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ALERT_TYPES } from '../alerts';
|
|
3
|
+
export interface ChecklistItemType {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
completed?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface SingleChecklistItemType {
|
|
10
|
+
id: string;
|
|
11
|
+
header: string;
|
|
12
|
+
subheader: string;
|
|
13
|
+
icon?: React.ReactNode;
|
|
14
|
+
activeIcon?: React.ReactNode;
|
|
15
|
+
completedIcon?: React.ReactNode;
|
|
16
|
+
isActive?: boolean;
|
|
17
|
+
isCompleted?: boolean;
|
|
18
|
+
onSetup?: () => void;
|
|
19
|
+
alertText?: string | React.ReactNode;
|
|
20
|
+
alertType?: ALERT_TYPES;
|
|
21
|
+
tag?: {
|
|
22
|
+
tagText: string | number;
|
|
23
|
+
variant?: 'regular' | 'circle' | 'compressed';
|
|
24
|
+
type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
|
|
25
|
+
theme?: 'light' | 'dark';
|
|
26
|
+
};
|
|
27
|
+
type: 'single';
|
|
28
|
+
buttonType?: 'primary' | 'secondary' | 'tertiary';
|
|
29
|
+
buttonText?: string;
|
|
30
|
+
buttonDisabled?: boolean;
|
|
31
|
+
hideRedirectButton?: boolean;
|
|
32
|
+
}
|
|
33
|
+
export interface MultiChecklistItemType {
|
|
34
|
+
id: string;
|
|
35
|
+
header: string;
|
|
36
|
+
subheader?: string;
|
|
37
|
+
icon?: React.ReactNode;
|
|
38
|
+
activeIcon?: React.ReactNode;
|
|
39
|
+
completedIcon?: React.ReactNode;
|
|
40
|
+
isActive?: boolean;
|
|
41
|
+
isCompleted?: boolean;
|
|
42
|
+
onSetup?: () => void;
|
|
43
|
+
tag?: {
|
|
44
|
+
tagText: string | number;
|
|
45
|
+
variant?: 'regular' | 'circle' | 'compressed';
|
|
46
|
+
type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
|
|
47
|
+
theme?: 'light' | 'dark';
|
|
48
|
+
};
|
|
49
|
+
type: 'multiple';
|
|
50
|
+
alertType?: ALERT_TYPES;
|
|
51
|
+
steps?: Array<{
|
|
52
|
+
id?: string;
|
|
53
|
+
text: string;
|
|
54
|
+
onClick?: () => void;
|
|
55
|
+
isCompleted?: boolean;
|
|
56
|
+
}>;
|
|
57
|
+
buttonType?: 'primary' | 'secondary' | 'tertiary';
|
|
58
|
+
}
|
|
59
|
+
export interface ProgressChecklistProps {
|
|
60
|
+
header?: string;
|
|
61
|
+
subheader?: string;
|
|
62
|
+
items?: Array<SingleChecklistItemType | MultiChecklistItemType>;
|
|
63
|
+
progressBarColor?: string;
|
|
64
|
+
headerAction?: React.ReactNode;
|
|
65
|
+
}
|
|
66
|
+
declare const ProgressChecklist: React.FC<ProgressChecklistProps>;
|
|
67
|
+
export default ProgressChecklist;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{COLORS as r}from"../../constants/Theme.js";import{ActiveChecklistIcon as l}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as n}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as o}from"../../assets/icons/InactiveChecklistIcon.js";import{SmallCheckIcon as c}from"../../assets/icons/SmallCheckIcon.js";import{Alert as d}from"../alerts/Alert.js";import{ALERT_TYPES as a,CONTENT_POSITION as p}from"../alerts/AlertHelper.js";import{Button as m}from"../button/Button.js";import{ProgressBarV2 as g,ProgressBarType as h}from"../progress-bar-v2/ProgressBarV2.js";import{Tag as u}from"../tag/Tag.js";import{TitleMedium as f,BodySecondary as b,TitleSmall as y}from"../TypographyStyle.js";import v from"./MultiChecklistItem.js";import{ProgressChecklistContainer as j,HeaderSection as x,ProgressBarSection as C,SingleChecklistItem as T,SingleChecklistMainRow as I,SingleChecklistIconWrapper as A,SingleChecklistContent as k,SingleChecklistHeader as O,SingleChecklistSubheader as S,SingleChecklistActionWrapper as P,SingleChecklistAlertRow as B}from"./ProgressChecklist.style.js";import $ from"./ProgressStepper.js";const w=w=>{let{header:D,subheader:N,items:R=[],progressBarColor:V,headerAction:W}=w;const[L,M]=i(R);s((()=>{M(R)}),[R]);const E=L.filter((e=>e.isCompleted)).length,G=L.length,H=G>0?E/G*100:0;return e(j,{children:[e(x,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[t(f,{children:D}),W&&t("div",{children:W})]})),t(b,Object.assign({color:r.content.secondary},{children:N}))]}),e(C,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(g,{progress:Math.round(H),type:h.LINE,matchParentWidth:!0,showProgress:!1,color:null!=V?V:r.background.positive.vibrant,progressBarThickness:12})})),t("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e(y,Object.assign({style:{color:r.content.secondary,textAlign:"right"}},{children:[E," / ",G]}))}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:L.map((i=>{var s,r,g,h,f,b,y,j;if("single"===i.type)return e(T,Object.assign({isActive:i.isActive||!1},{children:[e(I,{children:[t(A,{children:i.isCompleted?null!==(s=i.completedIcon)&&void 0!==s?s:t(n,{}):i.isActive?null!==(r=i.activeIcon)&&void 0!==r?r:t(l,{}):null!==(g=i.icon)&&void 0!==g?g:t(o,{})}),e(k,{children:[e("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[t(O,Object.assign({completed:!!i.isCompleted,isActive:!!i.isActive},{children:i.header})),(null===(h=i.tag)||void 0===h?void 0:h.tagText)&&t(u,{tagText:i.tag.tagText,variant:i.tag.variant,type:i.tag.type,theme:i.tag.theme})]})),t(S,{children:i.subheader})]}),i.isCompleted&&!i.hideRedirectButton&&t("div",Object.assign({onClick:i.onSetup,style:{cursor:"pointer"}},{children:t(c,{style:{marginLeft:"12px"}})})),!i.isCompleted&&i.isActive&&t(P,{children:t(m,{buttonText:null!==(f=i.buttonText)&&void 0!==f?f:"Setup",buttonType:null!==(b=i.buttonType)&&void 0!==b?b:"primary",onClick:i.onSetup,disabled:null!==(y=i.buttonDisabled)&&void 0!==y&&y})})]}),i.alertText&&t(B,{children:t(d,{text:i.alertText,type:null!==(j=i.alertType)&&void 0!==j?j:a.WARNING,contentPosition:p.START})})]}),i.id);if("multiple"===i.type){const e=i.steps&&i.steps.length>0?i.steps.map(((e,t)=>{var s;return{id:null!==(s=e.id)&&void 0!==s?s:`${i.id}-sub-${t+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${i.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${i.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${i.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return t(v,Object.assign({item:i},{children:t($,{steps:e})}),i.id)}}))}))]})};export{w as default};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export declare const ProgressChecklistContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const HeaderSection: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const ProgressBarSection: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
+
export declare const ChecklistItemsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const ChecklistItem: import("styled-components").StyledComponent<"div", any, {
|
|
6
|
+
completed?: boolean | undefined;
|
|
7
|
+
}, never>;
|
|
8
|
+
export declare const ChecklistCheckbox: import("styled-components").StyledComponent<"input", any, {}, never>;
|
|
9
|
+
export declare const ChecklistItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
+
export declare const ChecklistItemText: import("styled-components").StyledComponent<"p", any, {
|
|
11
|
+
completed?: boolean | undefined;
|
|
12
|
+
}, never>;
|
|
13
|
+
export declare const ChecklistItemDescription: import("styled-components").StyledComponent<"p", any, {
|
|
14
|
+
completed?: boolean | undefined;
|
|
15
|
+
}, never>;
|
|
16
|
+
export declare const SingleChecklistItem: import("styled-components").StyledComponent<"div", any, {
|
|
17
|
+
isActive: boolean;
|
|
18
|
+
}, never>;
|
|
19
|
+
export declare const SingleChecklistMainRow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
20
|
+
export declare const SingleChecklistIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
21
|
+
export declare const SingleChecklistContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
22
|
+
export declare const SingleChecklistHeader: import("styled-components").StyledComponent<"div", any, {
|
|
23
|
+
completed?: boolean | undefined;
|
|
24
|
+
isActive?: boolean | undefined;
|
|
25
|
+
}, never>;
|
|
26
|
+
export declare const SingleChecklistSubheader: import("styled-components").StyledComponent<"div", any, {
|
|
27
|
+
isActive?: boolean | undefined;
|
|
28
|
+
}, never>;
|
|
29
|
+
export declare const SingleChecklistActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
30
|
+
export declare const SingleChecklistAlertRow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const o=e.div`
|
|
2
|
+
border-radius: 8px;
|
|
3
|
+
border: 1px solid #e0e0e0;
|
|
4
|
+
padding: 24px;
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
gap: 10px;
|
|
8
|
+
background: ${i.surface.standard};
|
|
9
|
+
|
|
10
|
+
.accordion__overview {
|
|
11
|
+
padding: 16px !important;
|
|
12
|
+
border-bottom: none;
|
|
13
|
+
}
|
|
14
|
+
`,r=e.div`
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
gap: 8px;
|
|
18
|
+
`,t=e.div`
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: row;
|
|
21
|
+
gap: 12px;
|
|
22
|
+
`;e.div`
|
|
23
|
+
display: flex;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
gap: 16px;
|
|
26
|
+
overflow-y: auto;
|
|
27
|
+
flex: 1;
|
|
28
|
+
|
|
29
|
+
&::-webkit-scrollbar {
|
|
30
|
+
width: 6px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&::-webkit-scrollbar-track {
|
|
34
|
+
background: transparent;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&::-webkit-scrollbar-thumb {
|
|
38
|
+
background: ${i.stroke.primary};
|
|
39
|
+
border-radius: 3px;
|
|
40
|
+
}
|
|
41
|
+
`,e.div`
|
|
42
|
+
display: flex;
|
|
43
|
+
align-items: flex-start;
|
|
44
|
+
gap: 12px;
|
|
45
|
+
padding: 12px;
|
|
46
|
+
background: ${e=>e.completed?"#F0F7F4":i.surface.standard};
|
|
47
|
+
border: 1px solid
|
|
48
|
+
${e=>e.completed?"#D4E9E3":i.stroke.primary};
|
|
49
|
+
border-radius: 6px;
|
|
50
|
+
cursor: pointer;
|
|
51
|
+
transition: all 0.2s ease;
|
|
52
|
+
|
|
53
|
+
&:hover {
|
|
54
|
+
background: ${e=>e.completed?"#E8F4F0":i.background.base};
|
|
55
|
+
}
|
|
56
|
+
`,e.input`
|
|
57
|
+
width: 18px;
|
|
58
|
+
height: 18px;
|
|
59
|
+
margin-top: 2px;
|
|
60
|
+
cursor: pointer;
|
|
61
|
+
flex-shrink: 0;
|
|
62
|
+
`,e.div`
|
|
63
|
+
display: flex;
|
|
64
|
+
flex-direction: column;
|
|
65
|
+
gap: 4px;
|
|
66
|
+
flex: 1;
|
|
67
|
+
`,e.p`
|
|
68
|
+
margin: 0;
|
|
69
|
+
font-size: 14px;
|
|
70
|
+
font-weight: 500;
|
|
71
|
+
line-height: 20px;
|
|
72
|
+
color: ${e=>e.completed?i.content.secondary:i.content.primary};
|
|
73
|
+
text-decoration: ${e=>e.completed?"line-through":"none"};
|
|
74
|
+
`,e.p`
|
|
75
|
+
margin: 0;
|
|
76
|
+
font-size: 12px;
|
|
77
|
+
font-weight: 400;
|
|
78
|
+
line-height: 16px;
|
|
79
|
+
color: ${i.content.secondary};
|
|
80
|
+
opacity: ${e=>e.completed?.6:1};
|
|
81
|
+
`;const n=e.div`
|
|
82
|
+
border-radius: 8px;
|
|
83
|
+
border: 1px solid
|
|
84
|
+
${e=>e.isActive?i.stroke.primary:"#E0E0E0"};
|
|
85
|
+
padding: 16px;
|
|
86
|
+
display: flex;
|
|
87
|
+
flex-direction: column;
|
|
88
|
+
gap: 12px;
|
|
89
|
+
background: ${i.surface.standard};
|
|
90
|
+
transition: all 0.2s ease;
|
|
91
|
+
|
|
92
|
+
&:hover {
|
|
93
|
+
border-color: ${e=>e.isActive?i.stroke.primary:"#D0D0D0"};
|
|
94
|
+
}
|
|
95
|
+
`,p=e.div`
|
|
96
|
+
display: flex;
|
|
97
|
+
align-items: center;
|
|
98
|
+
gap: 16px;
|
|
99
|
+
width: 100%;
|
|
100
|
+
`,a=e.div`
|
|
101
|
+
display: flex;
|
|
102
|
+
align-items: center;
|
|
103
|
+
justify-content: center;
|
|
104
|
+
flex-shrink: 0;
|
|
105
|
+
`,d=e.div`
|
|
106
|
+
display: flex;
|
|
107
|
+
flex-direction: column;
|
|
108
|
+
gap: 4px;
|
|
109
|
+
flex: 1;
|
|
110
|
+
`,l=e.div`
|
|
111
|
+
font-size: 16px;
|
|
112
|
+
font-weight: 600;
|
|
113
|
+
line-height: 24px;
|
|
114
|
+
color: ${e=>e.completed?i.background.positive.vibrant:e.isActive?i.content.primary:i.content.placeholder} !important;
|
|
115
|
+
margin: 0;
|
|
116
|
+
display: flex;
|
|
117
|
+
flex-direction: row;
|
|
118
|
+
gap: 12px;
|
|
119
|
+
`,c=e.div`
|
|
120
|
+
font-size: 14px;
|
|
121
|
+
font-weight: 400;
|
|
122
|
+
line-height: 20px;
|
|
123
|
+
color: ${e=>e.isActive?i.content.secondary:i.content.placeholder};
|
|
124
|
+
margin: 0;
|
|
125
|
+
`,s=e.div`
|
|
126
|
+
display: flex;
|
|
127
|
+
align-items: center;
|
|
128
|
+
gap: 8px;
|
|
129
|
+
flex-shrink: 0;
|
|
130
|
+
`,x=e.div`
|
|
131
|
+
width: 100%;
|
|
132
|
+
margin-top: 8px;
|
|
133
|
+
`;export{r as HeaderSection,t as ProgressBarSection,o as ProgressChecklistContainer,s as SingleChecklistActionWrapper,x as SingleChecklistAlertRow,d as SingleChecklistContent,l as SingleChecklistHeader,a as SingleChecklistIconWrapper,n as SingleChecklistItem,p as SingleChecklistMainRow,c as SingleChecklistSubheader};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface StepItem {
|
|
3
|
+
id?: string;
|
|
4
|
+
text: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
isCompleted?: boolean;
|
|
8
|
+
}
|
|
9
|
+
interface ProgressStepperProps {
|
|
10
|
+
steps?: StepItem[];
|
|
11
|
+
onStepClick?: (id: string) => void;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: React.NamedExoticComponent<ProgressStepperProps>;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{useState as n}from"react";import{COLORS as l}from"../../constants/Theme.js";import{Button as d}from"../button/Button.js";const o=o=>{let{steps:s=[],onStepClick:r}=o;var a,c;const h=s.length>0?s:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[p,g]=n(null!==(c=null===(a=h[0])||void 0===a?void 0:a.id)&&void 0!==c?c:null);return e("div",Object.assign({style:{paddingLeft:52}},{children:e("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:h.map(((n,o)=>{var s,a,c,v,u,x,m;return t(i.Fragment,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var i;const l=0===o||!0===(null===(i=h[o-1])||void 0===i?void 0:i.isCompleted),d=!0===n.isCompleted;return e("div",d?Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",fill:"#EFE6F9"}),e("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",stroke:"#4B1583"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.8047 7.52851C18.0651 7.78886 18.0651 8.21097 17.8047 8.47132L10.4714 15.8047C10.2111 16.065 9.78894 16.065 9.5286 15.8047L6.19526 12.4713C5.93491 12.211 5.93491 11.7889 6.19526 11.5285C6.45561 11.2682 6.87772 11.2682 7.13807 11.5285L10 14.3904L16.8619 7.52851C17.1223 7.26816 17.5444 7.26816 17.8047 7.52851Z",fill:"#4B1583"})]}))}):Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:l?"#4B1583":"transparent",color:l?"#FFFFFF":"#BDBDBD",border:"1px solid "+(l?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:o+1}))}))})(),e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(a=null!==(s=n.label)&&void 0!==s?s:n.text)&&void 0!==a?a:`step ${o+1}`}`},{children:e(d,{buttonText:null!==(v=null!==(c=n.label)&&void 0!==c?c:n.text)&&void 0!==v?v:`Step ${o+1}`,buttonType:"text",buttonTextColor:n.isCompleted?l.text.secondary:0===o||!0===(null===(u=h[o-1])||void 0===u?void 0:u.isCompleted)?l.stroke.brand:l.content.inactive,matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,t;g(null!==(e=n.id)&&void 0!==e?e:p),n.isCompleted||0!==o&&!0!==(null===(t=h[o-1])||void 0===t?void 0:t.isCompleted)||(n.onClick?n.onClick():n.id&&(null==r||r(n.id)))}})})),!n.isCompleted&&(0===o||!0===(null===(x=h[o-1])||void 0===x?void 0:x.isCompleted))&&e("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center"},"aria-hidden":!0},{children:e("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.83333 6.66667C5.3731 6.66667 5 6.29357 5 5.83333C5 5.3731 5.3731 5 5.83333 5H14.1667C14.6269 5 15 5.3731 15 5.83333V14.1667C15 14.6269 14.6269 15 14.1667 15C13.7064 15 13.3333 14.6269 13.3333 14.1667V7.84518L6.42259 14.7559C6.09715 15.0814 5.56951 15.0814 5.24408 14.7559C4.91864 14.4305 4.91864 13.9028 5.24408 13.5774L12.1548 6.66667H5.83333Z",fill:"#4B1583"})}))}))]})),o!==h.length-1&&e("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(m=n.id)&&void 0!==m?m:`step-${o}`)}))}))}))};var s=i.memo(o);export{s as default};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface TagProps {
|
|
3
|
+
tagText: string | number;
|
|
4
|
+
variant?: 'regular' | 'circle' | 'compressed';
|
|
5
|
+
type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
|
|
6
|
+
theme?: 'light' | 'dark';
|
|
7
|
+
}
|
|
8
|
+
interface SimpleChecklistItemProps {
|
|
9
|
+
header: string;
|
|
10
|
+
subheader?: string;
|
|
11
|
+
icon?: React.ReactNode;
|
|
12
|
+
activeIcon?: React.ReactNode;
|
|
13
|
+
completedIcon?: React.ReactNode;
|
|
14
|
+
isActive?: boolean;
|
|
15
|
+
isCompleted?: boolean;
|
|
16
|
+
tag?: TagProps;
|
|
17
|
+
}
|
|
18
|
+
declare const SimpleChecklistItem: React.FC<SimpleChecklistItemProps>;
|
|
19
|
+
export default SimpleChecklistItem;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ActiveChecklistIcon as i}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as s}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as c}from"../../assets/icons/InactiveChecklistIcon.js";import{Tag as n}from"../tag/Tag.js";import{SingleChecklistMainRow as r,SingleChecklistIconWrapper as l,SingleChecklistContent as o,SingleChecklistHeader as a,SingleChecklistSubheader as m}from"./ProgressChecklist.style.js";const d=d=>{let{header:h,subheader:p,icon:g,activeIcon:v,completedIcon:j,isActive:f,isCompleted:u,tag:I}=d;return e("div",{children:t(r,{children:[e(l,{children:u?null!=j?j:e(s,{}):f?null!=v?v:e(i,{}):null!=g?g:e(c,{})}),t(o,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[e(a,Object.assign({completed:u,isActive:f},{children:h})),(null==I?void 0:I.tagText)&&e(n,{tagText:I.tagText,variant:I.variant,type:I.type,theme:I.theme})]})),p&&e(m,Object.assign({isActive:f},{children:p}))]})]})})};export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as l}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import i from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{FREQUENCY_OPERATORS as
|
|
1
|
+
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as l}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import i from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const f=new d,h=d=>{let{node:h,allowedNodes:T,apiHandler:_,mode:j,selectorKey:k}=d;var O,g,N,b,w,P,q,x,C,S,V,B,E,A,D,Q,M,L;const[$,J]=t([]),[K,R]=t(!1),{deleteProperty:W,createProperty:G,selectType:H,createMeta:z,updateMeta:F,updateProperty:I,selectPropertyJoinOperator:U,clearProperty:X}=u(k),{cacheWrap:Y}=v(),[Z,ee]=t(!0),oe=null===(O=null==h?void 0:h.metas)||void 0===O?void 0:O.find((e=>"date"===e.key)),re=null===(g=null==h?void 0:h.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),te=null===(N=null==h?void 0:h.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[ae,le]=t(!1),[ie,ne]=t(!1),[de,ue]=t(!1);return a((()=>{Y((()=>_({})),"EVENT_NAMES").then((e=>{ee(!1);const o=f.convertToGroupOptions(e,(null==te?void 0:te.value)?[te.value]:void 0);if("create"!==j&&te)return J([...o]),void R(!0);J([...o]),R(!0)}))}),[]),o(m,Object.assign({selectPropertyJoinOperator:U,node:h,addPropertyBtnText:(null==te?void 0:te.value)&&"Add event property",deleteProperty:W,createProperty:G,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==te?void 0:te.value,Y((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(I(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),h._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>Y((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==te?void 0:te.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){I(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),h._id)},onPropertyValueChange:function(e,o){I(Object.assign(Object.assign({},o),{value:e,error:{}}),h._id)},mode:j,onPropertyValueSearch:function(o,r){var t,a;return e(this,void 0,void 0,(function*(){const l=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==te?void 0:te.value,r.name,o);return null!==(a=null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==a?a:[]}))}},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(i,{disabled:"view"===j,selectedType:h.type,allowedList:T,onSelect:function(e){le(!0),J((e=>[...l(e,{selected:!1})])),setTimeout((()=>{H(e.value,h._id),le(!1)}),1)}}),!ae&&o(y,{isSearchable:!0,isLoading:Z,disabled:"view"===j,width:"200px",dropdownLabel:"Select event name",options:$,selectedValues:(null==te?void 0:te.value)?[te.value]:void 0,onSelect:function(e){Array.isArray(e)||(X(h._id),te?F({key:"eventName",value:e.value,error:{}},h._id):z({key:"eventName",value:e.value},h._id),re?(ne(!0),setTimeout((()=>{F({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},h._id),ne(!1)}),1)):z({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},h._id),oe?(ue(!0),setTimeout((()=>{F({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},h._id),ue(!1)}),1)):z({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},h._id))},error:null!==(C=null!==(q=null===(P=null===(w=null===(b=h.metas)||void 0===b?void 0:b[0])||void 0===w?void 0:w.error)||void 0===P?void 0:P.key)&&void 0!==q?q:null===(x=null==te?void 0:te.error)||void 0===x?void 0:x.key)&&void 0!==C?C:null===(S=null==te?void 0:te.error)||void 0===S?void 0:S.value})]})),(null==re?void 0:re.key)&&!ie&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(B=null===(V=re.error)||void 0===V?void 0:V.value)||void 0===B?void 0:B.value,operator:null===(A=null===(E=re.error)||void 0===E?void 0:E.value)||void 0===A?void 0:A.operator},connectorVal:re.value.value,connectorType:re.value.dataType,defaultConnector:re.value.operator,onOperatorChange:function(e){F({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},h._id)},onValueChange:function(e){var o;K&&F({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==re?void 0:re.value)||void 0===o?void 0:o.operator,value:e},error:{}},h._id)}}),(null==oe?void 0:oe.key)&&!de&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(Q=null===(D=oe.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.value,operator:null===(L=null===(M=oe.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.operator},connectorVal:oe.value.value,connectorType:oe.value.dataType,defaultConnector:oe.value.operator,onOperatorChange:function(e){F({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},h._id)},onValueChange:function(e){var o;K&&F({key:"date",value:{dataType:p.date,operator:null===(o=null==oe?void 0:oe.value)||void 0===o?void 0:o.operator,value:e},error:{}},h._id)}})]}))}))};export{h as default};
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
|
|
2
|
-
|
|
2
|
+
declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import I from"@emotion/styled/base";import{__awaiter as g}from"../../../../../_virtual/_tslib.js";import{jsx as C,jsxs as A}from"react/jsx-runtime";import c from"../../../../../assets/icons/emoji.svg.js";import b,{useState as l,useRef as i,Suspense as a}from"react";import{IconButton as B}from"../../../../icon-button/IconButton.js";import n from"../../../../input/ChipInput.js";import{useOutside as p}from"../../../../../hooks/useOutside.js";function d(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const o=b.lazy((()=>g(void 0,void 0,void 0,(function*(){return{default:(yield import("emoji-picker-react")).default}})))),G=I=>{let{val:g,onChange:b,errors:d,nativeID:G,disabled:X}=I;const[y,u]=l(!1),Z=(Array.isArray(g)?g:[]).map((I=>I)),H=i();return p(H,(()=>{u(!1)})),A("div",Object.assign({style:{position:"relative",opacity:X?.5:1,width:300},id:G},{children:[!!X&&C("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),A(t,{children:[C(n,{error:null==d?void 0:d.val,onChipsChange:b,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:Z}),C(e,{children:C(B,{Icon:c,onClick:()=>u(!0)})}),y&&C("div",Object.assign({ref:H,className:"absolute-picker"},{children:C(a,Object.assign({fallback:null},{children:C(o,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:"dark",emojiStyle:"native",onEmojiClick:I=>{Z.find((g=>I.emoji===g))||null==b||b([...Z,I.emoji])}})}))}))]})]}))};function X(I){return C(G,Object.assign({},I))}const e=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:d}),t=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}"}:{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:d});export{X as default};
|
|
1
|
+
import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import A from"../../../../../assets/icons/emoji.svg.js";import c,{Theme as l,EmojiStyle as b}from"emoji-picker-react";import{useState as i,useRef as a}from"react";import{IconButton as p}from"../../../../icon-button/IconButton.js";import t from"../../../../input/ChipInput.js";import{useOutside as G}from"../../../../../hooks/useOutside.js";function X(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const o=I=>{let{val:X,onChange:o,errors:d,nativeID:B,disabled:n}=I;const[Z,u]=i(!1),W=(Array.isArray(X)?X:[]).map((I=>I)),y=a();return G(y,(()=>{u(!1)})),C("div",Object.assign({style:{position:"relative",opacity:n?.5:1,width:300},id:B},{children:[!!n&&g("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),C(s,{children:[g(t,{error:null==d?void 0:d.val,onChipsChange:o,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:W}),g(e,{children:g(p,{Icon:A,onClick:()=>u(!0)})}),Z&&g("div",Object.assign({ref:y,className:"absolute-picker"},{children:g(c,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:l.DARK,emojiStyle:b.NATIVE,onEmojiClick:I=>{W.find((g=>I.emoji===g))||null==o||o([...W,I.emoji])}})}))]})]}))};var d=I=>g(o,Object.assign({},I));const e=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGV4aXN0cyA9IHZhbEFyci5maW5kKChlbSkgPT4gZW1vamkuZW1vamkgPT09IGVtKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoZXhpc3RzKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udmFsQXJyLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IChwcm9wcykgPT4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuYDtcclxuY29uc3QgRW1vamlJbnB1dCA9IHN0eWxlZC5kaXYgYFxuXHRpbnB1dCB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdH1cblx0LmFic29sdXRlLXBpY2tlciB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogNTBweDtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:X}),s=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}"}:{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGV4aXN0cyA9IHZhbEFyci5maW5kKChlbSkgPT4gZW1vamkuZW1vamkgPT09IGVtKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoZXhpc3RzKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udmFsQXJyLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IChwcm9wcykgPT4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuYDtcclxuY29uc3QgRW1vamlJbnB1dCA9IHN0eWxlZC5kaXYgYFxuXHRpbnB1dCB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdH1cblx0LmFic29sdXRlLXBpY2tlciB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogNTBweDtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:X});export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import{disableOperatorDropdown as r}from"../../constants/connectorPosition.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import s from"../DropdownWrapper.js";import
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import{disableOperatorDropdown as r}from"../../constants/connectorPosition.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as s}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import l from"./Components/EmojiPicker.js";import p from"./Components/FreeText.js";import a from"./Components/FrequencyIntegerPositiveSingle.js";import{PostIgPicker as c,ReelIgPicker as u,StoryIgPicker as d}from"./Components/IgPicker.js";import g from"./Components/IntegerPositiveSingle.js";import f from"./Components/IntegerSingleValue.js";import j from"./Components/InTheLast.js";import C from"./Components/InTheLastAgo.js";import S from"./Components/InTwoLast.js";import v from"./Components/MultiselectDropdownFreeText.js";import I from"./Components/NoInput.js";import T from"./Components/NumberTime.js";import h from"./Components/SingleDate.js";import y from"./Components/SingleselectDropdownFreeText.js";import P from"./Components/StringSingleValue.js";import w from"./Components/TwoDate.js";import D from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as x}from"./Connector.styled.js";const F={FreeText:p,IntegerPositiveSingle:g,IntegerSingleValue:f,StringSingleValue:P,MultiselectDropdownFreeText:v,SingleselectDropdownFreeText:y,NoInput:I,SingleDate:h,TwoNumberInputsSeperatedByAnd:D,FrequencyIntegerPositiveSingle:a,TwoDate:w,NumberTime:T,PostIgPicker:c,ReelIgPicker:u,StoryIgPicker:d,EmojiPicker:l,InTheLast:j,InTwoLast:S,InTheLastAgo:C},b=l=>{let{isLoading:p,noDefault:a,connectorType:c,defaultConnector:u,onOperatorChange:d,onValueChange:g,connectorVal:f,extra:j,errors:C,disabled:S,onSearch:v}=l;var I,T,h;const[y,P]=n(null),[w,D]=n(!1),b=i.getDropdownOptionFromDataType(c,u);function L(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];D(!0);const n=i.getConnectorComponent(c,e.value);void 0!==n?c===s.frequency&&"IntegerPositiveSingle"===n?P("FrequencyIntegerPositiveSingle"):P(n):P(null),o||d(e.value),setTimeout((()=>{D(!1)}),5)}return t((()=>{a||(u?L({value:u,label:u},!0):(null==b?void 0:b[0])&&L(b[0]))}),[u]),e(x,{children:[o("div",{children:!(null===(I=null==r?void 0:r[c])||void 0===I?void 0:I[u])&&o(m,{isSearchable:!0,disabled:S,width:"200px",isLoading:w,options:b,defaultOption:null===(T=b.filter((e=>e.selected)))||void 0===T?void 0:T[0],onSelect:L})}),null!==y&&!w&&(null===(h=F[y])||void 0===h?void 0:h.call(F,{disabled:S,val:f,onChange:g,extra:j,errors:C,isLoading:p,onSearch:v,connectorType:c}))]})};export{b as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { QueryBuilderConnectorType } from '../types/
|
|
1
|
+
import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
|
|
2
2
|
import { AD_STRING_OPERATORS, ANY_AD_OPERATORS, ANY_IG_OPERATORS, BOOLEAN_OPERATORS, DATE_OPERATORS, 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 '../types/QueryBuilderOperator.type';
|
|
3
3
|
type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof STRING_RESTRICTED_OPERATORS | typeof STRING_RESTRICTED_OPERATORS_2 | typeof STRING_RESTRICTED_OPERATORS_3 | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS | typeof SPECIFIC_IG_OPERATORS | typeof ANY_IG_OPERATORS | typeof REACTION_OPERATORS | typeof IG_STRING_OPERATORS | typeof ANY_AD_OPERATORS | typeof AD_STRING_OPERATORS | typeof ICE_BREAKER_OPERATORS | typeof EXACTLY_OPERATORS | typeof MAIL_SUBJECT_OPERATORS;
|
|
4
4
|
export declare const CONNECTOR_TYPE_TO_OPERATORS: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{QueryBuilderConnectorType as e}from"../types/
|
|
1
|
+
import{QueryBuilderConnectorType as e}from"../types/QueryBuilder.type.js";import{BOOLEAN_OPERATORS as t,STRING_OPERATORS as n,STRING_RESTRICTED_OPERATORS as i,STRING_RESTRICTED_OPERATORS_2 as r,STRING_RESTRICTED_OPERATORS_3 as s,INTEGER_OPERATORS as o,FREQUENCY_OPERATORS as a,DATE_OPERATORS as l,SPECIFIC_IG_OPERATORS as c,ANY_IG_OPERATORS as g,REACTION_OPERATORS as I,IG_STRING_OPERATORS as u,ANY_AD_OPERATORS as p,AD_STRING_OPERATORS as T,ICE_BREAKER_OPERATORS as d,MAIL_SUBJECT_OPERATORS as x,EXACTLY_OPERATORS as N}from"../types/QueryBuilderOperator.type.js";const S={[e.boolean]:t,[e.string]:n,[e.string_restricted]:i,[e.string_restricted_2]:r,[e.string_restricted_3]:s,[e.integer]:o,[e.frequency]:a,[e.date]:l,[e.specificPost]:c,[e.specificReel]:c,[e.specificStory]:c,[e.anyIg]:g,[e.reaction]:I,[e.activityString]:u,[e.anyAd]:p,[e.specificAd]:T,[e.iceBreaker]:d,[e.mailSubject]:x,[e.exactly]:N};var y;!function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.StringSingleValue="StringSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleselectDropdownFreeText="SingleselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime",e.PostIgPicker="PostIgPicker",e.ReelIgPicker="ReelIgPicker",e.StoryIgPicker="StoryIgPicker",e.EmojiPicker="EmojiPicker",e.InTheLast="InTheLast",e.InTwoLast="InTwoLast",e.InTheLastAgo="InTheLastAgo"}(y||(y={}));const w={[o.is]:y.FreeText,[o.isNot]:y.FreeText,[o.exists]:y.NoInput,[o.doesntExist]:y.NoInput,[o.lessThan]:y.IntegerSingleValue,[o.lessThanOrEqualTo]:y.IntegerSingleValue,[o.greaterThan]:y.IntegerSingleValue,[o.greaterThanOrEqualTo]:y.IntegerSingleValue},F={[n.is]:y.MultiselectDropdownFreeText,[n.isNot]:y.MultiselectDropdownFreeText,[n.contains]:y.FreeText,[n.doesntContain]:y.FreeText,[n.startsWith]:y.FreeText,[n.endsWith]:y.FreeText,[n.exists]:y.NoInput,[n.doesntExist]:y.NoInput},h={[n.is]:y.MultiselectDropdownFreeText,[n.isNot]:y.MultiselectDropdownFreeText,[n.exists]:y.NoInput,[n.doesntExist]:y.NoInput},D={[n.is]:y.FreeText,[n.isNot]:y.FreeText},P={[n.is]:y.SingleselectDropdownFreeText},m={[n.contains]:y.FreeText},k={[u.any]:y.NoInput,[u.is]:y.MultiselectDropdownFreeText,[u.contains]:y.FreeText,[u.startsWith]:y.FreeText,[u.endsWith]:y.FreeText},f={[T.is]:y.SingleselectDropdownFreeText},L={[d.is]:y.MultiselectDropdownFreeText},b={[I.contains]:y.EmojiPicker},A={[l.today]:y.NoInput,[l.yesterday]:y.NoInput,[l["last 30 days"]]:y.NoInput,[l["last 7 days"]]:y.NoInput,[l["this month"]]:y.NoInput,[l["this week"]]:y.NoInput,[l["last month"]]:y.NoInput,[l["last week"]]:y.NoInput,[l.exactly]:y.InTheLastAgo,[l["in the last"]]:y.InTheLast,[l["in between last"]]:y.InTwoLast,[l.on]:y.SingleDate,[l.notOn]:y.SingleDate,[l.inBetween]:y.TwoDate,[l.notInBetween]:y.TwoDate,[l.before]:y.SingleDate,[l.after]:y.SingleDate,[l.today]:y.NoInput,[l.yesterday]:y.NoInput,[l["last week"]]:y.NoInput,[l["last month"]]:y.NoInput,[l["last quarter"]]:y.NoInput,[l["in the last"]]:y.InTheLast},_={[N.exactly]:y.InTheLastAgo},E={[c.in]:y.PostIgPicker},M={[c.in]:y.ReelIgPicker},v={[c.in]:y.StoryIgPicker},B={[g.in]:y.NoInput},V={[p.in]:y.NoInput},j={[t.isTrue]:y.NoInput,[t.isFalse]:y.NoInput,[t.exists]:y.NoInput,[t.doesntExist]:y.NoInput},q={[a.exactly]:y.IntegerPositiveSingle,[a.atleast]:y.IntegerPositiveSingle,[a.atMost]:y.IntegerPositiveSingle},R={[e.boolean]:j,[e.string]:F,[e.integer]:w,[e.frequency]:q,[e.date]:A,[e.specificPost]:E,[e.specificReel]:M,[e.specificStory]:v,[e.anyIg]:B,[e.reaction]:b,[e.activityString]:k,[e.anyAd]:V,[e.specificAd]:f,[e.iceBreaker]:L,[e.string_restricted]:h,[e.string_restricted_2]:D,[e.string_restricted_3]:P,[e.mailSubject]:m,[e.exactly]:_};export{f as AD_STRING_OPERATORS_COMPONENT,V as ANY_AD_OPERATORS_COMPONENT,B as ANY_IG_OPERATORS_COMPONENT,j as BOOLEAN_OPERATORS_COMPONENT,R as CONNECTOR_TYPE_TO_COMPONENT_MAP,S as CONNECTOR_TYPE_TO_OPERATORS,y as CONNECTOR_VALUE_COMPONENT_TYPES,A as DATE_OPERATORS_COMPONENT,_ as EXACTLY_OPERATORS_COMPONENT,q as FREQUENCY_OPERATORS_COMPONENT,L as ICE_BREAKER_OPERATORS_COMPONENT,k as IG_STRING_OPERATORS_COMPONENT,w as INTEGER_OPERATORS_COMPONENT,m as MAIL_SUBJECT_OPERATORS_COMPONENT,b as REACTION_OPERATORS_COMPONENT,E as SPECIFIC_IG_POST_OPERATORS_COMPONENT,M as SPECIFIC_IG_REEL_OPERATORS_COMPONENT,v as SPECIFIC_IG_STORY_OPERATORS_COMPONENT,F as STRING_OPERATORS_COMPONENT,D as STRING_RESTRICTED_OPERATORS_2_COMPONENT,P as STRING_RESTRICTED_OPERATORS_3_COMPONENT,h as STRING_RESTRICTED_OPERATORS_COMPONENT};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{QueryBuilderConnectorType as i}from"../types/
|
|
1
|
+
import{QueryBuilderConnectorType as i}from"../types/QueryBuilder.type.js";import{SPECIFIC_IG_OPERATORS as e,ANY_IG_OPERATORS as p,ANY_AD_OPERATORS as c}from"../types/QueryBuilderOperator.type.js";const r={[i.specificPost]:{[e.in]:!0},[i.specificReel]:{[e.in]:!0},[i.specificStory]:{[e.in]:!0}},s={[i.specificPost]:{[e.in]:!0},[i.specificReel]:{[e.in]:!0},[i.specificStory]:{[e.in]:!0},[i.anyIg]:{[p.in]:!0},[i.anyAd]:{[c.in]:!0}};export{s as disableOperatorDropdown,r as isNewLineConnectorPosition};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DropdownOption } from "../../dropdown/type";
|
|
2
|
-
import { QueryBuilderConnectorType } from '../types/
|
|
2
|
+
import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
|
|
3
3
|
import { CONNECTOR_OPERATORS } from '../types/QueryBuilderOperator.type';
|
|
4
4
|
export declare class ConnectorHelper {
|
|
5
5
|
static getConnectorType(datatype: QueryBuilderConnectorType): string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{unCamelCaseWithFirstUppercase as t}from"../../../utils/unCamelCase.js";import{CONNECTOR_TYPE_TO_OPERATORS as e,CONNECTOR_TYPE_TO_COMPONENT_MAP as s}from"../constants/connector.js";import{DATE_OPERATORS_OPTIONS as
|
|
1
|
+
import{unCamelCaseWithFirstUppercase as t}from"../../../utils/unCamelCase.js";import{CONNECTOR_TYPE_TO_OPERATORS as e,CONNECTOR_TYPE_TO_COMPONENT_MAP as s}from"../constants/connector.js";import{DATE_OPERATORS_OPTIONS as o}from"../constants/DATE_OPERATORS_OPTIONS.js";import{QueryBuilderConnectorType as n}from"../types/QueryBuilder.type.js";class r{static getConnectorType(t){const s=e[t];return s?Object.keys(s):[]}static getConnectorComponent(t,o){if(e[t]){return s[t][o]}return null}static getDropdownOptionFromDataType(e,s){const r=this.getConnectorType(e);return e===n.date?o.map((t=>Object.assign(Object.assign({},t),{options:t.options.map((t=>Object.assign(Object.assign({},t),{selected:t.value===s})))}))):r.map((e=>({selected:e===s,value:e,label:t(e)})))}}export{r as ConnectorHelper};
|
|
@@ -7,7 +7,7 @@ export declare class PropertyCustomProcessor {
|
|
|
7
7
|
prepareInteger(property: QueryBuilderProperty): {
|
|
8
8
|
_id: string;
|
|
9
9
|
name?: string | number | undefined;
|
|
10
|
-
dataType?: import("
|
|
10
|
+
dataType?: import("../types/QueryBuilder.type").QueryBuilderConnectorType | undefined;
|
|
11
11
|
operator?: import("..").CONNECTOR_OPERATORS | undefined;
|
|
12
12
|
value?: import("..").CONNECTOR_VALUE_TYPE;
|
|
13
13
|
_refresh?: boolean | undefined;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { QueryBuilderConnectorType } from './QueryBuilderEnum.type';
|
|
1
|
+
import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type';
|
|
3
2
|
import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
|
|
4
3
|
export declare enum QueryBuilderType {
|
|
5
4
|
SEGMENT_FILTER = "SEGMENT_FILTER",
|
|
@@ -16,6 +15,27 @@ export declare enum QueryBuilderJoinOperators {
|
|
|
16
15
|
AND = "AND",
|
|
17
16
|
OR = "OR"
|
|
18
17
|
}
|
|
18
|
+
export declare enum QueryBuilderConnectorType {
|
|
19
|
+
'string' = "string",
|
|
20
|
+
'string_restricted' = "string_restricted",
|
|
21
|
+
'string_restricted_2' = "string_restricted_2",
|
|
22
|
+
'string_restricted_3' = "string_restricted_3",
|
|
23
|
+
'integer' = "integer",
|
|
24
|
+
'boolean' = "boolean",
|
|
25
|
+
'date' = "date",
|
|
26
|
+
'frequency' = "frequency",
|
|
27
|
+
'anyIg' = "anyIg",
|
|
28
|
+
'anyAd' = "anyAd",
|
|
29
|
+
'specificPost' = "specificPost",
|
|
30
|
+
'specificReel' = "specificReel",
|
|
31
|
+
'specificStory' = "specificStory",
|
|
32
|
+
'reaction' = "reaction",
|
|
33
|
+
'activityString' = "activityString",
|
|
34
|
+
'specificAd' = "specificAd",
|
|
35
|
+
'iceBreaker' = "iceBreaker",
|
|
36
|
+
'mailSubject' = "mailSubject",
|
|
37
|
+
'exactly' = "exactly"
|
|
38
|
+
}
|
|
19
39
|
export interface QueryBuilderConnector {
|
|
20
40
|
dataType: QueryBuilderConnectorType;
|
|
21
41
|
operator: CONNECTOR_OPERATORS;
|