@bikdotai/bik-component-library 0.0.527-beta.0 → 0.0.527-beta.a-1

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 (45) hide show
  1. package/dist/cjs/assets/icons/chat-channel.svg.js +1 -0
  2. package/dist/cjs/assets/icons/email-channel.svg.js +1 -0
  3. package/dist/cjs/assets/icons/instagram-channel.svg.js +1 -0
  4. package/dist/cjs/assets/icons/whatsapp-channel.svg.js +1 -0
  5. package/dist/cjs/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  6. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +7 -0
  7. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -1
  8. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts +4 -0
  9. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.js +1 -0
  10. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +1 -0
  11. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -1
  12. package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
  13. package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts +2 -0
  14. package/dist/cjs/components/dynamic-tabs/DynamicTabs.js +1 -1
  15. package/dist/cjs/components/plans/NewSubscriptionPlan.js +1 -1
  16. package/dist/cjs/components/plans/SubscriptionPlan.d.ts +1 -0
  17. package/dist/cjs/components/template-context-mapper/modalElements/BackTrackComponent.js +1 -1
  18. package/dist/cjs/components/template-context-mapper/modalElements/Body.js +1 -0
  19. package/dist/cjs/components/tooltips/TooltipInternal.d.ts +1 -1
  20. package/dist/esm/assets/icons/chat-channel.svg.js +1 -0
  21. package/dist/esm/assets/icons/email-channel.svg.js +1 -0
  22. package/dist/esm/assets/icons/instagram-channel.svg.js +1 -0
  23. package/dist/esm/assets/icons/whatsapp-channel.svg.js +1 -0
  24. package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  25. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +7 -0
  26. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -1
  27. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts +4 -0
  28. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.js +1 -0
  29. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +1 -0
  30. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -1
  31. package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
  32. package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts +2 -0
  33. package/dist/esm/components/dynamic-tabs/DynamicTabs.js +1 -1
  34. package/dist/esm/components/plans/NewSubscriptionPlan.js +1 -1
  35. package/dist/esm/components/plans/SubscriptionPlan.d.ts +1 -0
  36. package/dist/esm/components/template-context-mapper/modalElements/BackTrackComponent.js +1 -1
  37. package/dist/esm/components/template-context-mapper/modalElements/Body.js +1 -0
  38. package/dist/esm/components/tooltips/TooltipInternal.d.ts +1 -1
  39. package/package.json +1 -3
  40. package/dist/cjs/amplitude/Track.stories.d.ts +0 -4
  41. package/dist/cjs/amplitude/index.d.ts +0 -18
  42. package/dist/cjs/amplitude/model.d.ts +0 -48
  43. package/dist/esm/amplitude/Track.stories.d.ts +0 -4
  44. package/dist/esm/amplitude/index.d.ts +0 -18
  45. package/dist/esm/amplitude/model.d.ts +0 -48
