@bikdotai/bik-component-library 0.0.698 → 0.0.699-beta.2

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./amplitude/index.js"),r=require("./components/template-preview/constants/regexPatterns.js"),t=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),n=require("./constants/zindex.js"),a=require("./components/checkBox/CheckBox.js"),i=require("./components/list-item/ListItem.js"),s=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),u=require("./components/toaster/Toaster.js"),c=require("./components/tooltips/Tooltip.js"),l=require("./components/spinner/Spinner.js"),d=require("./components/stepper/Stepper.js"),m=require("./components/tag/Tag.js"),T=require("./components/icon-button/IconButton.js"),x=require("./components/template-preview/TemplatePreview.js"),P=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),S=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),A=require("./components/template-preview/helpers/SmsTemplateHelper.js"),C=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),O=require("./components/template-preview/models/TemplateMeta.js"),b=require("./components/template-preview/models/WhatsAppTemplate.js"),j=require("./components/template-preview/models/Channels.js"),E=require("./components/template-context-mapper/TemplateContextMapper.js"),g=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),R=require("./components/template-context-mapper/utils/validateIsUrl.js");require("./_virtual/_tslib.js");var h=require("./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js"),B=require("./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js"),I=require("./components/fab-menu/FABMenu.js"),_=require("./components/floating-action-button/FloatingActionButton.js"),q=require("./components/floating-action-button/FloatingActionButton.styles.js"),f=require("./components/image-compress/ImageCompress.js"),D=require("./components/TypographyStyle.js"),k=require("./components/button/Button.js"),N=require("./components/progress-bar/ProgressBarComponent.js");require("./node_modules/react/jsx-runtime.js");var L=require("./components/progress-bar-v2/ProgressBarV2.js"),w=require("./components/QueryBuilder/QueryBuilder.js"),M=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),V=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),v=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),U=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),G=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),F=require("./components/modals/styledModal.js"),H=require("./components/dropdown/DropdownPopover/index.js"),W=require("./components/dropdown/Dropdown.js"),Y=require("./components/dropdown/ChipDropdown.js"),Q=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),K=require("./components/dropdown/MenuItem/MenuItem.js"),z=require("./components/analytics-card/AnalyticsCard.js"),Z=require("./components/analytics-card/AnalyticsCard.styled.js"),X=require("./components/input/Input.js"),J=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),$=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),ee=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),re=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),te=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),ne=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),se=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),le=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),de=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),me=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),Te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),xe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),Pe=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),Se=require("./components/avatar/Avatar.js"),Ae=require("./components/avatar/AvatarHelper.js"),Ce=require("./components/alerts/Alert.js"),ye=require("./components/alerts/AlertHelper.js"),Oe=require("./components/thumbnail/Thumbnail.js"),be=require("./components/curtain/Curtain.js"),je=require("./components/datePicker/DatePicker.js"),Ee=require("./components/datePicker/DatePickerWrapper.js"),ge=require("./components/switch/Switch.js"),Re=require("./components/plans/SubscriptionPlan.js"),he=require("./components/plans/SubscriptionPlanSelector.js"),Be=require("./components/plans/NewSubscriptionPlan.js"),Ie=require("./components/plans/SubscriptionPlansCollected.js"),_e=require("./components/tabs/Tabs.js"),qe=require("./components/dynamic-tabs/DynamicTabs.js"),fe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),De=require("./components/TablePagination/TablePagination.js"),ke=require("./components/TablePagination/TablePaginationCard.js"),Ne=require("./components/states-modal/StateModalComponent.js"),Le=require("./components/states-modal/DeleteConfirmationModal.js"),we=require("./components/states/StateComponent.js"),Me=require("./components/states/ShopifyScopeWrapper.js"),Ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ue=require("./helpers/BaseWhatsappContentLang.helper.js"),Ge=require("./components/curtain/CurtainHelper.js"),Fe=require("./utils/resizeImage.js"),He=require("./components/variable-picker-v3/model.js"),We=require("./components/card-selection-modal/CardSelectionModal.js"),Ye=require("./components/image-cropper/BikImageCropper.js"),Qe=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),Ke=require("./components/buttonGroup/ButtonGroup.js"),ze=require("./components/accordion/Accordion.js"),Ze=require("./components/file-uploader/FileUploader.js"),Xe=require("./components/colourInput/ColourInput.js"),Je=require("./components/code-block/CodeBlock.js"),$e=require("./components/code-block/types.js"),er=require("./components/code-block/languageSpecificFormatting/html.js"),rr=require("./components/code-block/languageSpecificFormatting/javascript.js"),tr=require("./components/bik-layout/BikHeader.js"),or=require("./components/bik-layout/BikLayout.js"),nr=require("./components/bik-layout/BikProfile.js"),ar=require("./components/bik-layout/SimpleSidebar.js"),ir=require("./components/bik-layout/BikSidebar.js"),sr=require("./components/bik-layout/FeatureModal.js"),pr=require("./components/bik-layout/SidebarSkeleton.js"),ur=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),cr=require("./components/bik-layout/FeatureModalV2.js"),lr=require("./components/searchBar/searchBar.js"),dr=require("./components/custom-date-time/CustomDateTime.js"),mr=require("./components/product-picker/ProductPickerModal.js"),Tr=require("./components/discount-modal/DiscountModal.js"),xr=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Pr=require("./components/discount-modal/type.js"),Sr=require("./components/country-code-picker/CountryCodePicker.js"),Ar=require("./components/country-code-picker/CountryCodePicker.modal.js"),Cr=require("./components/shimmer-image/ShimmerImage.js"),yr=require("./components/product-picker-v2/modal.js"),Or=require("./components/product-picker-v2/type.js"),br=require("./components/carousel/carousel.js"),jr=require("./components/carousel-secondary/CarouselSecondary.js"),Er=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),gr=require("./components/radioList/RadioList.js"),Rr=require("./components/checkList/CheckList.js"),hr=require("./components/postPicker/postPicker.js"),Br=require("./components/dropdown-button/DropdownButton.js"),Ir=require("./components/side-modal/SideModal.js"),_r=require("./components/keywords-input/KeywordsInput.js"),qr=require("./components/add-variableV2/AddVariableV2SideModal.js"),fr=require("./components/add-variableV2/AddVariableV2.js"),Dr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),kr=require("./components/SearchFilter/index.js"),Nr=require("./components/input-with-vars/InputWithVariables.js"),Lr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),wr=require("./components/star-rating/StarRating.js"),Mr=require("./components/testimonial-card/TestimonialCard.js"),Vr=require("./components/slider/slider.js"),vr=require("./components/resizeImage/index.js"),Ur=require("./utils/validator.js"),Gr=require("./components/carousel-preview/CarouselPreview.js"),Fr=require("./components/floater/floater.js"),Hr=require("./components/card-selector/CardSelector.js"),Wr=require("./components/card-selector/CardSelectorGroup.js"),Yr=require("./components/variable-picker-v3/VariablePicker.js"),Qr=require("./components/action-button/ActionButtons.js"),Kr=require("./components/ai-modals/ActivateBikAI.js"),zr=require("./components/ai-modals/AiSyncProgress.js"),Zr=require("./components/ai-modals/AiCreditsExhausted.js"),Xr=require("./components/ai-modals/AiCreditsLow.js"),Jr=require("./components/input-with-vars/customPortal.js"),$r=require("./components/floating-input-dropdown/FloatingInputDropdown.js"),et=require("./components/dropdown/MultilevelDropdownPopover/index.js"),rt=require("./components/dropShadow/DropShadow.js"),tt=require("./components/multi-level-dropdown/MultiLevelDropdown.js"),ot=require("./components/data-source-panel/DataSourcePanel.js"),nt=require("./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js"),at=require("./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js"),it=require("./components/data-source-panel/model.js"),st=require("./components/carousel-secondary/model.js");exports.AmplitudeEvent=e.AmplitudeEvent,exports.regexPatterns=r,exports.StringUtils=t.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.ComponentZindex=n.ComponentZindex,exports.CheckBox=a.CheckBox,exports.ListItem=i.ListItem,exports.Pagination=s.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=u.Toaster,exports.Tooltip=c.Tooltip,exports.PureSpinner=l.PureSpinner,exports.Spinner=l.Spinner,exports.Stepper=d.Stepper,exports.Tag=m.Tag,exports.IconButton=T.IconButton,exports.TemplatePreview=x.TemplatePreview,exports.WhatsappLikePreview=P.WhatsappLikePreview,exports.WhatsappLikePreviewV2=S.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=A.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=C.WhatsAppFormatToHTML,exports.VariableEditorHelper=y.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return O.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=O.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return O.HEADER_TYPES}}),exports.STATIC_URL_CTA_OPTION=O.STATIC_URL_CTA_OPTION,Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return O.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return O.TEMPLATE_STATUS}}),Object.defineProperty(exports,"BUTTON_TYPE",{enumerable:!0,get:function(){return b.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return b.POD}}),Object.defineProperty(exports,"TEMPLATE_QUALITY",{enumerable:!0,get:function(){return b.TEMPLATE_QUALITY}}),Object.defineProperty(exports,"CHANNEL_TYPE",{enumerable:!0,get:function(){return j.CHANNEL_TYPE}}),exports.TemplateContextMapper=E.TemplateContextMapper,exports.getAllDataFromTemplateComponent=g.getAllDataFromTemplateComponent,exports.getAllDataFromWebpushTemplateComponent=g.getAllDataFromWebpushTemplateComponent,exports.isVariable=R.isVariable,exports.validateIsUrl=R.validateIsUrl,exports.TemplateAnalyticsSkeleton=h.TemplateAnalyticsSkeleton,exports.AnalyticsItem=B.AnalyticsItem,exports.RightPanelTemplateAnalytics=B.RightPanelTemplateAnalytics,exports.TemplateAnalyticsComponent=B.TemplateAnalyticsComponent,exports.FABMenu=I.FABMenu,exports.FloatingActionButton=_.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return q.DROP_POSITION}}),exports.DropdownToggleContainer=q.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return q.FAB_POSITION}}),exports.FloatingActionButtonContainer=q.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=q.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return q.MENU_ALIGNMENT}}),exports.StyledDropdown=q.StyledDropdown,exports.TooltipStyled=q.TooltipStyled,exports.ImageService=f.ImageService,exports.AiBodyCaption=D.AiBodyCaption,exports.AiBodyTiny=D.AiBodyTiny,exports.BodyCaption=D.BodyCaption,exports.BodyLarge=D.BodyLarge,exports.BodyPrimary=D.BodyPrimary,exports.BodyPrimaryLink=D.BodyPrimaryLink,exports.BodyRegular=D.BodyRegular,exports.BodySecondary=D.BodySecondary,exports.BodySecondaryLink=D.BodySecondaryLink,exports.BodySmall=D.BodySmall,exports.BodyTiny=D.BodyTiny,exports.ButtonLarge=D.ButtonLarge,exports.ButtonLargeAI=D.ButtonLargeAI,exports.ButtonRegular=D.ButtonRegular,exports.ButtonRegularAI=D.ButtonRegularAI,exports.Caption=D.Caption,exports.CaptionBold=D.CaptionBold,exports.Display=D.Display,exports.SmallRegular=D.SmallRegular,exports.SubHeading=D.SubHeading,exports.TextPlaceholder=D.TextPlaceholder,exports.Tiny=D.Tiny,exports.TitleFour=D.TitleFour,exports.TitleLarge=D.TitleLarge,exports.TitleMedium=D.TitleMedium,exports.TitleRegular=D.TitleRegular,exports.TitleSmall=D.TitleSmall,exports.TitleXlarge=D.TitleXlarge,exports.Button=k.Button,exports.ProgressBarComponent=N.ProgressBarComponent,exports.ProgressCompletedBar=N.ProgressCompletedBar,Object.defineProperty(exports,"ProgressBarType",{enumerable:!0,get:function(){return L.ProgressBarType}}),exports.ProgressBarV2=L.ProgressBarV2,Object.defineProperty(exports,"TextAlignment",{enumerable:!0,get:function(){return L.TextAlignment}}),exports.QueryBuilder=w.QueryBuilder,exports.BaseQueryBuilderNode=M.BaseQueryBuilderNode,exports.PropertyNode=V.PropertyNode,exports.PropertyNodeHeadless=V.PropertyNodeHeadless,exports.queryBuilderSlice=v.queryBuilderSlice,exports.queryBuilderCacheSlice=U.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return G.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return G.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return G.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return G.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return G.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return G.EVENT_VALUES}}),Object.defineProperty(exports,"EXACTLY_OPERATORS",{enumerable:!0,get:function(){return G.EXACTLY_OPERATORS}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return G.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return G.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return G.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return G.INTEGER_OPERATORS}}),Object.defineProperty(exports,"MAIL_SUBJECT_OPERATORS",{enumerable:!0,get:function(){return G.MAIL_SUBJECT_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return G.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return G.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return G.STRING_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_2",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS_2}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_3",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS_3}}),exports.StyledModal=F.StyledModal,exports.DropdownPopover=H.DropdownPopover,exports.Dropdown=W.Dropdown,exports.ChipDropdown=Y.ChipDropdown,exports.ChipDropdownContainer=Y.ChipDropdownContainer,exports.OpenedDropdown=Q.OpenedDropdown,exports.MenuItemDropdown=K.MenuItemDropdown,exports.AnalyticsCard=z.AnalyticsCard,exports.AnalyticsContainer=Z.AnalyticsContainer,exports.CardDataContainer=Z.CardDataContainer,exports.Input=X.Input,exports.AnalyticsChip=J.AnalyticsChip,exports.AnalyticsDropdown=$.AnalyticsDropdown,exports.EachItem=$.EachItem,exports.formatDate=$.formatDate,exports.AnalyticsMultiChip=ee.AnalyticsMultiChip,exports.AnalyticsMetric=re.AnalyticsMetric,exports.AnalyticsTrend=te.AnalyticsTrend,exports.LineChart=oe.LineChart,exports.LinearChipGroupedChart=ne.LinearChipGroupedChart,exports.Card=ae.Card,exports.PieChartAnalytics=ae.PieChartAnalytics,exports.PieChart=ie.PieChart,exports.HorizontalGraph=se.HorizontalGraph,exports.StackedBarChart=pe.StackedBarChart,exports.StackedBarDistributionChart=ue.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return ce.GRAPH_ORIENTATION}}),exports.VerticalGraph=le.VerticalGraph,exports.FunnelVerticalBarGraph=de.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return me.HEAT}}),exports.HEAT_COLORS=me.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return me.HEAT_GRADING_TYPE}}),exports.HeatMap=me.HeatMap,exports.HeatBoxStyled=Te.HeatBoxStyled,exports.HeatMapVertical=Te.HeatMapVertical,exports.VerticalBarAndLinearGraph=xe.VerticalBarAndLinearGraph,Object.defineProperty(exports,"TruncateValue",{enumerable:!0,get:function(){return Pe.TruncateValue}}),exports.calculatePercentage=Pe.calculatePercentage,exports.roundNumber=Pe.roundNumber,exports.truncateValueForIndianStore=Pe.truncateValueForIndianStore,exports.truncateValueForInternationalStore=Pe.truncateValueForInternationalStore,exports.truncateValueTo10K=Pe.truncateValueTo10K,exports.truncateValueToA=Pe.truncateValueToA,exports.truncateValueToB=Pe.truncateValueToB,exports.truncateValueToC=Pe.truncateValueToC,exports.truncateValueToK=Pe.truncateValueToK,exports.truncateValueToL=Pe.truncateValueToL,exports.truncateValueToM=Pe.truncateValueToM,exports.truncateValueToT=Pe.truncateValueToT,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Se.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Se.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Se.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"MESSAGE_CHANNELS",{enumerable:!0,get:function(){return Se.MESSAGE_CHANNELS}}),Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Ae.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Ae.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Ae.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Ae.SIZE}}),exports.Alert=Ce.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return ye.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=ye.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return ye.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return Oe.RATIO}}),exports.Thumbnail=Oe.Thumbnail,exports.Curtain=be.Curtain,exports.DatePicker=je.DatePicker,exports.DatePickerWrapper=Ee.DatePickerWrapper,exports.Loader=ge.Loader,exports.Switch=ge.Switch,exports.SwitchContainer=ge.SwitchContainer,exports.Thumb=ge.Thumb,exports.SubscriptionPlan=Re.SubscriptionPlan,exports.BottomWrapper=he.BottomWrapper,exports.HeaderWrapper=he.HeaderWrapper,exports.SubscriptionPlanSelector=he.SubscriptionPlanSelector,exports.defaultTabs=he.defaultTabs,exports.NewSubscriptionPlan=Be.NewSubscriptionPlan,exports.SubscriptionPlansCollected=Ie.SubscriptionPlansCollected,exports.TabItemComponent=_e.TabItemComponent,exports.Tabs=_e.Tabs,exports.DynamicTabs=qe.DynamicTabs,exports.BikShimmer=fe.BikShimmer,exports.TablePagination=De.TablePagination,exports.TablePaginationCard=ke.TablePaginationCard,exports.TablePaginationCardStyled=ke.TablePaginationCardStyled,exports.StateModalComponent=Ne.StateModalComponent,exports.DeleteConfirmationModal=Le.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return we.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return we.ButtonTypes}}),exports.StateComponent=we.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return we.StateInterface}}),exports.ShopifyScopeWrapper=Me.ShopifyScopeWrapper,exports.WhatsAppTextEditor=Ve.WhatsAppTextEditor,exports.CustomRightBorder=ve.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return ve.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=ve.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ue.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=Ge.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return Ge.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return Ge.CURTAIN_TYPES}}),exports.resizeImage=Fe.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return He.PickerType}}),exports.CardSelectionModal=We.CardSelectionModal,exports.BikImageCropper=Ye.BikImageCropper,exports.BikImagePipeline=Qe.BikImagePipeline,exports.ButtonGroup=Ke.ButtonGroup,exports.BikAccordion=ze.BikAccordion,exports.FileUploader=Ze.FileUploader,exports.ColourInput=Xe.ColourInput,exports.CodeBlock=Je.CodeBlock,Object.defineProperty(exports,"CodeLanguage",{enumerable:!0,get:function(){return $e.CodeLanguage}}),exports.format=er.format,exports.colorMap=rr.colorMap,exports.colorOverWrite=rr.colorOverWrite,exports.BikHeader=tr.BikHeader,exports.BikLayout=or.BikLayout,exports.BikProfile=nr.BikProfile,exports.SimpleSidebar=ar.SimpleSidebar,exports.BikSidebar=ir.BikSidebar,exports.FeatureModal=sr.FeatureModal,exports.SidebarSkeleton=pr.SidebarSkeleton,exports.ShowShopifyRestrictedModal=ur.ShowShopifyRestrictedModal,exports.FeatureModalV2=cr.FeatureModalV2,exports.SearchBar=lr.SearchBar,exports.CustomDateTime=dr.CustomDateTime,exports.PricePleaseProductPicker=mr.PricePleaseProductPicker,exports.ProductPickerContent=mr.ProductPickerContent,exports.DiscountModal=Tr.DiscountModal,exports.CouponExpiration=xr.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return Pr.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return Pr.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Pr.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Pr.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Pr.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Pr.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Pr.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return Pr.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=Pr.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=Pr.initialStaticCouponErrorState,exports.CountryCodePicker=Sr.CountryCodePicker,exports.CountriesData=Ar.CountriesData,exports.DEFAULT_IMAGE=Cr.DEFAULT_IMAGE,exports.ShimmerImage=Cr.ShimmerImage,exports.ProductPickerModal=yr.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return Or.ScreenName}}),exports.Carousel=br.Carousel,exports.CarouselSecondary=jr.CarouselSecondary,exports.AccessTokenTroubleshootDialog=Er.AccessTokenTroubleshootDialog,exports.RadioList=gr.RadioList,exports.CheckList=Rr.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return hr.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return hr.MEDIA_TYPES}}),exports.PostPicker=hr.PostPicker,exports.dateOptions=hr.dateOptions,exports.DropdownButton=Br.DropdownButton,exports.SideModal=Ir.SideModal,exports.KeywordsInput=_r.KeywordsInput,exports.AddVariableV2SideModal=qr.AddVariableV2SideModal,exports.AddVariableV2=fr.AddVariableV2,exports.NaLinkWrapper=Dr.NaLinkWrapper,exports.NavigationHyperlink=Dr.NavigationHyperlink,exports.SearchFilter=kr.SearchFilter,exports.InputWithVariables=Nr.InputWithVariables,exports.DashboardReviewPopUp=Lr.DashboardReviewPopUp,exports.StarRating=wr.StarRating,exports.TestimonialCard=Mr.TestimonialCard,exports.BikSlider=Vr.BikSlider,exports.ResizableImage=vr.ResizableImage,exports.validateURL=Ur.validateURL,exports.CarouselPreview=Gr.CarouselPreview,exports.Floater=Fr.Floater,exports.CardSelector=Hr.CardSelector,exports.CardSelectorGroup=Wr.CardSelectorGroup,exports.VariablePicker=Yr.VariablePicker,exports.ActionButtons=Qr.ActionButtons,exports.ActivateBikAi=Kr.ActivateBikAi,exports.AiSyncProgress=zr.AiSyncProgress,exports.AiCreditsExhausted=Zr.AiCreditsExhausted,exports.AiCreditsLow=Xr.AiCreditsLow,exports.CustomPortal=Jr.CustomPortal,exports.FloatingInputDropdown=$r.FloatingInputDropdown,exports.MultilevelDropdownPopover=et.MultilevelDropdownPopover,exports.DropShadow=rt.DropShadow,exports.MultiLevelDropdown=tt.MultiLevelDropdown,exports.DataSourcePanel=ot.DataSourcePanel,exports.UnsatisfactoryResponseList=nt.UnsatisfactoryResponseList,exports.UnsatisfactoryCountIntentWiseModal=at.UnsatisfactoryCountIntentWiseModal,Object.defineProperty(exports,"CustomDataCategories",{enumerable:!0,get:function(){return it.CustomDataCategories}}),Object.defineProperty(exports,"CustomDataType",{enumerable:!0,get:function(){return it.CustomDataType}}),Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return st.CarouselVersion}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./amplitude/index.js"),r=require("./components/template-preview/constants/regexPatterns.js"),t=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),n=require("./constants/zindex.js"),a=require("./components/checkBox/CheckBox.js"),i=require("./components/list-item/ListItem.js"),s=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),u=require("./components/toaster/Toaster.js"),c=require("./components/tooltips/Tooltip.js"),l=require("./components/spinner/Spinner.js"),d=require("./components/stepper/Stepper.js"),m=require("./components/tag/Tag.js"),T=require("./components/icon-button/IconButton.js"),x=require("./components/template-preview/TemplatePreview.js"),P=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),S=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),A=require("./components/template-preview/helpers/SmsTemplateHelper.js"),C=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),O=require("./components/template-preview/models/TemplateMeta.js"),b=require("./components/template-preview/models/WhatsAppTemplate.js"),j=require("./components/template-preview/models/Channels.js"),E=require("./components/template-context-mapper/TemplateContextMapper.js"),g=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),R=require("./components/template-context-mapper/utils/validateIsUrl.js");require("./_virtual/_tslib.js");var h=require("./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js"),B=require("./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js"),I=require("./components/fab-menu/FABMenu.js"),_=require("./components/floating-action-button/FloatingActionButton.js"),q=require("./components/floating-action-button/FloatingActionButton.styles.js"),f=require("./components/image-compress/ImageCompress.js"),D=require("./components/TypographyStyle.js"),k=require("./components/button/Button.js"),N=require("./components/progress-bar/ProgressBarComponent.js");require("./node_modules/react/jsx-runtime.js");var L=require("./components/progress-bar-v2/ProgressBarV2.js"),w=require("./components/QueryBuilder/QueryBuilder.js"),M=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),V=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),v=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),U=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),G=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),F=require("./components/modals/styledModal.js"),H=require("./components/dropdown/DropdownPopover/index.js"),W=require("./components/dropdown/Dropdown.js"),Y=require("./components/dropdown/ChipDropdown.js"),Q=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),K=require("./components/dropdown/MenuItem/MenuItem.js"),z=require("./components/analytics-card/AnalyticsCard.js"),Z=require("./components/analytics-card/AnalyticsCard.styled.js"),X=require("./components/input/Input.js"),J=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),$=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),ee=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),re=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),te=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),ne=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),se=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),le=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),de=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),me=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),Te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),xe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),Pe=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),Se=require("./components/avatar/Avatar.js"),Ae=require("./components/avatar/AvatarHelper.js"),Ce=require("./components/alerts/Alert.js"),ye=require("./components/alerts/AlertHelper.js"),Oe=require("./components/thumbnail/Thumbnail.js"),be=require("./components/curtain/Curtain.js"),je=require("./components/datePicker/DatePicker.js"),Ee=require("./components/datePicker/DatePickerWrapper.js"),ge=require("./components/switch/Switch.js"),Re=require("./components/plans/SubscriptionPlan.js"),he=require("./components/plans/SubscriptionPlanSelector.js"),Be=require("./components/plans/NewSubscriptionPlan.js"),Ie=require("./components/plans/SubscriptionPlansCollected.js"),_e=require("./components/tabs/Tabs.js"),qe=require("./components/dynamic-tabs/DynamicTabs.js"),fe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),De=require("./components/TablePagination/TablePagination.js"),ke=require("./components/TablePagination/TablePaginationCard.js"),Ne=require("./components/states-modal/StateModalComponent.js"),Le=require("./components/states-modal/DeleteConfirmationModal.js"),we=require("./components/states/StateComponent.js"),Me=require("./components/states/ShopifyScopeWrapper.js"),Ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ue=require("./helpers/BaseWhatsappContentLang.helper.js"),Ge=require("./components/curtain/CurtainHelper.js"),Fe=require("./utils/resizeImage.js"),He=require("./components/variable-picker-v3/model.js"),We=require("./components/card-selection-modal/CardSelectionModal.js"),Ye=require("./components/image-cropper/BikImageCropper.js"),Qe=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),Ke=require("./components/buttonGroup/ButtonGroup.js"),ze=require("./components/accordion/Accordion.js"),Ze=require("./components/file-uploader/FileUploader.js"),Xe=require("./components/colourInput/ColourInput.js"),Je=require("./components/code-block/CodeBlock.js"),$e=require("./components/code-block/types.js"),er=require("./components/code-block/languageSpecificFormatting/html.js"),rr=require("./components/code-block/languageSpecificFormatting/javascript.js"),tr=require("./components/bik-layout/BikHeader.js"),or=require("./components/bik-layout/BikLayout.js"),nr=require("./components/bik-layout/BikProfile.js"),ar=require("./components/bik-layout/SimpleSidebar.js"),ir=require("./components/bik-layout/BikSidebar.js"),sr=require("./components/bik-layout/FeatureModal.js"),pr=require("./components/bik-layout/SidebarSkeleton.js"),ur=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),cr=require("./components/bik-layout/FeatureModalV2.js"),lr=require("./components/searchBar/searchBar.js"),dr=require("./components/custom-date-time/CustomDateTime.js"),mr=require("./components/product-picker/ProductPickerModal.js"),Tr=require("./components/discount-modal/DiscountModal.js"),xr=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Pr=require("./components/discount-modal/type.js"),Sr=require("./components/country-code-picker/CountryCodePicker.js"),Ar=require("./components/country-code-picker/CountryCodePicker.modal.js"),Cr=require("./components/shimmer-image/ShimmerImage.js"),yr=require("./components/product-picker-v2/modal.js"),Or=require("./components/product-picker-v2/type.js"),br=require("./components/carousel/carousel.js"),jr=require("./components/carousel-secondary/CarouselSecondary.js"),Er=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),gr=require("./components/radioList/RadioList.js"),Rr=require("./components/checkList/CheckList.js"),hr=require("./components/postPicker/postPicker.js"),Br=require("./components/dropdown-button/DropdownButton.js"),Ir=require("./components/side-modal/SideModal.js"),_r=require("./components/keywords-input/KeywordsInput.js"),qr=require("./components/add-variableV2/AddVariableV2SideModal.js"),fr=require("./components/add-variableV2/AddVariableV2.js"),Dr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),kr=require("./components/SearchFilter/index.js"),Nr=require("./components/input-with-vars/InputWithVariables.js"),Lr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),wr=require("./components/star-rating/StarRating.js"),Mr=require("./components/testimonial-card/TestimonialCard.js"),Vr=require("./components/slider/slider.js"),vr=require("./components/resizeImage/index.js"),Ur=require("./utils/validator.js"),Gr=require("./components/carousel-preview/CarouselPreview.js"),Fr=require("./components/floater/floater.js"),Hr=require("./components/card-selector/CardSelector.js"),Wr=require("./components/card-selector/CardSelectorGroup.js"),Yr=require("./components/variable-picker-v3/VariablePicker.js"),Qr=require("./components/action-button/ActionButtons.js"),Kr=require("./components/ai-modals/ActivateBikAI.js"),zr=require("./components/ai-modals/AiSyncProgress.js"),Zr=require("./components/ai-modals/AiCreditsExhausted.js"),Xr=require("./components/ai-modals/AiCreditsLow.js"),Jr=require("./components/input-with-vars/customPortal.js"),$r=require("./components/floating-input-dropdown/FloatingInputDropdown.js"),et=require("./components/dropdown/MultilevelDropdownPopover/index.js"),rt=require("./components/dropShadow/DropShadow.js"),tt=require("./components/multi-level-dropdown/MultiLevelDropdown.js"),ot=require("./components/data-source-panel/DataSourcePanel.js"),nt=require("./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js"),at=require("./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js"),it=require("./components/data-source-panel/model.js"),st=require("./components/text-picker/TextPickerModal.js"),pt=require("./components/carousel-secondary/model.js");exports.AmplitudeEvent=e.AmplitudeEvent,exports.regexPatterns=r,exports.StringUtils=t.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.ComponentZindex=n.ComponentZindex,exports.CheckBox=a.CheckBox,exports.ListItem=i.ListItem,exports.Pagination=s.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=u.Toaster,exports.Tooltip=c.Tooltip,exports.PureSpinner=l.PureSpinner,exports.Spinner=l.Spinner,exports.Stepper=d.Stepper,exports.Tag=m.Tag,exports.IconButton=T.IconButton,exports.TemplatePreview=x.TemplatePreview,exports.WhatsappLikePreview=P.WhatsappLikePreview,exports.WhatsappLikePreviewV2=S.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=A.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=C.WhatsAppFormatToHTML,exports.VariableEditorHelper=y.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return O.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=O.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return O.HEADER_TYPES}}),exports.STATIC_URL_CTA_OPTION=O.STATIC_URL_CTA_OPTION,Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return O.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return O.TEMPLATE_STATUS}}),exports.UNSUBSCRIBE_URL_OPTION=O.UNSUBSCRIBE_URL_OPTION,Object.defineProperty(exports,"BUTTON_TYPE",{enumerable:!0,get:function(){return b.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return b.POD}}),Object.defineProperty(exports,"TEMPLATE_QUALITY",{enumerable:!0,get:function(){return b.TEMPLATE_QUALITY}}),Object.defineProperty(exports,"CHANNEL_TYPE",{enumerable:!0,get:function(){return j.CHANNEL_TYPE}}),exports.TemplateContextMapper=E.TemplateContextMapper,exports.getAllDataFromTemplateComponent=g.getAllDataFromTemplateComponent,exports.getAllDataFromWebpushTemplateComponent=g.getAllDataFromWebpushTemplateComponent,exports.isVariable=R.isVariable,exports.validateIsUrl=R.validateIsUrl,exports.TemplateAnalyticsSkeleton=h.TemplateAnalyticsSkeleton,exports.AnalyticsItem=B.AnalyticsItem,exports.RightPanelTemplateAnalytics=B.RightPanelTemplateAnalytics,exports.TemplateAnalyticsComponent=B.TemplateAnalyticsComponent,exports.FABMenu=I.FABMenu,exports.FloatingActionButton=_.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return q.DROP_POSITION}}),exports.DropdownToggleContainer=q.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return q.FAB_POSITION}}),exports.FloatingActionButtonContainer=q.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=q.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return q.MENU_ALIGNMENT}}),exports.StyledDropdown=q.StyledDropdown,exports.TooltipStyled=q.TooltipStyled,exports.ImageService=f.ImageService,exports.AiBodyCaption=D.AiBodyCaption,exports.AiBodyTiny=D.AiBodyTiny,exports.BodyCaption=D.BodyCaption,exports.BodyLarge=D.BodyLarge,exports.BodyPrimary=D.BodyPrimary,exports.BodyPrimaryLink=D.BodyPrimaryLink,exports.BodyRegular=D.BodyRegular,exports.BodySecondary=D.BodySecondary,exports.BodySecondaryLink=D.BodySecondaryLink,exports.BodySmall=D.BodySmall,exports.BodyTiny=D.BodyTiny,exports.ButtonLarge=D.ButtonLarge,exports.ButtonLargeAI=D.ButtonLargeAI,exports.ButtonRegular=D.ButtonRegular,exports.ButtonRegularAI=D.ButtonRegularAI,exports.Caption=D.Caption,exports.CaptionBold=D.CaptionBold,exports.Display=D.Display,exports.SmallRegular=D.SmallRegular,exports.SubHeading=D.SubHeading,exports.TextPlaceholder=D.TextPlaceholder,exports.Tiny=D.Tiny,exports.TitleFour=D.TitleFour,exports.TitleLarge=D.TitleLarge,exports.TitleMedium=D.TitleMedium,exports.TitleRegular=D.TitleRegular,exports.TitleSmall=D.TitleSmall,exports.TitleXlarge=D.TitleXlarge,exports.Button=k.Button,exports.ProgressBarComponent=N.ProgressBarComponent,exports.ProgressCompletedBar=N.ProgressCompletedBar,Object.defineProperty(exports,"ProgressBarType",{enumerable:!0,get:function(){return L.ProgressBarType}}),exports.ProgressBarV2=L.ProgressBarV2,Object.defineProperty(exports,"TextAlignment",{enumerable:!0,get:function(){return L.TextAlignment}}),exports.QueryBuilder=w.QueryBuilder,exports.BaseQueryBuilderNode=M.BaseQueryBuilderNode,exports.PropertyNode=V.PropertyNode,exports.PropertyNodeHeadless=V.PropertyNodeHeadless,exports.queryBuilderSlice=v.queryBuilderSlice,exports.queryBuilderCacheSlice=U.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return G.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return G.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return G.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return G.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return G.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return G.EVENT_VALUES}}),Object.defineProperty(exports,"EXACTLY_OPERATORS",{enumerable:!0,get:function(){return G.EXACTLY_OPERATORS}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return G.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return G.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return G.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return G.INTEGER_OPERATORS}}),Object.defineProperty(exports,"MAIL_SUBJECT_OPERATORS",{enumerable:!0,get:function(){return G.MAIL_SUBJECT_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return G.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return G.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return G.STRING_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_2",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS_2}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_3",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS_3}}),exports.StyledModal=F.StyledModal,exports.DropdownPopover=H.DropdownPopover,exports.Dropdown=W.Dropdown,exports.ChipDropdown=Y.ChipDropdown,exports.ChipDropdownContainer=Y.ChipDropdownContainer,exports.OpenedDropdown=Q.OpenedDropdown,exports.MenuItemDropdown=K.MenuItemDropdown,exports.AnalyticsCard=z.AnalyticsCard,exports.AnalyticsContainer=Z.AnalyticsContainer,exports.CardDataContainer=Z.CardDataContainer,exports.Input=X.Input,exports.AnalyticsChip=J.AnalyticsChip,exports.AnalyticsDropdown=$.AnalyticsDropdown,exports.EachItem=$.EachItem,exports.formatDate=$.formatDate,exports.AnalyticsMultiChip=ee.AnalyticsMultiChip,exports.AnalyticsMetric=re.AnalyticsMetric,exports.AnalyticsTrend=te.AnalyticsTrend,exports.LineChart=oe.LineChart,exports.LinearChipGroupedChart=ne.LinearChipGroupedChart,exports.Card=ae.Card,exports.PieChartAnalytics=ae.PieChartAnalytics,exports.PieChart=ie.PieChart,exports.HorizontalGraph=se.HorizontalGraph,exports.StackedBarChart=pe.StackedBarChart,exports.StackedBarDistributionChart=ue.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return ce.GRAPH_ORIENTATION}}),exports.VerticalGraph=le.VerticalGraph,exports.FunnelVerticalBarGraph=de.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return me.HEAT}}),exports.HEAT_COLORS=me.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return me.HEAT_GRADING_TYPE}}),exports.HeatMap=me.HeatMap,exports.HeatBoxStyled=Te.HeatBoxStyled,exports.HeatMapVertical=Te.HeatMapVertical,exports.VerticalBarAndLinearGraph=xe.VerticalBarAndLinearGraph,Object.defineProperty(exports,"TruncateValue",{enumerable:!0,get:function(){return Pe.TruncateValue}}),exports.calculatePercentage=Pe.calculatePercentage,exports.roundNumber=Pe.roundNumber,exports.truncateValueForIndianStore=Pe.truncateValueForIndianStore,exports.truncateValueForInternationalStore=Pe.truncateValueForInternationalStore,exports.truncateValueTo10K=Pe.truncateValueTo10K,exports.truncateValueToA=Pe.truncateValueToA,exports.truncateValueToB=Pe.truncateValueToB,exports.truncateValueToC=Pe.truncateValueToC,exports.truncateValueToK=Pe.truncateValueToK,exports.truncateValueToL=Pe.truncateValueToL,exports.truncateValueToM=Pe.truncateValueToM,exports.truncateValueToT=Pe.truncateValueToT,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Se.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Se.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Se.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"MESSAGE_CHANNELS",{enumerable:!0,get:function(){return Se.MESSAGE_CHANNELS}}),Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Ae.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Ae.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Ae.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Ae.SIZE}}),exports.Alert=Ce.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return ye.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=ye.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return ye.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return Oe.RATIO}}),exports.Thumbnail=Oe.Thumbnail,exports.Curtain=be.Curtain,exports.DatePicker=je.DatePicker,exports.DatePickerWrapper=Ee.DatePickerWrapper,exports.Loader=ge.Loader,exports.Switch=ge.Switch,exports.SwitchContainer=ge.SwitchContainer,exports.Thumb=ge.Thumb,exports.SubscriptionPlan=Re.SubscriptionPlan,exports.BottomWrapper=he.BottomWrapper,exports.HeaderWrapper=he.HeaderWrapper,exports.SubscriptionPlanSelector=he.SubscriptionPlanSelector,exports.defaultTabs=he.defaultTabs,exports.NewSubscriptionPlan=Be.NewSubscriptionPlan,exports.SubscriptionPlansCollected=Ie.SubscriptionPlansCollected,exports.TabItemComponent=_e.TabItemComponent,exports.Tabs=_e.Tabs,exports.DynamicTabs=qe.DynamicTabs,exports.BikShimmer=fe.BikShimmer,exports.TablePagination=De.TablePagination,exports.TablePaginationCard=ke.TablePaginationCard,exports.TablePaginationCardStyled=ke.TablePaginationCardStyled,exports.StateModalComponent=Ne.StateModalComponent,exports.DeleteConfirmationModal=Le.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return we.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return we.ButtonTypes}}),exports.StateComponent=we.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return we.StateInterface}}),exports.ShopifyScopeWrapper=Me.ShopifyScopeWrapper,exports.WhatsAppTextEditor=Ve.WhatsAppTextEditor,exports.CustomRightBorder=ve.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return ve.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=ve.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ue.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=Ge.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return Ge.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return Ge.CURTAIN_TYPES}}),exports.resizeImage=Fe.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return He.PickerType}}),exports.CardSelectionModal=We.CardSelectionModal,exports.BikImageCropper=Ye.BikImageCropper,exports.BikImagePipeline=Qe.BikImagePipeline,exports.ButtonGroup=Ke.ButtonGroup,exports.BikAccordion=ze.BikAccordion,exports.FileUploader=Ze.FileUploader,exports.ColourInput=Xe.ColourInput,exports.CodeBlock=Je.CodeBlock,Object.defineProperty(exports,"CodeLanguage",{enumerable:!0,get:function(){return $e.CodeLanguage}}),exports.format=er.format,exports.colorMap=rr.colorMap,exports.colorOverWrite=rr.colorOverWrite,exports.BikHeader=tr.BikHeader,exports.BikLayout=or.BikLayout,exports.BikProfile=nr.BikProfile,exports.SimpleSidebar=ar.SimpleSidebar,exports.BikSidebar=ir.BikSidebar,exports.FeatureModal=sr.FeatureModal,exports.SidebarSkeleton=pr.SidebarSkeleton,exports.ShowShopifyRestrictedModal=ur.ShowShopifyRestrictedModal,exports.FeatureModalV2=cr.FeatureModalV2,exports.SearchBar=lr.SearchBar,exports.CustomDateTime=dr.CustomDateTime,exports.PricePleaseProductPicker=mr.PricePleaseProductPicker,exports.ProductPickerContent=mr.ProductPickerContent,exports.DiscountModal=Tr.DiscountModal,exports.CouponExpiration=xr.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return Pr.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return Pr.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Pr.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Pr.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Pr.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Pr.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Pr.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return Pr.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=Pr.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=Pr.initialStaticCouponErrorState,exports.CountryCodePicker=Sr.CountryCodePicker,exports.CountriesData=Ar.CountriesData,exports.DEFAULT_IMAGE=Cr.DEFAULT_IMAGE,exports.ShimmerImage=Cr.ShimmerImage,exports.ProductPickerModal=yr.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return Or.ScreenName}}),exports.Carousel=br.Carousel,exports.CarouselSecondary=jr.CarouselSecondary,exports.AccessTokenTroubleshootDialog=Er.AccessTokenTroubleshootDialog,exports.RadioList=gr.RadioList,exports.CheckList=Rr.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return hr.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return hr.MEDIA_TYPES}}),exports.PostPicker=hr.PostPicker,exports.dateOptions=hr.dateOptions,exports.DropdownButton=Br.DropdownButton,exports.SideModal=Ir.SideModal,exports.KeywordsInput=_r.KeywordsInput,exports.AddVariableV2SideModal=qr.AddVariableV2SideModal,exports.AddVariableV2=fr.AddVariableV2,exports.NaLinkWrapper=Dr.NaLinkWrapper,exports.NavigationHyperlink=Dr.NavigationHyperlink,exports.SearchFilter=kr.SearchFilter,exports.InputWithVariables=Nr.InputWithVariables,exports.DashboardReviewPopUp=Lr.DashboardReviewPopUp,exports.StarRating=wr.StarRating,exports.TestimonialCard=Mr.TestimonialCard,exports.BikSlider=Vr.BikSlider,exports.ResizableImage=vr.ResizableImage,exports.validateURL=Ur.validateURL,exports.CarouselPreview=Gr.CarouselPreview,exports.Floater=Fr.Floater,exports.CardSelector=Hr.CardSelector,exports.CardSelectorGroup=Wr.CardSelectorGroup,exports.VariablePicker=Yr.VariablePicker,exports.ActionButtons=Qr.ActionButtons,exports.ActivateBikAi=Kr.ActivateBikAi,exports.AiSyncProgress=zr.AiSyncProgress,exports.AiCreditsExhausted=Zr.AiCreditsExhausted,exports.AiCreditsLow=Xr.AiCreditsLow,exports.CustomPortal=Jr.CustomPortal,exports.FloatingInputDropdown=$r.FloatingInputDropdown,exports.MultilevelDropdownPopover=et.MultilevelDropdownPopover,exports.DropShadow=rt.DropShadow,exports.MultiLevelDropdown=tt.MultiLevelDropdown,exports.DataSourcePanel=ot.DataSourcePanel,exports.UnsatisfactoryResponseList=nt.UnsatisfactoryResponseList,exports.UnsatisfactoryCountIntentWiseModal=at.UnsatisfactoryCountIntentWiseModal,Object.defineProperty(exports,"CustomDataCategories",{enumerable:!0,get:function(){return it.CustomDataCategories}}),Object.defineProperty(exports,"CustomDataType",{enumerable:!0,get:function(){return it.CustomDataType}}),exports.TextPickerModal=st.TextPickerModal,Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return pt.CarouselVersion}});

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/esm/components/buttonGroup/ButtonGroup.js

