@bikdotai/bik-component-library 0.0.504 → 0.0.505-beta.1

package/dist/cjs/components/variable-picker-v3/model.js

@@ -0,0 +1 @@
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.PickerType=void 0,(e=exports.PickerType||(exports.PickerType={})).MODAL="modal",e.EMBEDDED="embedded";

package/dist/cjs/components/variable-picker-v3/recommendVaribles.d.ts

@@ -0,0 +1 @@
+export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;

package/dist/cjs/components/variable-picker-v3/recommendVaribles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>Object.keys(e).reduce(((s,a)=>(e[a]&&e[a].isAvailable&&(s[a]=e[a]),s)),{});exports.showOnlyRecommendedVariables=(s,a)=>s.map((s=>{if(s.isAvailable&&void 0===s.variables)return s;if(void 0===s.isAvailable&&void 0!==s.variables){const a=e(s.variables);return Object.assign(Object.assign({},s),{variables:a})}if(void 0===s.variables){return e(s)}{const i=e(s.variables);return a.length?i:Object.assign(Object.assign({},s),{variables:i})}})).filter((e=>Object.keys(e).length>0));

package/dist/cjs/components/variable-picker-v3/searchVariables.d.ts

@@ -0,0 +1,2 @@
+import { VariableListInterfaceV3 } from './model';
+export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];

package/dist/cjs/components/variable-picker-v3/searchVariables.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=(a,s,r)=>{Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(a.toLowerCase())&&r.push(s[l].isSubHeader?{[l]:s[l]}:s[l]),s[l].variables&&Object.keys(s[l].variables).length&&e(a,s[l].variables,r)}))};exports.searchVariables=(a,s,r)=>{if(!a)return r.length>0?[r[r.length-1].variables]:s;const l=[];return s.forEach((s=>{if(r.length>0)if(s.displayName&&void 0!==s.variables)e(a,s.variables,l);else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,l)}else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,l)}})),l};

package/dist/cjs/components/variable-picker-v3/styles.d.ts