package/dist/cjs/assets/icons/chat-channel.svg.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,a=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var l=e=>a.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},e),t||(t=a.createElement("g",{stroke:"#28458F",clipPath:"url(#chat-channel_svg__a)"},a.createElement("path",{strokeWidth:1.67,d:"M6.203 17.034c-.188 0-.373.035-.547.106l-.017.007-2.702.976-.02.007-.02.009a.347.347 0 0 1-.106.026.197.197 0 0 1-.182-.19.336.336 0 0 1 .013-.078l.003-.007.002-.008.737-2.668a1.18 1.18 0 0 0-.123-.917l-.005-.01-.01-.018-.01-.018a.917.917 0 0 0-.02-.03l-.01-.013-.01-.016-.015-.02-.024-.034-.006-.009a.04.04 0 0 1-.001-.002l-.007-.01a7.83 7.83 0 0 1-1.288-4.303v-.003c-.006-2.089.809-4.063 2.306-5.566 1.55-1.554 3.624-2.41 5.852-2.41 1.887-.001 3.717.64 5.19 1.819a7.976 7.976 0 0 1 2.808 4.531v.003a7.74 7.74 0 0 1 .174 1.632c0 2.15-.824 4.162-2.32 5.676-1.508 1.526-3.531 2.366-5.708 2.366-.742 0-1.741-.197-2.215-.33H7.92c-.538-.151-1.053-.345-1.188-.396l-.022-.008a1.443 1.443 0 0 0-.507-.094Zm0 0h.002l-.005.835.002-.835Z"}),a.createElement("path",{strokeLinecap:"round",strokeWidth:1.389,d:"M6.667 8.333h7.5M6.667 11.667h5"}))),r||(r=a.createElement("defs",null,a.createElement("clipPath",{id:"chat-channel_svg__a"},a.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"})))));exports.default=l;
package/dist/cjs/assets/icons/email-channel.svg.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var c=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},e),t||(t=r.createElement("path",{fill:"red",fillRule:"evenodd",d:"M17.25 4.513V13.5c0 1.24-1.01 2.25-2.25 2.25H3c-1.24 0-2.25-1.01-2.25-2.25v-9C.75 3.26 1.76 2.25 3 2.25h12a2.254 2.254 0 0 1 2.25 2.263ZM2.33 4.165A.754.754 0 0 1 3 3.75h12c.291 0 .546.17.67.415L9 8.835l-6.67-4.67ZM2.25 5.94v7.56c0 .41.34.75.75.75h12c.41 0 .75-.34.75-.75V5.94l-6.32 4.424a.75.75 0 0 1-.86 0L2.25 5.94Z",clipRule:"evenodd"})));exports.default=c;
package/dist/cjs/assets/icons/instagram-channel.svg.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,a,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},n.apply(this,arguments)}var c=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},e),t||(t=r.createElement("g",{clipPath:"url(#instagram-channel_svg__a)"},r.createElement("path",{fill:"url(#instagram-channel_svg__b)",d:"M9.002.747c-3.445 0-4.453.004-4.649.02-.707.059-1.147.17-1.626.409-.37.183-.66.396-.948.694-.524.543-.841 1.212-.956 2.007-.056.386-.072.464-.075 2.435-.002.657 0 1.522 0 2.682 0 3.442.003 4.449.02 4.644.057.688.165 1.121.393 1.595a3.476 3.476 0 0 0 2.254 1.84c.34.088.715.136 1.198.159.204.009 2.287.015 4.371.015 2.085 0 4.169-.002 4.368-.012.559-.027.883-.07 1.242-.163a3.456 3.456 0 0 0 2.253-1.844c.224-.462.337-.912.389-1.564.011-.142.016-2.409.016-4.672 0-2.264-.005-4.527-.017-4.669-.052-.663-.165-1.108-.396-1.579a3.27 3.27 0 0 0-.707-.968c-.546-.521-1.213-.839-2.01-.953-.385-.056-.461-.073-2.434-.076H9.002Z"}),r.createElement("path",{fill:"url(#instagram-channel_svg__c)",d:"M9.002.747c-3.445 0-4.453.004-4.649.02-.707.059-1.147.17-1.626.409-.37.183-.66.396-.948.694-.524.543-.841 1.212-.956 2.007-.056.386-.072.464-.075 2.435-.002.657 0 1.522 0 2.682 0 3.442.003 4.449.02 4.644.057.688.165 1.121.393 1.595a3.476 3.476 0 0 0 2.254 1.84c.34.088.715.136 1.198.159.204.009 2.287.015 4.371.015 2.085 0 4.169-.002 4.368-.012.559-.027.883-.07 1.242-.163a3.456 3.456 0 0 0 2.253-1.844c.224-.462.337-.912.389-1.564.011-.142.016-2.409.016-4.672 0-2.264-.005-4.527-.017-4.669-.052-.663-.165-1.108-.396-1.579-.19-.385-.4-.673-.707-.968-.546-.521-1.213-.839-2.01-.953-.385-.056-.461-.073-2.434-.076H9.002Z"}),r.createElement("path",{fill:"#fff",d:"M9.002 2.91c-1.654 0-1.862.006-2.512.036-.649.03-1.091.132-1.479.283-.4.156-.74.364-1.079.703a2.99 2.99 0 0 0-.703 1.079c-.151.387-.254.83-.283 1.479-.03.65-.037.857-.037 2.512s.008 1.862.037 2.512c.03.648.133 1.091.283 1.479.156.4.364.74.703 1.079.338.339.678.547 1.079.703.387.15.83.253 1.479.283.65.03.857.037 2.512.037s1.862-.007 2.512-.037c.648-.03 1.091-.132 1.48-.283.4-.156.74-.364 1.078-.703a2.99 2.99 0 0 0 .703-1.08c.15-.387.252-.83.283-1.478.03-.65.037-.857.037-2.512s-.008-1.862-.037-2.512c-.03-.649-.133-1.092-.283-1.479a2.99 2.99 0 0 0-.703-1.08 2.977 2.977 0 0 0-1.08-.702c-.388-.15-.83-.253-1.48-.283-.65-.03-.856-.037-2.511-.037h.001Zm-.546 1.097h.546c1.627 0 1.82.006 2.462.035.595.027.917.127 1.132.21.284.11.487.242.7.456.213.213.345.416.456.7.083.215.183.537.21 1.131.029.643.035.836.035 2.462 0 1.626-.006 1.819-.035 2.46-.027.595-.127.917-.21 1.132-.11.284-.243.487-.456.7a1.883 1.883 0 0 1-.7.456c-.215.083-.537.182-1.132.21-.642.029-.835.035-2.462.035-1.626 0-1.82-.006-2.462-.035-.594-.028-.916-.127-1.131-.21a1.886 1.886 0 0 1-.7-.456 1.888 1.888 0 0 1-.457-.7c-.083-.215-.182-.537-.21-1.132-.029-.642-.034-.835-.034-2.462 0-1.627.005-1.819.035-2.461.027-.594.126-.917.21-1.131.11-.285.242-.488.455-.701.214-.213.417-.345.701-.456.215-.084.537-.183 1.131-.21.562-.025.78-.033 1.916-.034v.001Zm3.799 1.012a.731.731 0 1 0 0 1.462.731.731 0 0 0 0-1.462Zm-3.253.854a3.13 3.13 0 1 0 0 6.258 3.13 3.13 0 0 0 0-6.258Zm0 1.098a2.031 2.031 0 1 1 0 4.062 2.031 2.031 0 0 1 0-4.062Z"}))),a||(a=r.createElement("defs",null,r.createElement("radialGradient",{id:"instagram-channel_svg__b",cx:0,cy:0,r:1,gradientTransform:"matrix(0 -16.3528 15.2136 0 5.131 18.518)",gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#FD5"}),r.createElement("stop",{offset:.1,stopColor:"#FD5"}),r.createElement("stop",{offset:.5,stopColor:"#FF543E"}),r.createElement("stop",{offset:1,stopColor:"#C837AB"})),r.createElement("radialGradient",{id:"instagram-channel_svg__c",cx:0,cy:0,r:1,gradientTransform:"rotate(78.678 -2.19 -.263) scale(7.30987 30.1392)",gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#3771C8"}),r.createElement("stop",{offset:.128,stopColor:"#3771C8"}),r.createElement("stop",{offset:1,stopColor:"#60F",stopOpacity:0})),r.createElement("clipPath",{id:"instagram-channel_svg__a"},r.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));exports.default=c;
package/dist/cjs/assets/icons/whatsapp-channel.svg.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,a,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},n.apply(this,arguments)}var l=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},e),t||(t=r.createElement("g",{clipPath:"url(#whatsapp-channel_svg__a)"},r.createElement("path",{fill:"url(#whatsapp-channel_svg__b)",d:"M.383 8.892c0 1.513.398 2.99 1.155 4.29L.311 17.63l4.586-1.193a8.702 8.702 0 0 0 4.135 1.044h.003c4.769 0 8.65-3.85 8.652-8.582.001-2.293-.898-4.45-2.532-6.072A8.632 8.632 0 0 0 9.035.311C4.266.31.385 4.16.383 8.892"}),r.createElement("path",{fill:"url(#whatsapp-channel_svg__c)",d:"M.075 8.89c0 1.566.412 3.096 1.197 4.444L0 17.941l4.751-1.237a9.014 9.014 0 0 0 4.283 1.083h.004c4.939 0 8.96-3.989 8.962-8.89 0-2.376-.93-4.61-2.623-6.29A8.942 8.942 0 0 0 9.037 0C4.098 0 .078 3.988.076 8.89Zm2.83 4.212-.178-.28A7.327 7.327 0 0 1 1.588 8.89C1.59 4.816 4.932 1.501 9.04 1.501c1.99.001 3.86.77 5.267 2.167a7.316 7.316 0 0 1 2.18 5.228c-.002 4.074-3.344 7.39-7.45 7.39h-.002a7.485 7.485 0 0 1-3.792-1.031l-.272-.16-2.82.733.754-2.726Z"}),r.createElement("path",{fill:"#fff",d:"M6.796 5.17c-.167-.37-.344-.377-.503-.384-.131-.005-.28-.005-.43-.005a.826.826 0 0 0-.597.278c-.205.223-.784.76-.784 1.853 0 1.094.803 2.15.915 2.298.112.149 1.549 2.464 3.825 3.354 1.892.74 2.277.593 2.687.556.41-.037 1.325-.537 1.512-1.056.187-.519.187-.963.13-1.056-.055-.093-.205-.149-.429-.26-.224-.11-1.325-.648-1.53-.723-.205-.074-.354-.11-.504.112-.15.222-.578.722-.709.87-.13.15-.261.168-.485.056-.224-.111-.945-.345-1.8-1.102-.667-.59-1.116-1.317-1.247-1.54-.13-.221-.014-.342.099-.452.1-.1.224-.26.336-.39.111-.13.149-.222.223-.37.075-.148.038-.278-.018-.39-.056-.11-.491-1.21-.69-1.649"}))),a||(a=r.createElement("defs",null,r.createElement("linearGradient",{id:"whatsapp-channel_svg__b",x1:8.999,x2:8.999,y1:17.63,y2:.311,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#1FAF38"}),r.createElement("stop",{offset:1,stopColor:"#60D669"})),r.createElement("linearGradient",{id:"whatsapp-channel_svg__c",x1:9,x2:9,y1:17.941,y2:0,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#F9F9F9"}),r.createElement("stop",{offset:1,stopColor:"#fff"})),r.createElement("clipPath",{id:"whatsapp-channel_svg__a"},r.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));exports.default=l;
package/dist/cjs/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts CHANGED
@@ -36,7 +36,7 @@ export declare class MetaCustomProcessor {
36
36
  value: {
37
37
  operator: string;
38
38
  dataType: import("../types").QueryBuilderConnectorType;
39
- value?: string | number | string[] | Date | number[] | Date[] | undefined;
39
+ value?: string | number | string[] | number[] | Date | Date[] | undefined;
40
40
  };
41
41
  key: string;
42
42
  refresh?: boolean | undefined;
package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts CHANGED
@@ -8,5 +8,12 @@ export interface AnalyticsChipInterface {
8
8
  width?: number | string;
9
9
  extraJSX?: JSX.Element;
10
10
  tooltipContent?: string;
11
+ style?: React.CSSProperties;
12
+ channelConfig?: {
13
+ whatsapp?: string;
14
+ instagram?: string;
15
+ email?: string;
16
+ sms?: string;
17
+ };
11
18
  }
12
19
  export declare const AnalyticsChip: React.FC<AnalyticsChipInterface>;
package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/info.svg.js"),r=require("../tooltips/Tooltip.js"),t=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),o=require("./CommonStyles.js");exports.AnalyticsChip=l=>{const{title:a,primaryValue:n,titleColor:c,captionColor:j=t.BASE_COLORS.grayscale[700],backgroundColor:d=t.BASE_COLORS.grayscale[50],width:u="224.67px",extraJSX:h,tooltipContent:p}=l;return e.jsxs(o.AnalyticsChipContainer,Object.assign({backgroundColor:d,width:u},{children:[e.jsxs("div",Object.assign({className:"sub--container"},{children:[e.jsx(i.BodyCaption,Object.assign({style:{color:j}},{children:a})),p&&e.jsx(r.Tooltip,Object.assign({body:p},{children:e.jsx("div",{children:e.jsx(s.default,{height:14.67,width:14.67,color:t.BASE_COLORS.grayscale[500]})})}))]})),e.jsx(i.TitleLarge,Object.assign({style:{color:c}},{children:n})),h]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/info.svg.js"),t=require("../tooltips/Tooltip.js"),i=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),o=require("./AnalyticsChipChannelFooter.js"),n=require("./CommonStyles.js");exports.AnalyticsChip=l=>{const{title:a,primaryValue:c,titleColor:h,captionColor:j=i.BASE_COLORS.grayscale[700],backgroundColor:y=i.BASE_COLORS.grayscale[50],width:C="224.67px",extraJSX:d,tooltipContent:u,channelConfig:p,style:g}=l;return e.jsxs(n.AnalyticsChipContainer,Object.assign({style:null!=g?g:{},backgroundColor:y,width:C},{children:[e.jsxs("div",Object.assign({className:"sub--container"},{children:[e.jsx(r.BodyCaption,Object.assign({style:{color:j}},{children:a})),u&&e.jsx(t.Tooltip,Object.assign({body:u},{children:e.jsx("div",{children:e.jsx(s.default,{height:14.67,width:14.67,color:i.BASE_COLORS.grayscale[500]})})}))]})),e.jsx(r.TitleLarge,Object.assign({style:{color:h}},{children:c})),p&&e.jsx(o.AnalyticsChipChannelFooter,{channelConfig:p}),d]}))};
package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { AnalyticsChipInterface } from './AnalyticsChip';
2
+ export declare const AnalyticsChipChannelFooter: (props: {
3
+ channelConfig: AnalyticsChipInterface['channelConfig'];
4
+ }) => import("react/jsx-runtime").JSX.Element;
package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chat-channel.svg.js"),n=require("../../assets/icons/email-channel.svg.js"),a=require("../../assets/icons/instagram-channel.svg.js"),t=require("../../assets/icons/whatsapp-channel.svg.js"),r=require("../../constants/Theme.js"),l=require("../TypographyStyle.js");const i=s=>{const{ChannelIcon:n,value:a}=s;return e.jsxs("div",Object.assign({style:{display:"flex",gap:"4px"}},{children:[e.jsx(n,{width:12,height:12}),e.jsx(l.BodyTiny,Object.assign({color:r.COLORS.content.secondary},{children:a}))]}))};exports.AnalyticsChipChannelFooter=r=>{if(!r.channelConfig)return e.jsx(e.Fragment,{});const{whatsapp:l,instagram:c,email:o,sms:h}=r.channelConfig;return e.jsxs("div",Object.assign({style:{display:"flex",gap:"16px"}},{children:[!!l&&e.jsx(i,{ChannelIcon:t.default,value:l}),!!c&&e.jsx(i,{ChannelIcon:a.default,value:c}),!!o&&e.jsx(i,{ChannelIcon:n.default,value:o}),!!h&&e.jsx(i,{ChannelIcon:s.default,value:h})]}))};
package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts CHANGED
@@ -2,4 +2,5 @@ import React from 'react';
2
2
  import { AnalyticsChipInterface } from './AnalyticsChip';
3
3
  export declare const AnalyticsMultiChip: React.FC<{
4
4
  chipDetails: AnalyticsChipInterface[];
5
+ wrapperStyle?: React.CSSProperties;
5
6
  }>;
package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./AnalyticsChip.js"),i=require("./CommonStyles.js");exports.AnalyticsMultiChip=s=>{let{chipDetails:a}=s;return e.jsx(i.AnalyticsMultiWrapper,{children:a.map(((e,i)=>r.createElement(t.AnalyticsChip,Object.assign({},e,{key:i+"_chip"}))))})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./AnalyticsChip.js"),i=require("./CommonStyles.js");exports.AnalyticsMultiChip=s=>{let{chipDetails:l,wrapperStyle:a}=s;return e.jsx(i.AnalyticsMultiWrapper,Object.assign({style:null!=a?a:{}},{children:l.map(((e,i)=>r.createElement(t.AnalyticsChip,Object.assign({},e,{key:i+"_chip"}))))}))};
package/dist/cjs/components/bik-layout/MockMenus.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;
package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { TooltipProps } from '../tooltips/Tooltip';
2
3
  export interface DynamicTabsDetails {
3
4
  id: number;
4
5
  text: string;
@@ -18,5 +19,6 @@ export interface DynamicTabsProps {
18
19
  selectedTabId?: number;
19
20
  wrapperStyle?: React.CSSProperties;
20
21
  tabWidth?: string;
22
+ tooltipProps?: TooltipProps;
21
23
  }
22
24
  export declare const DynamicTabs: (props: DynamicTabsProps) => import("react/jsx-runtime").JSX.Element;
package/dist/cjs/components/dynamic-tabs/DynamicTabs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js");exports.DynamicTabs=d=>{var s;const[i,l]=o.useState(0),{tabsInfo:n,tabStyleInfo:a}=d;return o.useEffect((()=>{void 0!==d.selectedTabId&&null!==d.selectedTabId&&l(d.selectedTabId)}),[d.selectedTabId]),e.jsx("div",Object.assign({style:null!==(s=d.wrapperStyle)&&void 0!==s?s:{}},{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:r.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==a?void 0:a.size)?"unset":r.DEFAULT_THEME.colorsV2.surface.standard}},{children:n.map(((o,s)=>{var c,u,p,b,y,T,E,L;const v="CAPSULE"===a.type?null!==(u=null===(c=a.style)||void 0===c?void 0:c.borderTopLeftRadius)&&void 0!==u?u:20:0===s&&"SQUARE"===a.type?(null===(p=a.style)||void 0===p?void 0:p.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,x="CAPSULE"===a.type?null!==(y=null===(b=a.style)||void 0===b?void 0:b.borderTopLeftRadius)&&void 0!==y?y:20:s===n.length-1&&"SQUARE"===a.type?(null===(T=a.style)||void 0===T?void 0:T.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,f=o.id===i?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx("div",Object.assign({onClick:()=>{(e=>{l(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(E=d.tabWidth)&&void 0!==E?E:"110px",borderTop:`1px solid ${f}`,borderBottom:`1px solid ${f}`,borderLeft:`1px solid ${f}`,borderRight:`${s===n.length-1&&"SQUARE"===a.type||"CAPSULE"===a.type||o.id===i?1:0}px solid ${f}`,backgroundColor:o.id===i?r.DEFAULT_THEME.colorsV2.background.brandLight:r.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:v,borderBottomLeftRadius:v,borderTopRightRadius:x,borderBottomRightRadius:x,padding:"SMALL"===(null==a?void 0:a.size)?"2px 14px":"8px 24px",marginRight:null===(L=a.style)||void 0===L?void 0:L.marginRight,justifyContent:"space-around"}},{children:e.jsx(t.BodySecondary,Object.assign({style:{color:o.id===i?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}),o.id)}))}))}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),t=require("../../constants/Theme.js"),r=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js");exports.DynamicTabs=s=>{var i;const[l,n]=o.useState(0),{tabsInfo:a,tabStyleInfo:c}=s;return o.useEffect((()=>{void 0!==s.selectedTabId&&null!==s.selectedTabId&&n(s.selectedTabId)}),[s.selectedTabId]),e.jsx("div",Object.assign({style:null!==(i=s.wrapperStyle)&&void 0!==i?i:{}},{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:t.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==c?void 0:c.size)?"unset":t.DEFAULT_THEME.colorsV2.surface.standard}},{children:a.map(((o,i)=>{var u,p,b,T,y,E,v,L,x;const g="CAPSULE"===c.type?null!==(p=null===(u=c.style)||void 0===u?void 0:u.borderTopLeftRadius)&&void 0!==p?p:20:0===i&&"SQUARE"===c.type?(null===(b=c.style)||void 0===b?void 0:b.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,f="CAPSULE"===c.type?null!==(y=null===(T=c.style)||void 0===T?void 0:T.borderTopLeftRadius)&&void 0!==y?y:20:i===a.length-1&&"SQUARE"===c.type?(null===(E=c.style)||void 0===E?void 0:E.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,R=o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx(r.Tooltip,Object.assign({},null!==(v=s.tooltipProps)&&void 0!==v?v:{},{children:e.jsx("div",Object.assign({onClick:()=>{(e=>{n(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(L=s.tabWidth)&&void 0!==L?L:"110px",borderTop:`1px solid ${R}`,borderBottom:`1px solid ${R}`,borderLeft:`1px solid ${R}`,borderRight:`${i===a.length-1&&"SQUARE"===c.type||"CAPSULE"===c.type||o.id===l?1:0}px solid ${R}`,backgroundColor:o.id===l?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:g,borderBottomLeftRadius:g,borderTopRightRadius:f,borderBottomRightRadius:f,padding:"SMALL"===(null==c?void 0:c.size)?"2px 14px":"8px 24px",marginRight:null===(x=c.style)||void 0===x?void 0:x.marginRight,justifyContent:"space-around"}},{children:e.jsx(d.BodySecondary,Object.assign({style:{color:o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}))}),o.id)}))}))}))};
package/dist/cjs/components/plans/NewSubscriptionPlan.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../../assets/icons/checkCircle.svg.js"),i=require("../../assets/icons/quotes.svg.js"),a=require("../../assets/icons/WhiteStarFilled.svg.js"),n=require("../button/Button.js"),o=require("./SubscriptionPlanStyled.js"),r=require("../TypographyStyle.js"),l=require("../../hooks/useCurreny.js"),c=require("../../constants/Theme.js"),d=require("../tag/Tag.js");exports.NewSubscriptionPlan=h=>{var u;const{formatCurrency:j}=l.useCurrency(),p=h.showMonthlyOptions?h.features:h.annualFeatures||[],g=h.showMonthlyOptions?h.monthlyPlan:h.yearlyPlan,m=!h.isDisabled&&h.isMostPopular,x=h.showMonthlyOptions?h.code:null!==(u=h.yearlyCode)&&void 0!==u?u:h.code,{planName:b,isSelected:y=!1,isDisabled:O=!1,onPlanSelect:C,oldPrice:v,hideMonthYearTag:S,planDescription:T,planDescriptionDiscount:N,showTrialOptions:f,freeTrialMessages:L,extraBlockMessage:P,isLoading:w,buttonText:M,bottomDescription:k,showMonthlyOptions:B,popularTestimony:q,skipRadioSelection:R=!1,includeText:D,height:F,showFeaturesButton:$,businessDescription:_,isPlanSelected:z=!1,onClickShowAllFeatures:H,showSelectedPlanChip:W=!1,perMonthForYearly:I=!1,minHeightOfFeatures:U}=h,Y=e=>I&&!B?0==e?"$0":j(Math.round(e/12),"USD"):0==e?"$0":j(e,"USD");return e.jsxs(o.NewSubscriptionStyled,Object.assign({height:F,showMostPopularChip:m||!1,onClick:()=>C(x)},{children:[m&&e.jsxs("div",Object.assign({className:"most-popular-chip"},{children:[e.jsx(r.Caption,Object.assign({className:"popular-text"},{children:"Most popular "})),e.jsx(a.default,{height:12,width:12})]})),e.jsxs("div",Object.assign({className:`box ${O?"disabled":""} \n\t\t\t\t`},{children:[e.jsxs("div",Object.assign({className:"radio-flex"},{children:[!R&&e.jsx("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=O&&O,onChange:()=>C(x),className:"radio-button",checked:z}),e.jsx(r.TitleRegular,Object.assign({style:{color:c.COLORS.content.secondary,marginBottom:4}},{children:b})),W&&e.jsx("div",Object.assign({style:{marginLeft:"auto"}},{children:e.jsx(d.Tag,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),e.jsxs("div",Object.assign({className:"price-block"},{children:[v?e.jsx(r.BodyCaption,Object.assign({className:"old--price"},{children:Y(g.price)})):e.jsx(e.Fragment,{}),e.jsx(r.TitleLarge,Object.assign({style:{color:c.COLORS.content.primary}},{children:Y(v||g.price)})),e.jsx(r.Caption,Object.assign({style:{color:c.COLORS.content.secondary,marginLeft:4}},{children:S?"":"/ "+(B?"month":I?"month billed annually":"year")}))]})),T&&e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(r.BodyCaption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:T})),N&&e.jsx(r.BodyCaption,Object.assign({style:{color:c.COLORS.background.positive.vibrant,marginLeft:4}},{children:N}))]})),_&&_.length&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:_.map(((s,t)=>e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},dangerouslySetInnerHTML:{__html:s}},t)))})),f&&e.jsxs(r.Caption,Object.assign({className:"trial "+(y?"selected":"")},{children:["7 day free trial with ",L," messages"]})),P&&e.jsx(r.Caption,Object.assign({className:"trial "+(y?"selected":"")},{children:P})),e.jsx(r.TitleSmall,Object.assign({className:"extra-include-margin",style:{height:D?"":"20px"}},{children:D||""})),e.jsx("div",Object.assign({className:"features",style:{minHeight:U}},{children:p.map(((s,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx("div",{children:e.jsx(t.default,{height:20,width:20,color:c.COLORS.content.primary})}),e.jsx(r.BodyCaption,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),$&&e.jsx(n.Button,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),H&&H()}}),R&&e.jsx("div",Object.assign({className:"button-box"},{children:w?e.jsx(n.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[y&&e.jsx(n.Button,{disabled:O,LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:M||"Selected Plan"}),!y&&!O&&e.jsx(n.Button,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),C(x)},matchParentWidth:!0,buttonText:M||"Choose plan"})]})})),q&&e.jsxs("div",Object.assign({className:"popular-testimony"},{children:[e.jsx(i.default,{height:26,width:70}),e.jsx("div",Object.assign({className:"testimony-text"},{children:e.jsx("i",{children:q})}))]}))]})),k&&e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${O?"disabled":""}\n\t\t\t\t\t${y?"selected":""}\n\t\t\t\t`},{children:e.jsx(r.Caption,Object.assign({className:"text",style:{color:c.COLORS.background.inverse}},{children:k}))}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../../assets/icons/checkCircle.svg.js"),i=require("../../assets/icons/quotes.svg.js"),a=require("../../assets/icons/WhiteStarFilled.svg.js"),n=require("../button/Button.js"),o=require("./SubscriptionPlanStyled.js"),r=require("../TypographyStyle.js"),l=require("../../hooks/useCurreny.js"),c=require("../../constants/Theme.js"),d=require("../tag/Tag.js"),h=require("../tooltips/Tooltip.js");exports.NewSubscriptionPlan=u=>{var p;const{formatCurrency:j}=l.useCurrency(),g=u.showMonthlyOptions?u.features:u.annualFeatures||[],m=u.showMonthlyOptions?u.monthlyPlan:u.yearlyPlan,x=!u.isDisabled&&u.isMostPopular,b=u.showMonthlyOptions?u.code:null!==(p=u.yearlyCode)&&void 0!==p?p:u.code,{planName:y,isSelected:O=!1,isDisabled:C=!1,onPlanSelect:v,oldPrice:T,hideMonthYearTag:S,planDescription:N,planDescriptionDiscount:f,showTrialOptions:L,freeTrialMessages:P,extraBlockMessage:w,isLoading:M,buttonText:k,bottomDescription:q,showMonthlyOptions:B,popularTestimony:R,skipRadioSelection:D=!1,includeText:F,height:$,showFeaturesButton:_,businessDescription:z,isPlanSelected:H=!1,onClickShowAllFeatures:W,showSelectedPlanChip:I=!1,perMonthForYearly:U=!1,minHeightOfFeatures:Y,hoverTooltip:A}=u,E=e=>U&&!B?0==e?"$0":j(Math.round(e/12),"USD"):0==e?"$0":j(e,"USD");return e.jsx(h.Tooltip,Object.assign({body:A},{children:e.jsxs(o.NewSubscriptionStyled,Object.assign({height:$,showMostPopularChip:x||!1,onClick:()=>v(b)},{children:[x&&e.jsxs("div",Object.assign({className:"most-popular-chip"},{children:[e.jsx(r.Caption,Object.assign({className:"popular-text"},{children:"Most popular "})),e.jsx(a.default,{height:12,width:12})]})),e.jsxs("div",Object.assign({className:`box ${C?"disabled":""} \n\t\t\t\t`},{children:[e.jsxs("div",Object.assign({className:"radio-flex"},{children:[!D&&e.jsx("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=C&&C,onChange:()=>v(b),className:"radio-button",checked:H}),e.jsx(r.TitleRegular,Object.assign({style:{color:c.COLORS.content.secondary,marginBottom:4}},{children:y})),I&&e.jsx("div",Object.assign({style:{marginLeft:"auto"}},{children:e.jsx(d.Tag,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),e.jsxs("div",Object.assign({className:"price-block"},{children:[T?e.jsx(r.BodyCaption,Object.assign({className:"old--price"},{children:E(m.price)})):e.jsx(e.Fragment,{}),e.jsx(r.TitleLarge,Object.assign({style:{color:c.COLORS.content.primary}},{children:E(T||m.price)})),e.jsx(r.Caption,Object.assign({style:{color:c.COLORS.content.secondary,marginLeft:4}},{children:S?"":"/ "+(B?"month":U?"month billed annually":"year")}))]})),N&&e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(r.BodyCaption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:N})),f&&e.jsx(r.BodyCaption,Object.assign({style:{color:c.COLORS.background.positive.vibrant,marginLeft:4}},{children:f}))]})),z&&z.length&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:z.map(((s,t)=>e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},dangerouslySetInnerHTML:{__html:s}},t)))})),L&&e.jsxs(r.Caption,Object.assign({className:"trial "+(O?"selected":"")},{children:["7 day free trial with ",P," messages"]})),w&&e.jsx(r.Caption,Object.assign({className:"trial "+(O?"selected":"")},{children:w})),e.jsx(r.TitleSmall,Object.assign({className:"extra-include-margin",style:{height:F?"":"20px"}},{children:F||""})),e.jsx("div",Object.assign({className:"features",style:{minHeight:Y}},{children:g.map(((s,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx("div",{children:e.jsx(t.default,{height:20,width:20,color:c.COLORS.content.primary})}),e.jsx(r.BodyCaption,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),_&&e.jsx(n.Button,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),W&&W()}}),D&&e.jsx("div",Object.assign({className:"button-box"},{children:M?e.jsx(n.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[O&&e.jsx(n.Button,{disabled:C,LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:k||"Selected Plan"}),!O&&!C&&e.jsx(n.Button,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),v(b)},matchParentWidth:!0,buttonText:k||"Choose plan"})]})})),R&&e.jsxs("div",Object.assign({className:"popular-testimony"},{children:[e.jsx(i.default,{height:26,width:70}),e.jsx("div",Object.assign({className:"testimony-text"},{children:e.jsx("i",{children:R})}))]}))]})),q&&e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${C?"disabled":""}\n\t\t\t\t\t${O?"selected":""}\n\t\t\t\t`},{children:e.jsx(r.Caption,Object.assign({className:"text",style:{color:c.COLORS.background.inverse}},{children:q}))}))]}))}))};
package/dist/cjs/components/plans/SubscriptionPlan.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface SubscriptionPlanProps {
30
30
  annualFeatures?: PlanFeature[];
31
31
  hideMonthYearTag?: boolean;
32
32
  buttonText?: string;
33
+ hoverTooltip?: string;
33
34
  }
