@bikdotai/bik-component-library 0.0.566-webpush-beta0.7 → 0.0.566

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  2. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  3. package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  4. package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  5. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  6. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
  7. package/dist/cjs/components/carousel-preview/CarouselPreview.d.ts +5 -2
  8. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts +7 -7
  9. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
  10. package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +13 -11
  11. package/dist/cjs/components/template-context-mapper/modalElements/Body.js +10 -10
  12. package/dist/cjs/components/template-context-mapper/modalElements/EditMediaModal.d.ts +0 -1
  13. package/dist/cjs/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
  14. package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.d.ts +5 -2
  15. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.d.ts +1 -2
  16. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +3 -3
  17. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +3 -4
  18. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
  19. package/dist/cjs/components/template-context-mapper/utils/getDataFromTemplateComponent.d.ts +0 -11
  20. package/dist/cjs/components/template-context-mapper/utils/getDataFromTemplateComponent.js +1 -1
  21. package/dist/cjs/components/template-preview/TemplatePreview.d.ts +6 -8
  22. package/dist/cjs/components/template-preview/TemplatePreview.js +1 -1
  23. package/dist/cjs/index.js +1 -1
  24. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  25. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  26. package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  27. package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  28. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  29. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  30. package/dist/esm/components/carousel-preview/CarouselPreview.d.ts +5 -2
  31. package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +7 -7
  32. package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
  33. package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +13 -11
  34. package/dist/esm/components/template-context-mapper/modalElements/Body.js +6 -6
  35. package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.d.ts +0 -1
  36. package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
  37. package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.d.ts +5 -2
  38. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.d.ts +1 -2
  39. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +3 -3
  40. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +3 -4
  41. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
  42. package/dist/esm/components/template-context-mapper/utils/getDataFromTemplateComponent.d.ts +0 -11
  43. package/dist/esm/components/template-context-mapper/utils/getDataFromTemplateComponent.js +1 -1
  44. package/dist/esm/components/template-preview/TemplatePreview.d.ts +6 -8
  45. package/dist/esm/components/template-preview/TemplatePreview.js +1 -1
  46. package/dist/esm/index.js +1 -1
  47. package/package.json +1 -1
  48. package/dist/cjs/components/template-context-mapper/modalElements/EditWebpushTemplate.d.ts +0 -12
  49. package/dist/cjs/components/template-context-mapper/modalElements/EditWebpushTemplate.js +0 -1
  50. package/dist/cjs/components/template-preview/models/WebpushTemplate.d.ts +0 -56
  51. package/dist/cjs/components/template-preview/models/WebpushTemplate.js +0 -1
  52. package/dist/cjs/components/template-preview/models/types.d.ts +0 -9
  53. package/dist/cjs/components/template-preview/webpush/WebpushPreview.d.ts +0 -7
  54. package/dist/cjs/components/template-preview/webpush/WebpushPreview.js +0 -1
  55. package/dist/cjs/components/template-preview/webpush/WebpushPreview.styled.d.ts +0 -1
  56. package/dist/cjs/components/template-preview/webpush/WebpushPreview.styled.js +0 -70
  57. package/dist/esm/components/template-context-mapper/modalElements/EditWebpushTemplate.d.ts +0 -12
  58. package/dist/esm/components/template-context-mapper/modalElements/EditWebpushTemplate.js +0 -1
  59. package/dist/esm/components/template-preview/models/WebpushTemplate.d.ts +0 -56
  60. package/dist/esm/components/template-preview/models/WebpushTemplate.js +0 -1
  61. package/dist/esm/components/template-preview/models/types.d.ts +0 -9
  62. package/dist/esm/components/template-preview/webpush/WebpushPreview.d.ts +0 -7
  63. package/dist/esm/components/template-preview/webpush/WebpushPreview.js +0 -1
  64. package/dist/esm/components/template-preview/webpush/WebpushPreview.styled.d.ts +0 -1
  65. package/dist/esm/components/template-preview/webpush/WebpushPreview.styled.js +0 -70