@@ -1 +1 @@
-import{j as i}from"../../node_modules/react/jsx-runtime.js";import{useState as o,useEffect as t}from"react";import{BodySecondary as n}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";import{ButtonGroupStyle as e,Button as r}from"./ButtonGroupStyle.js";const c=c=>{const[d,a]=o(void 0);t((()=>{a(c.activeButtonId||void 0)}),[null==c?void 0:c.activeButtonId]);return i.jsx(e,Object.assign({className:"button-group",width:c.width||"100%",gap:c.gap,size:c.size},{children:c.buttonGroup.map((o=>{var t,e;const l=null==o?void 0:o.icon;return i.jsxs(r,Object.assign({borderRadius:null!==(t=c.borderRadius)&&void 0!==t?t:"4px",matchParentWidth:null===(e=c.matchParentWidth)||void 0===e||e,className:"button",isActive:d===o.id,onClick:()=>(i=>{a(i.id),c.onButtonClick(i.id)})(o),iconPosition:c.iconPosition,size:c.size,backgroundColor:c.backgroundColor||s.surface.subdued},{children:[(null==c?void 0:c.iconPosition)&&l&&i.jsx("div",Object.assign({className:"button__image"},{children:i.jsx(l,{color:d===o.id?s.background.inverseLight:s.content.secondary,width:(null==c?void 0:c.iconWidth)||"18px",height:(null==c?void 0:c.iconHeight)||"18px"})})),i.jsx("div",Object.assign({className:"button__name"},{children:i.jsx(n,Object.assign({style:{color:d===o.id?s.background.inverseLight:s.content.secondary}},{children:o.title}))}))]}),o.id)}))}))};export{c as ButtonGroup};
+import{j as i}from"../../node_modules/react/jsx-runtime.js";import{useState as o,useEffect as t}from"react";import{BodySecondary as n}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";import{ButtonGroupStyle as e,Button as r}from"./ButtonGroupStyle.js";const c=c=>{const[d,a]=o(void 0);t((()=>{a(c.activeButtonId||void 0)}),[null==c?void 0:c.activeButtonId]);return i.jsx(e,Object.assign({className:"button-group",width:c.width||"100%",gap:c.gap,size:c.size,iconPosition:c.iconPosition},{children:c.buttonGroup.map((o=>{var t,e;const l=null==o?void 0:o.icon;return i.jsxs(r,Object.assign({borderRadius:null!==(t=c.borderRadius)&&void 0!==t?t:"4px",matchParentWidth:null===(e=c.matchParentWidth)||void 0===e||e,className:"button",isActive:d===o.id,onClick:()=>(i=>{a(i.id),c.onButtonClick(i.id)})(o),iconPosition:c.iconPosition,size:c.size,backgroundColor:c.backgroundColor||s.surface.subdued},{children:[(null==c?void 0:c.iconPosition)&&l&&i.jsx("div",Object.assign({className:"button__image"},{children:i.jsx(l,{color:d===o.id?s.background.inverseLight:s.content.secondary,width:(null==c?void 0:c.iconWidth)||"18px",height:(null==c?void 0:c.iconHeight)||"18px"})})),i.jsx("div",Object.assign({className:"button__name"},{children:i.jsx(n,Object.assign({style:{color:d===o.id?s.background.inverseLight:s.content.secondary}},{children:o.title}))}))]}),o.id)}))}))};export{c as ButtonGroup};