@@ -0,0 +1 @@
+export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/variable-picker-v3/styles.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=r(e).default.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 12px 16px;
+	border-bottom: 1px solid ${t.COLORS.stroke.primary};
+`;exports.RecommendWrapper=o;

package/dist/cjs/helpers/index.d.ts

@@ -1,3 +1,4 @@
 export * from './BaseWhatsappContentLang.helper';
 export * from '../components/curtain/CurtainHelper';
 export * from '../utils/resizeImage';
+export * from '../components/variable-picker-v3/model';

package/dist/cjs/index.d.ts

@@ -79,3 +79,4 @@ export * from './utils/validator';
 export * from './components/carousel-preview';
 export * from './components/floater';
 export * from './components/card-selector';
+export * from './components/variable-picker-v3';

package/dist/cjs/index.js

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

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/analytics-chips-and-dropdowns/AnalyticsTrend.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{useRef as n}from"react";import{ShimmerComponentStyled as r}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import o from"../../utils/DateUtils.js";import{COLORS as l}from"../../constants/Theme.js";import s from"../../assets/icons/arrow_down.svg.js";import a from"../../assets/icons/arrow_up.svg.js";import c from"../../assets/icons/info.svg.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{BodySecondary as g,TitleSmall as h,Caption as p,TitleLarge as y,TitleMedium as u}from"../TypographyStyle.js";import{truncateValueTo10K as f}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as b}from"./CommonStyles.js";const v=n=>{let{title:o,value:s,trendPercent:a,type:h="horizontal",timeline:p,customRange:v,tooltip:x,card:w=!0,rightSeparator:O=!1,size:S="big",share:T=!1,formatVal:$,prefixSymbol:I,trailingIcon:R,onTrailIconClick:C,iconTooltipBody:D,funnelPercent:k,isLoading:z,trendRaw:L,suffixText:M,trendStyle:N,trendContainerStyle:P,trendIconStyle:F}=n;const W="big"===S?y:u,_=void 0!==a?a<0?"negative":0===a?"neutral":"positive":void 0,A=void 0!==a?T?Math.round(a):Math.abs(Math.round(a)):void 0;return e(b,Object.assign({card:w},{children:t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:4,borderRightWidth:O?1:0,borderRightColor:l.stroke.primary,borderRightStyle:"solid",paddingLeft:w?0:24,paddingRight:w?0:24,height:"100%",justifyContent:"space-between",alignItems:"center"},null!=P?P:{})},{children:[t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=N?N:{})},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(g,Object.assign({style:{color:l.content.secondary}},{children:o})),x&&e(m,Object.assign({body:x,placement:"right",width:300},{children:e("div",Object.assign({style:{display:"flex",alignItems:"center",cursor:"pointer"}},{children:e(c,{color:l.content.inactive,height:16,width:16})}))}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},T?{justifyContent:"space-between"}:{})},{children:[z&&e(r,{width:108,height:26}),!z&&e(W,Object.assign({style:{color:l.content.primary}},{children:void 0===s?"--":"number"==typeof s&&$?s>9999?`${null!=I?I:""}${f(s)} ${null!=M?M:""}`:`${null!=I?I:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(s)} ${null!=M?M:""}`:`${null!=I?I:""}${s} ${null!=M?M:""}`})),"horizontal"===h&&!z&&!T&&e(j,{timeline:p,customRange:v,percent:A,direction:_,trendRaw:L,prefixSymbol:I,trendIconStyle:F}),z&&!T&&"horizontal"===h&&e(r,{height:20,width:141,marginTop:6}),"vertical"===h&&!z&&void 0!==k&&e(d,{tagText:`${k} %`,theme:"light",type:"neutral"}),T&&!z&&void 0!==A&&e(d,{tagText:`${A} %`,theme:"light",type:"neutral"})]})),"vertical"===h&&!z&&!T&&e("div",Object.assign({style:{marginTop:10}},{children:e(j,{timeline:p,customRange:v,percent:A,direction:_,trendRaw:L,prefixSymbol:I,trendIconStyle:F})})),z&&"vertical"===h&&e(r,{height:20,width:141,marginTop:6})]})),D&&!z&&e(m,Object.assign({body:D,placement:"right"},{children:R&&e("div",Object.assign({className:"icon--holder",onClick:C},{children:i.createElement(R,{height:20,width:20,color:l.content.secondary})}))}))]}))}))},j=i=>{let{percent:r,direction:c,timeline:d,customRange:m,trendRaw:g,prefixSymbol:y,trendIconStyle:u}=i;const b="negative"===c?s:a,v="negative"===c?l.background.negative.vibrant:"positive"===c?l.background.positive.vibrant:l.content.placeholder,j=n("today"===d?"vs yesterday":"yesterday"===d?"vs 1 day before":"7 days"===d?"vs last 7 days":"30 days"===d?"vs last 30 days":"custom"===d&&m?o.getAnalyticsCustomDateTimelineText(m):""),x=n((()=>{const e=((null!=g?g:0)>0?"+":"")+(null!=y?y:"");return void 0===g?"--":`${null!=e?e:""}${f(g)}`})());return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"}},{children:["number"==typeof r&&e(b,{color:v,height:20,width:20,style:Object.assign({marginRight:2},null!=u?u:{})}),"number"==typeof r&&c&&t(h,Object.assign({style:{color:v}},{children:["neutral"===c?0:r<1e3?r:">999","%"]})),!!g&&e(p,Object.assign({style:{marginLeft:4,color:l.content.placeholder}},{children:`(${x.current})`})),d&&e(p,Object.assign({style:{marginLeft:4,color:l.content.placeholder}},{children:j.current}))]}))};export{v as AnalyticsTrend};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{useRef as n}from"react";import{ShimmerComponentStyled as r}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import o from"../../utils/DateUtils.js";import{COLORS as l}from"../../constants/Theme.js";import s from"../../assets/icons/arrow_down.svg.js";import a from"../../assets/icons/arrow_up.svg.js";import c from"../../assets/icons/info.svg.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{BodySecondary as m,TitleSmall as h,Caption as p,TitleLarge as y,TitleMedium as u}from"../TypographyStyle.js";import{AnalyticsTrendContainer as b}from"./CommonStyles.js";const f=n=>{let{title:o,value:s,trendPercent:a,type:h="horizontal",timeline:p,customRange:f,tooltip:j,card:x=!0,rightSeparator:w=!1,size:O="big",share:S=!1,formatVal:I,prefixSymbol:T,trailingIcon:R,onTrailIconClick:$,iconTooltipBody:C,funnelPercent:D,isLoading:k,trendRaw:L,suffixText:N,trendStyle:z,trendContainerStyle:M,trendIconStyle:P}=n;const E="big"===O?y:u,W=void 0!==a?a<0?"negative":0===a?"neutral":"positive":void 0,_=void 0!==a?S?Math.round(a):Math.abs(Math.round(a)):void 0;return e(b,Object.assign({card:x},{children:t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:4,borderRightWidth:w?1:0,borderRightColor:l.stroke.primary,borderRightStyle:"solid",paddingLeft:x?0:24,paddingRight:x?0:24,height:"100%",justifyContent:"space-between",alignItems:"center"},null!=M?M:{})},{children:[t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=z?z:{})},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(m,Object.assign({style:{color:l.content.secondary}},{children:o})),j&&e(g,Object.assign({body:j,placement:"right",width:300},{children:e("div",Object.assign({style:{display:"flex",alignItems:"center",cursor:"pointer"}},{children:e(c,{color:l.content.inactive,height:16,width:16})}))}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},S?{justifyContent:"space-between"}:{})},{children:[k&&e(r,{width:108,height:26}),!k&&e(E,Object.assign({style:{color:l.content.primary}},{children:void 0===s?"--":"number"==typeof s&&I?`${null!=T?T:""}${new Intl.NumberFormat("en-IN",{}).format(s)} ${null!=N?N:""}`:`${null!=T?T:""}${s} ${null!=N?N:""}`})),"horizontal"===h&&!k&&!S&&e(v,{timeline:p,customRange:f,percent:_,direction:W,trendRaw:L,prefixSymbol:T,trendIconStyle:P}),k&&!S&&"horizontal"===h&&e(r,{height:20,width:141,marginTop:6}),"vertical"===h&&!k&&void 0!==D&&e(d,{tagText:`${D} %`,theme:"light",type:"neutral"}),S&&!k&&void 0!==_&&e(d,{tagText:`${_} %`,theme:"light",type:"neutral"})]})),"vertical"===h&&!k&&!S&&e("div",Object.assign({style:{marginTop:10}},{children:e(v,{timeline:p,customRange:f,percent:_,direction:W,trendRaw:L,prefixSymbol:T,trendIconStyle:P})})),k&&"vertical"===h&&e(r,{height:20,width:141,marginTop:6})]})),C&&!k&&e(g,Object.assign({body:C,placement:"right"},{children:R&&e("div",Object.assign({className:"icon--holder",onClick:$},{children:i.createElement(R,{height:20,width:20,color:l.content.secondary})}))}))]}))}))},v=i=>{let{percent:r,direction:c,timeline:d,customRange:g,trendRaw:m,prefixSymbol:y,trendIconStyle:u}=i;const b="negative"===c?s:a,f="negative"===c?l.background.negative.vibrant:"positive"===c?l.background.positive.vibrant:l.content.placeholder,v=n("today"===d?"vs yesterday":"yesterday"===d?"vs 1 day before":"7 days"===d?"vs last 7 days":"30 days"===d?"vs last 30 days":"custom"===d&&g?o.getAnalyticsCustomDateTimelineText(g):""),j=n((()=>{const e=((null!=m?m:0)>0?"+":"")+(null!=y?y:"");return void 0===m?"--":`${null!=e?e:""}${Math.round(100*(m+Number.EPSILON))/100}`})());return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"}},{children:["number"==typeof r&&e(b,{color:f,height:20,width:20,style:Object.assign({marginRight:2},null!=u?u:{})}),"number"==typeof r&&c&&t(h,Object.assign({style:{color:f}},{children:["neutral"===c?0:r<1e3?r:">999","%"]})),!!m&&e(p,Object.assign({style:{marginLeft:4,color:l.content.placeholder}},{children:`(${j.current})`})),d&&e(p,Object.assign({style:{marginLeft:4,color:l.content.placeholder}},{children:v.current}))]}))};export{f as AnalyticsTrend};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js

@@ -1 +1 @@
-import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import i from"../../../../utils/StringUtils.js";import{COLORS as g}from"../../../../constants/Theme.js";import"../../../../constants/zindex.js";import{useState as s,useEffect as I}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as p}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-dom";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"../../../tooltips/Tooltip.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../curtain/CurtainHelper.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../template-preview/models/WhatsAppTemplate.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../button/Button.js";import"../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"../../../QueryBuilder/components/Connectors/Components/InTwoLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/ChipDropdown.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as C}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../StackedBarChart/StackedBarDistributionChart.js";import"../StackedBarChart/StackedBarDistributionChart.model.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../heatmap/HeatMapVertical.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../avatar/AvatarHelper.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../plans/SubscriptionPlansCollected.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../../_virtual/_tslib.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../navigation-hyperlink/NavigationHyperlink.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../product-picker-v2/modal.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import"../../../dropdown-button/DropdownButton.style.js";import"../../../side-modal/SideModal.style.js";import"../../../add-variableV2/AddVariableV2.styled.js";import"../../../modals/modal.styled.js";import"../../../SearchFilter/types/SearchFilter.type.js";import"../../../SearchFilter/components/DatePickerButton.js";import"../../../SearchFilter/components/DateRangeOnlyButton.js";import"../../../input-with-vars/InputWithVariables.js";import"../../../star-rating/StarRating.js";import"../../../dashboard-review-popup/components/FiveStar.styled.js";import"../../../dashboard-review-popup/components/Form.styled.js";import"../../../dashboard-review-popup/components/ZeroState.js";import"../../../dashboard-review-popup/DashboardReviewPopUp.styled.js";import"../../../testimonial-card/TestimonialCard.style.js";import"../../../slider/slider.js";import"pure-react-carousel";import"../../../carousel-preview/CarouselPreview.style.js";import"../../../card-selector/CardSelector.styled.js";import{Chart as c,ArcElement as a,Legend as l}from"chart.js";import{Doughnut as A}from"react-chartjs-2";c.register(a,l);const d={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},m=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],n=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>g.surface.standard),";border:1px solid ",(t=>g.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),u=t=>o(n,Object.assign({style:{padding:24}},{children:t.children})),b=t=>{let{title:g,slices:c,size:a}=t;const[l,n]=s([]),[u,b]=s();return I((()=>{const t=c.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(c).map(((t,o)=>Object.assign({color:m[o%m.length]},c[t]))),n([...o]),0===t){b({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:c.map((t=>i.capitalize(t.name))),datasets:[{data:c.map((t=>t.count)),backgroundColor:c.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:m[o%m.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};b(t)}}),[c]),u?r(e,{children:[g&&o(p,Object.assign({style:{marginBottom:16}},{children:g})),r("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:a,height:a}},{children:o(A,{data:u,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!a})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(C,{slices:l})}))]}))]}):o(e,{})};export{u as Card,b as PieChartAnalytics};
+import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import i from"../../../../utils/StringUtils.js";import{COLORS as g}from"../../../../constants/Theme.js";import"../../../../constants/zindex.js";import{useState as s,useEffect as I}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as p}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-dom";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"../../../tooltips/Tooltip.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../curtain/CurtainHelper.js";import"../../../variable-picker-v3/model.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../template-preview/models/WhatsAppTemplate.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../button/Button.js";import"../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"../../../QueryBuilder/components/Connectors/Components/InTwoLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/ChipDropdown.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as C}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../StackedBarChart/StackedBarDistributionChart.js";import"../StackedBarChart/StackedBarDistributionChart.model.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../heatmap/HeatMapVertical.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../avatar/AvatarHelper.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../plans/SubscriptionPlansCollected.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../../_virtual/_tslib.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../navigation-hyperlink/NavigationHyperlink.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../product-picker-v2/modal.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import"../../../dropdown-button/DropdownButton.style.js";import"../../../side-modal/SideModal.style.js";import"../../../add-variableV2/AddVariableV2.styled.js";import"../../../modals/modal.styled.js";import"../../../SearchFilter/types/SearchFilter.type.js";import"../../../SearchFilter/components/DatePickerButton.js";import"../../../SearchFilter/components/DateRangeOnlyButton.js";import"../../../input-with-vars/InputWithVariables.js";import"../../../star-rating/StarRating.js";import"../../../dashboard-review-popup/components/FiveStar.styled.js";import"../../../dashboard-review-popup/components/Form.styled.js";import"../../../dashboard-review-popup/components/ZeroState.js";import"../../../dashboard-review-popup/DashboardReviewPopUp.styled.js";import"../../../testimonial-card/TestimonialCard.style.js";import"../../../slider/slider.js";import"pure-react-carousel";import"../../../carousel-preview/CarouselPreview.style.js";import"../../../card-selector/CardSelector.styled.js";import"../../../variable-picker-v3/styles.js";import{Chart as c,ArcElement as a,Legend as l}from"chart.js";import{Doughnut as A}from"react-chartjs-2";c.register(a,l);const d={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},m=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],n=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>g.surface.standard),";border:1px solid ",(t=>g.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),b=t=>o(n,Object.assign({style:{padding:24}},{children:t.children})),u=t=>{let{title:g,slices:c,size:a}=t;const[l,n]=s([]),[b,u]=s();return I((()=>{const t=c.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(c).map(((t,o)=>Object.assign({color:m[o%m.length]},c[t]))),n([...o]),0===t){u({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:c.map((t=>i.capitalize(t.name))),datasets:[{data:c.map((t=>t.count)),backgroundColor:c.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:m[o%m.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};u(t)}}),[c]),b?r(e,{children:[g&&o(p,Object.assign({style:{marginBottom:16}},{children:g})),r("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:a,height:a}},{children:o(A,{data:b,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!a})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(C,{slices:l})}))]}))]}):o(e,{})};export{b as Card,u as PieChartAnalytics};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{Chart as i,CategoryScale as e,LinearScale as l,BarElement as a,Tooltip as n,Legend as d}from"chart.js";import s from"chartjs-plugin-datalabels";import{Bar as r}from"react-chartjs-2";import{TitleRegular as c,BodyTiny as v}from"../../../TypographyStyle.js";import{COLORS as p,FONTS as u}from"../../../../constants/Theme.js";import{truncateValueToK as g}from"../utils/calcPercentage.js";import{COLOR_SCHEMA as x,GRAPH_ORIENTATION as y}from"./StackedBarChart.model.js";import{GraphContainerWrapper as b}from"./StackedBarChart.styles.js";i.register(e,l,a,n,d,s);const A=i=>{var e,l,a,n,d,s,A,m,h,O,f,k,C,F,L,T,j,S,H,I,E,N,R,Z,z,D,w,B,P,_,W,V,Y,q,G;const J=0===i.yAxis.data.length,K=i.colorSchema===x.PASTEL?["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"]:["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],M={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barWidth:i.barWidth},Q={};i.yAxis.data.map((o=>{o.map((o=>{Q[o.name]?Q[o.name].push(o.value):Q[o.name]=[o.value]}))}));const U=Object.keys(Q).map(((o,t)=>Object.assign({label:o,data:Q[o],backgroundColor:K[t]},M))),X={plugins:{legend:{display:!J&&!i.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!J,callbacks:{label:null===(e=i.tooltipConfig)||void 0===e?void 0:e.labelCallback,footer:null===(l=i.tooltipConfig)||void 0===l?void 0:l.footerCallback},footerFont:null===(n=null===(a=i.tooltipConfig)||void 0===a?void 0:a.footerStyles)||void 0===n?void 0:n.footerFont},datalabels:{display:null!==(d=i.showTotal)&&void 0!==d&&d,anchor:"end",align:"end",clamp:!0,formatter:(o,t)=>{var i;const e=t.datasetIndex,l=t.chart.data.datasets;if(e!==l.length-1)return"";const a=t.dataIndex;let n=0;for(let o=0;o<l.length;o++)n+=null!==(i=l[o].data[a])&&void 0!==i?i:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:p.content.secondary}},layout:{padding:{right:i.showTotal&&i.orientation===y.HORIZONTAL?50:0,top:i.showTotal&&i.orientation!=y.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!i.customLegend,labels:{usePointStyle:!0}},indexAxis:i.orientation===y.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(i.orientation===y.HORIZONTAL?null===(s=i.yAxis)||void 0===s?void 0:s.title:null===(A=i.xAxis)||void 0===A?void 0:A.title),text:i.orientation===y.HORIZONTAL?null===(m=i.yAxis)||void 0===m?void 0:m.title:null===(h=i.xAxis)||void 0===h?void 0:h.title,color:null!==(k=i.orientation===y.HORIZONTAL?null===(O=i.yAxis)||void 0===O?void 0:O.titleColor:null===(f=i.xAxis)||void 0===f?void 0:f.titleColor)&&void 0!==k?k:p.content.secondary,font:{size:u.caption.fontSize}},grid:{display:i.orientation===y.HORIZONTAL,color:p.background.base},ticks:{fontSize:u.caption.fontSize,color:null!==(C=i.yAxis.labelColor)&&void 0!==C?C:p.content.secondary,callback:i.orientation===y.HORIZONTAL?g:void 0},stacked:i.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(F=i.yAxis)||void 0===F?void 0:F.stacked)||(null===(L=i.yAxis)||void 0===L?void 0:L.stacked):"boolean"!=typeof(null===(T=i.xAxis)||void 0===T?void 0:T.stacked)||(null===(j=i.xAxis)||void 0===j?void 0:j.stacked)},y:{title:{display:!!(i.orientation===y.HORIZONTAL?null===(S=i.xAxis)||void 0===S?void 0:S.title:null===(H=i.yAxis)||void 0===H?void 0:H.title),text:i.orientation===y.HORIZONTAL?null===(I=i.xAxis)||void 0===I?void 0:I.title:null===(E=i.yAxis)||void 0===E?void 0:E.title,color:null!==(Z=i.orientation===y.HORIZONTAL?null===(N=i.xAxis)||void 0===N?void 0:N.titleColor:null===(R=i.yAxis)||void 0===R?void 0:R.titleColor)&&void 0!==Z?Z:p.content.secondary,font:{size:u.caption.fontSize}},grid:{display:i.orientation!==y.HORIZONTAL,color:p.background.base},ticks:Object.assign(Object.assign({stepSize:i.orientation===y.HORIZONTAL?null===(z=i.xAxis)||void 0===z?void 0:z.stepSize:null===(D=i.yAxis)||void 0===D?void 0:D.stepSize,fontSize:u.caption.fontSize,color:null!==(w=i.xAxis.labelColor)&&void 0!==w?w:p.content.secondary},J?{min:0,max:2e3,stepSize:200}:{}),{callback:i.orientation!==y.VERTICAL?g:void 0}),stacked:i.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(B=i.xAxis)||void 0===B?void 0:B.stacked)||(null===(P=i.xAxis)||void 0===P?void 0:P.stacked):"boolean"!=typeof(null===(_=i.yAxis)||void 0===_?void 0:_.stacked)||(null===(W=i.yAxis)||void 0===W?void 0:W.stacked)}},onClick:(o,t)=>{if(!i.onBarClick)return;const e=t[0].datasetIndex,l=t[0].index,a=o.chart.data.datasets[e].label,n=o.chart.data.labels[l];i.onBarClick(n,a)},onHover:(o,t)=>{i.onBarClick&&t.length&&(o.native.target.style.cursor="pointer")}};i.orientation&&i.orientation!==y.VERTICAL?delete X.scales.y.ticks.callback:delete X.scales.x.ticks.callback;const $={labels:i.xAxis.data.map((o=>"string"==typeof o?o:o.name)),datasets:J?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:U};return o(b,Object.assign({style:null!==(V=i.wrapperStyle)&&void 0!==V?V:{},padding:i.outerPadding,customLegend:i.customLegend},{children:[i.chartHeading&&t("div",Object.assign({style:{marginBottom:24}},{children:t(c,Object.assign({color:null!==(Y=i.chartHeading.color)&&void 0!==Y?Y:p.content.secondary},{children:i.chartHeading.heading}))})),i.customLegend&&t("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:"flex-end"}},{children:U.map((i=>o("div",Object.assign({className:"legend__row"},{children:[t("div",{className:"legend__palette",style:{backgroundColor:i.backgroundColor}}),t(v,Object.assign({color:p.content.secondary},{children:i.label}))]}),i.label.replace(" ","_"))))})),t("div",Object.assign({className:"graph__wrapper"},{children:t("div",Object.assign({style:{height:null!==(q=i.graphCanvasHeight)&&void 0!==q?q:500,width:null!==(G=i.graphCanvasWidth)&&void 0!==G?G:"auto"}},{children:t(r,{options:X,data:$})}))}))]}))};export{A as StackedBarChart};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{Chart as i,CategoryScale as e,LinearScale as l,BarElement as a,Tooltip as n,Legend as d}from"chart.js";import s from"chartjs-plugin-datalabels";import{Bar as r}from"react-chartjs-2";import{TitleRegular as c,BodyTiny as v}from"../../../TypographyStyle.js";import{COLORS as p,FONTS as g}from"../../../../constants/Theme.js";import{truncateValueToK as u}from"../utils/calcPercentage.js";import{COLOR_SCHEMA as x,GRAPH_ORIENTATION as y}from"./StackedBarChart.model.js";import{GraphContainerWrapper as b}from"./StackedBarChart.styles.js";i.register(e,l,a,n,d,s);const A=i=>{var e,l,a,n,d,s,A,m,h,O,f,k,C,F,L,T,S,j,H,I,E,N,R,Z,z,D,w,B,P,_,W,V,Y,q,G;const J=0===i.yAxis.data.length,K=i.colorSchema===x.PASTEL?["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"]:["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],M={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barWidth:i.barWidth},Q={};i.yAxis.data.map((o=>{o.map((o=>{Q[o.name]?Q[o.name].push(o.value):Q[o.name]=[o.value]}))}));const U=Object.keys(Q).map(((o,t)=>Object.assign({label:o,data:Q[o],backgroundColor:K[t]},M))),X={plugins:{legend:{display:!J&&!i.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!J,callbacks:{label:null===(e=i.tooltipConfig)||void 0===e?void 0:e.labelCallback,footer:null===(l=i.tooltipConfig)||void 0===l?void 0:l.footerCallback},footerFont:null===(n=null===(a=i.tooltipConfig)||void 0===a?void 0:a.footerStyles)||void 0===n?void 0:n.footerFont},datalabels:{display:null!==(d=i.showTotal)&&void 0!==d&&d,anchor:"end",align:"end",clamp:!0,formatter:(o,t)=>{var i;const e=t.datasetIndex,l=t.chart.data.datasets;if(e!==l.length-1)return"";const a=t.dataIndex;let n=0;for(let o=0;o<l.length;o++)n+=null!==(i=l[o].data[a])&&void 0!==i?i:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:p.content.secondary}},layout:{padding:{right:i.showTotal&&i.orientation===y.HORIZONTAL?50:0,top:i.showTotal&&i.orientation!=y.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!i.customLegend,labels:{usePointStyle:!0}},indexAxis:i.orientation===y.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(i.orientation===y.HORIZONTAL?null===(s=i.yAxis)||void 0===s?void 0:s.title:null===(A=i.xAxis)||void 0===A?void 0:A.title),text:i.orientation===y.HORIZONTAL?null===(m=i.yAxis)||void 0===m?void 0:m.title:null===(h=i.xAxis)||void 0===h?void 0:h.title,color:null!==(k=i.orientation===y.HORIZONTAL?null===(O=i.yAxis)||void 0===O?void 0:O.titleColor:null===(f=i.xAxis)||void 0===f?void 0:f.titleColor)&&void 0!==k?k:p.content.secondary,font:{size:g.caption.fontSize}},grid:{display:i.orientation===y.HORIZONTAL,color:p.background.base},ticks:{fontSize:g.caption.fontSize,color:null!==(C=i.yAxis.labelColor)&&void 0!==C?C:p.content.secondary,callback:i.orientation===y.HORIZONTAL?u:void 0},stacked:i.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(F=i.yAxis)||void 0===F?void 0:F.stacked)||(null===(L=i.yAxis)||void 0===L?void 0:L.stacked):"boolean"!=typeof(null===(T=i.xAxis)||void 0===T?void 0:T.stacked)||(null===(S=i.xAxis)||void 0===S?void 0:S.stacked)},y:{title:{display:!!(i.orientation===y.HORIZONTAL?null===(j=i.xAxis)||void 0===j?void 0:j.title:null===(H=i.yAxis)||void 0===H?void 0:H.title),text:i.orientation===y.HORIZONTAL?null===(I=i.xAxis)||void 0===I?void 0:I.title:null===(E=i.yAxis)||void 0===E?void 0:E.title,color:null!==(Z=i.orientation===y.HORIZONTAL?null===(N=i.xAxis)||void 0===N?void 0:N.titleColor:null===(R=i.yAxis)||void 0===R?void 0:R.titleColor)&&void 0!==Z?Z:p.content.secondary,font:{size:g.caption.fontSize}},grid:{display:i.orientation!==y.HORIZONTAL,color:p.background.base},ticks:Object.assign(Object.assign({stepSize:i.orientation===y.HORIZONTAL?null===(z=i.xAxis)||void 0===z?void 0:z.stepSize:null===(D=i.yAxis)||void 0===D?void 0:D.stepSize,fontSize:g.caption.fontSize,color:null!==(w=i.xAxis.labelColor)&&void 0!==w?w:p.content.secondary},J?{min:0,max:2e3,stepSize:200}:{}),{callback:i.orientation!==y.VERTICAL?u:void 0}),stacked:i.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(B=i.xAxis)||void 0===B?void 0:B.stacked)||(null===(P=i.xAxis)||void 0===P?void 0:P.stacked):"boolean"!=typeof(null===(_=i.yAxis)||void 0===_?void 0:_.stacked)||(null===(W=i.yAxis)||void 0===W?void 0:W.stacked)}},onClick:(o,t)=>{if(!i.onBarClick)return;const e=t[0].datasetIndex,l=t[0].index,a=o.chart.data.datasets[e].label,n=o.chart.data.labels[l];i.onBarClick(n,a)},onHover:(o,t)=>{i.onBarClick&&t.length&&(o.native.target.style.cursor="pointer")}};i.orientation&&i.orientation!==y.VERTICAL?delete X.scales.y.ticks.callback:delete X.scales.x.ticks.callback;const $={labels:i.xAxis.data.map((o=>"string"==typeof o?o:o.name)),datasets:J?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:U};return o(b,Object.assign({style:null!==(V=i.wrapperStyle)&&void 0!==V?V:{},padding:i.outerPadding,customLegend:i.customLegend},{children:[i.chartHeading&&t("div",Object.assign({style:{marginBottom:24}},{children:t(c,Object.assign({color:null!==(Y=i.chartHeading.color)&&void 0!==Y?Y:p.content.secondary},{children:i.chartHeading.heading}))})),i.customLegend&&t("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"24px"}},{children:U.map((i=>o("div",Object.assign({className:"legend__row"},{children:[t("div",{className:"legend__palette",style:{backgroundColor:i.backgroundColor}}),t(v,Object.assign({color:p.content.secondary},{children:i.label}))]}),i.label.replace(" ","_"))))})),t("div",Object.assign({className:"graph__wrapper"},{children:t("div",Object.assign({style:{height:null!==(q=i.graphCanvasHeight)&&void 0!==q?q:500,width:null!==(G=i.graphCanvasWidth)&&void 0!==G?G:"auto"}},{children:t(r,{options:X,data:$})}))}))]}))};export{A as StackedBarChart};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js

@@ -1 +1 @@
-import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{Chart as t,CategoryScale as a,LinearScale as i,BarElement as n,Tooltip as r,Legend as d}from"chart.js";import s from"chartjs-plugin-datalabels";import{useState as c,useEffect as v,useCallback as u}from"react";import{Bar as g}from"react-chartjs-2";import{BodyTiny as p,TitleRegular as h}from"../../../TypographyStyle.js";import{COLORS as b,FONTS as O}from"../../../../constants/Theme.js";import{truncateValueToK as f}from"../utils/calcPercentage.js";import{GraphContainerWrapper as m}from"./StackedBarChart.styles.js";import{GRAPH_ORIENTATION as y}from"./StackedBarDistributionChart.model.js";t.register(a,i,n,r,d,s),t.defaults.plugins.datalabels.display=!1;const T=t=>{var a,i,n,r,d,s,T,F,A,C,j,k,x,H,N,L,I,S,E,R,Z,_,D,w,z,B,P,M,W,V,Y,U;const[$,q]=c([]),[G,J]=c(),K=!t.data.filter((e=>!!e.value)).length,Q=t.colorMatrix&&t.colorMatrix.length?t.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"]],X={min:0,max:200,stepSize:20},ee={min:t.minValue,max:t.maxValue,stepSize:t.valuesStepSize},le={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:K?0:null!==(a=t.barThickness)&&void 0!==a?a:100},oe={plugins:{legend:{display:!1},tooltip:{enabled:!K,callbacks:{label:null===(i=t.tooltipConfig)||void 0===i?void 0:i.labelCallback,footer:null===(n=t.tooltipConfig)||void 0===n?void 0:n.footerCallback},footerFont:null===(d=null===(r=t.tooltipConfig)||void 0===r?void 0:r.footerStyles)||void 0===d?void 0:d.footerFont},datalabels:{display:null!==(s=!K&&t.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(e,l)=>{var o;const t=l.datasetIndex,a=l.chart.data.datasets;if(t!==a.length-1)return"";const i=l.dataIndex;let n=0;for(let e=0;e<a.length;e++)n+=null!==(o=a[e].data[i])&&void 0!==o?o:0;return n?f(n):""},color:b.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:t.orientation===y.HORIZONTAL?"y":"x",layout:{padding:{right:t.showTotal&&t.orientation===y.HORIZONTAL?50:0,top:t.showTotal&&t.orientation!=y.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(t.orientation===y.HORIZONTAL?null===(T=t.valueTitle)||void 0===T?void 0:T.heading:null===(F=t.labelTitle)||void 0===F?void 0:F.heading),text:t.orientation===y.HORIZONTAL?null===(A=t.valueTitle)||void 0===A?void 0:A.heading:null===(C=t.labelTitle)||void 0===C?void 0:C.heading,color:null!==(x=t.orientation===y.HORIZONTAL?null===(j=t.valueTitle)||void 0===j?void 0:j.color:null===(k=t.labelTitle)||void 0===k?void 0:k.color)&&void 0!==x?x:b.content.secondary,font:{size:O.bodySecondary.fontSize}},grid:{display:t.orientation===y.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:O.caption.fontSize,color:null!==(L=t.orientation===y.HORIZONTAL?null===(H=t.labelTitle)||void 0===H?void 0:H.color:null===(N=t.valueTitle)||void 0===N?void 0:N.color)&&void 0!==L?L:b.content.secondary},t.orientation===y.HORIZONTAL?K?X:ee:{}),{callback:(e,l)=>{var o,a;return t.orientation!==y.HORIZONTAL?null!==(a=null===(o=null==G?void 0:G.labels)||void 0===o?void 0:o[l])&&void 0!==a?a:"":"number"!=typeof e?e:f(e)}}),stacked:!0},y:{title:{display:!!(t.orientation===y.HORIZONTAL?null===(I=t.labelTitle)||void 0===I?void 0:I.heading:null===(S=t.valueTitle)||void 0===S?void 0:S.heading),text:t.orientation===y.HORIZONTAL?null===(E=t.labelTitle)||void 0===E?void 0:E.heading:null===(R=t.valueTitle)||void 0===R?void 0:R.heading,color:null!==(D=t.orientation===y.HORIZONTAL?null===(Z=t.labelTitle)||void 0===Z?void 0:Z.color:null===(_=t.valueTitle)||void 0===_?void 0:_.color)&&void 0!==D?D:b.content.secondary,font:{size:O.bodySecondary.fontSize}},grid:{display:t.orientation!==y.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({fontSize:O.caption.fontSize,color:null!==(B=t.orientation===y.HORIZONTAL?null===(w=t.valueTitle)||void 0===w?void 0:w.color:null===(z=t.labelTitle)||void 0===z?void 0:z.color)&&void 0!==B?B:b.content.secondary},t.orientation===y.HORIZONTAL?{}:K?X:ee),{callback:(e,l)=>{var o,a;return t.orientation===y.HORIZONTAL?null!==(a=null===(o=null==G?void 0:G.labels)||void 0===o?void 0:o[l])&&void 0!==a?a:"":"number"!=typeof e?e:f(e)}}),stacked:!0}},onClick:(e,l)=>{if(!t.onBarClick)return;const o=l[0].datasetIndex,a=l[0].index,i=e.chart.data.datasets[o].label,n=e.chart.data.labels[a];t.onBarClick(n,i)},onHover:(e,l)=>{t.onBarClick&&l.length&&(e.native.target.style.cursor="pointer")}},te=Array.from(new Set(t.data.map((e=>e.label)))),ae={labels:(ie=te,ie.map((e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e))),datasets:K?[{data:[10,20,30,40,50,60,80,100,120],backgroundColor:"rgba(0,0,0,0)"}]:[]};var ie;v((()=>{const e=[];te.forEach(((l,o)=>{const a=[],i=t.data.filter((e=>e.label===l));t.isFunnel||i.sort(((e,l)=>l.value-e.value)),i.forEach(((e,l)=>{const t=((e,l,o)=>Q[e].slice(-o)[l])(o,l,i.length);a.push({color:t,label:e.stackLabel});const n=Object.assign({label:e.stackLabel,backgroundColor:t,data:Array(te.length).fill(0)},le);n.data[o]=e.value,ae.datasets.push(n)})),e.push(a)})),q(e),J(ae)}),[t.data]);const ne=u((()=>e("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"}},{children:re().map((o=>l("div",Object.assign({className:"legend__row"},{children:[e("div",{className:"legend__palette",style:{backgroundColor:o.color}}),e(p,Object.assign({color:b.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))}))),[$]),re=()=>{const e=[];return $.forEach(((l,o)=>{e.push({color:l[0].color,label:te[o]})})),e};if(!G)return e(o,{});return l(m,Object.assign({style:null!==(P=t.wrapperStyle)&&void 0!==P?P:{},padding:t.outerPadding,chartWrapperHeight:t.chartWrapperHeight,isFunnel:t.isFunnel},{children:[t.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(h,Object.assign({color:null!==(M=t.chartHeading.color)&&void 0!==M?M:b.content.secondary},{children:t.chartHeading.heading}))})),l("div",Object.assign({className:"graph__wrapper"},{children:[(null===(W=t.showLegend)||void 0===W||W)&&t.isFunnel&&ne(),e("div",Object.assign({style:{height:null!==(V=t.graphCanvasHeight)&&void 0!==V?V:500,width:null!==(Y=t.graphCanvasWidth)&&void 0!==Y?Y:"100%",flex:1}},{children:e(g,{options:oe,data:G})})),(null===(U=t.showLegend)||void 0===U||U)&&!t.isFunnel&&e("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"column"}},{children:$.map(((o,t)=>e("div",Object.assign({className:"legend__set"},{children:o.map((o=>l("div",Object.assign({className:"legend__row"},{children:[e("div",{className:"legend__palette",style:{backgroundColor:o.color}}),e(p,Object.assign({color:b.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))}),`Legend_set_${t}`)))}))]}))]}))};export{T as StackedBarDistributionChart};
+import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{Chart as t,CategoryScale as a,LinearScale as i,BarElement as n,Tooltip as r,Legend as d}from"chart.js";import s from"chartjs-plugin-datalabels";import{useState as c,useEffect as v,useCallback as u}from"react";import{Bar as g}from"react-chartjs-2";import{BodyTiny as p,TitleRegular as b}from"../../../TypographyStyle.js";import{COLORS as h,FONTS as O}from"../../../../constants/Theme.js";import{GraphContainerWrapper as f}from"./StackedBarChart.styles.js";import{GRAPH_ORIENTATION as m}from"./StackedBarDistributionChart.model.js";t.register(a,i,n,r,d,s),t.defaults.plugins.datalabels.display=!1;const y=t=>{var a,i,n,r,d,s,y,T,F,A,C,k,j,x,H,N,S,L,I,E,R,Z,_,D,w,z,B,M,P,W,V,Y;const[U,$]=c([]),[q,G]=c(),J=!t.data.filter((e=>!!e.value)).length,K=t.colorMatrix&&t.colorMatrix.length?t.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"]],Q={min:0,max:200,stepSize:20},X={min:t.minValue,max:t.maxValue,stepSize:t.valuesStepSize},ee={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:J?0:null!==(a=t.barThickness)&&void 0!==a?a:100},le={plugins:{legend:{display:!1},tooltip:{enabled:!J,callbacks:{label:null===(i=t.tooltipConfig)||void 0===i?void 0:i.labelCallback,footer:null===(n=t.tooltipConfig)||void 0===n?void 0:n.footerCallback},footerFont:null===(d=null===(r=t.tooltipConfig)||void 0===r?void 0:r.footerStyles)||void 0===d?void 0:d.footerFont},datalabels:{display:null!==(s=!J&&t.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(e,l)=>{var o;const t=l.datasetIndex,a=l.chart.data.datasets;if(t!==a.length-1)return"";const i=l.dataIndex;let n=0;for(let e=0;e<a.length;e++)n+=null!==(o=a[e].data[i])&&void 0!==o?o:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:h.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:t.orientation===m.HORIZONTAL?"y":"x",layout:{padding:{right:t.showTotal&&t.orientation===m.HORIZONTAL?50:0,top:t.showTotal&&t.orientation!=m.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(t.orientation===m.HORIZONTAL?null===(y=t.valueTitle)||void 0===y?void 0:y.heading:null===(T=t.labelTitle)||void 0===T?void 0:T.heading),text:t.orientation===m.HORIZONTAL?null===(F=t.valueTitle)||void 0===F?void 0:F.heading:null===(A=t.labelTitle)||void 0===A?void 0:A.heading,color:null!==(j=t.orientation===m.HORIZONTAL?null===(C=t.valueTitle)||void 0===C?void 0:C.color:null===(k=t.labelTitle)||void 0===k?void 0:k.color)&&void 0!==j?j:h.content.secondary,font:{size:O.bodySecondary.fontSize}},grid:{display:t.orientation===m.HORIZONTAL,color:h.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:O.caption.fontSize,color:null!==(N=t.orientation===m.HORIZONTAL?null===(x=t.labelTitle)||void 0===x?void 0:x.color:null===(H=t.valueTitle)||void 0===H?void 0:H.color)&&void 0!==N?N:h.content.secondary},t.orientation===m.HORIZONTAL?J?Q:X:{}),{callback:(e,l)=>{var o,a;return t.orientation!==m.HORIZONTAL?null!==(a=null===(o=null==q?void 0:q.labels)||void 0===o?void 0:o[l])&&void 0!==a?a:"":"number"!=typeof e||e<1e3?e:(e/1e3).toString().substring(0,4)+"k"}}),stacked:!0},y:{title:{display:!!(t.orientation===m.HORIZONTAL?null===(S=t.labelTitle)||void 0===S?void 0:S.heading:null===(L=t.valueTitle)||void 0===L?void 0:L.heading),text:t.orientation===m.HORIZONTAL?null===(I=t.labelTitle)||void 0===I?void 0:I.heading:null===(E=t.valueTitle)||void 0===E?void 0:E.heading,color:null!==(_=t.orientation===m.HORIZONTAL?null===(R=t.labelTitle)||void 0===R?void 0:R.color:null===(Z=t.valueTitle)||void 0===Z?void 0:Z.color)&&void 0!==_?_:h.content.secondary,font:{size:O.bodySecondary.fontSize}},grid:{display:t.orientation!==m.HORIZONTAL,color:h.background.base},ticks:Object.assign(Object.assign({fontSize:O.caption.fontSize,color:null!==(z=t.orientation===m.HORIZONTAL?null===(D=t.valueTitle)||void 0===D?void 0:D.color:null===(w=t.labelTitle)||void 0===w?void 0:w.color)&&void 0!==z?z:h.content.secondary},t.orientation===m.HORIZONTAL?{}:J?Q:X),{callback:(e,l)=>{var o,a;return t.orientation===m.HORIZONTAL?null!==(a=null===(o=null==q?void 0:q.labels)||void 0===o?void 0:o[l])&&void 0!==a?a:"":"number"!=typeof e||e<1e3?e:(e/1e3).toString().substring(0,2)+"k"}}),stacked:!0}},onClick:(e,l)=>{if(!t.onBarClick)return;const o=l[0].datasetIndex,a=l[0].index,i=e.chart.data.datasets[o].label,n=e.chart.data.labels[a];t.onBarClick(n,i)},onHover:(e,l)=>{t.onBarClick&&l.length&&(e.native.target.style.cursor="pointer")}},oe=Array.from(new Set(t.data.map((e=>e.label)))),te={labels:(ae=oe,ae.map((e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e))),datasets:J?[{data:[10,20,30,40,50,60,80,100,120],backgroundColor:"rgba(0,0,0,0)"}]:[]};var ae;v((()=>{const e=[];oe.forEach(((l,o)=>{const a=[],i=t.data.filter((e=>e.label===l));t.isFunnel||i.sort(((e,l)=>l.value-e.value)),i.forEach(((e,l)=>{const t=((e,l,o)=>K[e].slice(-o)[l])(o,l,i.length);a.push({color:t,label:e.stackLabel});const n=Object.assign({label:e.stackLabel,backgroundColor:t,data:Array(oe.length).fill(0)},ee);n.data[o]=e.value,te.datasets.push(n)})),e.push(a)})),$(e),G(te)}),[t.data]);const ie=u((()=>e("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px"}},{children:ne().map((o=>l("div",Object.assign({className:"legend__row"},{children:[e("div",{className:"legend__palette",style:{backgroundColor:o.color}}),e(p,Object.assign({color:h.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))}))),[U]),ne=()=>{const e=[];return U.forEach(((l,o)=>{e.push({color:l[0].color,label:oe[o]})})),e};if(!q)return e(o,{});return l(f,Object.assign({style:null!==(B=t.wrapperStyle)&&void 0!==B?B:{},padding:t.outerPadding,chartWrapperHeight:t.chartWrapperHeight,isFunnel:t.isFunnel},{children:[t.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(b,Object.assign({color:null!==(M=t.chartHeading.color)&&void 0!==M?M:h.content.secondary},{children:t.chartHeading.heading}))})),l("div",Object.assign({className:"graph__wrapper"},{children:[(null===(P=t.showLegend)||void 0===P||P)&&t.isFunnel&&ie(),e("div",Object.assign({style:{height:null!==(W=t.graphCanvasHeight)&&void 0!==W?W:500,width:null!==(V=t.graphCanvasWidth)&&void 0!==V?V:"100%",flex:1}},{children:e(g,{options:le,data:q})})),(null===(Y=t.showLegend)||void 0===Y||Y)&&!t.isFunnel&&e("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"column"}},{children:U.map(((o,t)=>e("div",Object.assign({className:"legend__set"},{children:o.map((o=>l("div",Object.assign({className:"legend__row"},{children:[e("div",{className:"legend__palette",style:{backgroundColor:o.color}}),e(p,Object.assign({color:h.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))}),`Legend_set_${t}`)))}))]}))]}))};export{y as StackedBarDistributionChart};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.d.ts

@@ -1,4 +1,2 @@
 export declare function calculatePercentage(a: number, b: number, c: number): number[];
 export declare const truncateValueToK: (value: number) => string;
-export declare const truncateValueTo10K: (value: number) => string;
-export declare const roundNumber: (value: number, noOfDigits?: number) => number;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js

@@ -1 +1 @@
-function t(t,r,n){const e=t+r+n;return[t/e*100||0,r/e*100||0,n/e*100||0]}const r=t=>{if(Math.abs(t)<1e3)return e(t).toString();return e(t/1e3)+"K"},n=t=>{if(Math.abs(t)<1e4)return e(t).toString();return e(Number(t)/1e3)+"K"},e=function(t){const r=10*(arguments.length>1&&void 0!==arguments[1]?arguments[1]:2);return Math.round((t+Number.EPSILON)*r)/r};export{t as calculatePercentage,e as roundNumber,n as truncateValueTo10K,r as truncateValueToK};
+function t(t,n,o){const r=t+n+o;return[t/r*100||0,n/r*100||0,o/r*100||0]}const n=t=>t<1e3?t.toString():(t/1e3).toString().substring(0,4)+"k";export{t as calculatePercentage,n as truncateValueToK};

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/carousel-preview/CarouselPreviewCard.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTemplateModalContext as a}from"../template-context-mapper/context/templateModalContext.js";import{TemplatePreview as p}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../curtain/CurtainHelper.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";const r=t.forwardRef((t=>{let{channel:r,currentTemplate:i,showSampleValues:l,carouselCardIndex:s,isPreview:o,width:m}=t;var n,d,c;const{cardWidth:h,template:v}=a(),w=(null!==(c=null===(d=null===(n=null==v?void 0:v.components)||void 0===n?void 0:n[1].cards)||void 0===d?void 0:d.length)&&void 0!==c?c:0)-1===s?12:0;return e("div",Object.assign({style:{width:m||h}},{children:e(p,{showSampleValues:l,template:i,channel:r,size:"small",hideHeader:!0,carouselCardIndex:s,isWhatsappCarousel:!0,isPreview:o,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:w}}})}))}));export{r as default};
+import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTemplateModalContext as a}from"../template-context-mapper/context/templateModalContext.js";import{TemplatePreview as p}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../curtain/CurtainHelper.js";import"../variable-picker-v3/model.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";const r=t.forwardRef((t=>{let{channel:r,currentTemplate:i,showSampleValues:l,carouselCardIndex:s,isPreview:o,width:m}=t;var n,d,c;const{cardWidth:v,template:h}=a(),w=(null!==(c=null===(d=null===(n=null==h?void 0:h.components)||void 0===n?void 0:n[1].cards)||void 0===d?void 0:d.length)&&void 0!==c?c:0)-1===s?12:0;return e("div",Object.assign({style:{width:m||v}},{children:e(p,{showSampleValues:l,template:i,channel:r,size:"small",hideHeader:!0,carouselCardIndex:s,isWhatsappCarousel:!0,isPreview:o,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:w}}})}))}));export{r as default};

package/dist/esm/components/list-item/ListItem.js

@@ -1 +1 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as n}from"./themes.js";import{BodySecondary as s,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{ListItem as c}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:g,leadingIcon:v,subText:y,listItem:b,borderBottom:j,customComponent:x,version:u}=r,h=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","version"]);return e(c,Object.assign({ref:m,id:d,variant:f,onClick:()=>p&&p(b),borderBottom:j,version:u},h,{children:x?e(i,{children:x}):o("div",Object.assign({style:{display:"flex",alignItems:"All"===b.value?"flex-start":"center",gap:8}},{children:[!!v&&v,o("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!b&&e(s,Object.assign({style:{fontSize:("2.0"===u?12:14)+"px",color:n(f)}},{children:b.label})),!!y&&e(l,Object.assign({style:{color:"inactive"===f?a.content.inactive:a.text.secondary}},{children:y}))]})),!!g&&e("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:g}))]}))}))}));m.displayName="ListItem";export{m as ListItem};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as n}from"./themes.js";import{BodySecondary as s,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{ListItem as c}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:g,leadingIcon:v,subText:y,listItem:b,borderBottom:j,customComponent:x,version:h}=r,u=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","version"]);return e(c,Object.assign({ref:m,id:d,variant:f,onClick:()=>p&&p(b),borderBottom:j,version:h},u,{children:x?e(i,{children:x}):o("div",Object.assign({style:{display:"flex",alignItems:"All"===b.value?"flex-start":"center",gap:8,width:"100%"}},{children:[!!v&&v,o("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!b&&e(s,Object.assign({style:{fontSize:("2.0"===h?12:14)+"px",color:n(f)}},{children:b.label})),!!y&&e(l,Object.assign({style:{color:"inactive"===f?a.content.inactive:a.text.secondary}},{children:y}))]})),!!g&&e("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:g}))]}))}))}));m.displayName="ListItem";export{m as ListItem};

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

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i from"styled-components";import{Spinner as p}from"../../spinner/Spinner.js";import{TemplatePreview as a}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as o}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../template-preview/models/TemplateMeta.js";import"../../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as s}from"../../template-preview/models/Channels.js";const m=i.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i from"styled-components";import{Spinner as p}from"../../spinner/Spinner.js";import{TemplatePreview as a}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as o}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import"../../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as m}from"../../template-preview/models/Channels.js";const s=i.div`
 	background: ${o.surface.standard};
 	border: 1px solid ${o.stroke.primary};
 	border-radius: 8px;