34
35
  type Props = SubscriptionPlanProps;
35
36
  export declare const SubscriptionPlan: FunctionComponent<Props>;
package/dist/cjs/components/template-context-mapper/modalElements/BackTrackComponent.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../checkBox/CheckBox.js"),a=require("../../TypographyStyle.js"),i=require("../../input/Input.js");exports.BackTrackComponent=s=>{const{backTrackMessage:n,setBackTrackMessage:c}=s,[l,o]=r.useState(!!n);return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px"}},{children:[e.jsx(t.CheckBox,{isChecked:l,onValueChange:()=>{l&&c&&c(""),o(!l)}}),e.jsx(a.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),l&&e.jsx("div",Object.assign({style:{margin:10}},{children:e.jsx(i.Input,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{c&&c(e)},height:"120px",maxCharLimit:1024,value:n,noErrorHint:!0,validate:e=>[!0,""]})}))]})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../checkBox/CheckBox.js"),a=require("../../TypographyStyle.js"),i=require("../../input/Input.js");exports.BackTrackComponent=s=>{const{backTrackMessage:n,setBackTrackMessage:c}=s,[l,x]=r.useState(!!n);return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"}},{children:[e.jsx(t.CheckBox,{isChecked:l,onValueChange:()=>{l&&c&&c(""),x(!l)}}),e.jsx(a.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),l&&e.jsx("div",Object.assign({style:{margin:10}},{children:e.jsx(i.Input,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{c&&c(e)},height:"120px",maxCharLimit:1024,value:n,noErrorHint:!0,validate:e=>[!0,""]})}))]})};
package/dist/cjs/components/template-context-mapper/modalElements/Body.js CHANGED
@@ -18,4 +18,5 @@
18
18
  overflow-y: auto;