package/dist/esm/components/buttonGroup/ButtonGroupStyle.d.ts

@@ -2,6 +2,7 @@ export declare const ButtonGroupStyle: import("styled-components").StyledCompone
     width: string | undefined;
     size: 'small' | 'medium' | 'large';
     gap: string | undefined;
+    iconPosition?: "left" | "right" | "top" | undefined;
 }, never>;
 export declare const Button: import("styled-components").StyledComponent<"div", any, {
     isActive: boolean;

package/dist/esm/components/buttonGroup/ButtonGroupStyle.js

@@ -1,22 +1,24 @@
-import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t={small:"8px 12px",medium:"10px 12px",large:"14px 12px"},o={small:"36px",medium:"40px",large:"48px"},n=e.div`
+import i from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const t={small:"8px 12px",medium:"10px 12px",large:"14px 12px"},e={small:"36px",medium:"40px",large:"48px"},n=i.div`
 	display: flex;
 	flex-direction: row;
-	width: ${e=>e.width||"100%"};
-	height: ${e=>e.size?o[e.size]:"36px"};
-	gap: ${e=>e.gap||"12px"};
-`,r=e.div`
+	width: ${i=>i.width||"100%"};
+	height: ${i=>"top"===i.iconPosition?"auto":i.size?e[i.size]:"36px"};
+	min-height: ${i=>"top"===i.iconPosition?i.size?e[i.size]:"36px":"auto"};
+	gap: ${i=>i.gap||"12px"};
+`,r=i.div`
 	display: flex;
-	flex-direction: ${e=>"top"!==e.iconPosition?"left"===e.iconPosition?"row":"row-reverse":"column"};
-	flex: ${e=>e.matchParentWidth?1:"unset"};
-	height: 100%;
-	background: ${e=>e.isActive?i.background.brandLight:e.backgroundColor};
+	flex-direction: ${i=>"top"!==i.iconPosition?"left"===i.iconPosition?"row":"row-reverse":"column"};
+	flex: ${i=>i.matchParentWidth?1:"unset"};
+	height: ${i=>"top"===i.iconPosition?"auto":"100%"};
+	min-height: ${i=>"top"===i.iconPosition?"100%":"auto"};
+	background: ${i=>i.isActive?o.background.brandLight:i.backgroundColor};
 	border: 1px solid
-		${e=>e.isActive?i.background.inverseLight:i.stroke.primary};
-	border-radius: ${e=>e.borderRadius};
+		${i=>i.isActive?o.background.inverseLight:o.stroke.primary};
+	border-radius: ${i=>i.borderRadius};
 	align-items: center;
 	justify-content: center;
-	padding: ${e=>e.size?t[e.size]:"8px 10px"};
-	gap: ${e=>e.iconPosition&&"top"!==e.iconPosition?"10px":"2px"};
+	padding: ${i=>i.size?t[i.size]:"8px 10px"};
+	gap: ${i=>i.iconPosition&&"top"!==i.iconPosition?"10px":"2px"};
 	.button {
 		align-items: center;
 		justify-content: center;

package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js

@@ -1,7 +1,7 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import"../../curtain/CurtainHelper.js";import{PickerType as o}from"../../variable-picker-v3/model.js";import{cloneDeep as n}from"lodash";import{useRef as t,useState as i,useEffect as l}from"react";import a from"styled-components";import{Input as s}from"../../input/Input.js";import{InputWithVariables as d}from"../../input-with-vars/InputWithVariables.js";import{isRCSChannel as r,isCarouselComponent as p}from"../../template-preview/helpers/templateMiscHelper.js";import{HEADER_TYPES as u}from"../../template-preview/models/TemplateMeta.js";import{POD as c}from"../../template-preview/models/WhatsAppTemplate.js";import{useTemplateModalContext as v}from"../context/templateModalContext.js";import{STATIC_URL_VARIABLE_NAME as m}from"../utils/constants.js";import{getAllDataFromTemplateComponent as b}from"../utils/getDataFromTemplateComponent.js";import{isVariable as g}from"../utils/validateIsUrl.js";import{validateInputName as h,validateInputNameChatbot as f}from"../utils/validateName.js";import{BackTrackComponent as j}from"./BackTrackComponent.js";import{DiscountCodeComponent as x}from"./DiscountCodeComponent.js";import C from"./EditMediaModal.js";import O from"./EditMediaV2.js";import{EditTemplateMediaContainer as T}from"./EditMediaV2.style.js";import{useEditWhatsappTemplateMedia as y}from"./useEditWhtasappTemplateMedia.js";import V from"./VariableConnector.js";import{Container as E}from"./VariableConnectorsPanel.js";import B from"./VariableConnectorWhatsApp.js";import M from"./VariableEditorHeader.js";import k from"./WhatsAppTemplateCardButtonV2.js";const I=a=>{let{template:I,onTemplateChange:L,whatsappSpecificPickerMeta:R,showVariableModal:U,variableListForImage:P,setDiscountCode:H,fileName:N,setFileName:D}=a;var A,F,_,q,Q,S,Y,K,W,$,G,X,z,J,Z,ee,oe,ne,te,ie,le,ae,se,de,re,pe,ue,ce,ve,me,be,ge,he,fe,je,xe,Ce,Oe,Te;const ye=I.isCarouselType,{originalVariableList:Ve,pod:Ee,extras:Be,selectedCarouselIndex:Me,isProductCarouselType:ke,disableCopyCode:Ie,isError:we,cardIndex:Le}=v(),{descriptionComponents:Re,urlBtns:Ue,qrbBtns:Pe,imageComponent:He,bodyVariables:Ne,headerVariables:De,titleVariables:Ae}=b(I),Fe=t(null),[_e,qe]=i(!1),[Qe,Se]=i(-1===Me?{descriptionComponents:Re,urlBtns:Ue,qrbBtns:Pe,imageComponent:He,bodyVariables:Ne,headerVariables:De,titleVariables:Ae}:{}),{uploadMediaLink:Ye,uploadMediaFiles:Ke,validateMimeType:We}=R,$e=y({uploadMediaLink:Ye,uploadMediaFiles:Ke,updateTemplateImageUrl:function(e,o){var t,i,l,a,s,d,r,p;let u;u=null!=Me&&Me>-1?{components:null===(i=null===(t=I.components[Le])||void 0===t?void 0:t.cards)||void 0===i?void 0:i[Me].components,mapping:null===(a=null===(l=null==I?void 0:I.mapping)||void 0===l?void 0:l.cards)||void 0===a?void 0:a[Me]}:Object.assign({},I);const c=null===(s=null==u?void 0:u.components)||void 0===s?void 0:s.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==c&&c>-1&&(null==u?void 0:u.components[c])){const n=Object.assign(Object.assign({},u.components[c]),{format:o,example:{header_handle:[e]}}),t=[...u.components];t[c]=n,u=Object.assign(Object.assign({},u),{components:t})}u.mapping&&(u.mapping=Object.assign(Object.assign({},u.mapping),{header:void 0}));if(null!=Me&&Me>-1){const e=n(I);e.components[Le].cards[Me].components=u.components,(null===(d=null==e?void 0:e.mapping)||void 0===d?void 0:d.cards)&&(null===(r=null==e?void 0:e.mapping)||void 0===r?void 0:r.cards.length)>0&&(e.mapping.cards[Me]=null!==(p=u.mapping)&&void 0!==p?p:{}),null==L||L(Object.assign({},e)),Xe(!0)}else null==L||L(Object.assign({},u))},validateMimeType:We,mediaComponent:ye?Qe.imageComponent:He,fileRef:Fe}),[Ge,Xe]=i(!1),[ze,Je]=i(N),[Ze,eo]=i();function oo(e,o,t){var i,l,a,s,d,r,u,c,v,m;const b=null!=Me&&Me>-1?{components:null===(i=Object.assign({},I).components[Le].cards)||void 0===i?void 0:i[Me].components,mapping:null===(l=Object.assign({},I).mapping.cards)||void 0===l?void 0:l[Me]}:Object.assign({},I),g=n(b),h="custom"===o&&"string"==typeof e,f=h?e:"string"!=typeof e?e.defaultValue?e.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(null!=Me&&Me>-1&&ke){const o=Object.assign({},I).components.map((e=>{var o;return p(e.type)?Object.assign(Object.assign({},e),{cards:null===(o=e.cards)||void 0===o?void 0:o.map((e=>Object.assign(Object.assign({},e),{components:e.components.map((e=>{var o,n,i;if("BUTTONS"===e.type){const l=null===(o=e.buttons)||void 0===o?void 0:o.filter((e=>"URL"===e.type));let a=null!==(n=null==l?void 0:l[t])&&void 0!==n?n:{};a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[f]});const s=null===(i=e.buttons)||void 0===i?void 0:i.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e));return Object.assign(Object.assign({},e),{buttons:s})}return e}))})))}):e})),i=null===(s=null===(a=Object.assign({},I).mapping)||void 0===a?void 0:a.cards)||void 0===s?void 0:s.map((o=>{var n;return Object.assign(Object.assign({},o),{buttons:null===(n=null==o?void 0:o.buttons)||void 0===n?void 0:n.map(((o,n)=>n===t?h?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"":o))})})),l=n(I);return l.components=o,l.mapping.cards=i,void(null==L||L(Object.assign({},l)))}const j=null==g?void 0:g.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==j&&j>-1){const n=null===(d=null==g?void 0:g.components[j].buttons)||void 0===d?void 0:d.filter((e=>"URL"===e.type));if((null==n?void 0:n.length)>0){const i="custom"===o&&"string"==typeof e,l=i?e:"string"!=typeof e&&e.defaultValue?e.defaultValue:"https://d.bik.ai/";let a=n[t];a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[l]});const s=[...null!==(c=null===(u=null===(r=g.components)||void 0===r?void 0:r[j])||void 0===u?void 0:u.buttons)&&void 0!==c?c:[]].map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e)),d=Object.assign(Object.assign({},g.components[j]),{buttons:s}),p=null===(v=g.mapping)||void 0===v?void 0:v.buttons;p&&p.length>0&&(p[t]=i?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"");const m=Object.assign(Object.assign({},g.mapping),{buttons:p});g.mapping=m;const b=[...g.components];b[j]=d,g.components=b}}if("string"!=typeof e){"checkout.checkoutUrl"===(null===(m=e.placeHolder)||void 0===m?void 0:m.slice(2,-2))?qe(!0):(qe(!1),null==H||H(""))}if(null!=Me&&Me>-1){const e=n(I);e.components[Le].cards[Me].components=g.components,e.mapping.cards[Me]=g.mapping,null==L||L(Object.assign({},e))}else null==L||L(g)}function no(e,o,t){var i,l,a,s,d,r,u;const c=null!=Me&&Me>-1?{components:null===(i=Object.assign({},I).components[Le].cards)||void 0===i?void 0:i[Me].components,mapping:null===(l=Object.assign({},I).mapping.cards)||void 0===l?void 0:l[Me]}:Object.assign({},I);if(null!=Me&&Me>-1&&ke){const o=Object.assign({},I).components.map((o=>{var n;return p(o.type)?Object.assign(Object.assign({},o),{cards:null===(n=o.cards)||void 0===n?void 0:n.map((o=>Object.assign(Object.assign({},o),{components:o.components.map((o=>{var n,i,l;if("BUTTONS"===o.type){const a=null===(n=null==o?void 0:o.buttons)||void 0===n?void 0:n.filter((e=>"QUICK_REPLY"===e.type));let s=null!==(i=null==a?void 0:a[t])&&void 0!==i?i:{};s=Object.assign(Object.assign({},s),{flowId:e.flowId,flowName:e.flowName});const d=null===(l=null==o?void 0:o.buttons)||void 0===l?void 0:l.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==s?void 0:s.text)?s:e));return Object.assign(Object.assign({},o),{buttons:d})}return o}))})))}):o})),i=n(I);return i.components=o,void(null==L||L(Object.assign({},i)))}const v=null==c?void 0:c.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==v&&v>-1){const o=null===(s=null===(a=null==c?void 0:c.components[v])||void 0===a?void 0:a.buttons)||void 0===s?void 0:s.filter((e=>"QUICK_REPLY"===e.type));if(o){let n=o[t];n=Object.assign(Object.assign({},n),{flowId:e.flowId,flowName:e.flowName});const i=[...null!==(u=null===(r=null===(d=c.components)||void 0===d?void 0:d[v])||void 0===r?void 0:r.buttons)&&void 0!==u?u:[]].map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==n?void 0:n.text)?n:e)),l=Object.assign(Object.assign({},c.components[v]),{buttons:i}),a=[...c.components];a[v]=l,c.components=a}}if(null!=Me&&Me>-1){const e=n(I);e.components[Le].cards[Me].components=c.components,null==L||L(Object.assign({},e))}else null==L||L(c)}l((()=>{var e,o;if(null===(e=I.mapping.buttons)||void 0===e?void 0:e.find((e=>"checkout.checkoutUrl"===e.slice(2,-2))))qe(!0);else{qe(!1);const e=null===(o=null==Be?void 0:Be.discountCodeExtra)||void 0===o?void 0:o[1];null==e||e("")}}),[I]),l((()=>{var e,o,n,t;if(null!=Me&&Me>-1){const i={components:null===(o=null===(e=I.components[Le])||void 0===e?void 0:e.cards)||void 0===o?void 0:o[Me].components,mapping:null===(t=null===(n=null==I?void 0:I.mapping)||void 0===n?void 0:n.cards)||void 0===t?void 0:t[Me]},{descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:p,titleVariables:u}=b(i);Se({descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:p,titleVariables:u})}else if(null!=Me&&-1===Me){const{descriptionComponents:e,urlBtns:o,qrbBtns:n,imageComponent:t,bodyVariables:i,headerVariables:l,titleVariables:a}=b(I);Se({descriptionComponents:e,urlBtns:o,qrbBtns:n,imageComponent:t,bodyVariables:i,headerVariables:l,titleVariables:a})}}),[Me]),l((()=>{var e,o,n,t;if(null!=Me&&Me>-1&&Ge){const i={components:null===(o=null===(e=I.components[Le])||void 0===e?void 0:e.cards)||void 0===o?void 0:o[Me].components,mapping:null===(t=null===(n=null==I?void 0:I.mapping)||void 0===n?void 0:n.cards)||void 0===t?void 0:t[Me]},{descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:p,titleVariables:u}=b(i);Se({descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:p,titleVariables:u}),Xe(!1)}}),[Ge]);l((()=>{we&&Ee===c.CHATBOT&&(()=>{if(!N)return void eo("PDF name is Required");const e=f(N);null==D||D(null!=N?N:""),eo(e?"Please enter a valid PDF name":void 0)})()}),[we]);const to=ye?Qe.imageComponent:He;return $e.openEditMedia?e.jsx(E,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsx(C,{mediaComponentFormat:null!==(A=to.format)&&void 0!==A?A:u.IMAGE,uploadMedia:$e.uploadMedia,variableListForImage:P||[],useEditWhatsappTemplateMediaResponse:$e,setOpenEditMedia:$e.setOpenEditMedia,openEditMedia:$e.openEditMedia,editIconRef:$e.editIconRef,fileRef:Fe})})):e.jsxs(E,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:ke?"420px":"auto"}},{children:[!!Qe.imageComponent&&!ke&&!r(null==I?void 0:I.channel)&&e.jsxs(T,{children:[e.jsx(O,{imageName:null!==(_=null===(F=null==to?void 0:to.example)||void 0===F?void 0:F.header_handle)&&void 0!==_?_:[],handleImageChange:$e.handleImageChange,mediaType:null==to?void 0:to.format,error:$e.error,isLoading:$e.loading,setOpenEditMedia:$e.setOpenEditMedia,selectedVariable:g(null!==(S=null===(Q=null===(q=null==to?void 0:to.example)||void 0===q?void 0:q.header_handle)||void 0===Q?void 0:Q[0])&&void 0!==S?S:"")?null===(K=null===(Y=null==to?void 0:to.example)||void 0===Y?void 0:Y.header_handle)||void 0===K?void 0:K[0]:(null===($=null===(W=null==I?void 0:I.mapping)||void 0===W?void 0:W.header)||void 0===$?void 0:$[0])?null===(X=null===(G=null==I?void 0:I.mapping)||void 0===G?void 0:G.header)||void 0===X?void 0:X[0]:$e.selectedVariable}),(null==He?void 0:He.format)==u.DOCUMENT?e.jsx(w,{children:Ee===c.CHATBOT?e.jsx(d,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:Ze||void 0,onChange:e=>{var o;eo(""),null==D||D(null!==(o=null==e?void 0:e.actualValue)&&void 0!==o?o:"")},pickerType:o.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:null!=N?N:"",variableType:"string"},variablesList:P,showAddButton:!0}):e.jsx(s,{labelText:"PDF Name",placeholder:"Enter the name",value:ze,errorMessage:Ze||void 0,onBlur:()=>{if(!ze)return null==D||D(""),void eo("PDF name is Required");const e=h(ze);null==D||D(ze),eo(e?"Please enter a valid PDF name":void 0)},onChangeText:e=>{eo(""),Je(e)}})}):e.jsx(e.Fragment,{})]}),(null===(z=Qe.bodyVariables)||void 0===z?void 0:z.length)>0&&e.jsx(M,{containerStyle:{paddingTop:Qe.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null===(J=Qe.descriptionComponents)||void 0===J?void 0:J.map(((o,n)=>e.jsx(B,{originalVariableList:null!=Me&&Me>-1?Ve.cards[Me]:Ve,type:o.type,descriptionComponent:o.component,showVariableModal:U},n))),(null===(oe=null===(ee=null!=Me&&Me>-1?null===(Z=Ve.cards[Me])||void 0===Z?void 0:Z.buttons:null==Ve?void 0:Ve.buttons)||void 0===ee?void 0:ee.filter((e=>"URL"===e.type)))||void 0===oe?void 0:oe.length)>0&&e.jsx(M,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(ie=null===(te=null!=Me&&Me>-1?null===(ne=Ve.cards[Me])||void 0===ne?void 0:ne.buttons:null==Ve?void 0:Ve.buttons)||void 0===te?void 0:te.filter((e=>Ee===c.CHATBOT||"URL"===e.type)))||void 0===ie?void 0:ie.map(((o,n)=>{const t=o.buttonVariable===m;if("URL"===o.type)return e.jsx(k,{variableListIndex:n,disableEdit:t,CTAoptions:null==R?void 0:R.CTAoptions,button:o,currentVariableList:null!=Me&&Me>-1?Object.assign({},Ve.cards[Me]):Object.assign({},Ve),updateSelectedURLTemplateBtn:oo},`${n}_${Me}`)})),Ee===c.CHATBOT&&(null===(ae=null===(le=Pe[0])||void 0===le?void 0:le.component)||void 0===ae?void 0:ae.buttons)&&(null===(re=null===(de=null===(se=Pe[0])||void 0===se?void 0:se.component)||void 0===de?void 0:de.buttons)||void 0===re?void 0:re.length)>0&&e.jsx(j,{backTrackMessage:null===(pe=null==Be?void 0:Be.backTrackExtra)||void 0===pe?void 0:pe[0],setBackTrackMessage:null===(ue=null==Be?void 0:Be.backTrackExtra)||void 0===ue?void 0:ue[1]}),!r(null==I?void 0:I.channel)&&(null===(me=null===(ve=null!=Me&&Me>-1?null===(ce=Ve.cards[Me])||void 0===ce?void 0:ce.buttons:null==Ve?void 0:Ve.buttons)||void 0===ve?void 0:ve.filter((e=>"QUICK_REPLY"===e.type)))||void 0===me?void 0:me.length)>0&&(Ee!==c.CHATBOT?e.jsx(M,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):e.jsx(j,{backTrackMessage:null===(be=null==Be?void 0:Be.backTrackExtra)||void 0===be?void 0:be[0],setBackTrackMessage:null===(ge=null==Be?void 0:Be.backTrackExtra)||void 0===ge?void 0:ge[1]})),!r(null==I?void 0:I.channel)&&(null===(je=null===(fe=null!=Me&&Me>-1?null===(he=Ve.cards[Me])||void 0===he?void 0:he.buttons:null==Ve?void 0:Ve.buttons)||void 0===fe?void 0:fe.filter((e=>"QUICK_REPLY"===e.type)))||void 0===je?void 0:je.map(((o,n)=>{if("QUICK_REPLY"===o.type&&Ee!==c.CHATBOT)return e.jsx(k,{variableListIndex:n,QRBoptions:null==R?void 0:R.QRBoptions,button:o,currentVariableList:null!=Me&&Me>-1?Object.assign({},Ve.cards[Me]):Object.assign({},Ve),updateSelectedQRBTemplateBtn:no},`${n}_${Me}`)}))),Ee===c.CHATBOT&&_e&&e.jsx(x,{discountCode:null===(xe=null==Be?void 0:Be.discountCodeExtra)||void 0===xe?void 0:xe[0],setDiscountCode:null===(Ce=null==Be?void 0:Be.discountCodeExtra)||void 0===Ce?void 0:Ce[1]}),null===(Te=null!=Me&&Me>-1?null===(Oe=Ve.cards[Me])||void 0===Oe?void 0:Oe.buttons:null==Ve?void 0:Ve.buttons)||void 0===Te?void 0:Te.map(((o,n)=>{var t,i,l,a,d;if("COPY_CODE"===o.type)return e.jsx(e.Fragment,{children:Ie?e.jsx("div",Object.assign({style:{marginBottom:20,borderRadius:4,padding:"8px 10px"}},{children:e.jsx(s,{state:"disabled",labelText:null!==(t=o.text)&&void 0!==t?t:"Copy Code",value:null!==(i=o.buttonVariable)&&void 0!==i?i:"",onChangeText:()=>{}})})):e.jsx(V,{index:n,variable:{variableName:null!==(l=o.text)&&void 0!==l?l:"Copy Code",updatedValue:null!==(a=o.buttonVariable)&&void 0!==a?a:"",type:"string",isEditableVariable:!0,index:null!==(d=o.index)&&void 0!==d?d:0},showVariableModal:!0,componentType:"BUTTONS",buttonType:o.type},n)})}))]}))},w=a.div`
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import"../../curtain/CurtainHelper.js";import{PickerType as o}from"../../variable-picker-v3/model.js";import{cloneDeep as n}from"lodash";import{useRef as t,useState as i,useEffect as l}from"react";import a from"styled-components";import{Input as s}from"../../input/Input.js";import{InputWithVariables as d}from"../../input-with-vars/InputWithVariables.js";import{isRCSChannel as r,isCarouselComponent as p}from"../../template-preview/helpers/templateMiscHelper.js";import{HEADER_TYPES as u}from"../../template-preview/models/TemplateMeta.js";import{POD as c}from"../../template-preview/models/WhatsAppTemplate.js";import{useTemplateModalContext as v}from"../context/templateModalContext.js";import{STATIC_URL_VARIABLE_NAME as m,UNSUBSCRIBE_URL_VARIABLE as b}from"../utils/constants.js";import{getAllDataFromTemplateComponent as g}from"../utils/getDataFromTemplateComponent.js";import{isVariable as h}from"../utils/validateIsUrl.js";import{validateInputName as f,validateInputNameChatbot as j}from"../utils/validateName.js";import{BackTrackComponent as x}from"./BackTrackComponent.js";import{DiscountCodeComponent as C}from"./DiscountCodeComponent.js";import O from"./EditMediaModal.js";import T from"./EditMediaV2.js";import{EditTemplateMediaContainer as y}from"./EditMediaV2.style.js";import{useEditWhatsappTemplateMedia as V}from"./useEditWhtasappTemplateMedia.js";import E from"./VariableConnector.js";import{Container as B}from"./VariableConnectorsPanel.js";import M from"./VariableConnectorWhatsApp.js";import k from"./VariableEditorHeader.js";import I from"./WhatsAppTemplateCardButtonV2.js";const w=a=>{let{template:w,onTemplateChange:R,whatsappSpecificPickerMeta:U,showVariableModal:P,variableListForImage:H,setDiscountCode:N,fileName:D,setFileName:A}=a;var F,_,q,Q,S,Y,K,W,$,G,X,z,J,Z,ee,oe,ne,te,ie,le,ae,se,de,re,pe,ue,ce,ve,me,be,ge,he,fe,je,xe,Ce,Oe,Te,ye;const Ve=w.isCarouselType,{originalVariableList:Ee,pod:Be,extras:Me,selectedCarouselIndex:ke,isProductCarouselType:Ie,disableCopyCode:we,isError:Le,cardIndex:Re}=v(),{descriptionComponents:Ue,urlBtns:Pe,qrbBtns:He,imageComponent:Ne,bodyVariables:De,headerVariables:Ae,titleVariables:Fe}=g(w),_e=t(null),[qe,Qe]=i(!1),[Se,Ye]=i(-1===ke?{descriptionComponents:Ue,urlBtns:Pe,qrbBtns:He,imageComponent:Ne,bodyVariables:De,headerVariables:Ae,titleVariables:Fe}:{}),{uploadMediaLink:Ke,uploadMediaFiles:We,validateMimeType:$e}=U,Ge=V({uploadMediaLink:Ke,uploadMediaFiles:We,updateTemplateImageUrl:function(e,o){var t,i,l,a,s,d,r,p;let u;u=null!=ke&&ke>-1?{components:null===(i=null===(t=w.components[Re])||void 0===t?void 0:t.cards)||void 0===i?void 0:i[ke].components,mapping:null===(a=null===(l=null==w?void 0:w.mapping)||void 0===l?void 0:l.cards)||void 0===a?void 0:a[ke]}:Object.assign({},w);const c=null===(s=null==u?void 0:u.components)||void 0===s?void 0:s.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==c&&c>-1&&(null==u?void 0:u.components[c])){const n=Object.assign(Object.assign({},u.components[c]),{format:o,example:{header_handle:[e]}}),t=[...u.components];t[c]=n,u=Object.assign(Object.assign({},u),{components:t})}u.mapping&&(u.mapping=Object.assign(Object.assign({},u.mapping),{header:void 0}));if(null!=ke&&ke>-1){const e=n(w);e.components[Re].cards[ke].components=u.components,(null===(d=null==e?void 0:e.mapping)||void 0===d?void 0:d.cards)&&(null===(r=null==e?void 0:e.mapping)||void 0===r?void 0:r.cards.length)>0&&(e.mapping.cards[ke]=null!==(p=u.mapping)&&void 0!==p?p:{}),null==R||R(Object.assign({},e)),ze(!0)}else null==R||R(Object.assign({},u))},validateMimeType:$e,mediaComponent:Ve?Se.imageComponent:Ne,fileRef:_e}),[Xe,ze]=i(!1),[Je,Ze]=i(D),[eo,oo]=i();function no(e,o,t){var i,l,a,s,d,r,u,c,v,m;const b=null!=ke&&ke>-1?{components:null===(i=Object.assign({},w).components[Re].cards)||void 0===i?void 0:i[ke].components,mapping:null===(l=Object.assign({},w).mapping.cards)||void 0===l?void 0:l[ke]}:Object.assign({},w),g=n(b),h="custom"===o&&"string"==typeof e,f=h?e:"string"!=typeof e?e.defaultValue?e.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(null!=ke&&ke>-1&&Ie){const o=Object.assign({},w).components.map((e=>{var o;return p(e.type)?Object.assign(Object.assign({},e),{cards:null===(o=e.cards)||void 0===o?void 0:o.map((e=>Object.assign(Object.assign({},e),{components:e.components.map((e=>{var o,n,i;if("BUTTONS"===e.type){const l=null===(o=e.buttons)||void 0===o?void 0:o.filter((e=>"URL"===e.type));let a=null!==(n=null==l?void 0:l[t])&&void 0!==n?n:{};a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[f]});const s=null===(i=e.buttons)||void 0===i?void 0:i.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e));return Object.assign(Object.assign({},e),{buttons:s})}return e}))})))}):e})),i=null===(s=null===(a=Object.assign({},w).mapping)||void 0===a?void 0:a.cards)||void 0===s?void 0:s.map((o=>{var n;return Object.assign(Object.assign({},o),{buttons:null===(n=null==o?void 0:o.buttons)||void 0===n?void 0:n.map(((o,n)=>n===t?h?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"":o))})})),l=n(w);return l.components=o,l.mapping.cards=i,void(null==R||R(Object.assign({},l)))}const j=null==g?void 0:g.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==j&&j>-1){const n=null===(d=null==g?void 0:g.components[j].buttons)||void 0===d?void 0:d.filter((e=>"URL"===e.type));if((null==n?void 0:n.length)>0){const i="custom"===o&&"string"==typeof e,l=i?e:"string"!=typeof e&&e.defaultValue?e.defaultValue:"https://d.bik.ai/";let a=n[t];a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[l]});const s=[...null!==(c=null===(u=null===(r=g.components)||void 0===r?void 0:r[j])||void 0===u?void 0:u.buttons)&&void 0!==c?c:[]].map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e)),d=Object.assign(Object.assign({},g.components[j]),{buttons:s}),p=null===(v=g.mapping)||void 0===v?void 0:v.buttons;p&&p.length>0&&(p[t]=i?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"");const m=Object.assign(Object.assign({},g.mapping),{buttons:p});g.mapping=m;const b=[...g.components];b[j]=d,g.components=b}}if("string"!=typeof e){"checkout.checkoutUrl"===(null===(m=e.placeHolder)||void 0===m?void 0:m.slice(2,-2))?Qe(!0):(Qe(!1),null==N||N(""))}if(null!=ke&&ke>-1){const e=n(w);e.components[Re].cards[ke].components=g.components,e.mapping.cards[ke]=g.mapping,null==R||R(Object.assign({},e))}else null==R||R(g)}function to(e,o,t){var i,l,a,s,d,r,u;const c=null!=ke&&ke>-1?{components:null===(i=Object.assign({},w).components[Re].cards)||void 0===i?void 0:i[ke].components,mapping:null===(l=Object.assign({},w).mapping.cards)||void 0===l?void 0:l[ke]}:Object.assign({},w);if(null!=ke&&ke>-1&&Ie){const o=Object.assign({},w).components.map((o=>{var n;return p(o.type)?Object.assign(Object.assign({},o),{cards:null===(n=o.cards)||void 0===n?void 0:n.map((o=>Object.assign(Object.assign({},o),{components:o.components.map((o=>{var n,i,l;if("BUTTONS"===o.type){const a=null===(n=null==o?void 0:o.buttons)||void 0===n?void 0:n.filter((e=>"QUICK_REPLY"===e.type));let s=null!==(i=null==a?void 0:a[t])&&void 0!==i?i:{};s=Object.assign(Object.assign({},s),{flowId:e.flowId,flowName:e.flowName});const d=null===(l=null==o?void 0:o.buttons)||void 0===l?void 0:l.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==s?void 0:s.text)?s:e));return Object.assign(Object.assign({},o),{buttons:d})}return o}))})))}):o})),i=n(w);return i.components=o,void(null==R||R(Object.assign({},i)))}const v=null==c?void 0:c.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==v&&v>-1){const o=null===(s=null===(a=null==c?void 0:c.components[v])||void 0===a?void 0:a.buttons)||void 0===s?void 0:s.filter((e=>"QUICK_REPLY"===e.type));if(o){let n=o[t];n=Object.assign(Object.assign({},n),{flowId:e.flowId,flowName:e.flowName});const i=[...null!==(u=null===(r=null===(d=c.components)||void 0===d?void 0:d[v])||void 0===r?void 0:r.buttons)&&void 0!==u?u:[]].map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==n?void 0:n.text)?n:e)),l=Object.assign(Object.assign({},c.components[v]),{buttons:i}),a=[...c.components];a[v]=l,c.components=a}}if(null!=ke&&ke>-1){const e=n(w);e.components[Re].cards[ke].components=c.components,null==R||R(Object.assign({},e))}else null==R||R(c)}l((()=>{var e,o;if(null===(e=w.mapping.buttons)||void 0===e?void 0:e.find((e=>"checkout.checkoutUrl"===e.slice(2,-2))))Qe(!0);else{Qe(!1);const e=null===(o=null==Me?void 0:Me.discountCodeExtra)||void 0===o?void 0:o[1];null==e||e("")}}),[w]),l((()=>{var e,o,n,t;if(null!=ke&&ke>-1){const i={components:null===(o=null===(e=w.components[Re])||void 0===e?void 0:e.cards)||void 0===o?void 0:o[ke].components,mapping:null===(t=null===(n=null==w?void 0:w.mapping)||void 0===n?void 0:n.cards)||void 0===t?void 0:t[ke]},{descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:p,titleVariables:u}=g(i);Ye({descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:p,titleVariables:u})}else if(null!=ke&&-1===ke){const{descriptionComponents:e,urlBtns:o,qrbBtns:n,imageComponent:t,bodyVariables:i,headerVariables:l,titleVariables:a}=g(w);Ye({descriptionComponents:e,urlBtns:o,qrbBtns:n,imageComponent:t,bodyVariables:i,headerVariables:l,titleVariables:a})}}),[ke]),l((()=>{var e,o,n,t;if(null!=ke&&ke>-1&&Xe){const i={components:null===(o=null===(e=w.components[Re])||void 0===e?void 0:e.cards)||void 0===o?void 0:o[ke].components,mapping:null===(t=null===(n=null==w?void 0:w.mapping)||void 0===n?void 0:n.cards)||void 0===t?void 0:t[ke]},{descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:p,titleVariables:u}=g(i);Ye({descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:p,titleVariables:u}),ze(!1)}}),[Xe]);l((()=>{Le&&Be===c.CHATBOT&&(()=>{if(!D)return void oo("PDF name is Required");const e=j(D);null==A||A(null!=D?D:""),oo(e?"Please enter a valid PDF name":void 0)})()}),[Le]);const io=Ve?Se.imageComponent:Ne;return Ge.openEditMedia?e.jsx(B,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsx(O,{mediaComponentFormat:null!==(F=io.format)&&void 0!==F?F:u.IMAGE,uploadMedia:Ge.uploadMedia,variableListForImage:H||[],useEditWhatsappTemplateMediaResponse:Ge,setOpenEditMedia:Ge.setOpenEditMedia,openEditMedia:Ge.openEditMedia,editIconRef:Ge.editIconRef,fileRef:_e})})):e.jsxs(B,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:Ie?"420px":"auto"}},{children:[!!Se.imageComponent&&!Ie&&!r(null==w?void 0:w.channel)&&e.jsxs(y,{children:[e.jsx(T,{imageName:null!==(q=null===(_=null==io?void 0:io.example)||void 0===_?void 0:_.header_handle)&&void 0!==q?q:[],handleImageChange:Ge.handleImageChange,mediaType:null==io?void 0:io.format,error:Ge.error,isLoading:Ge.loading,setOpenEditMedia:Ge.setOpenEditMedia,selectedVariable:h(null!==(Y=null===(S=null===(Q=null==io?void 0:io.example)||void 0===Q?void 0:Q.header_handle)||void 0===S?void 0:S[0])&&void 0!==Y?Y:"")?null===(W=null===(K=null==io?void 0:io.example)||void 0===K?void 0:K.header_handle)||void 0===W?void 0:W[0]:(null===(G=null===($=null==w?void 0:w.mapping)||void 0===$?void 0:$.header)||void 0===G?void 0:G[0])?null===(z=null===(X=null==w?void 0:w.mapping)||void 0===X?void 0:X.header)||void 0===z?void 0:z[0]:Ge.selectedVariable}),(null==Ne?void 0:Ne.format)==u.DOCUMENT?e.jsx(L,{children:Be===c.CHATBOT?e.jsx(d,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:eo||void 0,onChange:e=>{var o;oo(""),null==A||A(null!==(o=null==e?void 0:e.actualValue)&&void 0!==o?o:"")},pickerType:o.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:null!=D?D:"",variableType:"string"},variablesList:H,showAddButton:!0}):e.jsx(s,{labelText:"PDF Name",placeholder:"Enter the name",value:Je,errorMessage:eo||void 0,onBlur:()=>{if(!Je)return null==A||A(""),void oo("PDF name is Required");const e=f(Je);null==A||A(Je),oo(e?"Please enter a valid PDF name":void 0)},onChangeText:e=>{oo(""),Ze(e)}})}):e.jsx(e.Fragment,{})]}),(null===(J=Se.bodyVariables)||void 0===J?void 0:J.length)>0&&e.jsx(k,{containerStyle:{paddingTop:Se.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null===(Z=Se.descriptionComponents)||void 0===Z?void 0:Z.map(((o,n)=>e.jsx(M,{originalVariableList:null!=ke&&ke>-1?Ee.cards[ke]:Ee,type:o.type,descriptionComponent:o.component,showVariableModal:P},n))),(null===(ne=null===(oe=null!=ke&&ke>-1?null===(ee=Ee.cards[ke])||void 0===ee?void 0:ee.buttons:null==Ee?void 0:Ee.buttons)||void 0===oe?void 0:oe.filter((e=>"URL"===e.type)))||void 0===ne?void 0:ne.length)>0&&e.jsx(k,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(le=null===(ie=null!=ke&&ke>-1?null===(te=Ee.cards[ke])||void 0===te?void 0:te.buttons:null==Ee?void 0:Ee.buttons)||void 0===ie?void 0:ie.filter((e=>Be===c.CHATBOT||"URL"===e.type)))||void 0===le?void 0:le.map(((o,n)=>{const t=o.buttonVariable===m,i=o.buttonVariable===b;if("URL"===o.type)return e.jsx(I,{variableListIndex:n,disableEdit:t||i,CTAoptions:null==U?void 0:U.CTAoptions,button:o,currentVariableList:null!=ke&&ke>-1?Object.assign({},Ee.cards[ke]):Object.assign({},Ee),updateSelectedURLTemplateBtn:no},`${n}_${ke}`)})),Be===c.CHATBOT&&(null===(se=null===(ae=He[0])||void 0===ae?void 0:ae.component)||void 0===se?void 0:se.buttons)&&(null===(pe=null===(re=null===(de=He[0])||void 0===de?void 0:de.component)||void 0===re?void 0:re.buttons)||void 0===pe?void 0:pe.length)>0&&e.jsx(x,{backTrackMessage:null===(ue=null==Me?void 0:Me.backTrackExtra)||void 0===ue?void 0:ue[0],setBackTrackMessage:null===(ce=null==Me?void 0:Me.backTrackExtra)||void 0===ce?void 0:ce[1]}),!r(null==w?void 0:w.channel)&&(null===(be=null===(me=null!=ke&&ke>-1?null===(ve=Ee.cards[ke])||void 0===ve?void 0:ve.buttons:null==Ee?void 0:Ee.buttons)||void 0===me?void 0:me.filter((e=>"QUICK_REPLY"===e.type)))||void 0===be?void 0:be.length)>0&&(Be!==c.CHATBOT?e.jsx(k,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):e.jsx(x,{backTrackMessage:null===(ge=null==Me?void 0:Me.backTrackExtra)||void 0===ge?void 0:ge[0],setBackTrackMessage:null===(he=null==Me?void 0:Me.backTrackExtra)||void 0===he?void 0:he[1]})),!r(null==w?void 0:w.channel)&&(null===(xe=null===(je=null!=ke&&ke>-1?null===(fe=Ee.cards[ke])||void 0===fe?void 0:fe.buttons:null==Ee?void 0:Ee.buttons)||void 0===je?void 0:je.filter((e=>"QUICK_REPLY"===e.type)))||void 0===xe?void 0:xe.map(((o,n)=>{if("QUICK_REPLY"===o.type&&Be!==c.CHATBOT)return e.jsx(I,{variableListIndex:n,QRBoptions:null==U?void 0:U.QRBoptions,button:o,currentVariableList:null!=ke&&ke>-1?Object.assign({},Ee.cards[ke]):Object.assign({},Ee),updateSelectedQRBTemplateBtn:to},`${n}_${ke}`)}))),Be===c.CHATBOT&&qe&&e.jsx(C,{discountCode:null===(Ce=null==Me?void 0:Me.discountCodeExtra)||void 0===Ce?void 0:Ce[0],setDiscountCode:null===(Oe=null==Me?void 0:Me.discountCodeExtra)||void 0===Oe?void 0:Oe[1]}),null===(ye=null!=ke&&ke>-1?null===(Te=Ee.cards[ke])||void 0===Te?void 0:Te.buttons:null==Ee?void 0:Ee.buttons)||void 0===ye?void 0:ye.map(((o,n)=>{var t,i,l,a,d;if("COPY_CODE"===o.type)return e.jsx(e.Fragment,{children:we?e.jsx("div",Object.assign({style:{marginBottom:20,borderRadius:4,padding:"8px 10px"}},{children:e.jsx(s,{state:"disabled",labelText:null!==(t=o.text)&&void 0!==t?t:"Copy Code",value:null!==(i=o.buttonVariable)&&void 0!==i?i:"",onChangeText:()=>{}})})):e.jsx(E,{index:n,variable:{variableName:null!==(l=o.text)&&void 0!==l?l:"Copy Code",updatedValue:null!==(a=o.buttonVariable)&&void 0!==a?a:"",type:"string",isEditableVariable:!0,index:null!==(d=o.index)&&void 0!==d?d:0},showVariableModal:!0,componentType:"BUTTONS",buttonType:o.type},n)})}))]}))},L=a.div`
 	padding-top: 24px;
 	padding-left: 10px;
 	padding-right: 10px;
 	margin-bottom: 8px;
 	line-height: normal;
