@bikdotai/bik-component-library 0.0.419-beta.9 → 0.0.419

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 (73) hide show
  1. package/dist/cjs/assets/{bundle-0deb4a74.css → bundle-421aeced.css} +0 -2
  2. package/dist/cjs/components/add-variableV2/AddVariableV2.js +1 -1
  3. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  4. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
  5. package/dist/cjs/components/input/Input.js +1 -1
  6. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts +3 -5
  7. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
  8. package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +8 -15
  9. package/dist/cjs/components/template-context-mapper/modalElements/Body.js +9 -9
  10. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -2
  11. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +1 -1
  12. package/dist/cjs/components/template-context-mapper/modalElements/Footer.d.ts +1 -2
  13. package/dist/cjs/components/template-context-mapper/modalElements/Footer.js +4 -4
  14. package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.d.ts +1 -2
  15. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +3 -3
  16. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +1 -0
  17. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
  18. package/dist/cjs/components/template-preview/TemplatePreview.d.ts +2 -4
  19. package/dist/cjs/components/template-preview/TemplatePreview.js +1 -1
  20. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.d.ts +1 -5
  21. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.js +6 -14
  22. package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js +4 -4
  23. package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +6 -4
  24. package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.d.ts +0 -1
  25. package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js +1 -1
  26. package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts +1 -2
  27. package/dist/cjs/index.d.ts +0 -1
  28. package/dist/cjs/index.js +1 -1
  29. package/dist/esm/assets/{bundle-0deb4a74.css → bundle-421aeced.css} +0 -2
  30. package/dist/esm/components/add-variableV2/AddVariableV2.js +1 -1
  31. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  32. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  33. package/dist/esm/components/input/Input.js +1 -1
  34. package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +3 -5
  35. package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
  36. package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +8 -15
  37. package/dist/esm/components/template-context-mapper/modalElements/Body.js +9 -9
  38. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -2
  39. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +1 -1
  40. package/dist/esm/components/template-context-mapper/modalElements/Footer.d.ts +1 -2
  41. package/dist/esm/components/template-context-mapper/modalElements/Footer.js +4 -4
  42. package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.d.ts +1 -2
  43. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +3 -3
  44. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +1 -0
  45. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
  46. package/dist/esm/components/template-preview/TemplatePreview.d.ts +2 -4
  47. package/dist/esm/components/template-preview/TemplatePreview.js +1 -1
  48. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts +1 -5
  49. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.js +13 -21
  50. package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js +5 -5
  51. package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +7 -5
  52. package/dist/esm/components/template-preview/WhatsAppTemplatePreview.d.ts +0 -1
  53. package/dist/esm/components/template-preview/WhatsAppTemplatePreview.js +1 -1
  54. package/dist/esm/components/template-preview/models/WhatsAppTemplate.d.ts +1 -2
  55. package/dist/esm/index.d.ts +0 -1
  56. package/dist/esm/index.js +1 -1
  57. package/package.json +1 -2
  58. package/dist/cjs/components/carousel-preview/CarouselPreview.d.ts +0 -12
  59. package/dist/cjs/components/carousel-preview/CarouselPreview.js +0 -46
  60. package/dist/cjs/components/carousel-preview/CarouselPreviewCard.d.ts +0 -10
  61. package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js +0 -13
  62. package/dist/cjs/components/carousel-preview/index.d.ts +0 -1
  63. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.d.ts +0 -14
  64. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +0 -1
  65. package/dist/cjs/components/template-preview/models/WhatsappCarouselTemplate.d.ts +0 -80
  66. package/dist/esm/components/carousel-preview/CarouselPreview.d.ts +0 -12
  67. package/dist/esm/components/carousel-preview/CarouselPreview.js +0 -46
  68. package/dist/esm/components/carousel-preview/CarouselPreviewCard.d.ts +0 -10
  69. package/dist/esm/components/carousel-preview/CarouselPreviewCard.js +0 -13
  70. package/dist/esm/components/carousel-preview/index.d.ts +0 -1
  71. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.d.ts +0 -14
  72. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +0 -1
  73. package/dist/esm/components/template-preview/models/WhatsappCarouselTemplate.d.ts +0 -80