19
19
  background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===o.CHANNEL_TYPE.WHATSAPP?`url(${d.BACKGROUND_PREVIEW_IMAGE});`:"none"};
20
20
  display: ${e=>e.hideDeviceContainerInPreview&&e.channel===o.CHANNEL_TYPE.WHATSAPP?"flex":"initial"};
21
+ align-items: flex-start;
21
22
  `;exports.default=i=>{const{showVariableMapping:d,showOnlyContent:v,whatsappSpecificPickerMeta:P,showVariableModal:g,variableList:E,discountCode:b,setDiscountCode:A,variableListForImage:j,showSampleValues:N,fileName:T,setFileName:y}=i,L=t.useRef(),S=t.useRef(),{device:_,display_content:M,channel:W,template:H,setTemplate:O,isWhatsappCarousel:V,isProductCarouselType:I,hideDeviceContainerInPreview:q}=r.useTemplateModalContext();const k=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxs(w,{children:[e.jsx(x,Object.assign({showOnlyContent:v,showVariableMapping:d,isWhatsappCarousel:V,hideDeviceContainerInPreview:q,channel:W},{children:"mobile"===_?e.jsx(m.default,{ref:S,display_content:null!=M?M:"",channel:W,template:H,showSampleValues:N}):W===o.CHANNEL_TYPE.WHATSAPP&&V?e.jsx(a.CarouselPreview,{ref:L,channel:W,template:H,showSampleValues:N,isPreview:!1,showArrows:!0}):W!==o.CHANNEL_TYPE.MESSAGE?e.jsx(c.default,{ref:L,channel:W,display_content:null!=M?M:"",showSampleValues:N}):e.jsx(e.Fragment,{})})),(I||d)&&e.jsx(f,Object.assign({channel:W,isWhatsappCarousel:V,showVariableMapping:!0},{children:W!==o.CHANNEL_TYPE.WHATSAPP?e.jsx(C.default,{onFocus:W===o.CHANNEL_TYPE.EMAIL?function(e){var t,i,a;const l=null===document||void 0===document?void 0:document.getElementById("mobile"===_?"template_html_mobile":"template_html_desktop"),n=p.getVariableNameForEmailByIndex(e+1),r=W===o.CHANNEL_TYPE.EMAIL?null===(t=null==l?void 0:l.contentWindow)||void 0===t?void 0:t.document.getElementById(n):document.getElementById(n),d=k(r),c=null==r?void 0:r.offsetLeft;"desktop"===_?d&&L.current&&(null===(i=null==l?void 0:l.contentWindow)||void 0===i||i.scrollTo(null!=c?c:0,d),u.highlightFor(n,s.COLORS.background.warning.light,2,W,_)):d&&S.current&&(null===(a=null==l?void 0:l.contentWindow)||void 0===a||a.scrollTo(null!=c?c:0,d),u.highlightFor(n,s.COLORS.background.warning.light,2,W,_))}:void 0,showVariableModal:g,variableList:E,discountCode:b,setDiscountCode:A}):W===o.CHANNEL_TYPE.WHATSAPP&&V?e.jsx(l.default,{whatsappSpecificPickerMeta:P,template:H,showVariableModal:g,variableList:E,variableListForImage:j,discountCode:b,setDiscountCode:A}):e.jsx(h.default,{whatsappSpecificPickerMeta:P,template:H,onTemplateChange:e=>{null==O||O(e)},showVariableModal:g,variableList:E,variableListForImage:j,discountCode:b,setDiscountCode:A,fileName:T,setFileName:y})})),W===o.CHANNEL_TYPE.WHATSAPP&&!d&&!I&&e.jsx(f,{children:e.jsx(n.BodySecondary,Object.assign({color:s.COLORS.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};
package/dist/cjs/components/tooltips/TooltipInternal.d.ts CHANGED
@@ -2,7 +2,7 @@ import { FunctionComponent } from 'react';
2
2
  import { ButtonProps } from "../button/model";
3
3
  export interface TooltipInternalProps {
4
4
  title?: string;
5
- body: string;
5
+ body?: string;
6
6
  buttonProps?: ButtonProps;
7
7
  delay?: number;
8
8
  variant?: 'light' | 'dark';
package/dist/esm/assets/icons/chat-channel.svg.js ADDED
@@ -0,0 +1 @@
1
+ import*as e from"react";var t,a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},r.apply(this,arguments)}var l=l=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},l),t||(t=e.createElement("g",{stroke:"#28458F",clipPath:"url(#chat-channel_svg__a)"},e.createElement("path",{strokeWidth:1.67,d:"M6.203 17.034c-.188 0-.373.035-.547.106l-.017.007-2.702.976-.02.007-.02.009a.347.347 0 0 1-.106.026.197.197 0 0 1-.182-.19.336.336 0 0 1 .013-.078l.003-.007.002-.008.737-2.668a1.18 1.18 0 0 0-.123-.917l-.005-.01-.01-.018-.01-.018a.917.917 0 0 0-.02-.03l-.01-.013-.01-.016-.015-.02-.024-.034-.006-.009a.04.04 0 0 1-.001-.002l-.007-.01a7.83 7.83 0 0 1-1.288-4.303v-.003c-.006-2.089.809-4.063 2.306-5.566 1.55-1.554 3.624-2.41 5.852-2.41 1.887-.001 3.717.64 5.19 1.819a7.976 7.976 0 0 1 2.808 4.531v.003a7.74 7.74 0 0 1 .174 1.632c0 2.15-.824 4.162-2.32 5.676-1.508 1.526-3.531 2.366-5.708 2.366-.742 0-1.741-.197-2.215-.33H7.92c-.538-.151-1.053-.345-1.188-.396l-.022-.008a1.443 1.443 0 0 0-.507-.094Zm0 0h.002l-.005.835.002-.835Z"}),e.createElement("path",{strokeLinecap:"round",strokeWidth:1.389,d:"M6.667 8.333h7.5M6.667 11.667h5"}))),a||(a=e.createElement("defs",null,e.createElement("clipPath",{id:"chat-channel_svg__a"},e.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"})))));export{l as default};
package/dist/esm/assets/icons/email-channel.svg.js ADDED
@@ -0,0 +1 @@
1
+ import*as e from"react";var t;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},r.apply(this,arguments)}var a=a=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},a),t||(t=e.createElement("path",{fill:"red",fillRule:"evenodd",d:"M17.25 4.513V13.5c0 1.24-1.01 2.25-2.25 2.25H3c-1.24 0-2.25-1.01-2.25-2.25v-9C.75 3.26 1.76 2.25 3 2.25h12a2.254 2.254 0 0 1 2.25 2.263ZM2.33 4.165A.754.754 0 0 1 3 3.75h12c.291 0 .546.17.67.415L9 8.835l-6.67-4.67ZM2.25 5.94v7.56c0 .41.34.75.75.75h12c.41 0 .75-.34.75-.75V5.94l-6.32 4.424a.75.75 0 0 1-.86 0L2.25 5.94Z",clipRule:"evenodd"})));export{a as default};
package/dist/esm/assets/icons/instagram-channel.svg.js ADDED
@@ -0,0 +1 @@
1
+ import*as e from"react";var t,a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},r.apply(this,arguments)}var n=n=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},n),t||(t=e.createElement("g",{clipPath:"url(#instagram-channel_svg__a)"},e.createElement("path",{fill:"url(#instagram-channel_svg__b)",d:"M9.002.747c-3.445 0-4.453.004-4.649.02-.707.059-1.147.17-1.626.409-.37.183-.66.396-.948.694-.524.543-.841 1.212-.956 2.007-.056.386-.072.464-.075 2.435-.002.657 0 1.522 0 2.682 0 3.442.003 4.449.02 4.644.057.688.165 1.121.393 1.595a3.476 3.476 0 0 0 2.254 1.84c.34.088.715.136 1.198.159.204.009 2.287.015 4.371.015 2.085 0 4.169-.002 4.368-.012.559-.027.883-.07 1.242-.163a3.456 3.456 0 0 0 2.253-1.844c.224-.462.337-.912.389-1.564.011-.142.016-2.409.016-4.672 0-2.264-.005-4.527-.017-4.669-.052-.663-.165-1.108-.396-1.579a3.27 3.27 0 0 0-.707-.968c-.546-.521-1.213-.839-2.01-.953-.385-.056-.461-.073-2.434-.076H9.002Z"}),e.createElement("path",{fill:"url(#instagram-channel_svg__c)",d:"M9.002.747c-3.445 0-4.453.004-4.649.02-.707.059-1.147.17-1.626.409-.37.183-.66.396-.948.694-.524.543-.841 1.212-.956 2.007-.056.386-.072.464-.075 2.435-.002.657 0 1.522 0 2.682 0 3.442.003 4.449.02 4.644.057.688.165 1.121.393 1.595a3.476 3.476 0 0 0 2.254 1.84c.34.088.715.136 1.198.159.204.009 2.287.015 4.371.015 2.085 0 4.169-.002 4.368-.012.559-.027.883-.07 1.242-.163a3.456 3.456 0 0 0 2.253-1.844c.224-.462.337-.912.389-1.564.011-.142.016-2.409.016-4.672 0-2.264-.005-4.527-.017-4.669-.052-.663-.165-1.108-.396-1.579-.19-.385-.4-.673-.707-.968-.546-.521-1.213-.839-2.01-.953-.385-.056-.461-.073-2.434-.076H9.002Z"}),e.createElement("path",{fill:"#fff",d:"M9.002 2.91c-1.654 0-1.862.006-2.512.036-.649.03-1.091.132-1.479.283-.4.156-.74.364-1.079.703a2.99 2.99 0 0 0-.703 1.079c-.151.387-.254.83-.283 1.479-.03.65-.037.857-.037 2.512s.008 1.862.037 2.512c.03.648.133 1.091.283 1.479.156.4.364.74.703 1.079.338.339.678.547 1.079.703.387.15.83.253 1.479.283.65.03.857.037 2.512.037s1.862-.007 2.512-.037c.648-.03 1.091-.132 1.48-.283.4-.156.74-.364 1.078-.703a2.99 2.99 0 0 0 .703-1.08c.15-.387.252-.83.283-1.478.03-.65.037-.857.037-2.512s-.008-1.862-.037-2.512c-.03-.649-.133-1.092-.283-1.479a2.99 2.99 0 0 0-.703-1.08 2.977 2.977 0 0 0-1.08-.702c-.388-.15-.83-.253-1.48-.283-.65-.03-.856-.037-2.511-.037h.001Zm-.546 1.097h.546c1.627 0 1.82.006 2.462.035.595.027.917.127 1.132.21.284.11.487.242.7.456.213.213.345.416.456.7.083.215.183.537.21 1.131.029.643.035.836.035 2.462 0 1.626-.006 1.819-.035 2.46-.027.595-.127.917-.21 1.132-.11.284-.243.487-.456.7a1.883 1.883 0 0 1-.7.456c-.215.083-.537.182-1.132.21-.642.029-.835.035-2.462.035-1.626 0-1.82-.006-2.462-.035-.594-.028-.916-.127-1.131-.21a1.886 1.886 0 0 1-.7-.456 1.888 1.888 0 0 1-.457-.7c-.083-.215-.182-.537-.21-1.132-.029-.642-.034-.835-.034-2.462 0-1.627.005-1.819.035-2.461.027-.594.126-.917.21-1.131.11-.285.242-.488.455-.701.214-.213.417-.345.701-.456.215-.084.537-.183 1.131-.21.562-.025.78-.033 1.916-.034v.001Zm3.799 1.012a.731.731 0 1 0 0 1.462.731.731 0 0 0 0-1.462Zm-3.253.854a3.13 3.13 0 1 0 0 6.258 3.13 3.13 0 0 0 0-6.258Zm0 1.098a2.031 2.031 0 1 1 0 4.062 2.031 2.031 0 0 1 0-4.062Z"}))),a||(a=e.createElement("defs",null,e.createElement("radialGradient",{id:"instagram-channel_svg__b",cx:0,cy:0,r:1,gradientTransform:"matrix(0 -16.3528 15.2136 0 5.131 18.518)",gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#FD5"}),e.createElement("stop",{offset:.1,stopColor:"#FD5"}),e.createElement("stop",{offset:.5,stopColor:"#FF543E"}),e.createElement("stop",{offset:1,stopColor:"#C837AB"})),e.createElement("radialGradient",{id:"instagram-channel_svg__c",cx:0,cy:0,r:1,gradientTransform:"rotate(78.678 -2.19 -.263) scale(7.30987 30.1392)",gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#3771C8"}),e.createElement("stop",{offset:.128,stopColor:"#3771C8"}),e.createElement("stop",{offset:1,stopColor:"#60F",stopOpacity:0})),e.createElement("clipPath",{id:"instagram-channel_svg__a"},e.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));export{n as default};
package/dist/esm/assets/icons/whatsapp-channel.svg.js ADDED
@@ -0,0 +1 @@
1
+ import*as e from"react";var t,a;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},l.apply(this,arguments)}var n=n=>e.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},n),t||(t=e.createElement("g",{clipPath:"url(#whatsapp-channel_svg__a)"},e.createElement("path",{fill:"url(#whatsapp-channel_svg__b)",d:"M.383 8.892c0 1.513.398 2.99 1.155 4.29L.311 17.63l4.586-1.193a8.702 8.702 0 0 0 4.135 1.044h.003c4.769 0 8.65-3.85 8.652-8.582.001-2.293-.898-4.45-2.532-6.072A8.632 8.632 0 0 0 9.035.311C4.266.31.385 4.16.383 8.892"}),e.createElement("path",{fill:"url(#whatsapp-channel_svg__c)",d:"M.075 8.89c0 1.566.412 3.096 1.197 4.444L0 17.941l4.751-1.237a9.014 9.014 0 0 0 4.283 1.083h.004c4.939 0 8.96-3.989 8.962-8.89 0-2.376-.93-4.61-2.623-6.29A8.942 8.942 0 0 0 9.037 0C4.098 0 .078 3.988.076 8.89Zm2.83 4.212-.178-.28A7.327 7.327 0 0 1 1.588 8.89C1.59 4.816 4.932 1.501 9.04 1.501c1.99.001 3.86.77 5.267 2.167a7.316 7.316 0 0 1 2.18 5.228c-.002 4.074-3.344 7.39-7.45 7.39h-.002a7.485 7.485 0 0 1-3.792-1.031l-.272-.16-2.82.733.754-2.726Z"}),e.createElement("path",{fill:"#fff",d:"M6.796 5.17c-.167-.37-.344-.377-.503-.384-.131-.005-.28-.005-.43-.005a.826.826 0 0 0-.597.278c-.205.223-.784.76-.784 1.853 0 1.094.803 2.15.915 2.298.112.149 1.549 2.464 3.825 3.354 1.892.74 2.277.593 2.687.556.41-.037 1.325-.537 1.512-1.056.187-.519.187-.963.13-1.056-.055-.093-.205-.149-.429-.26-.224-.11-1.325-.648-1.53-.723-.205-.074-.354-.11-.504.112-.15.222-.578.722-.709.87-.13.15-.261.168-.485.056-.224-.111-.945-.345-1.8-1.102-.667-.59-1.116-1.317-1.247-1.54-.13-.221-.014-.342.099-.452.1-.1.224-.26.336-.39.111-.13.149-.222.223-.37.075-.148.038-.278-.018-.39-.056-.11-.491-1.21-.69-1.649"}))),a||(a=e.createElement("defs",null,e.createElement("linearGradient",{id:"whatsapp-channel_svg__b",x1:8.999,x2:8.999,y1:17.63,y2:.311,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#1FAF38"}),e.createElement("stop",{offset:1,stopColor:"#60D669"})),e.createElement("linearGradient",{id:"whatsapp-channel_svg__c",x1:9,x2:9,y1:17.941,y2:0,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#F9F9F9"}),e.createElement("stop",{offset:1,stopColor:"#fff"})),e.createElement("clipPath",{id:"whatsapp-channel_svg__a"},e.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));export{n as default};
package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts CHANGED
@@ -36,7 +36,7 @@ export declare class MetaCustomProcessor {
36
36
  value: {
37
37
  operator: string;
38
38
  dataType: import("../types").QueryBuilderConnectorType;
39
- value?: string | number | string[] | Date | number[] | Date[] | undefined;
39
+ value?: string | number | string[] | number[] | Date | Date[] | undefined;
40
40
  };
41
41
  key: string;
42
42
  refresh?: boolean | undefined;
package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts CHANGED
@@ -8,5 +8,12 @@ export interface AnalyticsChipInterface {
8
8
  width?: number | string;
9
9
  extraJSX?: JSX.Element;
10
10
  tooltipContent?: string;
11
+ style?: React.CSSProperties;
12
+ channelConfig?: {
13
+ whatsapp?: string;
14
+ instagram?: string;
15
+ email?: string;
16
+ sms?: string;
17
+ };
11
18
  }
12
19
  export declare const AnalyticsChip: React.FC<AnalyticsChipInterface>;
package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.js CHANGED
@@ -1 +1 @@
1
- import{jsxs as o,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/info.svg.js";import{Tooltip as s}from"../tooltips/Tooltip.js";import{BASE_COLORS as i}from"../../constants/Theme.js";import{BodyCaption as e,TitleLarge as c}from"../TypographyStyle.js";import{AnalyticsChipContainer as l}from"./CommonStyles.js";const n=n=>{const{title:a,primaryValue:m,titleColor:p,captionColor:d=i.grayscale[700],backgroundColor:g=i.grayscale[50],width:h="224.67px",extraJSX:j,tooltipContent:y}=n;return o(l,Object.assign({backgroundColor:g,width:h},{children:[o("div",Object.assign({className:"sub--container"},{children:[t(e,Object.assign({style:{color:d}},{children:a})),y&&t(s,Object.assign({body:y},{children:t("div",{children:t(r,{height:14.67,width:14.67,color:i.grayscale[500]})})}))]})),t(c,Object.assign({style:{color:p}},{children:m})),j]}))};export{n as AnalyticsChip};
1
+ import{jsxs as o,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/info.svg.js";import{Tooltip as e}from"../tooltips/Tooltip.js";import{BASE_COLORS as i}from"../../constants/Theme.js";import{BodyCaption as s,TitleLarge as n}from"../TypographyStyle.js";import{AnalyticsChipChannelFooter as l}from"./AnalyticsChipChannelFooter.js";import{AnalyticsChipContainer as c}from"./CommonStyles.js";const a=a=>{const{title:m,primaryValue:h,titleColor:p,captionColor:g=i.grayscale[700],backgroundColor:d=i.grayscale[50],width:y="224.67px",extraJSX:j,tooltipContent:f,channelConfig:C,style:b}=a;return o(c,Object.assign({style:null!=b?b:{},backgroundColor:d,width:y},{children:[o("div",Object.assign({className:"sub--container"},{children:[t(s,Object.assign({style:{color:g}},{children:m})),f&&t(e,Object.assign({body:f},{children:t("div",{children:t(r,{height:14.67,width:14.67,color:i.grayscale[500]})})}))]})),t(n,Object.assign({style:{color:p}},{children:h})),C&&t(l,{channelConfig:C}),j]}))};export{a as AnalyticsChip};
package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { AnalyticsChipInterface } from './AnalyticsChip';
2
+ export declare const AnalyticsChipChannelFooter: (props: {
3
+ channelConfig: AnalyticsChipInterface['channelConfig'];
4
+ }) => import("react/jsx-runtime").JSX.Element;
package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.js ADDED
@@ -0,0 +1 @@
1
+ import{jsx as n,Fragment as s,jsxs as e}from"react/jsx-runtime";import a from"../../assets/icons/chat-channel.svg.js";import t from"../../assets/icons/email-channel.svg.js";import o from"../../assets/icons/instagram-channel.svg.js";import i from"../../assets/icons/whatsapp-channel.svg.js";import{COLORS as r}from"../../constants/Theme.js";import{BodyTiny as c}from"../TypographyStyle.js";const l=r=>{if(!r.channelConfig)return n(s,{});const{whatsapp:c,instagram:l,email:m,sms:p}=r.channelConfig;return e("div",Object.assign({style:{display:"flex",gap:"16px"}},{children:[!!c&&n(h,{ChannelIcon:i,value:c}),!!l&&n(h,{ChannelIcon:o,value:l}),!!m&&n(h,{ChannelIcon:t,value:m}),!!p&&n(h,{ChannelIcon:a,value:p})]}))},h=s=>{const{ChannelIcon:a,value:t}=s;return e("div",Object.assign({style:{display:"flex",gap:"4px"}},{children:[n(a,{width:12,height:12}),n(c,Object.assign({color:r.content.secondary},{children:t}))]}))};export{l as AnalyticsChipChannelFooter};
package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts CHANGED
@@ -2,4 +2,5 @@ import React from 'react';
2
2
  import { AnalyticsChipInterface } from './AnalyticsChip';
3
3
  export declare const AnalyticsMultiChip: React.FC<{
4
4
  chipDetails: AnalyticsChipInterface[];
5
+ wrapperStyle?: React.CSSProperties;
5
6
  }>;
package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js CHANGED
@@ -1 +1 @@
1
- import{jsx as r}from"react/jsx-runtime";import{createElement as t}from"react";import{AnalyticsChip as i}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as m}from"./CommonStyles.js";const o=o=>{let{chipDetails:e}=o;return r(m,{children:e.map(((r,m)=>t(i,Object.assign({},r,{key:m+"_chip"}))))})};export{o as AnalyticsMultiChip};
1
+ import{jsx as t}from"react/jsx-runtime";import{createElement as r}from"react";import{AnalyticsChip as e}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as i}from"./CommonStyles.js";const m=m=>{let{chipDetails:o,wrapperStyle:s}=m;return t(i,Object.assign({style:null!=s?s:{}},{children:o.map(((t,i)=>r(e,Object.assign({},t,{key:i+"_chip"}))))}))};export{m as AnalyticsMultiChip};
package/dist/esm/components/bik-layout/MockMenus.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;
package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { TooltipProps } from '../tooltips/Tooltip';
2
3
  export interface DynamicTabsDetails {
3
4
  id: number;
4
5
  text: string;
@@ -18,5 +19,6 @@ export interface DynamicTabsProps {
18
19
  selectedTabId?: number;
19
20
  wrapperStyle?: React.CSSProperties;
20
21
  tabWidth?: string;
22
+ tooltipProps?: TooltipProps;
21
23
  }
22
24
  export declare const DynamicTabs: (props: DynamicTabsProps) => import("react/jsx-runtime").JSX.Element;
package/dist/esm/components/dynamic-tabs/DynamicTabs.js CHANGED
@@ -1 +1 @@
1
- import{jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import{BodySecondary as d}from"../TypographyStyle.js";const i=i=>{var l;const[s,n]=e(0),{tabsInfo:a,tabStyleInfo:c}=i;return t((()=>{void 0!==i.selectedTabId&&null!==i.selectedTabId&&n(i.selectedTabId)}),[i.selectedTabId]),o("div",Object.assign({style:null!==(l=i.wrapperStyle)&&void 0!==l?l:{}},{children:o("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:r.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==c?void 0:c.size)?"unset":r.colorsV2.surface.standard}},{children:a.map(((e,t)=>{var l,p,u,b,y,v,f,g;const m="CAPSULE"===c.type?null!==(p=null===(l=c.style)||void 0===l?void 0:l.borderTopLeftRadius)&&void 0!==p?p:20:0===t&&"SQUARE"===c.type?(null===(u=c.style)||void 0===u?void 0:u.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,R="CAPSULE"===c.type?null!==(y=null===(b=c.style)||void 0===b?void 0:b.borderTopLeftRadius)&&void 0!==y?y:20:t===a.length-1&&"SQUARE"===c.type?(null===(v=c.style)||void 0===v?void 0:v.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,L=e.id===s?r.colorsV2.content.brand:r.colorsV2.stroke.primary;return o("div",Object.assign({onClick:()=>{(o=>{n(o.id),o.action(o.text)})(e)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(f=i.tabWidth)&&void 0!==f?f:"110px",borderTop:`1px solid ${L}`,borderBottom:`1px solid ${L}`,borderLeft:`1px solid ${L}`,borderRight:`${t===a.length-1&&"SQUARE"===c.type||"CAPSULE"===c.type||e.id===s?1:0}px solid ${L}`,backgroundColor:e.id===s?r.colorsV2.background.brandLight:r.colorsV2.surface.standard,borderTopLeftRadius:m,borderBottomLeftRadius:m,borderTopRightRadius:R,borderBottomRightRadius:R,padding:"SMALL"===(null==c?void 0:c.size)?"2px 14px":"8px 24px",marginRight:null===(g=c.style)||void 0===g?void 0:g.marginRight,justifyContent:"space-around"}},{children:o(d,Object.assign({style:{color:e.id===s?r.colorsV2.content.brand:r.colorsV2.content.secondary}},{children:e.text}))}),e.id)}))}))}))};export{i as DynamicTabs};
1
+ import{jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as e}from"react";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as i}from"../TypographyStyle.js";const l=l=>{var s;const[n,a]=t(0),{tabsInfo:p,tabStyleInfo:c}=l;return e((()=>{void 0!==l.selectedTabId&&null!==l.selectedTabId&&a(l.selectedTabId)}),[l.selectedTabId]),o("div",Object.assign({style:null!==(s=l.wrapperStyle)&&void 0!==s?s:{}},{children:o("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:r.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==c?void 0:c.size)?"unset":r.colorsV2.surface.standard}},{children:p.map(((t,e)=>{var s,u,b,y,v,f,g,m,R;const h="CAPSULE"===c.type?null!==(u=null===(s=c.style)||void 0===s?void 0:s.borderTopLeftRadius)&&void 0!==u?u:20:0===e&&"SQUARE"===c.type?(null===(b=c.style)||void 0===b?void 0:b.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,L="CAPSULE"===c.type?null!==(v=null===(y=c.style)||void 0===y?void 0:y.borderTopLeftRadius)&&void 0!==v?v:20:e===p.length-1&&"SQUARE"===c.type?(null===(f=c.style)||void 0===f?void 0:f.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,x=t.id===n?r.colorsV2.content.brand:r.colorsV2.stroke.primary;return o(d,Object.assign({},null!==(g=l.tooltipProps)&&void 0!==g?g:{},{children:o("div",Object.assign({onClick:()=>{(o=>{a(o.id),o.action(o.text)})(t)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(m=l.tabWidth)&&void 0!==m?m:"110px",borderTop:`1px solid ${x}`,borderBottom:`1px solid ${x}`,borderLeft:`1px solid ${x}`,borderRight:`${e===p.length-1&&"SQUARE"===c.type||"CAPSULE"===c.type||t.id===n?1:0}px solid ${x}`,backgroundColor:t.id===n?r.colorsV2.background.brandLight:r.colorsV2.surface.standard,borderTopLeftRadius:h,borderBottomLeftRadius:h,borderTopRightRadius:L,borderBottomRightRadius:L,padding:"SMALL"===(null==c?void 0:c.size)?"2px 14px":"8px 24px",marginRight:null===(R=c.style)||void 0===R?void 0:R.marginRight,justifyContent:"space-around"}},{children:o(i,Object.assign({style:{color:t.id===n?r.colorsV2.content.brand:r.colorsV2.content.secondary}},{children:t.text}))}))}),t.id)}))}))}))};export{l as DynamicTabs};
package/dist/esm/components/plans/NewSubscriptionPlan.js CHANGED
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import a from"../../assets/icons/checkCircle.svg.js";import n from"../../assets/icons/quotes.svg.js";import o from"../../assets/icons/WhiteStarFilled.svg.js";import{Button as r}from"../button/Button.js";import{NewSubscriptionStyled as l}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as d,BodyCaption as h,TitleLarge as m,TitleSmall as p}from"../TypographyStyle.js";import{useCurrency as g}from"../../hooks/useCurreny.js";import{COLORS as u}from"../../constants/Theme.js";import{Tag as b}from"../tag/Tag.js";const y=y=>{var j;const{formatCurrency:O}=g(),f=y.showMonthlyOptions?y.features:y.annualFeatures||[],v=y.showMonthlyOptions?y.monthlyPlan:y.yearlyPlan,T=!y.isDisabled&&y.isMostPopular,N=y.showMonthlyOptions?y.code:null!==(j=y.yearlyCode)&&void 0!==j?j:y.code,{planName:x,isSelected:P=!1,isDisabled:S=!1,onPlanSelect:k,oldPrice:C,hideMonthYearTag:M,planDescription:w,planDescriptionDiscount:D,showTrialOptions:L,freeTrialMessages:F,extraBlockMessage:$,isLoading:z,buttonText:B,bottomDescription:H,showMonthlyOptions:W,popularTestimony:_,skipRadioSelection:I=!1,includeText:U,height:Y,showFeaturesButton:q,businessDescription:A,isPlanSelected:R=!1,onClickShowAllFeatures:E,showSelectedPlanChip:G=!1,perMonthForYearly:J=!1,minHeightOfFeatures:K}=y,Q=e=>J&&!W?0==e?"$0":O(Math.round(e/12),"USD"):0==e?"$0":O(e,"USD");return e(l,Object.assign({height:Y,showMostPopularChip:T||!1,onClick:()=>k(N)},{children:[T&&e("div",Object.assign({className:"most-popular-chip"},{children:[t(c,Object.assign({className:"popular-text"},{children:"Most popular "})),t(o,{height:12,width:12})]})),e("div",Object.assign({className:`box ${S?"disabled":""} \n\t\t\t\t`},{children:[e("div",Object.assign({className:"radio-flex"},{children:[!I&&t("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=S&&S,onChange:()=>k(N),className:"radio-button",checked:R}),t(d,Object.assign({style:{color:u.content.secondary,marginBottom:4}},{children:x})),G&&t("div",Object.assign({style:{marginLeft:"auto"}},{children:t(b,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),e("div",Object.assign({className:"price-block"},{children:[C?t(h,Object.assign({className:"old--price"},{children:Q(v.price)})):t(s,{}),t(m,Object.assign({style:{color:u.content.primary}},{children:Q(C||v.price)})),t(c,Object.assign({style:{color:u.content.secondary,marginLeft:4}},{children:M?"":"/ "+(W?"month":J?"month billed annually":"year")}))]})),w&&e("div",Object.assign({className:"per-message-price"},{children:[t(h,Object.assign({style:{color:u.content.secondary}},{children:w})),D&&t(h,Object.assign({style:{color:u.background.positive.vibrant,marginLeft:4}},{children:D}))]})),A&&A.length&&t("div",Object.assign({style:{marginTop:4}},{children:A.map(((e,s)=>t(h,{style:{color:u.content.secondary},dangerouslySetInnerHTML:{__html:e}},s)))})),L&&e(c,Object.assign({className:"trial "+(P?"selected":"")},{children:["7 day free trial with ",F," messages"]})),$&&t(c,Object.assign({className:"trial "+(P?"selected":"")},{children:$})),t(p,Object.assign({className:"extra-include-margin",style:{height:U?"":"20px"}},{children:U||""})),t("div",Object.assign({className:"features",style:{minHeight:K}},{children:f.map(((s,i)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(a,{height:20,width:20,color:u.content.primary})}),t(h,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),q&&t(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),E&&E()}}),I&&t("div",Object.assign({className:"button-box"},{children:z?t(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(s,{children:[P&&t(r,{disabled:S,LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:B||"Selected Plan"}),!P&&!S&&t(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),k(N)},matchParentWidth:!0,buttonText:B||"Choose plan"})]})})),_&&e("div",Object.assign({className:"popular-testimony"},{children:[t(n,{height:26,width:70}),t("div",Object.assign({className:"testimony-text"},{children:t("i",{children:_})}))]}))]})),H&&t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${S?"disabled":""}\n\t\t\t\t\t${P?"selected":""}\n\t\t\t\t`},{children:t(c,Object.assign({className:"text",style:{color:u.background.inverse}},{children:H}))}))]}))};export{y as NewSubscriptionPlan};
1
+ import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import a from"../../assets/icons/checkCircle.svg.js";import n from"../../assets/icons/quotes.svg.js";import o from"../../assets/icons/WhiteStarFilled.svg.js";import{Button as r}from"../button/Button.js";import{NewSubscriptionStyled as l}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as d,BodyCaption as h,TitleLarge as m,TitleSmall as p}from"../TypographyStyle.js";import{useCurrency as g}from"../../hooks/useCurreny.js";import{COLORS as b}from"../../constants/Theme.js";import{Tag as u}from"../tag/Tag.js";import{Tooltip as y}from"../tooltips/Tooltip.js";const j=j=>{var O;const{formatCurrency:f}=g(),v=j.showMonthlyOptions?j.features:j.annualFeatures||[],T=j.showMonthlyOptions?j.monthlyPlan:j.yearlyPlan,N=!j.isDisabled&&j.isMostPopular,x=j.showMonthlyOptions?j.code:null!==(O=j.yearlyCode)&&void 0!==O?O:j.code,{planName:P,isSelected:S=!1,isDisabled:k=!1,onPlanSelect:C,oldPrice:M,hideMonthYearTag:w,planDescription:D,planDescriptionDiscount:L,showTrialOptions:F,freeTrialMessages:$,extraBlockMessage:z,isLoading:B,buttonText:H,bottomDescription:W,showMonthlyOptions:_,popularTestimony:I,skipRadioSelection:U=!1,includeText:Y,height:q,showFeaturesButton:A,businessDescription:R,isPlanSelected:E=!1,onClickShowAllFeatures:G,showSelectedPlanChip:J=!1,perMonthForYearly:K=!1,minHeightOfFeatures:Q,hoverTooltip:V}=j,X=e=>K&&!_?0==e?"$0":f(Math.round(e/12),"USD"):0==e?"$0":f(e,"USD");return e(y,Object.assign({body:V},{children:t(l,Object.assign({height:q,showMostPopularChip:N||!1,onClick:()=>C(x)},{children:[N&&t("div",Object.assign({className:"most-popular-chip"},{children:[e(c,Object.assign({className:"popular-text"},{children:"Most popular "})),e(o,{height:12,width:12})]})),t("div",Object.assign({className:`box ${k?"disabled":""} \n\t\t\t\t`},{children:[t("div",Object.assign({className:"radio-flex"},{children:[!U&&e("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=k&&k,onChange:()=>C(x),className:"radio-button",checked:E}),e(d,Object.assign({style:{color:b.content.secondary,marginBottom:4}},{children:P})),J&&e("div",Object.assign({style:{marginLeft:"auto"}},{children:e(u,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),t("div",Object.assign({className:"price-block"},{children:[M?e(h,Object.assign({className:"old--price"},{children:X(T.price)})):e(s,{}),e(m,Object.assign({style:{color:b.content.primary}},{children:X(M||T.price)})),e(c,Object.assign({style:{color:b.content.secondary,marginLeft:4}},{children:w?"":"/ "+(_?"month":K?"month billed annually":"year")}))]})),D&&t("div",Object.assign({className:"per-message-price"},{children:[e(h,Object.assign({style:{color:b.content.secondary}},{children:D})),L&&e(h,Object.assign({style:{color:b.background.positive.vibrant,marginLeft:4}},{children:L}))]})),R&&R.length&&e("div",Object.assign({style:{marginTop:4}},{children:R.map(((t,s)=>e(h,{style:{color:b.content.secondary},dangerouslySetInnerHTML:{__html:t}},s)))})),F&&t(c,Object.assign({className:"trial "+(S?"selected":"")},{children:["7 day free trial with ",$," messages"]})),z&&e(c,Object.assign({className:"trial "+(S?"selected":"")},{children:z})),e(p,Object.assign({className:"extra-include-margin",style:{height:Y?"":"20px"}},{children:Y||""})),e("div",Object.assign({className:"features",style:{minHeight:Q}},{children:v.map(((s,i)=>t("div",Object.assign({className:"feature"},{children:[e("div",{children:e(a,{height:20,width:20,color:b.content.primary})}),e(h,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),A&&e(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),G&&G()}}),U&&e("div",Object.assign({className:"button-box"},{children:B?e(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):t(s,{children:[S&&e(r,{disabled:k,LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:H||"Selected Plan"}),!S&&!k&&e(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),C(x)},matchParentWidth:!0,buttonText:H||"Choose plan"})]})})),I&&t("div",Object.assign({className:"popular-testimony"},{children:[e(n,{height:26,width:70}),e("div",Object.assign({className:"testimony-text"},{children:e("i",{children:I})}))]}))]})),W&&e("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${k?"disabled":""}\n\t\t\t\t\t${S?"selected":""}\n\t\t\t\t`},{children:e(c,Object.assign({className:"text",style:{color:b.background.inverse}},{children:W}))}))]}))}))};export{j as NewSubscriptionPlan};
package/dist/esm/components/plans/SubscriptionPlan.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface SubscriptionPlanProps {
30
30
  annualFeatures?: PlanFeature[];
31
31
  hideMonthYearTag?: boolean;
32
32
  buttonText?: string;
33
+ hoverTooltip?: string;
33
34
  }
34
35
  type Props = SubscriptionPlanProps;
35
36
  export declare const SubscriptionPlan: FunctionComponent<Props>;
package/dist/esm/components/template-context-mapper/modalElements/BackTrackComponent.js CHANGED
@@ -1 +1 @@
1
- import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as i}from"react";import{CheckBox as a}from"../../checkBox/CheckBox.js";import{TitleSmall as n}from"../../TypographyStyle.js";import{Input as s}from"../../input/Input.js";const c=c=>{const{backTrackMessage:o,setBackTrackMessage:l}=c,[m,g]=i(!!o);return e(r,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px"}},{children:[t(a,{isChecked:m,onValueChange:()=>{m&&l&&l(""),g(!m)}}),t(n,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),m&&t("div",Object.assign({style:{margin:10}},{children:t(s,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{l&&l(e)},height:"120px",maxCharLimit:1024,value:o,noErrorHint:!0,validate:e=>[!0,""]})}))]})};export{c as BackTrackComponent};
1
+ import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as i}from"react";import{CheckBox as a}from"../../checkBox/CheckBox.js";import{TitleSmall as n}from"../../TypographyStyle.js";import{Input as s}from"../../input/Input.js";const c=c=>{const{backTrackMessage:o,setBackTrackMessage:l}=c,[p,m]=i(!!o);return e(r,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"}},{children:[t(a,{isChecked:p,onValueChange:()=>{p&&l&&l(""),m(!p)}}),t(n,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),p&&t("div",Object.assign({style:{margin:10}},{children:t(s,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{l&&l(e)},height:"120px",maxCharLimit:1024,value:o,noErrorHint:!0,validate:e=>[!0,""]})}))]})};export{c as BackTrackComponent};
package/dist/esm/components/template-context-mapper/modalElements/Body.js CHANGED
@@ -18,4 +18,5 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useRef as
18
18
  overflow-y: auto;
19
19
  background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===r.WHATSAPP?`url(${m});`:"none"};
20
20
  display: ${e=>e.hideDeviceContainerInPreview&&e.channel===r.WHATSAPP?"flex":"initial"};
21
+ align-items: flex-start;
21
22
  `,P=a=>{const{showVariableMapping:m,showOnlyContent:P,whatsappSpecificPickerMeta:x,showVariableModal:y,variableList:A,discountCode:S,setDiscountCode:W,variableListForImage:j,showSampleValues:M,fileName:T,setFileName:V}=a,I=i(),k=i(),{device:E,display_content:L,channel:$,template:D,setTemplate:F,isWhatsappCarousel:H,isProductCarouselType:_,hideDeviceContainerInPreview:O}=d();const N=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e(g,{children:[t(C,Object.assign({showOnlyContent:P,showVariableMapping:m,isWhatsappCarousel:H,hideDeviceContainerInPreview:O,channel:$},{children:"mobile"===E?t(f,{ref:k,display_content:null!=L?L:"",channel:$,template:D,showSampleValues:M}):$===r.WHATSAPP&&H?t(l,{ref:I,channel:$,template:D,showSampleValues:M,isPreview:!1,showArrows:!0}):$!==r.MESSAGE?t(u,{ref:I,channel:$,display_content:null!=L?L:"",showSampleValues:M}):t(o,{})})),(_||m)&&t(b,Object.assign({channel:$,isWhatsappCarousel:H,showVariableMapping:!0},{children:$!==r.WHATSAPP?t(w,{onFocus:$===r.EMAIL?function(e){var t,o,i;const a=null===document||void 0===document?void 0:document.getElementById("mobile"===E?"template_html_mobile":"template_html_desktop"),l=c(e+1),n=$===r.EMAIL?null===(t=null==a?void 0:a.contentWindow)||void 0===t?void 0:t.document.getElementById(l):document.getElementById(l),s=N(n),d=null==n?void 0:n.offsetLeft;"desktop"===E?s&&I.current&&(null===(o=null==a?void 0:a.contentWindow)||void 0===o||o.scrollTo(null!=d?d:0,s),h(l,p.background.warning.light,2,$,E)):s&&k.current&&(null===(i=null==a?void 0:a.contentWindow)||void 0===i||i.scrollTo(null!=d?d:0,s),h(l,p.background.warning.light,2,$,E))}:void 0,showVariableModal:y,variableList:A,discountCode:S,setDiscountCode:W}):$===r.WHATSAPP&&H?t(n,{whatsappSpecificPickerMeta:x,template:D,showVariableModal:y,variableList:A,variableListForImage:j,discountCode:S,setDiscountCode:W}):t(v,{whatsappSpecificPickerMeta:x,template:D,onTemplateChange:e=>{null==F||F(e)},showVariableModal:y,variableList:A,variableListForImage:j,discountCode:S,setDiscountCode:W,fileName:T,setFileName:V})})),$===r.WHATSAPP&&!m&&!_&&t(b,{children:t(s,Object.assign({color:p.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};export{P as default};
package/dist/esm/components/tooltips/TooltipInternal.d.ts CHANGED
@@ -2,7 +2,7 @@ import { FunctionComponent } from 'react';
2
2
  import { ButtonProps } from "../button/model";
3
3
  export interface TooltipInternalProps {
4
4
  title?: string;
5
- body: string;
5
+ body?: string;
6
6
  buttonProps?: ButtonProps;
7
7
  delay?: number;
8
8
  variant?: 'light' | 'dark';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.527-beta.0",
3
+ "version": "0.0.527-beta.a-1",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -46,7 +46,6 @@
46
46
  "not op_mini all"
47
47
  ],
48
48
  "dependencies": {
49
- "@amplitude/analytics-browser": "^2.9.3",
50
49
  "@babel/runtime": "^7.20.7",
51
50
  "@lottiefiles/react-lottie-player": "^3.5.3",
52
51
  "@mui/material": "^5.14.19",
@@ -79,7 +78,6 @@
79
78
  "@babel/plugin-transform-runtime": "^7.19.6",
80
79
  "@babel/preset-env": "^7.20.2",
81
80
  "@babel/preset-react": "^7.18.6",
82
- "@bikdotai/bik-models": "^1.13.532",
83
81
  "@changesets/cli": "^2.26.0",
84
82
  "@commitlint/cli": "^17.4.1",
85
83
  "@commitlint/config-conventional": "^17.4.0",
package/dist/cjs/amplitude/Track.stories.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import { ComponentMeta, ComponentStory } from '@storybook/react';
2
- declare const _default: ComponentMeta<any>;
3
- export default _default;
4
- export declare const Track: ComponentStory<any>;
package/dist/cjs/amplitude/index.d.ts DELETED
@@ -1,18 +0,0 @@
1
- import { BikStore } from '@bikdotai/bik-models/growth';
2
- import { ManifestAmplitudeUserProperties, UserI } from './model';
3
- export declare class RecordEventHelper {
4
- private static instance;
5
- private isInitialized;
6
- private currentUser;
7
- private userProperties;
8
- static getInstance(): RecordEventHelper;
9
- isHelperInitialized(): boolean;
10
- init(store: BikStore, currentUser: UserI, key: string): void;
11
- initAmplitude(key: string): void;
12
- setAmplitudeUser(storeId: string): void;
13
- trackEvent(eventKey: string, properties?: any): void;
14
- handleUserProperties(store: BikStore): void;
15
- addProperties(propertyMap: Map<ManifestAmplitudeUserProperties, any>): void;
16
- setUserProperties(propertyMap: Map<ManifestAmplitudeUserProperties, any>): void;
17
- getUserProperties(): Map<ManifestAmplitudeUserProperties, any>;
18
- }
package/dist/cjs/amplitude/model.d.ts DELETED
@@ -1,48 +0,0 @@
1
- export interface UserI {
2
- id: number;
3
- name: string;
4
- photoUrl: string;
5
- roleId: number;
6
- type: string;
7
- storeId?: string;
8
- teams: TeamI[];
9
- isAvailable?: boolean;
10
- email?: string;
11
- phoneNumber?: string;
12
- exotelNumber?: string;
13
- storeName?: string;
14
- isInternal?: boolean;
15
- }
16
- export interface TeamI {
17
- id: number;
18
- name: string;
19
- members: TeamMemberI[];
20
- description?: string;
21
- isDefault?: boolean;
22
- isAvailable?: boolean;
23
- storeId: string;
24
- labels: number[];
25
- createdAt?: Date;
26
- updatedAt?: Date;
27
- workingHours: Record<string, string>;
28
- }
29
- export interface TeamMemberI {
30
- id: number;
31
- name: string;
32
- }
33
- export declare enum ManifestAmplitudeUserProperties {
34
- userCreationDate = "userCreationDate",
35
- userAge = "userAge",
36
- storeName = "storeName",
37
- storeUrl = "storeUrl",
38
- phoneNumber = "phoneNumber",
39
- email = "email",
40
- storeCreationDate = "storeCreationDate",
41
- bikLoginEmail = "bikLoginEmail",
42
- usageTillNow = "usageTillNow",
43
- countryCode = "countryCode",
44
- freeTrialActive = "freeTrialActive",
45
- quotaPerMonth = "quotaPerMonth",
46
- plan = "plan",
47
- userType = "userType"
48
- }
package/dist/esm/amplitude/Track.stories.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import { ComponentMeta, ComponentStory } from '@storybook/react';
2
- declare const _default: ComponentMeta<any>;
3
- export default _default;
4
- export declare const Track: ComponentStory<any>;
package/dist/esm/amplitude/index.d.ts DELETED
@@ -1,18 +0,0 @@
1
- import { BikStore } from '@bikdotai/bik-models/growth';
2
- import { ManifestAmplitudeUserProperties, UserI } from './model';
3
- export declare class RecordEventHelper {
4
- private static instance;
5
- private isInitialized;
6
- private currentUser;
7
- private userProperties;
8
- static getInstance(): RecordEventHelper;
9
- isHelperInitialized(): boolean;
10
- init(store: BikStore, currentUser: UserI, key: string): void;
11
- initAmplitude(key: string): void;
12
- setAmplitudeUser(storeId: string): void;
13
- trackEvent(eventKey: string, properties?: any): void;
14
- handleUserProperties(store: BikStore): void;
15
- addProperties(propertyMap: Map<ManifestAmplitudeUserProperties, any>): void;
16
- setUserProperties(propertyMap: Map<ManifestAmplitudeUserProperties, any>): void;
17
- getUserProperties(): Map<ManifestAmplitudeUserProperties, any>;
18
- }
package/dist/esm/amplitude/model.d.ts DELETED
@@ -1,48 +0,0 @@
1
- export interface UserI {
2
- id: number;
3
- name: string;
4
- photoUrl: string;
5
- roleId: number;
6
- type: string;
7
- storeId?: string;
8
- teams: TeamI[];
9
- isAvailable?: boolean;
10
- email?: string;
11
- phoneNumber?: string;
12
- exotelNumber?: string;
13
- storeName?: string;
14
- isInternal?: boolean;
15
- }
16
- export interface TeamI {
17
- id: number;
18
- name: string;
19
- members: TeamMemberI[];
20
- description?: string;
21
- isDefault?: boolean;
22
- isAvailable?: boolean;
23
- storeId: string;
24
- labels: number[];
25
- createdAt?: Date;
26
- updatedAt?: Date;
27
- workingHours: Record<string, string>;
28
- }
29
- export interface TeamMemberI {
30
- id: number;
31
- name: string;
32
- }
33
- export declare enum ManifestAmplitudeUserProperties {
34
- userCreationDate = "userCreationDate",
35
- userAge = "userAge",
36
- storeName = "storeName",
37
- storeUrl = "storeUrl",
38
- phoneNumber = "phoneNumber",
39
- email = "email",
40
- storeCreationDate = "storeCreationDate",
41
- bikLoginEmail = "bikLoginEmail",
42
- usageTillNow = "usageTillNow",
43
- countryCode = "countryCode",
44
- freeTrialActive = "freeTrialActive",
45
- quotaPerMonth = "quotaPerMonth",
46
- plan = "plan",
47
- userType = "userType"
48
- }