@bikdotai/bik-component-library 1.1.1-beta.49 → 1.1.1-beta.51

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 (135) hide show
  1. package/dist/cjs/assets/icons/bold.svg.js +1 -0
  2. package/dist/cjs/assets/icons/italic.svg.js +1 -0
  3. package/dist/cjs/assets/icons/strikeThrough.svg.js +1 -0
  4. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
  5. package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
  6. package/dist/cjs/components/TablePagination/TablePagination.js +1 -1
  7. package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +15 -0
  8. package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.js +1 -0
  9. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditor.d.ts +40 -0
  10. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditor.js +1 -0
  11. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +14 -0
  12. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -0
  13. package/dist/cjs/components/WhatsAppTextEditor/index.d.ts +2 -0
  14. package/dist/cjs/components/alerts/Alert.d.ts +12 -0
  15. package/dist/cjs/components/alerts/Alert.js +1 -0
  16. package/dist/cjs/components/alerts/Alert.styled.d.ts +4 -0
  17. package/dist/cjs/components/alerts/Alert.styled.js +8 -0
  18. package/dist/cjs/components/alerts/AlertHelper.d.ts +24 -0
  19. package/dist/cjs/components/alerts/AlertHelper.js +1 -0
  20. package/dist/cjs/components/alerts/index.d.ts +2 -0
  21. package/dist/cjs/components/button/Button.js +1 -1
  22. package/dist/cjs/components/button/model.d.ts +1 -1
  23. package/dist/cjs/components/curtain/Curtain.d.ts +2 -1
  24. package/dist/cjs/components/curtain/Curtain.js +1 -1
  25. package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -1
  26. package/dist/cjs/components/dropdown/MenuItem/MenuItem.d.ts +7 -0
  27. package/dist/cjs/components/dropdown/MenuItem/MenuItem.js +1 -0
  28. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  29. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +1 -1
  30. package/dist/cjs/components/dropdown/index.d.ts +1 -0
  31. package/dist/cjs/components/dropdown/type.d.ts +2 -0
  32. package/dist/cjs/components/input/Input.styled.js +1 -1
  33. package/dist/cjs/components/list-item/themes.js +1 -1
  34. package/dist/cjs/components/modals/modal.styled.js +1 -1
  35. package/dist/cjs/components/modals/styledModal.js +1 -1
  36. package/dist/cjs/components/plans/SubscriptionPlanSelector.d.ts +1 -0
  37. package/dist/cjs/components/plans/SubscriptionPlanSelector.js +1 -1
  38. package/dist/cjs/components/searchBar/searchBar.d.ts +0 -1
  39. package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -1
  40. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts +2 -1
  41. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
  42. package/dist/cjs/components/template-context-mapper/modalElements/DesktopPreview.js +4 -4
  43. package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.js +3 -3
  44. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +3 -3
  45. package/dist/cjs/components/template-preview/WhatsApp/ChatBtn.js +1 -1
  46. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.js +2 -2
  47. package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.d.ts +3 -0
  48. package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js +19 -0
  49. package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.d.ts +3 -0
  50. package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +12 -0
  51. package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js +1 -1
  52. package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.d.ts +1 -1
  53. package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.js +1 -1
  54. package/dist/cjs/components/template-preview/helpers/VariableEditorHelper.d.ts +7 -0
  55. package/dist/cjs/components/template-preview/helpers/VariableEditorHelper.js +1 -0
  56. package/dist/cjs/components/template-preview/index.d.ts +4 -0
  57. package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts +4 -0
  58. package/dist/cjs/components/zeroState/ZeroState.js +1 -1
  59. package/dist/cjs/constants/Theme.d.ts +4 -0
  60. package/dist/cjs/constants/Theme.js +1 -1
  61. package/dist/cjs/helpers/BaseWhatsappContentLang.helper.d.ts +41 -0
  62. package/dist/cjs/helpers/BaseWhatsappContentLang.helper.js +1 -0
  63. package/dist/cjs/helpers/index.d.ts +1 -0
  64. package/dist/cjs/index.d.ts +3 -0
  65. package/dist/cjs/index.js +1 -1
  66. package/dist/cjs/utils/isAlphanumeric.d.ts +1 -0
  67. package/dist/cjs/utils/isAlphanumeric.js +1 -0
  68. package/dist/esm/assets/icons/bold.svg.js +1 -0
  69. package/dist/esm/assets/icons/italic.svg.js +1 -0
  70. package/dist/esm/assets/icons/strikeThrough.svg.js +1 -0
  71. package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
  72. package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
  73. package/dist/esm/components/TablePagination/TablePagination.js +1 -1
  74. package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +15 -0
  75. package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.js +1 -0
  76. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.d.ts +40 -0
  77. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.js +1 -0
  78. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +14 -0
  79. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -0
  80. package/dist/esm/components/WhatsAppTextEditor/index.d.ts +2 -0
  81. package/dist/esm/components/alerts/Alert.d.ts +12 -0
  82. package/dist/esm/components/alerts/Alert.js +1 -0
  83. package/dist/esm/components/alerts/Alert.styled.d.ts +4 -0
  84. package/dist/esm/components/alerts/Alert.styled.js +8 -0
  85. package/dist/esm/components/alerts/AlertHelper.d.ts +24 -0
  86. package/dist/esm/components/alerts/AlertHelper.js +1 -0
  87. package/dist/esm/components/alerts/index.d.ts +2 -0
  88. package/dist/esm/components/button/Button.js +1 -1
  89. package/dist/esm/components/button/model.d.ts +1 -1
  90. package/dist/esm/components/curtain/Curtain.d.ts +2 -1
  91. package/dist/esm/components/curtain/Curtain.js +1 -1
  92. package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -1
  93. package/dist/esm/components/dropdown/MenuItem/MenuItem.d.ts +7 -0
  94. package/dist/esm/components/dropdown/MenuItem/MenuItem.js +1 -0
  95. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  96. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +1 -1
  97. package/dist/esm/components/dropdown/index.d.ts +1 -0
  98. package/dist/esm/components/dropdown/type.d.ts +2 -0
  99. package/dist/esm/components/input/Input.styled.js +1 -1
  100. package/dist/esm/components/list-item/themes.js +1 -1
  101. package/dist/esm/components/modals/modal.styled.js +1 -1
  102. package/dist/esm/components/modals/styledModal.js +1 -1
  103. package/dist/esm/components/plans/SubscriptionPlanSelector.d.ts +1 -0
  104. package/dist/esm/components/plans/SubscriptionPlanSelector.js +1 -1
  105. package/dist/esm/components/searchBar/searchBar.d.ts +0 -1
  106. package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -1
  107. package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +2 -1
  108. package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
  109. package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js +6 -6
  110. package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.js +2 -2
  111. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +2 -2
  112. package/dist/esm/components/template-preview/WhatsApp/ChatBtn.js +1 -1
  113. package/dist/esm/components/template-preview/WhatsApp/ChatUI.js +1 -1
  114. package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.d.ts +3 -0
  115. package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js +19 -0
  116. package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.d.ts +3 -0
  117. package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +12 -0
  118. package/dist/esm/components/template-preview/WhatsAppTemplatePreview.js +1 -1
  119. package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.d.ts +1 -1
  120. package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.js +1 -1
  121. package/dist/esm/components/template-preview/helpers/VariableEditorHelper.d.ts +7 -0
  122. package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js +1 -0
  123. package/dist/esm/components/template-preview/index.d.ts +4 -0
  124. package/dist/esm/components/template-preview/models/WhatsAppTemplate.d.ts +4 -0
  125. package/dist/esm/components/zeroState/ZeroState.js +4 -4
  126. package/dist/esm/constants/Theme.d.ts +4 -0
  127. package/dist/esm/constants/Theme.js +1 -1
  128. package/dist/esm/helpers/BaseWhatsappContentLang.helper.d.ts +41 -0
  129. package/dist/esm/helpers/BaseWhatsappContentLang.helper.js +1 -0
  130. package/dist/esm/helpers/index.d.ts +1 -0
  131. package/dist/esm/index.d.ts +3 -0
  132. package/dist/esm/index.js +1 -1
  133. package/dist/esm/utils/isAlphanumeric.d.ts +1 -0
  134. package/dist/esm/utils/isAlphanumeric.js +1 -0
  135. package/package.json +1 -1