-`;export{I as default};
+`;export{w as default};

package/dist/esm/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{cloneDeep as t}from"lodash";import{useState as l,useEffect as s}from"react";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{Input as n}from"../../input/Input.js";import{editableVarPattern as i}from"../../template-preview/constants/regexPatterns.js";import{STATIC_URL_CTA_OPTION as o,CUSTOM_URL_NAME as r}from"../../template-preview/models/TemplateMeta.js";import{POD as u}from"../../template-preview/models/WhatsAppTemplate.js";import{BodySecondary as c}from"../../TypographyStyle.js";import{COLORS as d}from"../../../constants/Theme.js";import{useTemplateModalContext as b}from"../context/templateModalContext.js";import{STATIC_URL_VARIABLE_NAME as p}from"../utils/constants.js";import{validateIsUrl as m}from"../utils/validateIsUrl.js";import j,{Container as v}from"./VariableConnector.js";const g=g=>{let{variableListIndex:O,button:f,updateSelectedURLTemplateBtn:x,updateSelectedQRBTemplateBtn:y,currentVariableList:h,CTAoptions:L,QRBoptions:R,disableEdit:U}=g;var V,T,w,C,I;const[E,P]=l(""),[H,N]=l(),_=null==L?void 0:L.map((e=>Object.assign(Object.assign({},e),{selected:(null==H?void 0:H.value)===e.value&&H.label===e.label}))),B=null==R?void 0:R.map((e=>Object.assign(Object.assign({},e),{selected:(null==H?void 0:H.value)===e.value}))),{isError:Q,disableEditVariable:k,pod:S,selectedCarouselIndex:K,originalVariableList:Y,setOriginalVariableList:$,isProductCarouselType:q,ctaOptionsErrors:A,setCtaOptionsErrors:M}=b();function D(e){if(P(e),null!=K&&K>-1&&q){const l=t(Y);if("URL"===f.type){const t=l.cards.map((t=>{let l=t.buttons.filter((e=>"URL"===e.type))[O];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=t.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e));return Object.assign(Object.assign({},t),{buttons:s})}));null==$||$((e=>Object.assign(Object.assign({},e),{cards:t}))),null==x||x(`https://${e}`,"custom",O)}return}let l=h.buttons.filter((e=>"URL"===e.type))[O];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=h.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e)),a=Object.assign({},null!=K&&K>-1?Y.cards[K]:Y);if(a.buttons=s,null!=K&&K>-1){const e=[...Y.cards];e[K]=a,null==$||$((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==$||$((e=>Object.assign(Object.assign({},e),{buttons:[...s]})));null==x||x(`https://${e}`,"custom",O)}return s((()=>{var e;if(f.buttonVariable&&i.test(f.buttonVariable))f.buttonVariable===p?N(o):N(r),P((null===(e=f.example)||void 0===e?void 0:e[0].split("https://")[1])||"");else{let e=-1;const t="URL"===f.type?L:R;e="URL"===f.type?t.findIndex((e=>e.placeHolder===f.buttonVariable)):t.findIndex((e=>e.label===f.flowName)),e>-1?N(t[e]):null==M||M((e=>Object.assign(Object.assign({},e),{[O]:"Required field!"})))}}),[]),S!==u.CHATBOT?e.jsxs(v,{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(c,Object.assign({style:{color:d.content.primary}},{children:[f.text," button"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(a,{disabled:k||U,truncatedText:!1,options:"URL"===f.type?"static_link"===(null==H?void 0:H.value)?[o]:_:B,isSearchable:!0,onSelect:function(e,l){null==M||M((e=>(delete e[O],Object.assign({},e))));const s=e;N(s);const a=("URL"===f.type?L:R).find((e=>e.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=K&&K>-1&&q){const e=t(Y);if("URL"===f.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"URL"===e.type))[O];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder});const l=e.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==x||x({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",O),null==$||$((e=>Object.assign(Object.assign({},e),{cards:t})))}else if("QUICK_REPLY"===f.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"QUICK_REPLY"===e.type))[O];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value});const l=e.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==y||y({flowName:s.label,flowId:s.value},"placeholder",O),null==$||$((e=>Object.assign(Object.assign({},e),{cards:t})))}return}let e;if("URL"===f.type){let t=h.buttons.filter((e=>"URL"===e.type))[O];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder,example:[(null==s?void 0:s.value)||"https://d.bik.ai/"]}),e=h.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==x||x({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",O)}else{let t=h.buttons.filter((e=>"QUICK_REPLY"===e.type))[O];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value}),e=h.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==y||y({flowName:s.label,flowId:s.value},"placeholder",O)}const l=Object.assign({},null!=K&&K>-1?Y.cards[K]:Y);if(l.buttons=e,null!=K&&K>-1){const e=[...Y.cards];e[K]=l,null==$||$((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==$||$((t=>Object.assign(Object.assign({},t),{buttons:[...e]})))}else D("")},defaultOptions:H?[Object.assign(Object.assign({},H),{selected:!0})]:[],error:Q?null==A?void 0:A[O]:void 0})})),("custom_link"===(null==H?void 0:H.value)||"static_link"===(null==H?void 0:H.value))&&e.jsx("div",Object.assign({style:{marginBottom:20}},{children:e.jsx(n,{state:k||U?"disabled":"none",errorMessage:Q?E?m(E)?"":"Enter valid URL":"Required field":"",value:E,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:D,maxCharLimit:2e3})}))]}):e.jsx(j,{index:O,variable:{variableName:null!==(V=f.text)&&void 0!==V?V:"",updatedValue:"((customPlaceholderName))"===f.buttonVariable?`${null===(T=f.example)||void 0===T?void 0:T[0]}`:null!==(w=f.buttonVariable)&&void 0!==w?w:"",type:"link",isEditableVariable:!0,index:null!==(C=f.index)&&void 0!==C?C:0,queryParams:null!==(I=f.queryParams)&&void 0!==I?I:[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:f.type,CTAoptions:L})};export{g as default};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{cloneDeep as t}from"lodash";import{useState as l,useEffect as s}from"react";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{Input as n}from"../../input/Input.js";import{editableVarPattern as i}from"../../template-preview/constants/regexPatterns.js";import{UNSUBSCRIBE_URL_OPTION as o,STATIC_URL_CTA_OPTION as r,CUSTOM_URL_NAME as u}from"../../template-preview/models/TemplateMeta.js";import{POD as c}from"../../template-preview/models/WhatsAppTemplate.js";import{BodySecondary as d}from"../../TypographyStyle.js";import{COLORS as b}from"../../../constants/Theme.js";import{useTemplateModalContext as p}from"../context/templateModalContext.js";import{UNSUBSCRIBE_URL_VARIABLE as m,STATIC_URL_VARIABLE_NAME as j}from"../utils/constants.js";import{validateIsUrl as v}from"../utils/validateIsUrl.js";import g,{Container as f}from"./VariableConnector.js";const O=O=>{let{variableListIndex:x,button:y,updateSelectedURLTemplateBtn:h,updateSelectedQRBTemplateBtn:L,currentVariableList:R,CTAoptions:U,QRBoptions:V,disableEdit:T}=O;var w,C,I,E,P;const[H,N]=l(""),[_,B]=l(),Q=null==U?void 0:U.map((e=>Object.assign(Object.assign({},e),{selected:(null==_?void 0:_.value)===e.value&&_.label===e.label}))),k=null==V?void 0:V.map((e=>Object.assign(Object.assign({},e),{selected:(null==_?void 0:_.value)===e.value}))),{isError:S,disableEditVariable:K,pod:Y,selectedCarouselIndex:$,originalVariableList:q,setOriginalVariableList:A,isProductCarouselType:M,ctaOptionsErrors:D,setCtaOptionsErrors:W}=p();function z(e){if(N(e),null!=$&&$>-1&&M){const l=t(q);if("URL"===y.type){const t=l.cards.map((t=>{let l=t.buttons.filter((e=>"URL"===e.type))[x];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=t.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e));return Object.assign(Object.assign({},t),{buttons:s})}));null==A||A((e=>Object.assign(Object.assign({},e),{cards:t}))),null==h||h(`https://${e}`,"custom",x)}return}let l=R.buttons.filter((e=>"URL"===e.type))[x];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=R.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e)),a=Object.assign({},null!=$&&$>-1?q.cards[$]:q);if(a.buttons=s,null!=$&&$>-1){const e=[...q.cards];e[$]=a,null==A||A((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==A||A((e=>Object.assign(Object.assign({},e),{buttons:[...s]})));null==h||h(`https://${e}`,"custom",x)}return s((()=>{var e,t;if(y.buttonVariable===m)return B(o),void N((null===(e=y.example)||void 0===e?void 0:e[0].split("https://")[1])||"");if(y.buttonVariable&&i.test(y.buttonVariable))y.buttonVariable===j?B(r):B(u),N((null===(t=y.example)||void 0===t?void 0:t[0].split("https://")[1])||"");else{let e=-1;const t="URL"===y.type?U:V;e="URL"===y.type?t.findIndex((e=>e.placeHolder===y.buttonVariable)):t.findIndex((e=>e.label===y.flowName)),e>-1?B(t[e]):null==W||W((e=>Object.assign(Object.assign({},e),{[x]:"Required field!"})))}}),[]),Y!==c.CHATBOT?e.jsxs(f,{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(d,Object.assign({style:{color:b.content.primary}},{children:[y.text," button"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(a,{disabled:K||T,truncatedText:!1,options:"URL"===y.type?"static_link"===(null==_?void 0:_.value)?[r]:Q:k,isSearchable:!0,onSelect:function(e,l){null==W||W((e=>(delete e[x],Object.assign({},e))));const s=e;B(s);const a=("URL"===y.type?U:V).find((e=>e.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=$&&$>-1&&M){const e=t(q);if("URL"===y.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"URL"===e.type))[x];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder});const l=e.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==h||h({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",x),null==A||A((e=>Object.assign(Object.assign({},e),{cards:t})))}else if("QUICK_REPLY"===y.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"QUICK_REPLY"===e.type))[x];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value});const l=e.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==L||L({flowName:s.label,flowId:s.value},"placeholder",x),null==A||A((e=>Object.assign(Object.assign({},e),{cards:t})))}return}let e;if("URL"===y.type){let t=R.buttons.filter((e=>"URL"===e.type))[x];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder,example:[(null==s?void 0:s.value)||"https://d.bik.ai/"]}),e=R.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==h||h({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",x)}else{let t=R.buttons.filter((e=>"QUICK_REPLY"===e.type))[x];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value}),e=R.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==L||L({flowName:s.label,flowId:s.value},"placeholder",x)}const l=Object.assign({},null!=$&&$>-1?q.cards[$]:q);if(l.buttons=e,null!=$&&$>-1){const e=[...q.cards];e[$]=l,null==A||A((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==A||A((t=>Object.assign(Object.assign({},t),{buttons:[...e]})))}else z("")},defaultOptions:_?[Object.assign(Object.assign({},_),{selected:!0})]:[],error:S?null==D?void 0:D[x]:void 0})})),("custom_link"===(null==_?void 0:_.value)||"static_link"===(null==_?void 0:_.value))&&e.jsx("div",Object.assign({style:{marginBottom:20}},{children:e.jsx(n,{state:K||T?"disabled":"none",errorMessage:S?H?v(H)?"":"Enter valid URL":"Required field":"",value:H,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:z,maxCharLimit:2e3})}))]}):e.jsx(g,{index:x,variable:{variableName:null!==(w=y.text)&&void 0!==w?w:"",updatedValue:"((customPlaceholderName))"===y.buttonVariable?`${null===(C=y.example)||void 0===C?void 0:C[0]}`:null!==(I=y.buttonVariable)&&void 0!==I?I:"",type:"link",isEditableVariable:!0,index:null!==(E=y.index)&&void 0!==E?E:0,queryParams:null!==(P=y.queryParams)&&void 0!==P?P:[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:y.type,CTAoptions:U})};export{O as default};

package/dist/esm/components/template-context-mapper/utils/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const BACKGROUND_PREVIEW_IMAGE = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f";
 export declare const STATIC_URL_VARIABLE_NAME = "((staticPlaceholderName))";
+export declare const UNSUBSCRIBE_URL_VARIABLE = "{{unsubscribeUrl}}";

package/dist/esm/components/template-context-mapper/utils/constants.js

@@ -1 +1 @@
-const e="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f",a="((staticPlaceholderName))";export{e as BACKGROUND_PREVIEW_IMAGE,a as STATIC_URL_VARIABLE_NAME};
+const e="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f",a="((staticPlaceholderName))",b="{{unsubscribeUrl}}";export{e as BACKGROUND_PREVIEW_IMAGE,a as STATIC_URL_VARIABLE_NAME,b as UNSUBSCRIBE_URL_VARIABLE};

package/dist/esm/components/template-preview/models/TemplateMeta.d.ts

@@ -60,6 +60,11 @@ export declare const STATIC_URL_CTA_OPTION: {
     value: string;
     placeHolder: string;
 };
+export declare const UNSUBSCRIBE_URL_OPTION: {
+    label: string;
+    value: string;
+    placeHolder: string;
+};
 export type GlobalPlaceholderType = {
     MARKETING: {
         customer: baseAPITemplateVariableType[];

package/dist/esm/components/template-preview/models/TemplateMeta.js

@@ -1 +1 @@
-var E,D,N,I;!function(E){E.SEND_GRID="sendgrid",E.BEE="bee"}(E||(E={})),function(E){E.APPROVED="APPROVED",E.DISABLED="DISABLED",E.FLAGGED="FLAGGED",E.PENDING="PENDING",E.DRAFT="DRAFT",E.REJECTED="REJECTED",E.PENDING_DELETION="PENDING_DELETION",E.IN_REVIEW="IN REVIEW",E.PAUSED="PAUSED",E.ACTIVE="ACTIVE",E.LIBRARY="LIBRARY"}(D||(D={})),function(E){E.NONE="NONE",E.TEXT="TEXT",E.IMAGE="IMAGE",E.VIDEO="VIDEO",E.DOCUMENT="DOCUMENT"}(N||(N={})),function(E){E.NONE="NONE",E.CTA_BTN="CTA_BTN",E.QUICK_REPLY="QUICK_REPLY"}(I||(I={}));const A={value:"custom_link",label:"Custom URL",placeHolder:"custom placeholder"},T={label:"Custom URL (No tracking)",value:"static_link",placeHolder:"{{staticUrl}}"};export{I as ACTIONS_TYPES,A as CUSTOM_URL_NAME,N as HEADER_TYPES,T as STATIC_URL_CTA_OPTION,E as TEMPLATE_EDITOR,D as TEMPLATE_STATUS};
+var E,D,N,I;!function(E){E.SEND_GRID="sendgrid",E.BEE="bee"}(E||(E={})),function(E){E.APPROVED="APPROVED",E.DISABLED="DISABLED",E.FLAGGED="FLAGGED",E.PENDING="PENDING",E.DRAFT="DRAFT",E.REJECTED="REJECTED",E.PENDING_DELETION="PENDING_DELETION",E.IN_REVIEW="IN REVIEW",E.PAUSED="PAUSED",E.ACTIVE="ACTIVE",E.LIBRARY="LIBRARY"}(D||(D={})),function(E){E.NONE="NONE",E.TEXT="TEXT",E.IMAGE="IMAGE",E.VIDEO="VIDEO",E.DOCUMENT="DOCUMENT"}(N||(N={})),function(E){E.NONE="NONE",E.CTA_BTN="CTA_BTN",E.QUICK_REPLY="QUICK_REPLY"}(I||(I={}));const l={value:"custom_link",label:"Custom URL",placeHolder:"custom placeholder"},e={label:"Custom URL (No tracking)",value:"static_link",placeHolder:"{{staticUrl}}"},A={label:"Unsubscribe URL",value:"{{unsubscribeUrl}}",placeHolder:"{{unsubscribeUrl}}"};export{I as ACTIONS_TYPES,l as CUSTOM_URL_NAME,N as HEADER_TYPES,e as STATIC_URL_CTA_OPTION,E as TEMPLATE_EDITOR,D as TEMPLATE_STATUS,A as UNSUBSCRIBE_URL_OPTION};

package/dist/esm/components/text-picker/TextPickerCategoryCard.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface TextPickerCategoryCardProps {
+    id: string;
+    name: string;
+    itemsCount: number;
+    selectedCount: number;
+    isChecked: boolean;
+    isPartiallyChecked: boolean;
+    onCheck: (checked: boolean, e?: React.MouseEvent) => void;
+    onClick: (e: React.MouseEvent) => void;
+}
+export declare const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps>;

package/dist/esm/components/text-picker/TextPickerCategoryCard.js

@@ -0,0 +1,13 @@
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{IconButton as i}from"../icon-button/IconButton.js";import{Tag as r}from"../tag/Tag.js";import{BodyPrimary as n,BodyCaption as c}from"../TypographyStyle.js";import l from"../../assets/icons/chevronRight.svg.js";const a=t.div`
+  height: 64px;
+  background-color: ${e=>{let{isSelected:t,isActive:s}=e;return t?o.background.positive.light:s?o.surface.hovered:o.surface.standard}};
+  border-bottom: 1px solid ${o.stroke.primary};
+  padding: 12px 24px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  transition: background 0.2s;
+  &:hover {
+    background-color: ${e=>{let{isSelected:t}=e;return t?o.background.positive.light:o.surface.hovered}};
+  }
+`,d=t=>{let{id:d,name:m,itemsCount:h,selectedCount:p,isChecked:g,isPartiallyChecked:u,onCheck:x,onClick:f}=t;return e.jsxs(a,Object.assign({isActive:g||u,isSelected:g,onClick:f},{children:[e.jsx(s,{isChecked:g||u,isPartiallyChecked:u&&!g,onValueChange:function(e,t,o){null==o||o.stopPropagation(),x(e,o)},style:{marginRight:16}}),e.jsxs("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[e.jsx(n,{children:m}),e.jsxs(c,Object.assign({style:{color:o.text.secondary,fontSize:13}},{children:[h," document",1!==h?"s":""]}))]})),!!p&&e.jsx(r,{tagText:`${p} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(i,{Icon:l,height:16,width:16,style:{marginLeft:8}})]}))};export{d as TextPickerCategoryCard};

package/dist/esm/components/text-picker/TextPickerFooter.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface TextPickerFooterProps {
+    totalSelected: number;
+    maxDocuments: number;
+}
+export declare const TextPickerFooter: React.FC<TextPickerFooterProps>;

package/dist/esm/components/text-picker/TextPickerFooter.js

@@ -0,0 +1,13 @@
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{Tag as s}from"../tag/Tag.js";import{BodySecondary as o}from"../TypographyStyle.js";const i=t.div`
+	box-sizing: border-box;
+	width: 100%;
+	margin: 0;
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+`,r=t.div`
+	display: flex;
+	align-items: center;
+`,c=t(o)`
+	color: ${e=>{let{$isInactive:t}=e;return t?n.content.inactive:n.content.brand}};
+`,a=t=>{let{totalSelected:n,maxDocuments:o}=t;const a=o!==1/0&&n>=o;return e.jsx(i,{children:e.jsx(r,{children:a?e.jsx(s,{tagText:`You can only select ${o} documents`,type:"negative"}):e.jsx(c,Object.assign({$isInactive:0===n},{children:o!==1/0?`${n}/${o} documents selected`:`${n} documents selected`}))})})};export{a as TextPickerFooter};

package/dist/esm/components/text-picker/TextPickerItemRow.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TextPickerItemRowProps {
+    item: {
+        id: string;
+        name: string;
+    };
+    selected: boolean;
+    onCheck: (checked: boolean) => void;
+    onClick: () => void;
+}
+export declare const TextPickerItemRow: React.FC<TextPickerItemRowProps>;

package/dist/esm/components/text-picker/TextPickerItemRow.js

@@ -0,0 +1,17 @@
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as i}from"../TypographyStyle.js";const n=r.div`
+	min-height: 48px;
+	background: ${e=>{let{selected:r}=e;return r?t.surface.hovered:t.surface.standard}};
+	border-bottom: 1px solid ${t.stroke.primary};
+	padding: 12px 24px;
+	display: flex;
+	align-items: center;
+	cursor: pointer;
+`,s=r.div`
+	margin-right: 16px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+`,c=r.div`
+	flex: 1;
+`,l=r=>{let{item:t,selected:l,onCheck:d,onClick:a}=r;return e.jsxs(n,Object.assign({selected:l,onClick:a},{children:[e.jsx(s,Object.assign({onClick:e=>e.stopPropagation()},{children:e.jsx(o,{isChecked:l,onValueChange:d})})),e.jsx(c,{children:e.jsx(i,{children:t.name})})]}))};export{l as TextPickerItemRow};

package/dist/esm/components/text-picker/TextPickerModal.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { ButtonProps } from '../button/model';
+export interface TextPickerCategory {
+    id: string;
+    name: string;
+    items: {
+        id: string;
+        name: string;
+    }[];
+}
+export interface TextPickerProps {
+    visible: boolean;
+    categories: TextPickerCategory[];
+    selectedItems: {
+        [categoryId: string]: string[];
+    };
+    onAdd: (selected: {
+        [categoryId: string]: string[];
+    }) => void;
+    onClose?: () => void;
+    title?: string;
+    subtitle?: string;
+    width?: string;
+    zIndex?: number;
+    maxDocuments?: number;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+}
+export declare const TextPickerModal: React.FC<TextPickerProps>;

package/dist/esm/components/text-picker/TextPickerModal.js

@@ -0,0 +1,26 @@
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_left.svg.js";import{useState as i}from"react";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{IconButton as r}from"../icon-button/IconButton.js";import{Input as s}from"../input/Input.js";import{StyledModal as l}from"../modals/styledModal.js";import{BodyCaption as d}from"../TypographyStyle.js";import{TextPickerCategoryCard as a}from"./TextPickerCategoryCard.js";import{TextPickerFooter as c}from"./TextPickerFooter.js";import{TextPickerItemRow as m}from"./TextPickerItemRow.js";import{TextPickerSelectAllRow as h}from"./TextPickerSelectAllRow.js";const u=n.div`
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+`,g=n.div`
+	padding: 12px 24px;
+	border-bottom: 1px solid ${o.stroke.primary};
+`,p=n.div`
+	flex: 1;
+	overflow-y: auto;
+	min-height: 0;
+`,x=n.div`
+	display: flex;
+	align-items: center;
+	padding: 0 24px;
+	background: ${o.surface.subdued};
+	border-bottom: 1px solid ${o.stroke.primary};
+`,j=n.div`
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: ${o.content.secondary};
+	text-align: center;
+	padding: 32px;
+`,f=n=>{var f,v;const{visible:y,categories:b,selectedItems:C,onAdd:k,onClose:T,title:w="Select Text",subtitle:O,width:B="640px",zIndex:S}=n,I=null!==(f=n.maxDocuments)&&void 0!==f?f:1/0,[L,P]=i("categories"),[$,A]=i(""),[F,D]=i(C),[R,z]=i(null),N=b.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))),_=R?R.items.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))):[],E=Object.values(F).reduce(((e,t)=>e+t.length),0),M=O||"",q=e=>{var t;return e.items.length>0&&(null===(t=F[e.id])||void 0===t?void 0:t.length)===e.items.length},G=e=>{var t;return!!(null===(t=F[e.id])||void 0===t?void 0:t.length)&&F[e.id].length<e.items.length},H=()=>{var e;return!!R&&_.length>0&&(null===(e=F[R.id])||void 0===e?void 0:e.length)===_.length},J=(e,t)=>{R&&D((i=>{const n=i[R.id]||[];return t&&E>=I?i:Object.assign(Object.assign({},i),{[R.id]:t?[...n,e]:n.filter((t=>t!==e))})}))};return e.jsx(l,Object.assign({open:y,onClose:T,headingTitle:w,headingSubtitle:M,centralContainerStyles:{width:B,zIndex:S},hideCrossButton:!1,primaryButton:n.primaryButton?Object.assign(Object.assign({},n.primaryButton),{buttonText:n.primaryButton.isLoading?"Loading...":n.primaryButton.buttonText||"Add",disabled:null!==(v=n.primaryButton.disabled)&&void 0!==v&&v||0===E||I!==1/0&&E>=I,onClick:n.primaryButton.onClick||(()=>k(F))}):{buttonText:"Add",disabled:0===E||I!==1/0&&E>=I,onClick:()=>k(F)},footerLeftCustomElement:e.jsx(c,{totalSelected:E,maxDocuments:I}),footerContainerStyle:{borderTop:`1px solid ${o.stroke.primary}`,background:o.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e.jsx(u,{children:"categories"===L?e.jsxs(e.Fragment,{children:[e.jsx(g,{children:e.jsx(s,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===N.length?e.jsx(j,{children:"No categories found. Try a different search."}):N.map((t=>{var i;return e.jsx(a,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=F[t.id])||void 0===i?void 0:i.length)||0,isChecked:q(t),isPartiallyChecked:G(t)&&!q(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),D((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{z(e),P("items"),A("")})(t)},t.id)}))})]}):e.jsxs(e.Fragment,{children:[e.jsxs(x,{children:[e.jsx(r,{Icon:t,height:16,width:16,onClick:()=>{P("categories"),z(null),A("")},style:{marginRight:8},"aria-label":"Back"}),e.jsx(d,Object.assign({style:{color:o.content.secondary}},{children:null==R?void 0:R.name}))]}),e.jsx(g,{children:e.jsx(s,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===_.length?e.jsx(j,{children:"No items found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(h,{isChecked:H(),isPartiallyChecked:(()=>{var e;return!!R&&!!(null===(e=F[R.id])||void 0===e?void 0:e.length)&&F[R.id].length<_.length})()&&!H(),onCheck:e=>{R&&D((t=>e?Object.assign(Object.assign({},t),{[R.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[R.id]:[]})))}}),_.map((t=>{var i;return e.jsx(m,{item:t,selected:(null===(i=F[R.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>J(t.id,e),onClick:()=>{var e;return J(t.id,!(null===(e=F[R.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{f as TextPickerModal};

package/dist/esm/components/text-picker/TextPickerSelectAllRow.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface TextPickerSelectAllRowProps {
+    isChecked: boolean;
+    isPartiallyChecked: boolean;
+    onCheck: (checked: boolean) => void;
+}
+export declare const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps>;

package/dist/esm/components/text-picker/TextPickerSelectAllRow.js

@@ -0,0 +1,17 @@
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as t}from"../checkBox/CheckBox.js";import{BodyPrimary as s}from"../TypographyStyle.js";const o=r.div`
+  background: ${e=>{let{isActive:r}=e;return r?i.surface.hovered:i.surface.subdued}};
+  border-bottom: 1px solid ${i.stroke.primary};
+  padding: 12px 24px;
+  display: flex;
+  align-items: center;
+  cursor: default;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+
+`,c=r.div`
+  display: flex;
+  margin-right: 16px;
+`,n=r.div`
+  flex: 1;
+`,l=r=>{let{isChecked:i,isPartiallyChecked:l,onCheck:d}=r;return e.jsxs(o,Object.assign({isActive:i||l},{children:[e.jsx(c,{children:e.jsx(t,{isChecked:i||l,isPartiallyChecked:l&&!i,onValueChange:d})}),e.jsx(n,{children:e.jsx(s,{children:"Select All"})})]}))};export{l as TextPickerSelectAllRow};