@@ -1 +1 @@
1
- import{jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{useTemplateModalContext as o}from"../template-context-mapper/context/templateModalContext.js";import{TemplateCreatorHelper as i}from"./helpers/TemplateCreatorHelper.js";import{HEADER_TYPES as n}from"./models/TemplateMeta.js";import{TemplateHelperUtils as r}from"./utils/TemplateHelperUtils.js";import{WhatsappLikePreview as d}from"./WhatsApp/WhatsAppLikePreview.js";import{WhatsappLikePreviewV2 as p}from"./WhatsApp/WhatsAppLikePreviewV2.js";const s=s=>{let{template:u,extras:v,containerStyle:m,usePlaceHolderName:h,showHeader:x,zeroStateComponent:c,size:b,showSampleValues:T,carouselCardIndex:y}=s;var w,f,B,N,V,k,C,A,L,j,S,g,F,P,O,I,H,U,q,z,D,M;console.log("template preview 22: ",y,u);const{selectedCarouselIndex:R}=o(),[W,E]=t(),G=new i,J=new r,K=[];return(null===(f=null===(w=null==W?void 0:W.ctaBtn)||void 0===w?void 0:w.phoneNumber)||void 0===f?void 0:f.isChecked)&&K.push({type:"phoneNumber",text:null!==(B=W.ctaBtn.phoneNumber.btnText)&&void 0!==B?B:"",extra:null!==(N=W.ctaBtn.phoneNumber.phoneNumber)&&void 0!==N?N:""}),(null===(k=null===(V=null==W?void 0:W.ctaBtn)||void 0===V?void 0:V.websiteLinkBtn)||void 0===k?void 0:k.isChecked)&&K.push({type:"website",text:null!==(C=W.ctaBtn.websiteLinkBtn.btnText)&&void 0!==C?C:"",extra:null!==(L=null===(A=W.ctaBtn.websiteLinkBtn)||void 0===A?void 0:A.linkOpens)&&void 0!==L?L:"",placeholder:null!==(j=W.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==j?j:""}),a((()=>{u&&G.parseUITemplateFromDBFormat({dbFormattedTemplate:u,isDuplicate:!1,showSampleValues:T,isV2:!u.htmlContentUrl}).then((e=>{E(Object.assign({},e))}))}),[u,T]),a((()=>{u&&G.parseUITemplateFromDBFormat({dbFormattedTemplate:u,isDuplicate:!1,showSampleValues:T,isV2:!u.htmlContentUrl}).then((e=>{E(Object.assign({},e))}))}),[R]),u?u.htmlContentUrl?e(d,{showHeader:x,containerPadding:"large"===b?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:m,textType:"html",bodyText:J.whatsappOnlyFillVariablesValueInBodyText(null!==(H=null==W?void 0:W.bodyText)&&void 0!==H?H:"",null!==(U=null==W?void 0:W.bodyVariables)&&void 0!==U?U:[],h),footerText:null==W?void 0:W.footerText,headerMediaType:(null==W?void 0:W.headerType)||n.NONE,headerText:J.fillVariablesValInBodyText(null!==(q=null==W?void 0:W.headerText)&&void 0!==q?q:"",null!==(z=null==W?void 0:W.headerVariables)&&void 0!==z?z:[],h),headerAssetLink:null!==(D=null==W?void 0:W.headerAssetLink)&&void 0!==D?D:"",headerAssetName:null!==(M=null==W?void 0:W.headerAssetName)&&void 0!==M?M:"",quickReplybtn:null==W?void 0:W.quickReply,ctaBtn:K,actionTypes:null==W?void 0:W.actionsType,extras:v,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=c?c:e(l,{children:" "})}):e(p,{showHeader:x,containerPadding:"large"===b?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:m,textType:"html",bodyText:null==W?void 0:W.bodyText,footerText:null==W?void 0:W.footerText,headerMediaType:(null==W?void 0:W.headerType)||n.NONE,headerText:null==W?void 0:W.headerText,headerAssetLink:null!==(S=null==W?void 0:W.headerAssetLink)&&void 0!==S?S:"",headerAssetName:null!==(g=null==W?void 0:W.headerAssetName)&&void 0!==g?g:"",quickReplybtn:null==W?void 0:W.quickReply,ctaBtn:K,actionTypes:null==W?void 0:W.actionsType,extras:v,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:y,zeroStateComponent:null!=c?c:e(l,{children:" "}),bodyVariableList:null!==(P=null===(F=null==W?void 0:W.bodyVariables)||void 0===F?void 0:F.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==P?P:[],headerVariableList:null!==(I=null===(O=null==W?void 0:W.headerVariables)||void 0===O?void 0:O.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==I?I:[],buttons:null==W?void 0:W.allButtons,limitedTimeOfferComponent:null==W?void 0:W.limitedTimeOfferComponent}):e(l,{children:c})};export{s as default};
1
+ import{jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import{TemplateCreatorHelper as o}from"./helpers/TemplateCreatorHelper.js";import{HEADER_TYPES as a}from"./models/TemplateMeta.js";import{TemplateHelperUtils as n}from"./utils/TemplateHelperUtils.js";import{WhatsappLikePreview as r}from"./WhatsApp/WhatsAppLikePreview.js";import{WhatsappLikePreviewV2 as d}from"./WhatsApp/WhatsAppLikePreviewV2.js";const p=p=>{let{template:s,extras:u,containerStyle:v,usePlaceHolderName:m,showHeader:h,zeroStateComponent:x,size:c,showSampleValues:b}=p;var T,y,w,N,f,k,B,V,A,L,C,S,j,P,g,O,F,H,q,z,R,U;const[W,I]=t(),M=new o,D=new n,E=[];return(null===(y=null===(T=null==W?void 0:W.ctaBtn)||void 0===T?void 0:T.phoneNumber)||void 0===y?void 0:y.isChecked)&&E.push({type:"phoneNumber",text:null!==(w=W.ctaBtn.phoneNumber.btnText)&&void 0!==w?w:"",extra:null!==(N=W.ctaBtn.phoneNumber.phoneNumber)&&void 0!==N?N:""}),(null===(k=null===(f=null==W?void 0:W.ctaBtn)||void 0===f?void 0:f.websiteLinkBtn)||void 0===k?void 0:k.isChecked)&&E.push({type:"website",text:null!==(B=W.ctaBtn.websiteLinkBtn.btnText)&&void 0!==B?B:"",extra:null!==(A=null===(V=W.ctaBtn.websiteLinkBtn)||void 0===V?void 0:V.linkOpens)&&void 0!==A?A:"",placeholder:null!==(L=W.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==L?L:""}),i((()=>{s&&M.parseUITemplateFromDBFormat({dbFormattedTemplate:s,isDuplicate:!1,showSampleValues:b,isV2:!s.htmlContentUrl}).then((e=>{I(Object.assign({},e))}))}),[s,b]),s?s.htmlContentUrl?e(r,{showHeader:h,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:v,textType:"html",bodyText:D.whatsappOnlyFillVariablesValueInBodyText(null!==(F=null==W?void 0:W.bodyText)&&void 0!==F?F:"",null!==(H=null==W?void 0:W.bodyVariables)&&void 0!==H?H:[],m),footerText:null==W?void 0:W.footerText,headerMediaType:(null==W?void 0:W.headerType)||a.NONE,headerText:D.fillVariablesValInBodyText(null!==(q=null==W?void 0:W.headerText)&&void 0!==q?q:"",null!==(z=null==W?void 0:W.headerVariables)&&void 0!==z?z:[],m),headerAssetLink:null!==(R=null==W?void 0:W.headerAssetLink)&&void 0!==R?R:"",headerAssetName:null!==(U=null==W?void 0:W.headerAssetName)&&void 0!==U?U:"",quickReplybtn:null==W?void 0:W.quickReply,ctaBtn:E,actionTypes:null==W?void 0:W.actionsType,extras:u,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=x?x:e(l,{children:" "})}):e(d,{showHeader:h,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:v,textType:"html",bodyText:null==W?void 0:W.bodyText,footerText:null==W?void 0:W.footerText,headerMediaType:(null==W?void 0:W.headerType)||a.NONE,headerText:null==W?void 0:W.headerText,headerAssetLink:null!==(C=null==W?void 0:W.headerAssetLink)&&void 0!==C?C:"",headerAssetName:null!==(S=null==W?void 0:W.headerAssetName)&&void 0!==S?S:"",quickReplybtn:null==W?void 0:W.quickReply,ctaBtn:E,actionTypes:null==W?void 0:W.actionsType,extras:u,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=x?x:e(l,{children:" "}),bodyVariableList:null!==(P=null===(j=null==W?void 0:W.bodyVariables)||void 0===j?void 0:j.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==P?P:[],headerVariableList:null!==(O=null===(g=null==W?void 0:W.headerVariables)||void 0===g?void 0:g.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==O?O:[],buttons:null==W?void 0:W.allButtons,limitedTimeOfferComponent:null==W?void 0:W.limitedTimeOfferComponent}):e(l,{children:x})};export{p as default};
@@ -184,7 +184,6 @@ export type WhatsappLikePreviewTypes = {
184
184
  children?: React.ReactNode;
185
185
  bodyVariableList?: variableType[];
186
186
  headerVariableList?: variableType[];
187
- carouselCardIndex?: number;
188
187
  buttons?: WhatsappPreviewButtonType[];
189
188
  limitedTimeOfferComponent?: CreateTemplateType['limitedTimeOfferComponent'];
190
189
  };
@@ -205,7 +204,7 @@ export type WhatsappMeta = {
205
204
  usePlaceHolderName?: boolean;
206
205
  };
207
206
  export type WhatsAppPickerMeta = {
208
- uploadMediaFiles: (params: WhatsAppMediaUploadRequest, index?: number) => Promise<WhatsAppMediaUploadResponse>;
207
+ uploadMediaFiles: (params: WhatsAppMediaUploadRequest) => Promise<WhatsAppMediaUploadResponse>;
209
208
  CTAoptions?: ButtonPlaceHolderOptions[];
210
209
  QRBoptions?: ButtonPlaceHolderOptions[];
211
210
  };
@@ -74,4 +74,3 @@ export * from './components/dashboard-review-popup';
74
74
  export * from './components/star-rating';
75
75
  export * from './components/testimonial-card';
76
76
  export * from './components/slider';
77
- export * from './components/carousel-preview';
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- 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{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{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{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.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{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.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{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{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.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{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";
1
+ 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{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{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{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.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{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.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{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{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.419-beta.9",
3
+ "version": "0.0.419",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -58,7 +58,6 @@
58
58
  "emoji-picker-react": "^4.4.9",
59
59
  "lodash": "^4.17.21",
60
60
  "phone": "^3.1.37",
61
- "pure-react-carousel": "^1.30.1",
62
61
  "react-beautiful-dnd": "^13.1.1",
63
62
  "react-bootstrap": "^2.4.0",
64
63
  "react-calendar": "^3.7.0",
@@ -1,12 +0,0 @@
1
- import 'pure-react-carousel/dist/react-carousel.es.css';
2
- import React from 'react';
3
- import { CHANNEL_TYPE } from "../template-preview/models/Channels";
4
- import { EmailTemplateType } from "../template-preview/models/EmailTemplate";
5
- import { SMSTemplateType } from "../template-preview/models/SmsTemplate";
6
- import { WhatsAppCarouselTemplate } from "../template-preview/models/WhatsappCarouselTemplate";
7
- import { WhatsAppTemplate } from "../template-preview/models/WhatsAppTemplate";
8
- export declare const CarouselPreview: React.ForwardRefExoticComponent<{
9
- channel: CHANNEL_TYPE;
10
- template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
11
- showSampleValues?: boolean | undefined;
12
- } & React.RefAttributes<HTMLDivElement>>;
@@ -1,46 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),i=require("../../assets/icons/chevronRight.svg.js"),r=require("pure-react-carousel"),o=require("react"),s=require("styled-components"),a=require("./CarouselPreviewCard.js"),n=require("../../constants/Theme.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(o),c=l(s);const u=c.default.div`
2
- background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
3
- border-color: ${n.COLORS.stroke.primary};
4
- border-top-style: solid;
5
- border-bottom-style: solid;
6
- border-top-width: 1px;
7
- border-bottom-width: 1px;
8
- background-repeat: no-repeat;
9
- background-position: center;
10
- background-size: cover;
11
- position: relative;
12
- height: 500px;
13
- overflow-y: auto;
14
- `,p=c.default.div`
15
- flex-direction: row;
16
- display: flex;
17
- align-items: center;
18
- .left_button {
19
- border-radius: 50%;
20
- width: 38px;
21
- height: 36px;
22
- align-items: center;
23
- justify-content: center;
24
- display: flex;
25
- position: absolute;
26
- left: 0;
27
- z-index: 10;
28
- margin-left: 4px;
29
- }
30
- .right_button {
31
- border-radius: 50%;
32
- width: 38px;
33
- height: 36px;
34
- align-items: center;
35
- justify-content: center;
36
- display: flex;
37
- position: absolute;
38
- right: 0;
39
- z-index: 10;
40
- margin-right: 4px;
41
- }
42
- .slider {
43
- width: 360px;
44
- height: 480px;
45
- }
46
- `,h=d.default.forwardRef(((s,l)=>{let{channel:d,template:c,showSampleValues:h}=s;var b,f,g;return o.useEffect((()=>{console.log("template mapper use effect: ",-1,c)}),[null===(b=null==c?void 0:c.components)||void 0===b?void 0:b[1].cards]),e.jsxs(u,{children:[e.jsx(a.default,{channel:d,template:c,isHeader:!0,carouselCardIndex:-1}),e.jsx(r.CarouselProvider,Object.assign({naturalSlideWidth:100,naturalSlideHeight:125,totalSlides:3,orientation:"horizontal",visibleSlides:1.2},{children:e.jsxs(p,{children:[e.jsx(r.ButtonBack,Object.assign({className:"left_button"},{children:e.jsx(t.default,{height:16,width:16,color:n.COLORS.content.primary})})),e.jsx(r.Slider,Object.assign({className:"slider"},{children:null===(g=null===(f=null==c?void 0:c.components)||void 0===f?void 0:f[1].cards)||void 0===g?void 0:g.map(((t,i)=>{var o,s;const n={components:t.components,mapping:null===(s=null===(o=null==c?void 0:c.mapping)||void 0===o?void 0:o.cards)||void 0===s?void 0:s[i]};return e.jsx(r.Slide,Object.assign({index:i},{children:e.jsx(a.default,{channel:d,template:n,isHeader:!1,carouselCardIndex:i},i)}),i)}))})),e.jsx(r.ButtonNext,Object.assign({className:"right_button"},{children:e.jsx(i.default,{height:16,width:16,color:n.COLORS.content.primary})}))]})}))]})}));exports.CarouselPreview=h;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { CHANNEL_TYPE } from "../template-preview/models/Channels";
3
- declare const CarouselPreviewCard: React.ForwardRefExoticComponent<{
4
- channel: CHANNEL_TYPE;
5
- template: any;
6
- showSampleValues?: boolean | undefined;
7
- isHeader?: boolean | undefined;
8
- carouselCardIndex?: number | undefined;
9
- } & React.RefAttributes<HTMLDivElement>>;
10
- export default CarouselPreviewCard;
@@ -1,13 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js");var l=require("../template-preview/models/Channels.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t),p=s(r);const n=p.default.div`
2
- position: relative;
3
- height: ${e=>e.isHeader?"150px":"100%"};
4
- width: ${e=>e.channel===l.CHANNEL_TYPE.WHATSAPP?"360px":"300px"};
5
- `,d=p.default.div`
6
- position: absolute;
7
- flex: 1;
8
- scroll-behavior: smooth;
9
- left: 12px;
10
- top: 8px;
11
- width: calc(100% - 25px);
12
- height: calc(100% - 17px);
13
- `,o=i.default.forwardRef(((t,r)=>{let{channel:l,template:s,showSampleValues:i,isHeader:p,carouselCardIndex:o}=t;return e.jsx("div",{children:e.jsx(n,Object.assign({channel:l,isHeader:null!=p&&p},{children:e.jsx(d,Object.assign({ref:r},{children:e.jsx(a.TemplatePreview,{showSampleValues:i,template:s,channel:l,size:"small",hideHeader:!0,carouselCardIndex:o})}))}))})}));exports.default=o;
@@ -1 +0,0 @@
1
- export * from './CarouselPreview';
@@ -1,14 +0,0 @@
1
- import { VariableListInterfaceV2 } from "../../add-variableV2";
2
- import { WhatsAppPickerMeta } from "../../template-preview";
3
- import { WhatsAppCarouselTemplate } from "../../template-preview/models/WhatsappCarouselTemplate";
4
- export interface EditWhatsAppCarouselTemplateV2Props {
5
- whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
6
- template: WhatsAppCarouselTemplate;
7
- showVariableModal?: boolean;
8
- variableList?: VariableListInterfaceV2[];
9
- variableListForImage?: VariableListInterfaceV2[];
10
- discountCode?: string;
11
- setDiscountCode?: (code: string) => void;
12
- }
13
- declare const EditWhatsAppCarouselTemplateV2: ({ template, whatsappSpecificPickerMeta, showVariableModal, variableList, variableListForImage, discountCode, setDiscountCode, }: EditWhatsAppCarouselTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
14
- export default EditWhatsAppCarouselTemplateV2;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../context/templateModalContext.js"),s=require("./EditWhatsAppTemplateV2.js"),r=require("../../TypographyStyle.js");exports.default=i=>{let{template:l,whatsappSpecificPickerMeta:o,showVariableModal:p,variableList:u,variableListForImage:d,discountCode:c,setDiscountCode:n}=i;const{selectedCarouselIndex:m,setTemplate:C}=a.useTemplateModalContext(),[x,M]=t.useState(-1==m?"First Message (Step 1/2)":"Carousel Cards (Step 2/2)");return t.useEffect((()=>{M(-1==m?"First Message (Step 1/2)":"Carousel Cards (Step 2/2)")}),[m]),e.jsxs("div",{children:[e.jsx(r.TitleMedium,Object.assign({style:{marginLeft:10,marginBottom:10}},{children:x})),e.jsx(s.default,{whatsappSpecificPickerMeta:o,template:l,onTemplateChange:e=>{null==C||C(e)},showVariableModal:p,variableList:u,variableListForImage:d,discountCode:c,setDiscountCode:n})]})};
@@ -1,80 +0,0 @@
1
- import { HEADER_TYPES, TEMPLATE_STATUS, WhatsAppTemplateVariables } from "..";
2
- import { CHANNEL_TYPE } from "./Channels";
3
- import { CUSTOM_VARIABLE } from './TemplateMeta';
4
- export type WhatsAppCarouselTemplate = {
5
- name: string;
6
- label: string;
7
- recommended?: boolean;
8
- templateId?: string;
9
- channel: CHANNEL_TYPE;
10
- templateCategory: string;
11
- type?: 'email' | 'whatsapp';
12
- components: {
13
- type: 'BODY' | 'CAROUSEL';
14
- format?: HEADER_TYPES;
15
- text?: string;
16
- example?: {
17
- header_handle?: Array<string>;
18
- body_text?: Array<string[]>;
19
- header_text?: Array<string>;
20
- };
21
- cards?: {
22
- components: {
23
- type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
24
- format?: HEADER_TYPES;
25
- text?: string;
26
- buttons?: {
27
- type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
28
- text?: string;
29
- url?: string;
30
- example?: string[];
31
- linkMode?: 'custom' | 'home';
32
- phone_number?: string;
33
- flowName?: string;
34
- flowId?: string;
35
- }[];
36
- example?: {
37
- header_handle?: Array<string>;
38
- body_text?: Array<string[]>;
39
- header_text?: Array<string>;
40
- };
41
- }[];
42
- }[];
43
- }[];
44
- mapping: {
45
- header?: string[];
46
- body?: string[];
47
- buttons?: string[];
48
- cards?: {
49
- header?: string[];
50
- body?: string[];
51
- buttons?: string[];
52
- }[];
53
- };
54
- templateComponentValues: {
55
- components: {
56
- header?: string[];
57
- body?: string[];
58
- buttons?: string[];
59
- cards?: {
60
- header?: string[];
61
- body?: string[];
62
- buttons?: string[];
63
- }[];
64
- };
65
- };
66
- htmlContentUrl?: string;
67
- language: 'en_US';
68
- status: TEMPLATE_STATUS;
69
- category: string;
70
- thumbnailImageUrl?: string;
71
- FB_blob_key?: string;
72
- reason?: string;
73
- createdAt: number;
74
- updatedAt: number;
75
- isDraft?: boolean;
76
- };
77
- export interface WhatsAppCarouselTemplateVariables {
78
- body: CUSTOM_VARIABLE[];
79
- cards: WhatsAppTemplateVariables[];
80
- }
@@ -1,12 +0,0 @@
1
- import 'pure-react-carousel/dist/react-carousel.es.css';
2
- import React from 'react';
3
- import { CHANNEL_TYPE } from "../template-preview/models/Channels";
4
- import { EmailTemplateType } from "../template-preview/models/EmailTemplate";
5
- import { SMSTemplateType } from "../template-preview/models/SmsTemplate";
6
- import { WhatsAppCarouselTemplate } from "../template-preview/models/WhatsappCarouselTemplate";
7
- import { WhatsAppTemplate } from "../template-preview/models/WhatsAppTemplate";
8
- export declare const CarouselPreview: React.ForwardRefExoticComponent<{
9
- channel: CHANNEL_TYPE;
10
- template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
11
- showSampleValues?: boolean | undefined;
12
- } & React.RefAttributes<HTMLDivElement>>;
@@ -1,46 +0,0 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/chevronLeft.svg.js";import i from"../../assets/icons/chevronRight.svg.js";import{CarouselProvider as r,ButtonBack as n,Slider as a,Slide as s,ButtonNext as l}from"pure-react-carousel";import d,{useEffect as c}from"react";import p from"styled-components";import m from"./CarouselPreviewCard.js";import{COLORS as h}from"../../constants/Theme.js";const b=p.div`
2
- background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
3
- border-color: ${h.stroke.primary};
4
- border-top-style: solid;
5
- border-bottom-style: solid;
6
- border-top-width: 1px;
7
- border-bottom-width: 1px;
8
- background-repeat: no-repeat;
9
- background-position: center;
10
- background-size: cover;
11
- position: relative;
12
- height: 500px;
13
- overflow-y: auto;
14
- `,u=p.div`
15
- flex-direction: row;
16
- display: flex;
17
- align-items: center;
18
- .left_button {
19
- border-radius: 50%;
20
- width: 38px;
21
- height: 36px;
22
- align-items: center;
23
- justify-content: center;
24
- display: flex;
25
- position: absolute;
26
- left: 0;
27
- z-index: 10;
28
- margin-left: 4px;
29
- }
30
- .right_button {
31
- border-radius: 50%;
32
- width: 38px;
33
- height: 36px;
34
- align-items: center;
35
- justify-content: center;
36
- display: flex;
37
- position: absolute;
38
- right: 0;
39
- z-index: 10;
40
- margin-right: 4px;
41
- }
42
- .slider {
43
- width: 360px;
44
- height: 480px;
45
- }
46
- `,g=d.forwardRef(((d,p)=>{let{channel:g,template:f,showSampleValues:v}=d;var x,y,j;return c((()=>{console.log("template mapper use effect: ",-1,f)}),[null===(x=null==f?void 0:f.components)||void 0===x?void 0:x[1].cards]),e(b,{children:[t(m,{channel:g,template:f,isHeader:!0,carouselCardIndex:-1}),t(r,Object.assign({naturalSlideWidth:100,naturalSlideHeight:125,totalSlides:3,orientation:"horizontal",visibleSlides:1.2},{children:e(u,{children:[t(n,Object.assign({className:"left_button"},{children:t(o,{height:16,width:16,color:h.content.primary})})),t(a,Object.assign({className:"slider"},{children:null===(j=null===(y=null==f?void 0:f.components)||void 0===y?void 0:y[1].cards)||void 0===j?void 0:j.map(((e,o)=>{var i,r;const n={components:e.components,mapping:null===(r=null===(i=null==f?void 0:f.mapping)||void 0===i?void 0:i.cards)||void 0===r?void 0:r[o]};return t(s,Object.assign({index:o},{children:t(m,{channel:g,template:n,isHeader:!1,carouselCardIndex:o},o)}),o)}))})),t(l,Object.assign({className:"right_button"},{children:t(i,{height:16,width:16,color:h.content.primary})}))]})}))]})}));export{g as CarouselPreview};
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { CHANNEL_TYPE } from "../template-preview/models/Channels";
3
- declare const CarouselPreviewCard: React.ForwardRefExoticComponent<{
4
- channel: CHANNEL_TYPE;
5
- template: any;
6
- showSampleValues?: boolean | undefined;
7
- isHeader?: boolean | undefined;
8
- carouselCardIndex?: number | undefined;
9
- } & React.RefAttributes<HTMLDivElement>>;
10
- export default CarouselPreviewCard;
@@ -1,13 +0,0 @@
1
- import{jsx as e}from"react/jsx-runtime";import t from"react";import p from"styled-components";import{TemplatePreview as a}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as r}from"../template-preview/models/Channels.js";const i=p.div`
2
- position: relative;
3
- height: ${e=>e.isHeader?"150px":"100%"};
4
- width: ${e=>e.channel===r.WHATSAPP?"360px":"300px"};
5
- `,l=p.div`
6
- position: absolute;
7
- flex: 1;
8
- scroll-behavior: smooth;
9
- left: 12px;
10
- top: 8px;
11
- width: calc(100% - 25px);
12
- height: calc(100% - 17px);
13
- `,s=t.forwardRef(((t,p)=>{let{channel:r,template:s,showSampleValues:o,isHeader:m,carouselCardIndex:n}=t;return e("div",{children:e(i,Object.assign({channel:r,isHeader:null!=m&&m},{children:e(l,Object.assign({ref:p},{children:e(a,{showSampleValues:o,template:s,channel:r,size:"small",hideHeader:!0,carouselCardIndex:n})}))}))})}));export{s as default};
@@ -1 +0,0 @@
1
- export * from './CarouselPreview';
@@ -1,14 +0,0 @@
1
- import { VariableListInterfaceV2 } from "../../add-variableV2";
2
- import { WhatsAppPickerMeta } from "../../template-preview";
3
- import { WhatsAppCarouselTemplate } from "../../template-preview/models/WhatsappCarouselTemplate";
4
- export interface EditWhatsAppCarouselTemplateV2Props {
5
- whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
6
- template: WhatsAppCarouselTemplate;
7
- showVariableModal?: boolean;
8
- variableList?: VariableListInterfaceV2[];
9
- variableListForImage?: VariableListInterfaceV2[];
10
- discountCode?: string;
11
- setDiscountCode?: (code: string) => void;
12
- }
13
- declare const EditWhatsAppCarouselTemplateV2: ({ template, whatsappSpecificPickerMeta, showVariableModal, variableList, variableListForImage, discountCode, setDiscountCode, }: EditWhatsAppCarouselTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
14
- export default EditWhatsAppCarouselTemplateV2;
@@ -1 +0,0 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useEffect as r}from"react";import{useTemplateModalContext as s}from"../context/templateModalContext.js";import o from"./EditWhatsAppTemplateV2.js";import{TitleMedium as i}from"../../TypographyStyle.js";const l=l=>{let{template:p,whatsappSpecificPickerMeta:m,showVariableModal:c,variableList:n,variableListForImage:d,discountCode:u,setDiscountCode:C}=l;const{selectedCarouselIndex:f,setTemplate:g}=s(),[h,b]=a(-1==f?"First Message (Step 1/2)":"Carousel Cards (Step 2/2)");return r((()=>{b(-1==f?"First Message (Step 1/2)":"Carousel Cards (Step 2/2)")}),[f]),e("div",{children:[t(i,Object.assign({style:{marginLeft:10,marginBottom:10}},{children:h})),t(o,{whatsappSpecificPickerMeta:m,template:p,onTemplateChange:e=>{null==g||g(e)},showVariableModal:c,variableList:n,variableListForImage:d,discountCode:u,setDiscountCode:C})]})};export{l as default};
@@ -1,80 +0,0 @@
1
- import { HEADER_TYPES, TEMPLATE_STATUS, WhatsAppTemplateVariables } from "..";
2
- import { CHANNEL_TYPE } from "./Channels";
3
- import { CUSTOM_VARIABLE } from './TemplateMeta';
4
- export type WhatsAppCarouselTemplate = {
5
- name: string;
6
- label: string;
7
- recommended?: boolean;
8
- templateId?: string;
9
- channel: CHANNEL_TYPE;
10
- templateCategory: string;
11
- type?: 'email' | 'whatsapp';
12
- components: {
13
- type: 'BODY' | 'CAROUSEL';
14
- format?: HEADER_TYPES;
15
- text?: string;
16
- example?: {
17
- header_handle?: Array<string>;
18
- body_text?: Array<string[]>;
19
- header_text?: Array<string>;
20
- };
21
- cards?: {
22
- components: {
23
- type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
24
- format?: HEADER_TYPES;
25
- text?: string;
26
- buttons?: {
27
- type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
28
- text?: string;
29
- url?: string;
30
- example?: string[];
31
- linkMode?: 'custom' | 'home';
32
- phone_number?: string;
33
- flowName?: string;
34
- flowId?: string;
35
- }[];
36
- example?: {
37
- header_handle?: Array<string>;
38
- body_text?: Array<string[]>;
39
- header_text?: Array<string>;
40
- };
41
- }[];
42
- }[];
43
- }[];
44
- mapping: {
45
- header?: string[];
46
- body?: string[];
47
- buttons?: string[];
48
- cards?: {
49
- header?: string[];
50
- body?: string[];
51
- buttons?: string[];
52
- }[];
53
- };
54
- templateComponentValues: {
55
- components: {
56
- header?: string[];
57
- body?: string[];
58
- buttons?: string[];
59
- cards?: {
60
- header?: string[];
61
- body?: string[];
62
- buttons?: string[];
63
- }[];
64
- };
65
- };
66
- htmlContentUrl?: string;
67
- language: 'en_US';
68
- status: TEMPLATE_STATUS;
69
- category: string;
70
- thumbnailImageUrl?: string;
71
- FB_blob_key?: string;
72
- reason?: string;
73
- createdAt: number;
74
- updatedAt: number;
75
- isDraft?: boolean;
76
- };
77
- export interface WhatsAppCarouselTemplateVariables {
78
- body: CUSTOM_VARIABLE[];
79
- cards: WhatsAppTemplateVariables[];
80
- }