@@ -17,4 +17,4 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i
 	height: 6px;
 	background: #d9d9d9;
 	border-radius: 3px;
-`,n=r.forwardRef(((r,i)=>{let{display_content:o,showSampleValues:n}=r;return e(m,Object.assign({ref:i},{children:[e(l,{children:[t(d,{}),t(d,{}),t(d,{})]}),t("div",{children:o?t(a,{showSampleValues:n,channel:s.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:o,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{width:584,height:441},templateContainerStyles:{height:"100%"}}}):t("div",Object.assign({style:{padding:20}},{children:t(p,{size:"small"})}))})]}))}));n.displayName="DesktopPreview";export{n as default};
+`,n=r.forwardRef(((r,i)=>{let{display_content:o,showSampleValues:n}=r;return e(s,Object.assign({ref:i},{children:[e(l,{children:[t(d,{}),t(d,{}),t(d,{})]}),t("div",{children:o?t(a,{showSampleValues:n,channel:m.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:o,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{width:584,height:441},templateContainerStyles:{height:"100%"}}}):t("div",Object.assign({style:{padding:20}},{children:t(p,{size:"small"})}))})]}))}));n.displayName="DesktopPreview";export{n as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Button as a}from"../../button/Button.js";import{InputWithVariables as i}from"../../input-with-vars/InputWithVariables.js";import{StyledModal as o}from"../../modals/styledModal.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import{HEADER_TYPES as s}from"../../template-preview/models/TemplateMeta.js";import{POD as l}from"../../template-preview/models/WhatsAppTemplate.js";import{TitleMedium as n,BodySecondary as d,BodyRegular as p,BodyCaption as m}from"../../TypographyStyle.js";import c from"../../../assets/icons/file.svg.js";import h from"../../../assets/icons/filePdf.svg.js";import g from"../../../assets/icons/image.svg.js";import u from"../../../assets/icons/upload.svg.js";import{useTemplateModalContext as b}from"../context/templateModalContext.js";const f=f=>{let{setOpenEditMedia:j,mediaComponentFormat:v,variableListForImage:y,openEditMedia:x,uploadMedia:M}=f;const{pod:w}=b();return e(o,Object.assign({open:x,zIndex:2e3,onClose:()=>j(!1),width:"440px"},{children:t("div",Object.assign({style:{padding:24,borderRadius:4}},{children:[e(n,Object.assign({style:{marginBottom:16}},{children:"Update media"})),t("div",Object.assign({style:{padding:24,border:`1px dashed ${r.colorsV2.stroke.primary}`,backgroundColor:r.colorsV2.surface.subdued}},{children:[t("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[e("div",Object.assign({style:{height:80,width:80,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:r.colorsV2.background.base}},{children:v===s.IMAGE?e(g,{width:40,height:40}):v===s.VIDEO?e(c,{width:40,height:40}):e(h,{width:40,height:40})})),e(n,{children:v===s.IMAGE?"Upload an image":v===s.VIDEO?"Upload a video":"Upload a document"}),e(d,{children:v===s.IMAGE?"JPEG/ PNG format • Max 5MB":v===s.VIDEO?"MP4 format video • Max 16MB":"PDF format a document • Max 100MB"})]})),t("div",Object.assign({style:{marginBottom:16}},{children:[e(p,{children:"Media"}),e(i,{noMaxCharCheck:!0,allowMix:!1,onChange:()=>{},prevVariable:{actualValue:"",variableType:"string"},variablesList:y,showSideVariablePanel:!0,placeHolder:"Enter URL or add variable...",onBlur:(e,t)=>{t&&t.actualValue&&M(t.actualValue)},showAddButton:w!==l.CAMPAIGN||v===s.IMAGE})]})),t("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:4}},{children:[e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e(m,Object.assign({style:{flex:1}},{children:"Or upload media from device"})),e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e(a,{matchParentWidth:!0,buttonText:"Upload",buttonType:"secondary",LeadingIcon:u,onClick:()=>M()})}))]}))]}))}))};export{f as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Button as a}from"../../button/Button.js";import{InputWithVariables as i}from"../../input-with-vars/InputWithVariables.js";import{StyledModal as o}from"../../modals/styledModal.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import{HEADER_TYPES as s}from"../../template-preview/models/TemplateMeta.js";import{POD as l}from"../../template-preview/models/WhatsAppTemplate.js";import{TitleMedium as n,BodySecondary as d,BodyRegular as p,BodyCaption as m}from"../../TypographyStyle.js";import c from"../../../assets/icons/file.svg.js";import h from"../../../assets/icons/filePdf.svg.js";import g from"../../../assets/icons/image.svg.js";import u from"../../../assets/icons/upload.svg.js";import{useTemplateModalContext as b}from"../context/templateModalContext.js";const f=f=>{let{setOpenEditMedia:j,mediaComponentFormat:v,variableListForImage:y,openEditMedia:x,uploadMedia:M}=f;const{pod:w}=b();return e(o,Object.assign({open:x,zIndex:2e3,onClose:()=>j(!1),width:"440px"},{children:t("div",Object.assign({style:{padding:24,borderRadius:4}},{children:[e(n,Object.assign({style:{marginBottom:16}},{children:"Update media"})),t("div",Object.assign({style:{padding:24,border:`1px dashed ${r.colorsV2.stroke.primary}`,backgroundColor:r.colorsV2.surface.subdued}},{children:[t("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[e("div",Object.assign({style:{height:80,width:80,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:r.colorsV2.background.base}},{children:v===s.IMAGE?e(g,{width:40,height:40}):v===s.VIDEO?e(c,{width:40,height:40}):e(h,{width:40,height:40})})),e(n,{children:v===s.IMAGE?"Upload an image":v===s.VIDEO?"Upload a video":"Upload a document"}),e(d,{children:v===s.IMAGE?"JPEG/ PNG format • Max 5MB":v===s.VIDEO?"MP4 format video • Max 16MB":"PDF format a document • Max 100MB"})]})),t("div",Object.assign({style:{marginBottom:16}},{children:[e(p,{children:"Media"}),e(i,{noMaxCharCheck:!0,allowMix:!1,onChange:()=>{},prevVariable:{actualValue:"",variableType:"string"},variablesList:y,showSideVariablePanel:!0,placeHolder:"Enter URL or add variable...",onBlur:(e,t)=>{t&&t.actualValue&&M(t.actualValue)},showAddButton:w!==l.CAMPAIGN||v===s.IMAGE})]})),t("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:4}},{children:[e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e(m,Object.assign({style:{flex:1}},{children:"Or upload media from device"})),e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e(a,{matchParentWidth:!0,buttonText:"Upload",buttonType:"secondary",LeadingIcon:u,onClick:()=>M()})}))]}))]}))}))};export{f as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import i from"../../../assets/icons/arrow_back.svg.js";import l from"../../../assets/icons/PlusIcon.js";import{cloneDeep as r}from"lodash";import{useState as a,useEffect as n}from"react";import{AddVariableV2SideModal as d}from"../../add-variableV2/AddVariableV2SideModal.js";import"../../../_virtual/_tslib.js";import"../../add-variableV2/AddVariableV2.styled.js";import{Button as s}from"../../button/Button.js";import{IconButton as c}from"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../tooltips/Tooltip.js";import{COLORS as m}from"../../../constants/Theme.js";import"../../modals/modal.styled.js";import"../../switch/Switch.js";import{TitleMedium as p,TitleRegular as u,BodySecondary as h,BodyCaption as g}from"../../TypographyStyle.js";import{ProductPickerModal as v,ScreenName as f}from"../../product-picker-v2/modal.js";import{Badge as y}from"../Badge/index.js";import{useTemplateModalContext as b}from"../context/templateModalContext.js";import j from"./EditWhatsAppTemplateV2.js";import{ProductBox as x}from"./ProductBox.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../curtain/CurtainHelper.js";import"../../template-preview/models/TemplateMeta.js";import{POD as C}from"../../template-preview/models/WhatsAppTemplate.js";const I=I=>{let{template:w,whatsappSpecificPickerMeta:O,showVariableModal:P,variableList:T,variableListForImage:k,discountCode:S,setDiscountCode:L}=I;var V,A;const{selectedCarouselIndex:B,setTemplate:E,pickerConf:M,isProductCarouselType:F,pod:W,cardCount:D,carouselProducts:q,setCarouselProducts:R,isError:_,cardImages:$,disableEditVariable:z,onDeleteSelectedProducts:N,setSelectedCarouselIndex:G}=b(),[H,J]=a(-1==B?"First Message (Step 1/2)":F?"Product Carousel (Step 2/2)":"Carousel Cards (Step 2/2)"),[K,Q]=a(!1),[U,X]=a(!1),[Y,Z]=a(!1);n((()=>{J(-1==B?"First Message (Step 1/2)":F?"Product Carousel (Step 2/2)":"Carousel Cards (Step 2/2)")}),[B]);return e("div",{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",marginBottom:24}},{children:[null!=B&&B>=0&&t(c,{Icon:i,onClick:()=>{null==G||G(-1)}}),t(p,Object.assign({style:{marginLeft:10}},{children:H}))]})),F&&(null!==(V=null==q?void 0:q.length)&&void 0!==V?V:0)>0&&null!=B&&B>=0&&e("div",Object.assign({style:{display:"flex",rowGap:16,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[t(x,{editItem:()=>{1===(null==q?void 0:q.length)&&"variable"===q[0].name?Z(!0):Q(!K)},cardBody:1===(null==q?void 0:q.length)&&"variable"===q[0].name?`${q[0].productName}`:`${null==q?void 0:q.length} Products Selected`,hideIcon:1===(null==q?void 0:q.length)&&"variable"===q[0].name,deleteItem:()=>{var e;if(1===(null==q?void 0:q.length)&&"variable"===q[0].name)return void(null==R||R([]));const t=r(Object.assign({},w));t&&($&&$.length>0?null==$||$.forEach(((e,o)=>{var i;t.components[1].cards[o].components[0].example.header_handle=[null!==(i=$[o])&&void 0!==i?i:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==t?void 0:t.components[1].cards)||void 0===e||e.forEach(((e,o)=>{t.components[1].cards[o].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==E||E(t)),null==R||R([]),null==N||N()}}),q&&(null==q?void 0:q.length)>0&&"variable"!=q[0].name&&t(s,{disabled:(null!==(A=null==q?void 0:q.length)&&void 0!==A?A:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{X(!0),Q(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!z&&F&&0===(null==q?void 0:q.length)&&null!=B&&B>=0&&e(o,{children:[e("div",Object.assign({style:{marginLeft:12}},{children:[t(u,{children:"Product(s)"}),t(h,{children:`Select ${null!=D?D:1} products`})]})),e("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:_?16:12,marginRight:_?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[t(s,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:_?`2px dashed ${m.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>t("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:t(l,{width:18,height:18,color:m.content.secondary})})),onClick:e=>{Q(!0)}}),W===C.CHATBOT&&e(o,{children:[e("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[t("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),t(g,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),t("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),t(s,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:_?`2px dashed ${m.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>t("div",Object.assign({style:{display:"flex"}},{children:t(l,{width:18,height:18,color:m.content.secondary})})),onClick:e=>{Z(!0)}})]})]})),_&&t("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:t(y,{padding:"8px",errorText:"Please add products"})}))]}),t(j,{whatsappSpecificPickerMeta:O,template:w,onTemplateChange:e=>{null==E||E(e)},showVariableModal:P,variableList:T,variableListForImage:k,discountCode:S,setDiscountCode:L}),K&&M&&t(v,{zIndex:200,startupScreen:U?f.RearrangeProducts:f.Collections,rearrangeEnabled:!0,storeId:M.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const o of e){const e=null==o?void 0:o.collectionId,i=o.productId,l=o.variantId;e in t||(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),i in t[e].products||(t[e].products[i]={variants:{},name:(null==o?void 0:o.productName)||"",image:(null==o?void 0:o.productImage)||""}),t[e].products[i].variants[l]={name:(null==o?void 0:o.name)||"",price:"",image:(null==o?void 0:o.image)||"",quantity:o.quantity||0,displayOrder:o.displayOrder}}return t}return{}})(null!=q?q:[]),collectionFetcher:M.fetchCollections,productFetcher:M.fetchProducts,onAdd:(e,t)=>{var o,i,l,a,n,d;X(!1);const s=[];delete e.isCustom;for(const t of Object.keys(e)){const r=e[t].products;if(void 0!==r&&Object.keys(r).length)for(const e of Object.keys(r)){const c=r[e].variants;if(void 0!==c&&Object.keys(c).length)for(const m of Object.keys(c)){const{name:p,image:u,quantity:h,displayOrder:g}=c[m],v={name:p,image:null!==(i=null!=u?u:null===(o=r[e])||void 0===o?void 0:o.image)&&void 0!==i?i:"",quantity:h,variantId:m,productId:e,displayOrder:g,collectionId:t,productName:null!==(a=null===(l=r[e])||void 0===l?void 0:l.name)&&void 0!==a?a:"",productImage:null!==(d=null===(n=r[e])||void 0===n?void 0:n.image)&&void 0!==d?d:""};s.push(v)}}}const c=s.sort(((e,t)=>e.displayOrder-t.displayOrder)),m=s.map((e=>e.image)),p=r(Object.assign({},w));p&&(m.forEach(((e,t)=>{var o;p.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(o=null==$?void 0:$[t])&&void 0!==o?o:""]})),null==E||E(p)),null==R||R(c),Q(!1)},searchInCollectionFetcher:M.searchInCollection,searchFetcher:M.searchProducts,visible:K,onClose:()=>{Q(!1)},exactLimit:null!=D?D:1}),Y&&t(d,{zIndex:2e3,data:null!=T?T:[],showVariable:Y,setShowVariable:Z,placeholder:"Add a variable",customTrigger:e=>{null==R||R([{name:"variable",productName:e.actualValue}])}})]})};export{I as default};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import i from"../../../assets/icons/arrow_back.svg.js";import l from"../../../assets/icons/PlusIcon.js";import{cloneDeep as r}from"lodash";import{useState as a,useEffect as n}from"react";import{AddVariableV2SideModal as d}from"../../add-variableV2/AddVariableV2SideModal.js";import"../../../_virtual/_tslib.js";import"../../add-variableV2/AddVariableV2.styled.js";import{Button as s}from"../../button/Button.js";import{IconButton as c}from"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../tooltips/Tooltip.js";import{COLORS as m}from"../../../constants/Theme.js";import"../../modals/modal.styled.js";import"../../switch/Switch.js";import{TitleMedium as p,TitleRegular as u,BodySecondary as h,BodyCaption as g}from"../../TypographyStyle.js";import{ProductPickerModal as v,ScreenName as f}from"../../product-picker-v2/modal.js";import{Badge as b}from"../Badge/index.js";import{useTemplateModalContext as y}from"../context/templateModalContext.js";import j from"./EditWhatsAppTemplateV2.js";import{ProductBox as x}from"./ProductBox.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import{POD as C}from"../../template-preview/models/WhatsAppTemplate.js";const I=I=>{let{template:w,whatsappSpecificPickerMeta:O,showVariableModal:P,variableList:T,variableListForImage:k,discountCode:S,setDiscountCode:L}=I;var V,A;const{selectedCarouselIndex:B,setTemplate:E,pickerConf:M,isProductCarouselType:F,pod:W,cardCount:D,carouselProducts:q,setCarouselProducts:R,isError:_,cardImages:$,disableEditVariable:z,onDeleteSelectedProducts:N,setSelectedCarouselIndex:G}=y(),[H,J]=a(-1==B?"First Message (Step 1/2)":F?"Product Carousel (Step 2/2)":"Carousel Cards (Step 2/2)"),[K,Q]=a(!1),[U,X]=a(!1),[Y,Z]=a(!1);n((()=>{J(-1==B?"First Message (Step 1/2)":F?"Product Carousel (Step 2/2)":"Carousel Cards (Step 2/2)")}),[B]);return e("div",{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",marginBottom:24}},{children:[null!=B&&B>=0&&t(c,{Icon:i,onClick:()=>{null==G||G(-1)}}),t(p,Object.assign({style:{marginLeft:10}},{children:H}))]})),F&&(null!==(V=null==q?void 0:q.length)&&void 0!==V?V:0)>0&&null!=B&&B>=0&&e("div",Object.assign({style:{display:"flex",rowGap:16,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[t(x,{editItem:()=>{1===(null==q?void 0:q.length)&&"variable"===q[0].name?Z(!0):Q(!K)},cardBody:1===(null==q?void 0:q.length)&&"variable"===q[0].name?`${q[0].productName}`:`${null==q?void 0:q.length} Products Selected`,hideIcon:1===(null==q?void 0:q.length)&&"variable"===q[0].name,deleteItem:()=>{var e;if(1===(null==q?void 0:q.length)&&"variable"===q[0].name)return void(null==R||R([]));const t=r(Object.assign({},w));t&&($&&$.length>0?null==$||$.forEach(((e,o)=>{var i;t.components[1].cards[o].components[0].example.header_handle=[null!==(i=$[o])&&void 0!==i?i:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==t?void 0:t.components[1].cards)||void 0===e||e.forEach(((e,o)=>{t.components[1].cards[o].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==E||E(t)),null==R||R([]),null==N||N()}}),q&&(null==q?void 0:q.length)>0&&"variable"!=q[0].name&&t(s,{disabled:(null!==(A=null==q?void 0:q.length)&&void 0!==A?A:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{X(!0),Q(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!z&&F&&0===(null==q?void 0:q.length)&&null!=B&&B>=0&&e(o,{children:[e("div",Object.assign({style:{marginLeft:12}},{children:[t(u,{children:"Product(s)"}),t(h,{children:`Select ${null!=D?D:1} products`})]})),e("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:_?16:12,marginRight:_?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[t(s,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:_?`2px dashed ${m.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>t("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:t(l,{width:18,height:18,color:m.content.secondary})})),onClick:e=>{Q(!0)}}),W===C.CHATBOT&&e(o,{children:[e("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[t("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),t(g,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),t("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),t(s,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:_?`2px dashed ${m.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>t("div",Object.assign({style:{display:"flex"}},{children:t(l,{width:18,height:18,color:m.content.secondary})})),onClick:e=>{Z(!0)}})]})]})),_&&t("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:t(b,{padding:"8px",errorText:"Please add products"})}))]}),t(j,{whatsappSpecificPickerMeta:O,template:w,onTemplateChange:e=>{null==E||E(e)},showVariableModal:P,variableList:T,variableListForImage:k,discountCode:S,setDiscountCode:L}),K&&M&&t(v,{zIndex:200,startupScreen:U?f.RearrangeProducts:f.Collections,rearrangeEnabled:!0,storeId:M.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const o of e){const e=null==o?void 0:o.collectionId,i=o.productId,l=o.variantId;e in t||(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),i in t[e].products||(t[e].products[i]={variants:{},name:(null==o?void 0:o.productName)||"",image:(null==o?void 0:o.productImage)||""}),t[e].products[i].variants[l]={name:(null==o?void 0:o.name)||"",price:"",image:(null==o?void 0:o.image)||"",quantity:o.quantity||0,displayOrder:o.displayOrder}}return t}return{}})(null!=q?q:[]),collectionFetcher:M.fetchCollections,productFetcher:M.fetchProducts,onAdd:(e,t)=>{var o,i,l,a,n,d;X(!1);const s=[];delete e.isCustom;for(const t of Object.keys(e)){const r=e[t].products;if(void 0!==r&&Object.keys(r).length)for(const e of Object.keys(r)){const c=r[e].variants;if(void 0!==c&&Object.keys(c).length)for(const m of Object.keys(c)){const{name:p,image:u,quantity:h,displayOrder:g}=c[m],v={name:p,image:null!==(i=null!=u?u:null===(o=r[e])||void 0===o?void 0:o.image)&&void 0!==i?i:"",quantity:h,variantId:m,productId:e,displayOrder:g,collectionId:t,productName:null!==(a=null===(l=r[e])||void 0===l?void 0:l.name)&&void 0!==a?a:"",productImage:null!==(d=null===(n=r[e])||void 0===n?void 0:n.image)&&void 0!==d?d:""};s.push(v)}}}const c=s.sort(((e,t)=>e.displayOrder-t.displayOrder)),m=s.map((e=>e.image)),p=r(Object.assign({},w));p&&(m.forEach(((e,t)=>{var o;p.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(o=null==$?void 0:$[t])&&void 0!==o?o:""]})),null==E||E(p)),null==R||R(c),Q(!1)},searchInCollectionFetcher:M.searchInCollection,searchFetcher:M.searchProducts,visible:K,onClose:()=>{Q(!1)},exactLimit:null!=D?D:1}),Y&&t(d,{zIndex:2e3,data:null!=T?T:[],showVariable:Y,setShowVariable:Z,placeholder:"Add a variable",customTrigger:e=>{null==R||R([{name:"variable",productName:e.actualValue}])}})]})};export{I as default};