@@ -1,4 +1,5 @@
1
1
  import React, { ReactElement } from 'react';
2
+ import { variableType } from '../helpers/VariableEditorHelper';
2
3
  import { CHANNEL_TYPE } from './Channels';
3
4
  import { ACTIONS_TYPES, ButtonPlaceHolderOptions, CUSTOM_VARIABLE, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
4
5
  export type WhatsAppTemplate = {
@@ -168,6 +169,9 @@ export type WhatsappLikePreviewTypes = {
168
169
  imagePreviewStyles?: React.CSSProperties;
169
170
  size?: 'small' | 'large';
170
171
  zeroStateComponent: ReactElement<any, any>;
172
+ children?: React.ReactNode;
173
+ bodyVariableList?: variableType[];
174
+ headerVariableList?: variableType[];
171
175
  };
172
176
  export type WhatsappMeta = {
173
177
  containerStyle?: React.CSSProperties | undefined;
@@ -1,12 +1,12 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import n from"styled-components";import{TitleRegular as r,BodyCaption as o}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";import l from"../../assets/icons/alert.svg.js";const i=n.div`
2
- background: ${s.surface.standard};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import n from"styled-components";import{TitleRegular as r,BodyCaption as o}from"../TypographyStyle.js";import{COLORS as i}from"../../constants/Theme.js";import l from"../../assets/icons/alert.svg.js";const s=n.div`
2
+ background: ${i.surface.standard};
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  align-items: center;
6
6
  justify-content: center;
7
7
  flex: 1;
8
8
  `,c=n.div`
9
- background: ${s.background.base};
9
+ background: ${i.background.base};
10
10
  width: 48px;
11
11
  height: 48px;
12
12
  display: flex;
@@ -14,4 +14,4 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import n from"styled-component
14
14
  align-items: center;
15
15
  justify-content: center;
16
16
  border-radius: 24px;
17
- `,a=n=>{let{subTitle:a,title:d,IconHolderStyle:m,style:p}=n;return e(i,Object.assign({style:null!=p?p:{}},{children:[t(c,Object.assign({style:null!=m?m:{}},{children:t(l,{color:s.content.placeholder,height:24,width:24})})),t(r,Object.assign({style:{marginTop:8,color:s.content.primary}},{children:null!=d?d:"No results found"})),!!a&&t(o,Object.assign({style:{marginTop:4,color:s.content.secondary}},{children:a}))]}))};export{a as ZeroState};
17
+ `,a=n=>{let{subTitle:a,title:d,IconHolderStyle:m,style:p}=n;return e(s,Object.assign({style:null!=p?p:{}},{children:[t(c,Object.assign({style:null!=m?m:{}},{children:t(l,{color:i.content.placeholder,height:24,width:24})})),t(r,Object.assign({style:{marginTop:8,color:i.content.primary}},{children:null!=d?d:"No results found"})),!!a&&t(o,Object.assign({style:{marginTop:4,color:i.content.secondary,textAlign:"center",maxWidth:184}},{children:a}))]}))};export{a as ZeroState};
@@ -92,9 +92,11 @@ export declare const COLORS: {
92
92
  };
93
93
  warning: {
94
94
  lightAlt: string;
95
+ vibrant: string;
95
96
  };
96
97
  positive: {
97
98
  lightAlt: string;
99
+ vibrant: string;
98
100
  };
99
101
  brandLightAlt: string;
100
102
  blue: {
@@ -370,9 +372,11 @@ export declare const DEFAULT_THEME: {
370
372
  };
371
373
  warning: {
372
374
  lightAlt: string;
375
+ vibrant: string;
373
376
  };
374
377
  positive: {
375
378
  lightAlt: string;
379
+ vibrant: string;
376
380
  };
377
381
  brandLightAlt: string;
378
382
  blue: {
@@ -1 +1 @@
1
- const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};
1
+ const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100],vibrant:e.warning[500]},positive:{lightAlt:e.positive[100],vibrant:e.positive[700]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};
@@ -0,0 +1,41 @@
1
+ export declare class BaseWhatsappContentLangHelper {
2
+ getHTML(text: string): string;
3
+ /**
4
+ *
5
+ * how it works ?
6
+ *
7
+ * iterates through each chars, if the char matches the wildcard (eg * or _ or etc),
8
+ * if there is any alphanumeric char in previous, do nothing
9
+ * if there are no char next to it, do nothing
10
+ * if there is already an opening wildcard (odd number length for indices arr), and alphanumeric char next to it, do nothing,
11
+ * for odd number indices arr length, it means current wildcard is for closing, then check if previous
12
+ * char is there or not, if not , do nothing
13
+ * else push it to indices arr
14
+ *
15
+ * @param format
16
+ * @param wildcard
17
+ * @param opTag
18
+ * @param clTag
19
+ * @ref https://github.com/rodriguesabner/whatsapp-markdown/blob/main/src/index.js
20
+ * @returns
21
+ */
22
+ private whatsappStyles;
23
+ /**
24
+ * how it works ?
25
+ * same as whatsappStyles, just that there is a offset of 3 char for every checks
26
+ *
27
+ * @param format
28
+ * @param opTag
29
+ * @param clTag
30
+ * @returns
31
+ */
32
+ private whatsappStylesMonospace;
33
+ /**
34
+ *
35
+ * @param str
36
+ * @ref https://github.com/rodriguesabner/whatsapp-markdown/blob/main/src/index.js
37
+ * @returns
38
+ */
39
+ private whatsappLinkStyle;
40
+ wrappWildcard(startIndex: number, endIndex: number, wildcard: string, str: string): string;
41
+ }
@@ -0,0 +1 @@
1
+ import{isAplhanumeric as t}from"../utils/isAlphanumeric.js";class e{getHTML(t){let e=t;return e=this.whatsappStyles(e,"_","<i>","</i>"),e=this.whatsappStyles(e,"*","<b>","</b>"),e=this.whatsappStyles(e,"~","<s>","</s>"),e=this.whatsappStylesMonospace(e,'<code style="color: black;">',"</code>"),e&&(e=e.replace(/\n/gi,"<br>")),e=this.whatsappLinkStyle(e),e}whatsappStyles(e,s,p,a){const h=[];if(e)for(let p=0;p<e.length;p++)e[p]===s?h.length%2?" "!==e[p-1]&&((void 0===e[p+1]||!t(e[p+1]))&&h.push(p)):void 0!==e[p+1]&&(" "!==e[p+1]&&((void 0===e[p-1]||!t(e[p-1]))&&h.push(p))):10===e.charCodeAt(p)&&h.length%2&&h.pop();h.length%2&&h.pop();let l=0;return h.forEach((function(t,s){const h=s%2?a:p;t+=l,e=e.substr(0,t)+h+e.substr(t+1),l+=h.length-1})),e}whatsappStylesMonospace(e,s,p){const a=[];if(e)for(let s=0;s<e.length;s++)"`"===e[s]&&"`"===e[s+1]&&"`"===e[s+2]?a.length%2?" "===e[s-3]||(void 0===e[s+3]?a.push(s):t(e[s+3])?a.length%2==1&&a.pop():a.push(s)):void 0===e[s+3]||" "===e[s+3]||(void 0===e[s-1]||" "===e[s-1]?a.push(s):t(e[s-1])?a.length%2==1&&a.pop():a.push(s)):10===e.charCodeAt(s)&&a.length%2&&a.pop();a.length%2&&a.pop();let h=0;return a.forEach((function(t,a){const l=a%2?p:s;t+=h,e=e.substr(0,t)+l+e.substr(t+3),h+=l.length-3})),e}whatsappLinkStyle(t){const e=t;return new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(e)?`<a href="${e}" target="_blank" rel="noreferrer">${e}</a>`:e}wrappWildcard(t,e,s,p){return t<0||t>e?p:p.slice(0,t)+s+p.slice(t,e)+s+p.slice(e)}}export{e as BaseWhatsappContentLangHelper};
@@ -0,0 +1 @@
1
+ export * from './BaseWhatsappContentLang.helper';
@@ -28,6 +28,7 @@ export * from './components/analytics-card';
28
28
  export * from './components/input';
29
29
  export * from './components/analytics-chips-and-dropdowns';
30
30
  export * from './components/avatar';
31
+ export * from './components/alerts';
31
32
  export * from './components/thumbnail';
32
33
  export * from './components/curtain';
33
34
  export * from './components/datePicker';
@@ -38,5 +39,7 @@ export * from './components/shimmer';
38
39
  export * from './components/TablePagination/';
39
40
  export * from './components/states-modal';
40
41
  export * from './components/states';
42
+ export * from './components/WhatsAppTextEditor';
43
+ export * from './helpers';
41
44
  export * from './components/card-selection-modal';
42
45
  export * from './components/image-cropper';
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{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{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.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,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,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.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}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.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{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.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{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";import"react/jsx-runtime";import"react";import"react-image-crop";
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{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{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,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,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.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}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP}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{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.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{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";import"react/jsx-runtime";import"react";import"react-image-crop";
@@ -0,0 +1 @@
1
+ export declare function isAplhanumeric(c: string): boolean;
@@ -0,0 +1 @@
1
+ function t(t){const n=t.charCodeAt(0);return n>=65&&n<=90||n>=97&&n<=122||n>=48&&n<=57}export{t as isAplhanumeric};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "1.1.1-beta.49",
3
+ "version": "1.1.1-beta.51",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",