@@ -1,4 +1,3 @@
1
- import { WebpushTemplateType, WebpushTemplateVariables } from "../../template-preview/models/WebpushTemplate";
2
1
  import { WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
3
2
  type ComponentType = WhatsAppTemplate['components'][0];
4
3
  export declare const getAllDataFromTemplateComponent: (template: WhatsAppTemplate) => {
@@ -19,14 +18,4 @@ export declare const getAllDataFromTemplateComponent: (template: WhatsAppTemplat
19
18
  bodyVariables: string[];
20
19
  headerVariables: string[];
21
20
  };
22
- export declare const getAllDataFromWebpushTemplateComponent: (template: WebpushTemplateType, templateVariables: WebpushTemplateVariables) => {
23
- bodyVariables: string[] | undefined;
24
- titleVariables: string[] | undefined;
25
- iconImage: string[] | undefined;
26
- bannerImage: string[] | undefined;
27
- descriptionComponents: {
28
- type: string;
29
- component: any;
30
- }[];
31
- };
32
21
  export {};
@@ -1 +1 @@
1
- const o=o=>{var e,n;const t=[],i=[],l=[],p=[],a=[];let s=null;return o.components.forEach(((o,e)=>{var n,p,a,d,r,u;if("BODY"===o.type&&o.text&&t.push({component:o,i:e,type:"BODY"}),"HEADER"===o.type&&"NONE"!==o.format&&"TEXT"!==o.format&&(null===(p=null===(n=o.example)||void 0===n?void 0:n.header_handle)||void 0===p?void 0:p[0])&&(s=o),"HEADER"===o.type&&"TEXT"===o.format&&t.push({component:o,i:e,type:"HEADER"}),"BUTTONS"===o.type){const n=null===(d=null===(a=o.buttons)||void 0===a?void 0:a.filter)||void 0===d?void 0:d.call(a,(o=>"URL"===o.type));i.push({component:Object.assign(Object.assign({},o),{buttons:n}),i:e});const t=null===(u=null===(r=o.buttons)||void 0===r?void 0:r.filter)||void 0===u?void 0:u.call(r,(o=>"QUICK_REPLY"===o.type));l.push({component:Object.assign(Object.assign({},o),{buttons:t}),i:e})}"limited_time_offer"===o.type&&t.push({component:o,i:e,type:"limited_time_offer"})})),o.mapping&&(null===(e=o.mapping.body)||void 0===e||e.forEach((o=>{p.push(o)}))),o.mapping&&(null===(n=o.mapping.header)||void 0===n||n.forEach((o=>{a.push(o)}))),{imageComponent:s,descriptionComponents:t,urlBtns:i,qrbBtns:l,bodyVariables:p,headerVariables:a}},e=(o,e)=>{var n,t,i,l;const p=null==o?void 0:o.webpushBroadcastConfig;return{bodyVariables:null===(n=null==p?void 0:p.body)||void 0===n?void 0:n.map((o=>o)),titleVariables:null===(t=null==p?void 0:p.title)||void 0===t?void 0:t.map((o=>o)),iconImage:null===(i=null==p?void 0:p.icon)||void 0===i?void 0:i.map((o=>o)),bannerImage:null===(l=null==p?void 0:p.image)||void 0===l?void 0:l.map((o=>o)),descriptionComponents:Object.keys(e).map((o=>({type:o.toUpperCase(),component:Object.assign(Object.assign({},e[o]),{type:o.toUpperCase()})})))}};export{o as getAllDataFromTemplateComponent,e as getAllDataFromWebpushTemplateComponent};
1
+ const t=t=>{var o,e;const n=[],i=[],p=[],l=[],s=[];let a=null;return t.components.forEach(((t,o)=>{var e,l,s,d,r,u;if("BODY"===t.type&&t.text&&n.push({component:t,i:o,type:"BODY"}),"HEADER"===t.type&&"NONE"!==t.format&&"TEXT"!==t.format&&(null===(l=null===(e=t.example)||void 0===e?void 0:e.header_handle)||void 0===l?void 0:l[0])&&(a=t),"HEADER"===t.type&&"TEXT"===t.format&&n.push({component:t,i:o,type:"HEADER"}),"BUTTONS"===t.type){const e=null===(d=null===(s=t.buttons)||void 0===s?void 0:s.filter)||void 0===d?void 0:d.call(s,(t=>"URL"===t.type));i.push({component:Object.assign(Object.assign({},t),{buttons:e}),i:o});const n=null===(u=null===(r=t.buttons)||void 0===r?void 0:r.filter)||void 0===u?void 0:u.call(r,(t=>"QUICK_REPLY"===t.type));p.push({component:Object.assign(Object.assign({},t),{buttons:n}),i:o})}"limited_time_offer"===t.type&&n.push({component:t,i:o,type:"limited_time_offer"})})),t.mapping&&(null===(o=t.mapping.body)||void 0===o||o.forEach((t=>{l.push(t)}))),t.mapping&&(null===(e=t.mapping.header)||void 0===e||e.forEach((t=>{s.push(t)}))),{imageComponent:a,descriptionComponents:n,urlBtns:i,qrbBtns:p,bodyVariables:l,headerVariables:s}};export{t as getAllDataFromTemplateComponent};
@@ -1,12 +1,11 @@
1
1
  import React from 'react';
2
+ import { WhatsAppCarouselTemplate } from "./models/WhatsappCarouselTemplate";
2
3
  import { CHANNEL_TYPE } from './models/Channels';
3
- import { EmailMeta } from './models/EmailTemplate';
4
- import { SMSMeta } from './models/SmsTemplate';
5
- import { AllTemplateTypes } from './models/types';
6
- import { WebpushMetaType } from './models/WebpushTemplate';
7
- import { WhatsappMeta } from './models/WhatsAppTemplate';
4
+ import { EmailMeta, EmailTemplateType } from './models/EmailTemplate';
5
+ import { SMSMeta, SMSTemplateType } from './models/SmsTemplate';
6
+ import { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';
8
7
  export interface TemplatePreviewProps {
9
- template?: AllTemplateTypes;
8
+ template?: WhatsAppTemplate | SMSTemplateType | EmailTemplateType | WhatsAppCarouselTemplate;
10
9
  channel: CHANNEL_TYPE;
11
10
  onlyTemplateContent?: boolean;
12
11
  outsidePreview?: boolean;
@@ -22,6 +21,5 @@ export interface TemplatePreviewProps {
22
21
  isWhatsappCarousel?: boolean;
23
22
  isPreview?: boolean;
24
23
  applyBorderBottom?: boolean;
25
- webPushSpecificMeta?: WebpushMetaType;
26
24
  }
27
- export declare const TemplatePreview: ({ template, channel, whatsAppSpecificMeta, templateCreationsInfo, hideHeader, size, onlyTemplateContent, emailSpecificMeta, smsSpecificMeta, showSampleValues, carouselCardIndex, isWhatsappCarousel, isPreview, applyBorderBottom, webPushSpecificMeta }: TemplatePreviewProps) => import("react/jsx-runtime").JSX.Element;
25
+ export declare const TemplatePreview: ({ template, channel, whatsAppSpecificMeta, templateCreationsInfo, hideHeader, size, onlyTemplateContent, emailSpecificMeta, smsSpecificMeta, showSampleValues, carouselCardIndex, isWhatsappCarousel, isPreview, applyBorderBottom, }: TemplatePreviewProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import a from"../../utils/StringUtils.js";import{COLORS as o}from"../../constants/Theme.js";import{TitleRegular as n}from"../TypographyStyle.js";import r from"./EmailTemplateThumbnailPreview.js";import{CHANNEL_TYPE as s}from"./models/Channels.js";import d from"./SmsTemplatePreview.js";import p from"./webpush/WebpushPreview.js";import m from"./WhatsAppTemplatePreview.js";const u=u=>{let{template:v,channel:h,whatsAppSpecificMeta:b,templateCreationsInfo:y,hideHeader:S,size:g,onlyTemplateContent:C,emailSpecificMeta:j,smsSpecificMeta:f,showSampleValues:w,carouselCardIndex:T,isWhatsappCarousel:W,isPreview:x,applyBorderBottom:O,webPushSpecificMeta:P}=u;var H,A;const{setSelectedCarouselIndex:I}=i();return h===s.SMS?e("div",Object.assign({style:Object.assign({marginTop:y?16:0,border:y?`1px solid ${o.stroke.primary}`:"none",borderRadius:4},null==f?void 0:f.templateContainerStyles)},{children:e(d,{template:v,hideHeader:S,onlyTemplateContent:C,size:null!=g?g:"large",variableStore:null==f?void 0:f.smsVariableStore,display_content:null==f?void 0:f.smsDisplayContent,uniqueId:null==f?void 0:f.uniqueId})})):h===s.EMAIL?e("div",Object.assign({style:Object.assign({marginTop:y?16:0},null==j?void 0:j.templateContainerStyles)},{children:e(r,{template:v,handleViewTemplate:()=>{var e;null===(e=null==j?void 0:j.handleViewTemplate)||void 0===e||e.call(j)},hideHeader:S,hideViewButton:null==j?void 0:j.hideViewButtonForEmail,containerStyle:null==j?void 0:j.containerStyle,emailDisplayContent:null==j?void 0:j.emailDisplayContent,emailHtmlContainerId:null==j?void 0:j.emailHtmlContainerId,applyBorderBottom:O})})):h===s.WHATSAPP?t("div",Object.assign({style:Object.assign(Object.assign({},null==b?void 0:b.templateContainerStyles),y?c.WhatsAppWrapper:{}),onClick:()=>{var e,t;if(I&&W){if(-1===T&&!(null===(t=null===(e=null==v?void 0:v.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length))return;I(null!=T?T:-1)}}},{children:[y?e("div",Object.assign({style:{padding:16}},{children:e(n,{children:a.convertToTitleCase(null!==(H=null==v?void 0:v.label)&&void 0!==H?H:"")})})):e(l,{}),e(m,{showSampleValues:w,showHeader:null==b?void 0:b.showWhatsAppHeader,extras:null==b?void 0:b.whatsAppExtras,template:v,size:y?"small":null!=g?g:"large",containerStyle:Object.assign(Object.assign({borderWidth:y?0:1,borderTopWidth:1},null!==(A=null==b?void 0:b.containerStyle)&&void 0!==A?A:{}),{height:"100%"}),zeroStateComponent:null==b?void 0:b.zeroStateComponent,usePlaceHolderName:null==b?void 0:b.usePlaceHolderName,carouselCardIndex:T,isWhatsappCarousel:W,isPreview:x})]})):h==s.WEBPUSH?e("div",Object.assign({style:Object.assign({},null==P?void 0:P.containerStyle)},{children:e(p,{template:v})})):e(l,{})},c={WhatsAppWrapper:{backgroundColor:o.surface.standard,borderRadius:4,border:`1px solid ${o.background.inactive}`,marginTop:16}};export{u as TemplatePreview};
1
+ import{jsx as e,jsxs as l,Fragment as t}from"react/jsx-runtime";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import a from"../../utils/StringUtils.js";import{COLORS as o}from"../../constants/Theme.js";import{TitleRegular as n}from"../TypographyStyle.js";import r from"./EmailTemplateThumbnailPreview.js";import{CHANNEL_TYPE as s}from"./models/Channels.js";import d from"./SmsTemplatePreview.js";import p from"./WhatsAppTemplatePreview.js";const m=m=>{let{template:c,channel:v,whatsAppSpecificMeta:h,templateCreationsInfo:y,hideHeader:b,size:g,onlyTemplateContent:C,emailSpecificMeta:S,smsSpecificMeta:j,showSampleValues:T,carouselCardIndex:f,isWhatsappCarousel:w,isPreview:x,applyBorderBottom:W}=m;var H,O;const{setSelectedCarouselIndex:A}=i();return v===s.SMS?e("div",Object.assign({style:Object.assign({marginTop:y?16:0,border:y?`1px solid ${o.stroke.primary}`:"none",borderRadius:4},null==j?void 0:j.templateContainerStyles)},{children:e(d,{template:c,hideHeader:b,onlyTemplateContent:C,size:null!=g?g:"large",variableStore:null==j?void 0:j.smsVariableStore,display_content:null==j?void 0:j.smsDisplayContent,uniqueId:null==j?void 0:j.uniqueId})})):v===s.EMAIL?e("div",Object.assign({style:Object.assign({marginTop:y?16:0},null==S?void 0:S.templateContainerStyles)},{children:e(r,{template:c,handleViewTemplate:()=>{var e;null===(e=null==S?void 0:S.handleViewTemplate)||void 0===e||e.call(S)},hideHeader:b,hideViewButton:null==S?void 0:S.hideViewButtonForEmail,containerStyle:null==S?void 0:S.containerStyle,emailDisplayContent:null==S?void 0:S.emailDisplayContent,emailHtmlContainerId:null==S?void 0:S.emailHtmlContainerId,applyBorderBottom:W})})):v===s.WHATSAPP?l("div",Object.assign({style:Object.assign(Object.assign({},null==h?void 0:h.templateContainerStyles),y?u.WhatsAppWrapper:{}),onClick:()=>{var e,l;if(A&&w){if(-1===f&&!(null===(l=null===(e=null==c?void 0:c.mapping)||void 0===e?void 0:e.body)||void 0===l?void 0:l.length))return;A(null!=f?f:-1)}}},{children:[y?e("div",Object.assign({style:{padding:16}},{children:e(n,{children:a.convertToTitleCase(null!==(H=null==c?void 0:c.label)&&void 0!==H?H:"")})})):e(t,{}),e(p,{showSampleValues:T,showHeader:null==h?void 0:h.showWhatsAppHeader,extras:null==h?void 0:h.whatsAppExtras,template:c,size:y?"small":null!=g?g:"large",containerStyle:Object.assign(Object.assign({borderWidth:y?0:1,borderTopWidth:1},null!==(O=null==h?void 0:h.containerStyle)&&void 0!==O?O:{}),{height:"100%"}),zeroStateComponent:null==h?void 0:h.zeroStateComponent,usePlaceHolderName:null==h?void 0:h.usePlaceHolderName,carouselCardIndex:f,isWhatsappCarousel:w,isPreview:x})]})):e(t,{})},u={WhatsAppWrapper:{backgroundColor:o.surface.standard,borderRadius:4,border:`1px solid ${o.background.inactive}`,marginTop:16}};export{m as TemplatePreview};
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{AmplitudeEvent}from"./amplitude/index.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{PureSpinner,Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD}from"./components/template-preview/models/WhatsAppTemplate.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent,getAllDataFromWebpushTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{AiBodyCaption,AiBodyTiny,BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodySmall,BodyTiny,ButtonLarge,ButtonLargeAI,ButtonRegular,ButtonRegularAI,Caption,CaptionBold,Display,SmallRegular,SubHeading,TextPlaceholder,Tiny,TitleFour,TitleLarge,TitleMedium,TitleRegular,TitleSmall,TitleXlarge}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{ProgressBarType,ProgressBarV2,TextAlignment}from"./components/progress-bar-v2/ProgressBarV2.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{FunnelVerticalBarGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{calculatePercentage,roundNumber,truncateValueTo10K,truncateValueToK}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{DatePickerWrapper}from"./components/datePicker/DatePickerWrapper.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{CustomRightBorder,EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{PickerType}from"./components/variable-picker-v3/model.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{VariablePicker}from"./components/variable-picker-v3/VariablePicker.js";export{ActionButtons}from"./components/action-button/ActionButtons.js";export{ActivateBikAi}from"./components/ai-modals/ActivateBikAI.js";export{AiSyncProgress}from"./components/ai-modals/AiSyncProgress.js";export{AiCreditsExhausted}from"./components/ai-modals/AiCreditsExhausted.js";export{AiCreditsLow}from"./components/ai-modals/AiCreditsLow.js";export{CustomPortal}from"./components/input-with-vars/customPortal.js";
1
+ export{AmplitudeEvent}from"./amplitude/index.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{PureSpinner,Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD}from"./components/template-preview/models/WhatsAppTemplate.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{AiBodyCaption,AiBodyTiny,BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodySmall,BodyTiny,ButtonLarge,ButtonLargeAI,ButtonRegular,ButtonRegularAI,Caption,CaptionBold,Display,SmallRegular,SubHeading,TextPlaceholder,Tiny,TitleFour,TitleLarge,TitleMedium,TitleRegular,TitleSmall,TitleXlarge}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{ProgressBarType,ProgressBarV2,TextAlignment}from"./components/progress-bar-v2/ProgressBarV2.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{FunnelVerticalBarGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{calculatePercentage,roundNumber,truncateValueTo10K,truncateValueToK}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{DatePickerWrapper}from"./components/datePicker/DatePickerWrapper.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{CustomRightBorder,EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{PickerType}from"./components/variable-picker-v3/model.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{VariablePicker}from"./components/variable-picker-v3/VariablePicker.js";export{ActionButtons}from"./components/action-button/ActionButtons.js";export{ActivateBikAi}from"./components/ai-modals/ActivateBikAI.js";export{AiSyncProgress}from"./components/ai-modals/AiSyncProgress.js";export{AiCreditsExhausted}from"./components/ai-modals/AiCreditsExhausted.js";export{AiCreditsLow}from"./components/ai-modals/AiCreditsLow.js";export{CustomPortal}from"./components/input-with-vars/customPortal.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.566-webpush-beta0.7",
3
+ "version": "0.0.566",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,12 +0,0 @@
1
- import { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
2
- import { WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
3
- import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
4
- export interface EditWhatsAppTemplateV2Props {
5
- whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
6
- template: WebpushTemplateType;
7
- onTemplateChange?: (template: WebpushTemplateType) => void;
8
- showVariableModal?: boolean;
9
- variableListForImage?: VariableListInterfaceV2[];
10
- }
11
- declare const EditWebpushTemplate: ({ template, onTemplateChange, whatsappSpecificPickerMeta, showVariableModal, variableListForImage, }: EditWhatsAppTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
12
- export default EditWebpushTemplate;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("lodash"),t=require("react"),i=require("../../template-preview/models/TemplateMeta.js"),n=require("../context/templateModalContext.js"),l=require("../utils/getDataFromTemplateComponent.js"),o=require("./EditMediaModal.js"),d=require("./EditMediaV2.js"),s=require("./EditMediaV2.style.js"),r=require("./useEditWhtasappTemplateMedia.js"),p=require("./VariableConnectorsPanel.js"),u=require("./VariableConnectorWhatsApp.js"),m=require("./VariableEditorHeader.js"),c=require("./WhatsAppTemplateCardButtonV2.js");exports.default=h=>{let{template:g,onTemplateChange:b,whatsappSpecificPickerMeta:M,showVariableModal:E,variableListForImage:f}=h;var T,j,v;const{originalVariableList:C}=n.useTemplateModalContext(),{descriptionComponents:x,bodyVariables:I,titleVariables:y,iconImage:V,bannerImage:q}=l.getAllDataFromWebpushTemplateComponent(g,C),{uploadMediaLink:w,uploadMediaFiles:O,validateMimeType:A}=M,L=t.useRef(null),R=r.useEditWhatsappTemplateMedia({uploadMediaLink:w,uploadMediaFiles:O,updateTemplateImageUrl:e=>F(e,"icon"),validateMimeType:A,mediaComponent:V,fileRef:L}),D=r.useEditWhatsappTemplateMedia({uploadMediaLink:w,uploadMediaFiles:O,updateTemplateImageUrl:e=>F(e,"image"),validateMimeType:A,mediaComponent:q,fileRef:L});function F(e,a){let t=Object.assign({},g);"icon"===a?t.webpushBroadcastConfig.icon[0]=e:"image"===a&&(t.webpushBroadcastConfig.image[0]=e),null==b||b(Object.assign({},t))}function W(e,t,i){var n;const l=Object.assign({},g),o=a.cloneDeep(l),d="custom"===t&&"string"==typeof e,s=null===(n=null==o?void 0:o.webpushBroadcastConfig)||void 0===n?void 0:n.buttons;if(s&&s.length>0){s[i]=d?e:"string"!=typeof e?e.placeHolder:"";const a=Object.assign(Object.assign({},o.webpushBroadcastConfig),{buttons:s});o.webpushBroadcastConfig=a}null==b||b(o)}const B=R.openEditMedia?R:D.openEditMedia?D:null;return B?e.jsx(p.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsx(o.default,{mediaComponentFormat:i.HEADER_TYPES.IMAGE,uploadMedia:B.uploadMedia,variableListForImage:f||[],useEditWhatsappTemplateMediaResponse:B,setOpenEditMedia:B.setOpenEditMedia,openEditMedia:B.openEditMedia,editIconRef:B.editIconRef,fileRef:L,skipAddVariable:!0})})):e.jsxs(p.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"}},{children:[!!V&&V.length&&e.jsx(s.EditTemplateMediaContainer,{children:e.jsx(d.default,{imageName:V,handleImageChange:R.handleImageChange,mediaType:i.HEADER_TYPES.IMAGE,error:R.error,isLoading:R.loading,setOpenEditMedia:R.setOpenEditMedia})}),!!q&&q.length&&e.jsx(s.EditTemplateMediaContainer,{children:e.jsx(d.default,{imageName:q,handleImageChange:D.handleImageChange,mediaType:i.HEADER_TYPES.IMAGE,error:D.error,isLoading:D.loading,setOpenEditMedia:D.setOpenEditMedia})}),(null==I?void 0:I.length)||(null==y?void 0:y.length)?e.jsx(m.default,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,null==x?void 0:x.map(((a,t)=>e.jsx(u.default,{originalVariableList:C,type:a.type,descriptionComponent:a.component,showVariableModal:E},t))),(null===(j=null===(T=null==C?void 0:C.buttons)||void 0===T?void 0:T.filter((e=>"URL"===e.type)))||void 0===j?void 0:j.length)>0&&e.jsx(m.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(v=null==C?void 0:C.buttons)||void 0===v?void 0:v.map(((a,t)=>e.jsx(c.default,{variableListIndex:t,CTAoptions:null==M?void 0:M.CTAoptions,button:a,currentVariableList:C,updateSelectedURLTemplateBtn:W},`${t}`)))]}))};
@@ -1,56 +0,0 @@
1
- /// <reference types="react" />
2
- import { CHANNEL_TYPE } from './Channels';
3
- import { CUSTOM_VARIABLE } from './TemplateMeta';
4
- import { TEMPLATE_BUTTON, WhatsAppPickerMeta, WhatsAppTemplateVariables } from './WhatsAppTemplate';
5
- export type WebpushTemplateType = {
6
- name: string;
7
- label: string;
8
- templateId?: string;
9
- channel: CHANNEL_TYPE;
10
- templateCategory: string;
11
- category: string;
12
- mapping?: {
13
- title?: string[];
14
- body?: string[];
15
- buttons?: string[];
16
- icon?: string[];
17
- image?: string[];
18
- };
19
- templateVariables?: WebpushTemplateVariables;
20
- webpushBroadcastConfig?: {
21
- [k in WEB_PUSH_COMPONENT_TYPE]?: string[];
22
- };
23
- components: WebPushTemplateComponent;
24
- whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
25
- };
26
- export type WebpushMetaType = {
27
- containerStyle?: React.CSSProperties | undefined;
28
- };
29
- export declare enum WEB_PUSH_COMPONENT_TYPE {
30
- TITLE = "title",
31
- BODY = "body",
32
- ICON = "icon",
33
- IMAGE = "image",
34
- BUTTONS = "buttons"
35
- }
36
- export type WebpushComponentKeyType = {
37
- type: WEB_PUSH_COMPONENT_TYPE;
38
- };
39
- export type WebPushComponentType = {
40
- text: string;
41
- redirectionLink?: string;
42
- };
43
- export type WebPushTemplateComponent = {
44
- [WEB_PUSH_COMPONENT_TYPE.TITLE]: string;
45
- [WEB_PUSH_COMPONENT_TYPE.BODY]: WebPushComponentType;
46
- [WEB_PUSH_COMPONENT_TYPE.ICON]: string;
47
- [WEB_PUSH_COMPONENT_TYPE.IMAGE]: string;
48
- [WEB_PUSH_COMPONENT_TYPE.BUTTONS]: WebPushComponentType[];
49
- };
50
- export interface WebpushTemplateVariables extends WhatsAppTemplateVariables {
51
- title: CUSTOM_VARIABLE[];
52
- body: CUSTOM_VARIABLE[];
53
- buttons: TEMPLATE_BUTTON[];
54
- image?: CUSTOM_VARIABLE[];
55
- icon: CUSTOM_VARIABLE[];
56
- }
@@ -1 +0,0 @@
1
- "use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.WEB_PUSH_COMPONENT_TYPE=void 0,(e=exports.WEB_PUSH_COMPONENT_TYPE||(exports.WEB_PUSH_COMPONENT_TYPE={})).TITLE="title",e.BODY="body",e.ICON="icon",e.IMAGE="image",e.BUTTONS="buttons";
@@ -1,9 +0,0 @@
1
- import { EmailTemplateType } from './EmailTemplate';
2
- import { SMSTemplateType } from './SmsTemplate';
3
- import { CUSTOM_VARIABLE } from './TemplateMeta';
4
- import { WebpushTemplateType, WebpushTemplateVariables } from './WebpushTemplate';
5
- import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from './WhatsappCarouselTemplate';
6
- import { WhatsAppTemplate, WhatsAppTemplateVariables } from './WhatsAppTemplate';
7
- export type AllTemplateTypes = WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | WebpushTemplateType | null;
8
- export type NonNullTemplateTypes = NonNullable<AllTemplateTypes>;
9
- export type AllTemplateVariables = CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | WebpushTemplateVariables;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { WebpushTemplateType } from '../models/WebpushTemplate';
3
- interface WebpushPreviewProps {
4
- template: WebpushTemplateType;
5
- }
6
- declare const WebpushPreview: React.FC<WebpushPreviewProps>;
7
- export default WebpushPreview;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../models/WebpushTemplate.js"),i=require("./WebpushPreview.styled.js");exports.default=t=>{let{template:n}=t;var l,a,E,O,P,c;const{components:r,webpushBroadcastConfig:_}=n,o="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3",N=(e,s)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,((e,t)=>{const n=t.trim();if(s&&s.length&&i<s.length){const e=s[i];return i++,e}return`{{${n}}}`})):""},T=N(r[s.WEB_PUSH_COMPONENT_TYPE.TITLE],null==_?void 0:_.title),d=N(null!==(E=null!==(a=null===(l=r[s.WEB_PUSH_COMPONENT_TYPE.BODY])||void 0===l?void 0:l.text)&&void 0!==a?a:r[s.WEB_PUSH_COMPONENT_TYPE.BODY])&&void 0!==E?E:"",null==_?void 0:_.body);return e.jsxs(i.WebpushPreviewContainer,{children:[e.jsxs("div",Object.assign({className:"icon--header"},{children:[e.jsx("div",Object.assign({className:"icon-img-container"},{children:e.jsx("img",{src:(null===(O=null==_?void 0:_[s.WEB_PUSH_COMPONENT_TYPE.ICON])||void 0===O?void 0:O.length)?_[s.WEB_PUSH_COMPONENT_TYPE.ICON][0]:r[s.WEB_PUSH_COMPONENT_TYPE.ICON]||o,alt:"icon-image"})})),e.jsxs("div",Object.assign({className:"text--container"},{children:[e.jsx("div",{children:T}),e.jsx("div",Object.assign({style:{marginTop:3}},{children:d}))]}))]})),r[s.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&r[s.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",Object.assign({className:"banner-img-container"},{children:e.jsx("img",{src:(null===(P=null==_?void 0:_[s.WEB_PUSH_COMPONENT_TYPE.IMAGE])||void 0===P?void 0:P.length)?_[s.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:null!==(c=r[s.WEB_PUSH_COMPONENT_TYPE.IMAGE])&&void 0!==c?c:o,alt:"icon-image"})})),r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",Object.assign({className:"button-container "+(1===r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":"")},{children:r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map(((i,t)=>e.jsx("div",Object.assign({className:"each--btn",style:{flex:1===r[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"}},{children:e.jsx("div",Object.assign({className:"text-btn"},{children:i.text}))}),`webpush-buttons-${t}`)))}))]})};
@@ -1 +0,0 @@
1
- export declare const WebpushPreviewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,70 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=i(e).default.div`
2
- max-width: 345px;
3
- min-width: 242px;
4
- background-color: ${t.COLORS.content.primary};
5
- .icon--header {
6
- display: flex;
7
- flex-direction: row;
8
- justify-content: flex-start;
9
- align-items: flex-start;
10
- gap: 10px;
11
- padding: 10px;
12
- }
13
- .icon-img-container {
14
- border-radius: 4px;
15
- width: 48px;
16
- height: 48px;
17
- }
18
- .banner-img-container{
19
- padding : 8px 10px 8px 10px;
20
- height: 180px;
21
- }
22
- .text--container {
23
- max-width: 180px;
24
- color: #f0f0f0;
25
- font-family: Inter;
26
- font-size: 10.44px;
27
- font-weight: 400;
28
- line-height: 15.66px;
29
- text-align: left;
30
- }
31
- img {
32
- width: 100%;
33
- height: 100%;
34
- object-fit: cover;
35
- border-radius: 3px;
36
- }
37
- .button-container {
38
- display: flex;
39
- flex-direction: row;
40
- justify-content: space-between;
41
- align-items: center;
42
- padding: 10px;
43
- gap: 10px;
44
- }
45
- .each--btn {
46
- background-color: #444345;
47
- color: #f0f0f0;
48
- display: flex;
49
- flex-direction: row;
50
- justify-content: center;
51
- align-items: center;
52
- height: 26px;
53
- flex: 1;
54
- max-width: 100%;
55
- }
56
- .text-btn{
57
- font-family: Inter;
58
- font-size: 10.5px;
59
- font-weight: 500;
60
- line-height: 13.13px;
61
- text-align: center;
62
- white-space: nowrap;
63
- overflow: hidden;
64
- text-overflow: ellipsis;
65
- max-width:100px;
66
- }
67
- .single-button{
68
- justify-content: flex-end;
69
- }
70
- `;exports.WebpushPreviewContainer=n;
@@ -1,12 +0,0 @@
1
- import { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
2
- import { WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
3
- import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
4
- export interface EditWhatsAppTemplateV2Props {
5
- whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
6
- template: WebpushTemplateType;
7
- onTemplateChange?: (template: WebpushTemplateType) => void;
8
- showVariableModal?: boolean;
9
- variableListForImage?: VariableListInterfaceV2[];
10
- }
11
- declare const EditWebpushTemplate: ({ template, onTemplateChange, whatsappSpecificPickerMeta, showVariableModal, variableListForImage, }: EditWhatsAppTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
12
- export default EditWebpushTemplate;
@@ -1 +0,0 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cloneDeep as i}from"lodash";import{useRef as a}from"react";import{HEADER_TYPES as o}from"../../template-preview/models/TemplateMeta.js";import{useTemplateModalContext as n}from"../context/templateModalContext.js";import{getAllDataFromWebpushTemplateComponent as l}from"../utils/getDataFromTemplateComponent.js";import d from"./EditMediaModal.js";import r from"./EditMediaV2.js";import{EditTemplateMediaContainer as s}from"./EditMediaV2.style.js";import{useEditWhatsappTemplateMedia as p}from"./useEditWhtasappTemplateMedia.js";import{Container as m}from"./VariableConnectorsPanel.js";import u from"./VariableConnectorWhatsApp.js";import c from"./VariableEditorHeader.js";import g from"./WhatsAppTemplateCardButtonV2.js";const h=h=>{let{template:b,onTemplateChange:f,whatsappSpecificPickerMeta:M,showVariableModal:v,variableListForImage:T}=h;var C,E,j;const{originalVariableList:I}=n(),{descriptionComponents:x,bodyVariables:y,titleVariables:V,iconImage:w,bannerImage:L}=l(b,I),{uploadMediaLink:O,uploadMediaFiles:A,validateMimeType:R}=M,B=a(null),F=p({uploadMediaLink:O,uploadMediaFiles:A,updateTemplateImageUrl:e=>W(e,"icon"),validateMimeType:R,mediaComponent:w,fileRef:B}),k=p({uploadMediaLink:O,uploadMediaFiles:A,updateTemplateImageUrl:e=>W(e,"image"),validateMimeType:R,mediaComponent:L,fileRef:B});function W(e,t){let i=Object.assign({},b);"icon"===t?i.webpushBroadcastConfig.icon[0]=e:"image"===t&&(i.webpushBroadcastConfig.image[0]=e),null==f||f(Object.assign({},i))}function H(e,t,a){var o;const n=Object.assign({},b),l=i(n),d="custom"===t&&"string"==typeof e,r=null===(o=null==l?void 0:l.webpushBroadcastConfig)||void 0===o?void 0:o.buttons;if(r&&r.length>0){r[a]=d?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},l.webpushBroadcastConfig),{buttons:r});l.webpushBroadcastConfig=t}null==f||f(l)}const U=F.openEditMedia?F:k.openEditMedia?k:null;return U?e(m,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e(d,{mediaComponentFormat:o.IMAGE,uploadMedia:U.uploadMedia,variableListForImage:T||[],useEditWhatsappTemplateMediaResponse:U,setOpenEditMedia:U.setOpenEditMedia,openEditMedia:U.openEditMedia,editIconRef:U.editIconRef,fileRef:B,skipAddVariable:!0})})):t(m,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"}},{children:[!!w&&w.length&&e(s,{children:e(r,{imageName:w,handleImageChange:F.handleImageChange,mediaType:o.IMAGE,error:F.error,isLoading:F.loading,setOpenEditMedia:F.setOpenEditMedia})}),!!L&&L.length&&e(s,{children:e(r,{imageName:L,handleImageChange:k.handleImageChange,mediaType:o.IMAGE,error:k.error,isLoading:k.loading,setOpenEditMedia:k.setOpenEditMedia})}),(null==y?void 0:y.length)||(null==V?void 0:V.length)?e(c,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,null==x?void 0:x.map(((t,i)=>e(u,{originalVariableList:I,type:t.type,descriptionComponent:t.component,showVariableModal:v},i))),(null===(E=null===(C=null==I?void 0:I.buttons)||void 0===C?void 0:C.filter((e=>"URL"===e.type)))||void 0===E?void 0:E.length)>0&&e(c,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(j=null==I?void 0:I.buttons)||void 0===j?void 0:j.map(((t,i)=>e(g,{variableListIndex:i,CTAoptions:null==M?void 0:M.CTAoptions,button:t,currentVariableList:I,updateSelectedURLTemplateBtn:H},`${i}`)))]}))};export{h as default};
@@ -1,56 +0,0 @@
1
- /// <reference types="react" />
2
- import { CHANNEL_TYPE } from './Channels';
3
- import { CUSTOM_VARIABLE } from './TemplateMeta';
4
- import { TEMPLATE_BUTTON, WhatsAppPickerMeta, WhatsAppTemplateVariables } from './WhatsAppTemplate';
5
- export type WebpushTemplateType = {
6
- name: string;
7
- label: string;
8
- templateId?: string;
9
- channel: CHANNEL_TYPE;
10
- templateCategory: string;
11
- category: string;
12
- mapping?: {
13
- title?: string[];
14
- body?: string[];
15
- buttons?: string[];
16
- icon?: string[];
17
- image?: string[];
18
- };
19
- templateVariables?: WebpushTemplateVariables;
20
- webpushBroadcastConfig?: {
21
- [k in WEB_PUSH_COMPONENT_TYPE]?: string[];
22
- };
23
- components: WebPushTemplateComponent;
24
- whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
25
- };
26
- export type WebpushMetaType = {
27
- containerStyle?: React.CSSProperties | undefined;
28
- };
29
- export declare enum WEB_PUSH_COMPONENT_TYPE {
30
- TITLE = "title",
31
- BODY = "body",
32
- ICON = "icon",
33
- IMAGE = "image",
34
- BUTTONS = "buttons"
35
- }
36
- export type WebpushComponentKeyType = {
37
- type: WEB_PUSH_COMPONENT_TYPE;
38
- };
39
- export type WebPushComponentType = {
40
- text: string;
41
- redirectionLink?: string;
42
- };
43
- export type WebPushTemplateComponent = {
44
- [WEB_PUSH_COMPONENT_TYPE.TITLE]: string;
45
- [WEB_PUSH_COMPONENT_TYPE.BODY]: WebPushComponentType;
46
- [WEB_PUSH_COMPONENT_TYPE.ICON]: string;
47
- [WEB_PUSH_COMPONENT_TYPE.IMAGE]: string;
48
- [WEB_PUSH_COMPONENT_TYPE.BUTTONS]: WebPushComponentType[];
49
- };
50
- export interface WebpushTemplateVariables extends WhatsAppTemplateVariables {
51
- title: CUSTOM_VARIABLE[];
52
- body: CUSTOM_VARIABLE[];
53
- buttons: TEMPLATE_BUTTON[];
54
- image?: CUSTOM_VARIABLE[];
55
- icon: CUSTOM_VARIABLE[];
56
- }
@@ -1 +0,0 @@
1
- var t;!function(t){t.TITLE="title",t.BODY="body",t.ICON="icon",t.IMAGE="image",t.BUTTONS="buttons"}(t||(t={}));export{t as WEB_PUSH_COMPONENT_TYPE};
@@ -1,9 +0,0 @@
1
- import { EmailTemplateType } from './EmailTemplate';
2
- import { SMSTemplateType } from './SmsTemplate';
3
- import { CUSTOM_VARIABLE } from './TemplateMeta';
4
- import { WebpushTemplateType, WebpushTemplateVariables } from './WebpushTemplate';
5
- import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from './WhatsappCarouselTemplate';
6
- import { WhatsAppTemplate, WhatsAppTemplateVariables } from './WhatsAppTemplate';
7
- export type AllTemplateTypes = WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | WebpushTemplateType | null;
8
- export type NonNullTemplateTypes = NonNullable<AllTemplateTypes>;
9
- export type AllTemplateVariables = CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | WebpushTemplateVariables;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { WebpushTemplateType } from '../models/WebpushTemplate';
3
- interface WebpushPreviewProps {
4
- template: WebpushTemplateType;
5
- }
6
- declare const WebpushPreview: React.FC<WebpushPreviewProps>;
7
- export default WebpushPreview;
@@ -1 +0,0 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{WEB_PUSH_COMPONENT_TYPE as i}from"../models/WebpushTemplate.js";import{WebpushPreviewContainer as n}from"./WebpushPreview.styled.js";const l=l=>{let{template:a}=l;var s,o,c,r,d,m;const{components:g,webpushBroadcastConfig:h}=a,v="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3",b=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,((e,n)=>{const l=n.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,e}return`{{${l}}}`})):""},u=b(g[i.TITLE],null==h?void 0:h.title),p=b(null!==(c=null!==(o=null===(s=g[i.BODY])||void 0===s?void 0:s.text)&&void 0!==o?o:g[i.BODY])&&void 0!==c?c:"",null==h?void 0:h.body);return e(n,{children:[e("div",Object.assign({className:"icon--header"},{children:[t("div",Object.assign({className:"icon-img-container"},{children:t("img",{src:(null===(r=null==h?void 0:h[i.ICON])||void 0===r?void 0:r.length)?h[i.ICON][0]:g[i.ICON]||v,alt:"icon-image"})})),e("div",Object.assign({className:"text--container"},{children:[t("div",{children:u}),t("div",Object.assign({style:{marginTop:3}},{children:p}))]}))]})),g[i.IMAGE]&&g[i.IMAGE].length&&t("div",Object.assign({className:"banner-img-container"},{children:t("img",{src:(null===(d=null==h?void 0:h[i.IMAGE])||void 0===d?void 0:d.length)?h[i.IMAGE][0]:null!==(m=g[i.IMAGE])&&void 0!==m?m:v,alt:"icon-image"})})),g[i.BUTTONS]&&g[i.BUTTONS].length&&t("div",Object.assign({className:"button-container "+(1===g[i.BUTTONS].length?"single-button":"")},{children:g[i.BUTTONS].map(((e,n)=>t("div",Object.assign({className:"each--btn",style:{flex:1===g[i.BUTTONS].length?"0 0 50%":"1"}},{children:t("div",Object.assign({className:"text-btn"},{children:e.text}))}),`webpush-buttons-${n}`)))}))]})};export{l as default};
@@ -1 +0,0 @@
1
- export declare const WebpushPreviewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,70 +0,0 @@
1
- import t from"styled-components";import{COLORS as e}from"../../../constants/Theme.js";const i=t.div`
2
- max-width: 345px;
3
- min-width: 242px;
4
- background-color: ${e.content.primary};
5
- .icon--header {
6
- display: flex;
7
- flex-direction: row;
8
- justify-content: flex-start;
9
- align-items: flex-start;
10
- gap: 10px;
11
- padding: 10px;
12
- }
13
- .icon-img-container {
14
- border-radius: 4px;
15
- width: 48px;
16
- height: 48px;
17
- }
18
- .banner-img-container{
19
- padding : 8px 10px 8px 10px;
20
- height: 180px;
21
- }
22
- .text--container {
23
- max-width: 180px;
24
- color: #f0f0f0;
25
- font-family: Inter;
26
- font-size: 10.44px;
27
- font-weight: 400;
28
- line-height: 15.66px;
29
- text-align: left;
30
- }
31
- img {
32
- width: 100%;
33
- height: 100%;
34
- object-fit: cover;
35
- border-radius: 3px;
36
- }
37
- .button-container {
38
- display: flex;
39
- flex-direction: row;
40
- justify-content: space-between;
41
- align-items: center;
42
- padding: 10px;
43
- gap: 10px;
44
- }
45
- .each--btn {
46
- background-color: #444345;
47
- color: #f0f0f0;
48
- display: flex;
49
- flex-direction: row;
50
- justify-content: center;
51
- align-items: center;
52
- height: 26px;
53
- flex: 1;
54
- max-width: 100%;
55
- }
56
- .text-btn{
57
- font-family: Inter;
58
- font-size: 10.5px;
59
- font-weight: 500;
60
- line-height: 13.13px;
61
- text-align: center;
62
- white-space: nowrap;
63
- overflow: hidden;
64
- text-overflow: ellipsis;
65
- max-width:100px;
66
- }
67
- .single-button{
68
- justify-content: flex-end;
69
- }
70
- `;export{i as WebpushPreviewContainer};