@bikdotai/bik-component-library 0.0.581-beta.of-3 → 0.0.581

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 (33) hide show
  1. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  2. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  3. package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  4. package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  5. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  6. package/dist/cjs/components/QueryBuilder/components/AllowedListDropdown.js +1 -1
  7. package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.js +1 -1
  8. package/dist/cjs/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  9. package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.d.ts +1 -2
  10. package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
  11. package/dist/cjs/components/alerts/Alert.d.ts +0 -1
  12. package/dist/cjs/components/alerts/Alert.js +1 -1
  13. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js +1 -1
  14. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.d.ts +1 -3
  15. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
  16. package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
  17. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  18. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  19. package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  20. package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  21. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  22. package/dist/esm/components/QueryBuilder/components/AllowedListDropdown.js +1 -1
  23. package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.js +1 -1
  24. package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  25. package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts +1 -2
  26. package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
  27. package/dist/esm/components/alerts/Alert.d.ts +0 -1
  28. package/dist/esm/components/alerts/Alert.js +1 -1
  29. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js +1 -1
  30. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.d.ts +1 -3
  31. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  32. package/dist/esm/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
  33. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
2
+ import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
3
3
  declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
4
4
  export default EventsTrigger;
@@ -1,2 +1,2 @@
1
- import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
1
+ import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
2
2
  export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
2
+ import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
3
3
  declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
4
4
  export default IGTrigger;
@@ -1,2 +1,2 @@
1
- import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
1
+ import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
2
2
  export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { DropdownOption } from "../../../dropdown/type";
3
- import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
4
- import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
3
+ import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
4
+ import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
5
5
  declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
6
6
  cacheKey: string;
7
7
  propertyAddBtnText: string;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../types/QueryBuilder.type.js"),l=require("./DropdownWrapper.js");const u={[r.QueryBuilderType.EVENT_FILTER]:{label:"Performed event",value:r.QueryBuilderType.EVENT_FILTER},[r.QueryBuilderType.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:r.QueryBuilderType.NO_EVENT_FILTER},[r.QueryBuilderType.USER_PROPERTY_FILTER]:{label:"Have user property",value:r.QueryBuilderType.USER_PROPERTY_FILTER},[r.QueryBuilderType.SEGMENT_FILTER]:{label:"Part of segment",value:r.QueryBuilderType.SEGMENT_FILTER},[r.QueryBuilderType.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:r.QueryBuilderType.ORDER_PROPERTY_FILTER}};exports.QUERY_TYPE_TO_OPTION_MAP=u,exports.default=r=>{let{allowedList:i,onSelect:t,selectedType:d,loading:a,disabled:T}=r;const E=i.map((e=>{var r;return null!==(r=u[e])&&void 0!==r?r:null})).filter((e=>e)).map((e=>{var r;if(d)return(null==e?void 0:e.value)===(null===(r=u[d])||void 0===r?void 0:r.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e.jsx(l.default,{nativeID:"query-builder-initial-node",disabled:T,width:"200px",isLoading:null!=a&&a,options:E,onSelect:t})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../types/QueryBuilder.type.js"),l=require("./DropdownWrapper.js");const u={[r.QueryBuilderType.EVENT_FILTER]:{label:"Performed event",value:r.QueryBuilderType.EVENT_FILTER},[r.QueryBuilderType.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:r.QueryBuilderType.NO_EVENT_FILTER},[r.QueryBuilderType.USER_PROPERTY_FILTER]:{label:"Have user property",value:r.QueryBuilderType.USER_PROPERTY_FILTER},[r.QueryBuilderType.SEGMENT_FILTER]:{label:"Part of segment",value:r.QueryBuilderType.SEGMENT_FILTER}};exports.QUERY_TYPE_TO_OPTION_MAP=u,exports.default=r=>{let{allowedList:i,onSelect:t,selectedType:d,loading:a,disabled:T}=r;const n=i.map((e=>{var r;return null!==(r=u[e])&&void 0!==r?r:null})).filter((e=>e)).map((e=>{var r;if(d)return(null==e?void 0:e.value)===(null===(r=u[d])||void 0===r?void 0:r.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e.jsx(l.default,{nativeID:"query-builder-initial-node",disabled:T,width:"200px",isLoading:null!=a&&a,options:n,onSelect:t})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../Filters/Event/components/EventFilter.js"),t=require("../../Filters/Segment/components/SegmentFilter.js"),u=require("../../Filters/UserProperty/components/UserPropertyFilter.js"),s=require("../../Triggers/EVENTS/components/EventsTrigger.js"),i=require("../../Triggers/IG/components/IGTrigger.js"),n=require("../../types/QueryBuilder.type.js");const T={[n.QueryBuilderType.EVENT_FILTER]:r.default,[n.QueryBuilderType.NO_EVENT_FILTER]:r.default,[n.QueryBuilderType.USER_PROPERTY_FILTER]:u.default,[n.QueryBuilderType.ORDER_PROPERTY_FILTER]:u.default,[n.QueryBuilderType.IG_TRIGGER]:i.default,[n.QueryBuilderType.EVENTS_TRIGGER]:s.default,[n.QueryBuilderType.SEGMENT_FILTER]:t.default};exports.default=r=>{if(void 0!==T[r.node.type]){const t=T[r.node.type];return e.jsx(t,Object.assign({},r))}return e.jsx(e.Fragment,{})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../Filters/Event/components/EventFilter.js"),t=require("../../Filters/Segment/components/SegmentFilter.js"),u=require("../../Filters/UserProperty/components/UserPropertyFilter.js"),s=require("../../Triggers/EVENTS/components/EventsTrigger.js"),i=require("../../Triggers/IG/components/IGTrigger.js"),n=require("../../types/QueryBuilder.type.js");const l={[n.QueryBuilderType.EVENT_FILTER]:r.default,[n.QueryBuilderType.NO_EVENT_FILTER]:r.default,[n.QueryBuilderType.USER_PROPERTY_FILTER]:u.default,[n.QueryBuilderType.IG_TRIGGER]:i.default,[n.QueryBuilderType.EVENTS_TRIGGER]:s.default,[n.QueryBuilderType.SEGMENT_FILTER]:t.default};exports.default=r=>{if(void 0!==l[r.node.type]){const t=l[r.node.type];return e.jsx(t,Object.assign({},r))}return e.jsx(e.Fragment,{})};
@@ -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 | Date[] | number[] | undefined;
39
+ value?: string | number | string[] | number[] | Date | Date[] | undefined;
40
40
  };
41
41
  key: string;
42
42
  refresh?: boolean | undefined;
@@ -7,8 +7,7 @@ export declare enum QueryBuilderType {
7
7
  USER_PROPERTY_FILTER = "USER_PROPERTY_FILTER",
8
8
  IG_TRIGGER = "IG_TRIGGER",
9
9
  CTWA_TRIGGER = "CTWA_TRIGGER",
10
- EVENTS_TRIGGER = "EVENTS_TRIGGER",
11
- ORDER_PROPERTY_FILTER = "ORDER_PROPERTY_FILTER"
10
+ EVENTS_TRIGGER = "EVENTS_TRIGGER"
12
11
  }
13
12
  export declare enum QueryBuilderJoinOperators {
14
13
  AND = "AND",
@@ -1 +1 @@
1
- "use strict";var e,r,i;Object.defineProperty(exports,"__esModule",{value:!0}),exports.QueryBuilderType=void 0,(e=exports.QueryBuilderType||(exports.QueryBuilderType={})).SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",e.ORDER_PROPERTY_FILTER="ORDER_PROPERTY_FILTER",exports.QueryBuilderJoinOperators=void 0,(r=exports.QueryBuilderJoinOperators||(exports.QueryBuilderJoinOperators={})).AND="AND",r.OR="OR",exports.QueryBuilderConnectorType=void 0,(i=exports.QueryBuilderConnectorType||(exports.QueryBuilderConnectorType={})).string="string",i.string_restricted="string_restricted",i.string_restricted_2="string_restricted_2",i.string_restricted_3="string_restricted_3",i.integer="integer",i.boolean="boolean",i.date="date",i.frequency="frequency",i.anyIg="anyIg",i.anyAd="anyAd",i.specificPost="specificPost",i.specificReel="specificReel",i.specificStory="specificStory",i.reaction="reaction",i.activityString="activityString",i.specificAd="specificAd",i.iceBreaker="iceBreaker",i.mailSubject="mailSubject",i.exactly="exactly";
1
+ "use strict";var e,r,i;Object.defineProperty(exports,"__esModule",{value:!0}),exports.QueryBuilderType=void 0,(e=exports.QueryBuilderType||(exports.QueryBuilderType={})).SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",exports.QueryBuilderJoinOperators=void 0,(r=exports.QueryBuilderJoinOperators||(exports.QueryBuilderJoinOperators={})).AND="AND",r.OR="OR",exports.QueryBuilderConnectorType=void 0,(i=exports.QueryBuilderConnectorType||(exports.QueryBuilderConnectorType={})).string="string",i.string_restricted="string_restricted",i.string_restricted_2="string_restricted_2",i.string_restricted_3="string_restricted_3",i.integer="integer",i.boolean="boolean",i.date="date",i.frequency="frequency",i.anyIg="anyIg",i.anyAd="anyAd",i.specificPost="specificPost",i.specificReel="specificReel",i.specificStory="specificStory",i.reaction="reaction",i.activityString="activityString",i.specificAd="specificAd",i.iceBreaker="iceBreaker",i.mailSubject="mailSubject",i.exactly="exactly";
@@ -13,6 +13,5 @@ export type AlertProps = {
13
13
  containerStyle?: React.CSSProperties;
14
14
  redirectTo?: string;
15
15
  redirectToText?: string;
16
- iconStyle?: React.CSSProperties;
17
16
  };
18
17
  export declare const Alert: React.FC<AlertProps>;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./Alert.styled.js"),i=require("./AlertHelper.js"),r=require("../TypographyStyle.js"),o=require("../../constants/Theme.js");exports.Alert=l=>{var n,s;return e.jsxs(t.AlertStyle,Object.assign({type:l.type,contentPosition:l.contentPosition,style:l.containerStyle},{children:[l.icon&&e.jsx("div",Object.assign({style:Object.assign(Object.assign({},null==l?void 0:l.iconStyle),{display:(null===(n=null==l?void 0:l.iconStyle)||void 0===n?void 0:n.display)||"flex",alignSelf:(null===(s=null==l?void 0:l.iconStyle)||void 0===s?void 0:s.alignSelf)||"flex-start"})},{children:e.jsx(l.icon,{color:i.COLOR_CONFIG_MAP[l.type].textColor,height:16,width:16})})),e.jsx(r.BodyCaption,Object.assign({style:{color:l.textColor||i.COLOR_CONFIG_MAP[l.type].textColor,marginLeft:8,marginRight:4}},{children:l.text})),l.redirectToText&&l.redirectTo&&e.jsx(r.BodyCaption,Object.assign({style:{color:o.COLORS.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{l.redirectTo&&window.open(l.redirectTo,"_blank")}},{children:l.redirectToText}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./Alert.styled.js"),r=require("./AlertHelper.js"),i=require("../TypographyStyle.js"),o=require("../../constants/Theme.js");exports.Alert=n=>e.jsxs(t.AlertStyle,Object.assign({type:n.type,contentPosition:n.contentPosition,style:n.containerStyle},{children:[n.icon&&e.jsx("div",Object.assign({style:{display:"flex",alignSelf:"flex-start"}},{children:e.jsx(n.icon,{color:r.COLOR_CONFIG_MAP[n.type].textColor,height:16,width:16})})),e.jsx(i.BodyCaption,Object.assign({style:{color:n.textColor||r.COLOR_CONFIG_MAP[n.type].textColor,marginLeft:8,marginRight:4}},{children:n.text})),n.redirectToText&&n.redirectTo&&e.jsx(i.BodyCaption,Object.assign({style:{color:o.COLORS.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{n.redirectTo&&window.open(n.redirectTo,"_blank")}},{children:n.redirectToText}))]}));
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("chart.js"),r=require("react-chartjs-2"),t=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),o=require("../LineChart/LineChart.styled.js"),l=require("./VerticalBarAndLinearGraph.styles.js");i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip);exports.VerticalBarAndLinearGraph=i=>{var n,s,c,d,x;const g=[0,0,0,0,0,0],p=-1===i.barAxis.data.findIndex((e=>0!==e)),b=-1===i.lineAxis.data.findIndex((e=>0!==e)),h={min:0,max:2e3,stepSize:200},A=[{legend:i.barAxis.title,color:i.barAxis.graphColor},{legend:i.lineAxis.title,color:i.lineAxis.graphColor}],C={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!i.xAxis.title,text:i.xAxis.title,color:i.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:null!==(n=i.xAxis.labelColor)&&void 0!==n?n:a.COLORS.content.secondary}},bar:{position:"left",title:{display:!!i.barAxis.title,text:i.barAxis.title,color:i.barAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(s=i.barAxis.labelColor)&&void 0!==s?s:a.COLORS.content.secondary},p?h:{})},line:{position:"right",title:{display:!!i.lineAxis.title,text:i.lineAxis.title,color:i.lineAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(c=i.lineAxis.labelColor)&&void 0!==c?c:a.COLORS.content.secondary},b?h:{}),display:!0}},maintainAspectRatio:!1},S={labels:i.xAxis.forceShowXAxis?i.xAxis.data.map((e=>e.toString())):p&&b?["-","-","-","-","-","-"]:i.xAxis.data.map((e=>e.toString())),datasets:[{yAxisID:"line",type:"line",data:b?g:i.lineAxis.data,borderColor:i.lineAxis.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1},{yAxisID:"bar",type:"bar",data:p?g:i.barAxis.data,backgroundColor:i.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:2}},{children:[e.jsx(o.LegendWrapper,Object.assign({position:"center"},{children:A.map(((i,r)=>{let{legend:a,color:l}=i;return a?e.jsxs(o.LegendContainer,{children:[e.jsx(o.LegendColor,{color:l}),e.jsx(t.SmallRegular,Object.assign({color:"#667085"},{children:a}))]},r):e.jsx(e.Fragment,{})}))})),e.jsxs(l.GraphContainerWrapper,{children:[i.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(t.TitleRegular,Object.assign({color:null!==(d=i.chartHeading.color)&&void 0!==d?d:a.COLORS.content.secondary},{children:i.chartHeading.heading}))})),e.jsx("div",Object.assign({style:{height:null!==(x=i.graphCanvasHeight)&&void 0!==x?x:500}},{children:e.jsx(r.Chart,{type:"bar",data:S,options:C})}))]})]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("chart.js"),r=require("react-chartjs-2"),t=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),o=require("../LineChart/LineChart.styled.js"),l=require("./VerticalBarAndLinearGraph.styles.js");i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip);exports.VerticalBarAndLinearGraph=i=>{var n,s,c,d,x;const g=[0,0,0,0,0,0],p=-1===i.barAxis.data.findIndex((e=>0!==e)),b=-1===i.lineAxis.data.findIndex((e=>0!==e)),h={min:0,max:2e3,stepSize:200},C=[{legend:i.barAxis.title,color:i.barAxis.graphColor},{legend:i.lineAxis.title,color:i.lineAxis.graphColor}],O={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!i.xAxis.title,text:i.xAxis.title,color:i.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:null!==(n=i.xAxis.labelColor)&&void 0!==n?n:a.COLORS.content.secondary}},bar:{position:"left",title:{display:!!i.barAxis.title,text:i.barAxis.title,color:i.barAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(s=i.barAxis.labelColor)&&void 0!==s?s:a.COLORS.content.secondary},p?h:{})},line:{position:"right",title:{display:!!i.lineAxis.title,text:i.lineAxis.title,color:i.lineAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(c=i.lineAxis.labelColor)&&void 0!==c?c:a.COLORS.content.secondary},b?h:{}),display:!0}},maintainAspectRatio:!1},u={labels:p&&b?["-","-","-","-","-","-"]:i.xAxis.data.map((e=>e.toString())),datasets:[{yAxisID:"line",type:"line",data:b?g:i.lineAxis.data,borderColor:i.lineAxis.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1},{yAxisID:"bar",type:"bar",data:p?g:i.barAxis.data,backgroundColor:i.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:2}},{children:[e.jsx(o.LegendWrapper,Object.assign({position:"center"},{children:C.map(((i,r)=>{let{legend:a,color:l}=i;return a?e.jsxs(o.LegendContainer,{children:[e.jsx(o.LegendColor,{color:l}),e.jsx(t.SmallRegular,Object.assign({color:"#667085"},{children:a}))]},r):e.jsx(e.Fragment,{})}))})),e.jsxs(l.GraphContainerWrapper,{children:[i.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(t.TitleRegular,Object.assign({color:null!==(d=i.chartHeading.color)&&void 0!==d?d:a.COLORS.content.secondary},{children:i.chartHeading.heading}))})),e.jsx("div",Object.assign({style:{height:null!==(x=i.graphCanvasHeight)&&void 0!==x?x:500}},{children:e.jsx(r.Chart,{type:"bar",data:u,options:O})}))]})]}))};
@@ -14,9 +14,7 @@ export interface VerticalBarAndLinearGraphI {
14
14
  tickColor?: string;
15
15
  labelColor?: string;
16
16
  chartHeading?: ChartHeadingI;
17
- xAxis: AxisDetailsI & {
18
- forceShowXAxis?: boolean;
19
- };
17
+ xAxis: AxisDetailsI;
20
18
  lineAxis: AxisDetailsI;
21
19
  barAxis: AxisDetailsI;
22
20
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const Menus: ({
3
2
  displayName: string;
4
3
  key: number;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),l=require("react"),s=require("../../dropdown/Dropdown.js"),a=require("../../input/Input.js"),n=require("../../template-preview/constants/regexPatterns.js"),i=require("../../template-preview/models/TemplateMeta.js"),o=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),u=require("../../../constants/Theme.js"),c=require("../context/templateModalContext.js"),d=require("../utils/validateIsUrl.js"),b=require("./VariableConnector.js");exports.default=p=>{let{variableListIndex:j,button:m,updateSelectedURLTemplateBtn:O,updateSelectedQRBTemplateBtn:g,currentVariableList:v,CTAoptions:x,QRBoptions:f}=p;var y,L,h,R,U;const[V,C]=l.useState(""),[T,q]=l.useState(),{isError:I,disableEditVariable:w,pod:P,selectedCarouselIndex:E,originalVariableList:N,setOriginalVariableList:S,isProductCarouselType:_,ctaOptionsErrors:B,setCtaOptionsErrors:H}=c.useTemplateModalContext();function M(e){if(C(e),null!=E&&E>-1&&_){const l=t.cloneDeep(N);if("URL"===m.type){const t=l.cards.map((t=>{let l=t.buttons.filter((e=>"URL"===e.type))[j];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=t.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e));return Object.assign(Object.assign({},t),{buttons:s})}));null==S||S((e=>Object.assign(Object.assign({},e),{cards:t}))),null==O||O(`https://${e}`,"custom",j)}return}let l=v.buttons.filter((e=>"URL"===e.type))[j];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=v.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e)),a=Object.assign({},null!=E&&E>-1?N.cards[E]:N);if(a.buttons=s,null!=E&&E>-1){const e=[...N.cards];e[E]=a,null==S||S((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==S||S((e=>Object.assign(Object.assign({},e),{buttons:[...s]})));null==O||O(`https://${e}`,"custom",j)}return l.useEffect((()=>{var e;if(m.buttonVariable&&n.editableVarPattern.test(m.buttonVariable))q(i.CUSTOM_URL_NAME),C((null===(e=m.example)||void 0===e?void 0:e[0].split("https://")[1])||"");else{let e=-1;const t="URL"===m.type?x:f;e="URL"===m.type?t.findIndex((e=>e.placeHolder===m.buttonVariable)):t.findIndex((e=>e.label===m.flowName)),e>-1?q(t[e]):null==H||H((e=>Object.assign(Object.assign({},e),{[j]:"Required field!"})))}}),[]),P!==o.POD.CHATBOT?e.jsxs(b.Container,{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(r.BodySecondary,Object.assign({style:{color:u.COLORS.content.primary}},{children:[m.text," button"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(s.Dropdown,{disabled:w,options:"URL"===m.type?x:f,isSearchable:!0,onSelect:function(e,l){null==H||H((e=>(delete e[j],Object.assign({},e))));const s=e;q(s);const a=("URL"===m.type?x:f).find((e=>e.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=E&&E>-1&&_){const e=t.cloneDeep(N);if("URL"===m.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"URL"===e.type))[j];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder});const l=e.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==O||O({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",j),null==S||S((e=>Object.assign(Object.assign({},e),{cards:t})))}else if("QUICK_REPLY"===m.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"QUICK_REPLY"===e.type))[j];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value});const l=e.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==g||g({flowName:s.label,flowId:s.value},"placeholder",j),null==S||S((e=>Object.assign(Object.assign({},e),{cards:t})))}return}let e;if("URL"===m.type){let t=v.buttons.filter((e=>"URL"===e.type))[j];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder,example:[(null==s?void 0:s.value)||"https://d.bik.ai/"]}),e=v.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==O||O({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",j)}else{let t=v.buttons.filter((e=>"QUICK_REPLY"===e.type))[j];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value}),e=v.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==g||g({flowName:s.label,flowId:s.value},"placeholder",j)}const l=Object.assign({},null!=E&&E>-1?N.cards[E]:N);if(l.buttons=e,null!=E&&E>-1){const e=[...N.cards];e[E]=l,null==S||S((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==S||S((t=>Object.assign(Object.assign({},t),{buttons:[...e]})))}else M("")},defaultOptions:T?[Object.assign(Object.assign({},T),{selected:!0})]:[],error:I?null==B?void 0:B[j]:void 0})})),"custom_link"===(null==T?void 0:T.value)&&e.jsx("div",Object.assign({style:{marginBottom:20}},{children:e.jsx(a.Input,{state:w?"disabled":"none",errorMessage:I?V?d.validateIsUrl(V)?"":"Enter valid URL":"Required field":"",value:V,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:M,maxCharLimit:2e3})}))]}):e.jsx(b.default,{index:j,variable:{variableName:null!==(y=m.text)&&void 0!==y?y:"",updatedValue:"((customPlaceholderName))"===m.buttonVariable?`${null===(L=m.example)||void 0===L?void 0:L[0]}`:null!==(h=m.buttonVariable)&&void 0!==h?h:"",type:"link",isEditableVariable:!0,index:null!==(R=m.index)&&void 0!==R?R:0,queryParams:null!==(U=m.queryParams)&&void 0!==U?U:[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:m.type,CTAoptions:x})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),l=require("react"),s=require("../../dropdown/Dropdown.js"),a=require("../../input/Input.js"),n=require("../../template-preview/constants/regexPatterns.js"),i=require("../../template-preview/models/TemplateMeta.js"),o=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),u=require("../../../constants/Theme.js"),c=require("../context/templateModalContext.js"),d=require("../utils/validateIsUrl.js"),b=require("./VariableConnector.js");exports.default=p=>{let{variableListIndex:j,button:m,updateSelectedURLTemplateBtn:O,updateSelectedQRBTemplateBtn:g,currentVariableList:v,CTAoptions:x,QRBoptions:f}=p;var y,L,R,h,U;const[V,C]=l.useState(""),[T,q]=l.useState(),{isError:I,disableEditVariable:w,pod:P,selectedCarouselIndex:E,originalVariableList:N,setOriginalVariableList:S,isProductCarouselType:_,ctaOptionsErrors:B,setCtaOptionsErrors:H}=c.useTemplateModalContext();function M(e){if(C(e),null!=E&&E>-1&&_){const l=t.cloneDeep(N);if("URL"===m.type){const t=l.cards.map((t=>{let l=t.buttons.filter((e=>"URL"===e.type))[j];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=t.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e));return Object.assign(Object.assign({},t),{buttons:s})}));null==S||S((e=>Object.assign(Object.assign({},e),{cards:t}))),null==O||O(`https://${e}`,"custom",j)}return}let l=v.buttons.filter((e=>"URL"===e.type))[j];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=v.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e)),a=Object.assign({},null!=E&&E>-1?N.cards[E]:N);if(a.buttons=s,null!=E&&E>-1){const e=[...N.cards];e[E]=a,null==S||S((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==S||S((e=>Object.assign(Object.assign({},e),{buttons:[...s]})));null==O||O(`https://${e}`,"custom",j)}return l.useEffect((()=>{var e;if(m.buttonVariable&&n.editableVarPattern.test(m.buttonVariable))q(i.CUSTOM_URL_NAME),C((null===(e=m.example)||void 0===e?void 0:e[0].split("https://")[1])||"");else{let e=-1;const t="URL"===m.type?x:f;e="URL"===m.type?t.findIndex((e=>e.placeHolder===m.buttonVariable)):t.findIndex((e=>e.label===m.flowName)),e>-1?q(t[e]):null==H||H((e=>Object.assign(Object.assign({},e),{[j]:"Required field!"})))}}),[]),P!==o.POD.CHATBOT?e.jsxs(b.Container,{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(r.BodySecondary,Object.assign({style:{color:u.COLORS.content.primary}},{children:[m.text," button"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(s.Dropdown,{disabled:w,options:"URL"===m.type?x:f,isSearchable:!0,onSelect:function(e,l){null==H||H((e=>(delete e[j],Object.assign({},e))));const s=e;q(s);const a=("URL"===m.type?x:f).find((e=>e.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=E&&E>-1&&_){const e=t.cloneDeep(N);if("URL"===m.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"URL"===e.type))[j];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder});const l=e.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==O||O({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",j),null==S||S((e=>Object.assign(Object.assign({},e),{cards:t})))}else if("QUICK_REPLY"===m.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"QUICK_REPLY"===e.type))[j];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value});const l=e.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==g||g({flowName:s.label,flowId:s.value},"placeholder",j),null==S||S((e=>Object.assign(Object.assign({},e),{cards:t})))}return}let e;if("URL"===m.type){let t=v.buttons.filter((e=>"URL"===e.type))[j];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder,example:[null==s?void 0:s.value]}),e=v.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==O||O({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",j)}else{let t=v.buttons.filter((e=>"QUICK_REPLY"===e.type))[j];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value}),e=v.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==g||g({flowName:s.label,flowId:s.value},"placeholder",j)}const l=Object.assign({},null!=E&&E>-1?N.cards[E]:N);if(l.buttons=e,null!=E&&E>-1){const e=[...N.cards];e[E]=l,null==S||S((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==S||S((t=>Object.assign(Object.assign({},t),{buttons:[...e]})))}else M("")},defaultOptions:T?[Object.assign(Object.assign({},T),{selected:!0})]:[],error:I?null==B?void 0:B[j]:void 0})})),"custom_link"===(null==T?void 0:T.value)&&e.jsx("div",Object.assign({style:{marginBottom:20}},{children:e.jsx(a.Input,{state:w?"disabled":"none",errorMessage:I?V?d.validateIsUrl(V)?"":"Enter valid URL":"Required field":"",value:V,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:M,maxCharLimit:2e3})}))]}):e.jsx(b.default,{index:j,variable:{variableName:null!==(y=m.text)&&void 0!==y?y:"",updatedValue:"((customPlaceholderName))"===m.buttonVariable?`${null===(L=m.example)||void 0===L?void 0:L[0]}`:null!==(R=m.buttonVariable)&&void 0!==R?R:"",type:"link",isEditableVariable:!0,index:null!==(h=m.index)&&void 0!==h?h:0,queryParams:null!==(U=m.queryParams)&&void 0!==U?U:[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:m.type,CTAoptions:x})};
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
2
+ import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
3
3
  declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
4
4
  export default EventsTrigger;
@@ -1,2 +1,2 @@
1
- import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
1
+ import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
2
2
  export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
2
+ import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
3
3
  declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
4
4
  export default IGTrigger;
@@ -1,2 +1,2 @@
1
- import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
1
+ import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
2
2
  export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { DropdownOption } from "../../../dropdown/type";
3
- import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
4
- import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
3
+ import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
4
+ import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
5
5
  declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
6
6
  cacheKey: string;
7
7
  propertyAddBtnText: string;
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{QueryBuilderType as l}from"../types/QueryBuilder.type.js";import r from"./DropdownWrapper.js";const t={[l.EVENT_FILTER]:{label:"Performed event",value:l.EVENT_FILTER},[l.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:l.NO_EVENT_FILTER},[l.USER_PROPERTY_FILTER]:{label:"Have user property",value:l.USER_PROPERTY_FILTER},[l.SEGMENT_FILTER]:{label:"Part of segment",value:l.SEGMENT_FILTER},[l.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:l.ORDER_PROPERTY_FILTER}},a=l=>{let{allowedList:a,onSelect:E,selectedType:o,loading:i,disabled:n}=l;const R=a.map((e=>{var l;return null!==(l=t[e])&&void 0!==l?l:null})).filter((e=>e)).map((e=>{var l;if(o)return(null==e?void 0:e.value)===(null===(l=t[o])||void 0===l?void 0:l.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e(r,{nativeID:"query-builder-initial-node",disabled:n,width:"200px",isLoading:null!=i&&i,options:R,onSelect:E})};export{t as QUERY_TYPE_TO_OPTION_MAP,a as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{QueryBuilderType as l}from"../types/QueryBuilder.type.js";import r from"./DropdownWrapper.js";const t={[l.EVENT_FILTER]:{label:"Performed event",value:l.EVENT_FILTER},[l.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:l.NO_EVENT_FILTER},[l.USER_PROPERTY_FILTER]:{label:"Have user property",value:l.USER_PROPERTY_FILTER},[l.SEGMENT_FILTER]:{label:"Part of segment",value:l.SEGMENT_FILTER}},a=l=>{let{allowedList:a,onSelect:i,selectedType:o,loading:n,disabled:E}=l;const d=a.map((e=>{var l;return null!==(l=t[e])&&void 0!==l?l:null})).filter((e=>e)).map((e=>{var l;if(o)return(null==e?void 0:e.value)===(null===(l=t[o])||void 0===l?void 0:l.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e(r,{nativeID:"query-builder-initial-node",disabled:E,width:"200px",isLoading:null!=n&&n,options:d,onSelect:i})};export{t as QUERY_TYPE_TO_OPTION_MAP,a as default};
@@ -1 +1 @@
1
- import{jsx as r,Fragment as e}from"react/jsx-runtime";import t from"../../Filters/Event/components/EventFilter.js";import o from"../../Filters/Segment/components/SegmentFilter.js";import s from"../../Filters/UserProperty/components/UserPropertyFilter.js";import E from"../../Triggers/EVENTS/components/EventsTrigger.js";import n from"../../Triggers/IG/components/IGTrigger.js";import{QueryBuilderType as i}from"../../types/QueryBuilder.type.js";const m={[i.EVENT_FILTER]:t,[i.NO_EVENT_FILTER]:t,[i.USER_PROPERTY_FILTER]:s,[i.ORDER_PROPERTY_FILTER]:s,[i.IG_TRIGGER]:n,[i.EVENTS_TRIGGER]:E,[i.SEGMENT_FILTER]:o},p=t=>{if(void 0!==m[t.node.type]){const e=m[t.node.type];return r(e,Object.assign({},t))}return r(e,{})};export{p as default};
1
+ import{jsx as r,Fragment as e}from"react/jsx-runtime";import t from"../../Filters/Event/components/EventFilter.js";import o from"../../Filters/Segment/components/SegmentFilter.js";import s from"../../Filters/UserProperty/components/UserPropertyFilter.js";import n from"../../Triggers/EVENTS/components/EventsTrigger.js";import i from"../../Triggers/IG/components/IGTrigger.js";import{QueryBuilderType as m}from"../../types/QueryBuilder.type.js";const E={[m.EVENT_FILTER]:t,[m.NO_EVENT_FILTER]:t,[m.USER_PROPERTY_FILTER]:s,[m.IG_TRIGGER]:i,[m.EVENTS_TRIGGER]:n,[m.SEGMENT_FILTER]:o},p=t=>{if(void 0!==E[t.node.type]){const e=E[t.node.type];return r(e,Object.assign({},t))}return r(e,{})};export{p as default};
@@ -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 | Date[] | number[] | undefined;
39
+ value?: string | number | string[] | number[] | Date | Date[] | undefined;
40
40
  };
41
41
  key: string;
42
42
  refresh?: boolean | undefined;
@@ -7,8 +7,7 @@ export declare enum QueryBuilderType {
7
7
  USER_PROPERTY_FILTER = "USER_PROPERTY_FILTER",
8
8
  IG_TRIGGER = "IG_TRIGGER",
9
9
  CTWA_TRIGGER = "CTWA_TRIGGER",
10
- EVENTS_TRIGGER = "EVENTS_TRIGGER",
11
- ORDER_PROPERTY_FILTER = "ORDER_PROPERTY_FILTER"
10
+ EVENTS_TRIGGER = "EVENTS_TRIGGER"
12
11
  }
13
12
  export declare enum QueryBuilderJoinOperators {
14
13
  AND = "AND",
@@ -1 +1 @@
1
- var e,i,t;!function(e){e.SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",e.ORDER_PROPERTY_FILTER="ORDER_PROPERTY_FILTER"}(e||(e={})),function(e){e.AND="AND",e.OR="OR"}(i||(i={})),function(e){e.string="string",e.string_restricted="string_restricted",e.string_restricted_2="string_restricted_2",e.string_restricted_3="string_restricted_3",e.integer="integer",e.boolean="boolean",e.date="date",e.frequency="frequency",e.anyIg="anyIg",e.anyAd="anyAd",e.specificPost="specificPost",e.specificReel="specificReel",e.specificStory="specificStory",e.reaction="reaction",e.activityString="activityString",e.specificAd="specificAd",e.iceBreaker="iceBreaker",e.mailSubject="mailSubject",e.exactly="exactly"}(t||(t={}));export{t as QueryBuilderConnectorType,i as QueryBuilderJoinOperators,e as QueryBuilderType};
1
+ var e,i,t;!function(e){e.SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER"}(e||(e={})),function(e){e.AND="AND",e.OR="OR"}(i||(i={})),function(e){e.string="string",e.string_restricted="string_restricted",e.string_restricted_2="string_restricted_2",e.string_restricted_3="string_restricted_3",e.integer="integer",e.boolean="boolean",e.date="date",e.frequency="frequency",e.anyIg="anyIg",e.anyAd="anyAd",e.specificPost="specificPost",e.specificReel="specificReel",e.specificStory="specificStory",e.reaction="reaction",e.activityString="activityString",e.specificAd="specificAd",e.iceBreaker="iceBreaker",e.mailSubject="mailSubject",e.exactly="exactly"}(t||(t={}));export{t as QueryBuilderConnectorType,i as QueryBuilderJoinOperators,e as QueryBuilderType};
@@ -13,6 +13,5 @@ export type AlertProps = {
13
13
  containerStyle?: React.CSSProperties;
14
14
  redirectTo?: string;
15
15
  redirectToText?: string;
16
- iconStyle?: React.CSSProperties;
17
16
  };
18
17
  export declare const Alert: React.FC<AlertProps>;
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{AlertStyle as o}from"./Alert.styled.js";import{COLOR_CONFIG_MAP as i}from"./AlertHelper.js";import{BodyCaption as r}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";const l=l=>{var c,s;return t(o,Object.assign({type:l.type,contentPosition:l.contentPosition,style:l.containerStyle},{children:[l.icon&&e("div",Object.assign({style:Object.assign(Object.assign({},null==l?void 0:l.iconStyle),{display:(null===(c=null==l?void 0:l.iconStyle)||void 0===c?void 0:c.display)||"flex",alignSelf:(null===(s=null==l?void 0:l.iconStyle)||void 0===s?void 0:s.alignSelf)||"flex-start"})},{children:e(l.icon,{color:i[l.type].textColor,height:16,width:16})})),e(r,Object.assign({style:{color:l.textColor||i[l.type].textColor,marginLeft:8,marginRight:4}},{children:l.text})),l.redirectToText&&l.redirectTo&&e(r,Object.assign({style:{color:n.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{l.redirectTo&&window.open(l.redirectTo,"_blank")}},{children:l.redirectToText}))]}))};export{l as Alert};
1
+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{AlertStyle as o}from"./Alert.styled.js";import{COLOR_CONFIG_MAP as r}from"./AlertHelper.js";import{BodyCaption as i}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";const l=l=>t(o,Object.assign({type:l.type,contentPosition:l.contentPosition,style:l.containerStyle},{children:[l.icon&&e("div",Object.assign({style:{display:"flex",alignSelf:"flex-start"}},{children:e(l.icon,{color:r[l.type].textColor,height:16,width:16})})),e(i,Object.assign({style:{color:l.textColor||r[l.type].textColor,marginLeft:8,marginRight:4}},{children:l.text})),l.redirectToText&&l.redirectTo&&e(i,Object.assign({style:{color:n.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{l.redirectTo&&window.open(l.redirectTo,"_blank")}},{children:l.redirectToText}))]}));export{l as Alert};
@@ -1 +1 @@
1
- import{jsxs as i,jsx as t,Fragment as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as r,LinearScale as a,BarElement as l,Tooltip as n}from"chart.js";import{Chart as s}from"react-chartjs-2";import{SmallRegular as c,TitleRegular as d}from"../../../TypographyStyle.js";import{FONTS as p,COLORS as x}from"../../../../constants/Theme.js";import{LegendWrapper as g,LegendContainer as b,LegendColor as h}from"../LineChart/LineChart.styled.js";import{GraphContainerWrapper as A}from"./VerticalBarAndLinearGraph.styles.js";o.register(r,a,l,n);const f=o=>{var r,a,l,n,f;const y=[0,0,0,0,0,0],m=-1===o.barAxis.data.findIndex((i=>0!==i)),C=-1===o.lineAxis.data.findIndex((i=>0!==i)),u={min:0,max:2e3,stepSize:200},j=[{legend:o.barAxis.title,color:o.barAxis.graphColor},{legend:o.lineAxis.title,color:o.lineAxis.graphColor}],S={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:p.caption.fontSize}},grid:{display:!1,borderColor:x.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(r=o.xAxis.labelColor)&&void 0!==r?r:x.content.secondary}},bar:{position:"left",title:{display:!!o.barAxis.title,text:o.barAxis.title,color:o.barAxis.titleColor,font:{size:p.caption.fontSize}},grid:{borderColor:"white",color:x.background.base},ticks:Object.assign({fontSize:p.caption.fontSize,color:null!==(a=o.barAxis.labelColor)&&void 0!==a?a:x.content.secondary},m?u:{})},line:{position:"right",title:{display:!!o.lineAxis.title,text:o.lineAxis.title,color:o.lineAxis.titleColor,font:{size:p.caption.fontSize}},grid:{display:!1,borderColor:"white",color:x.background.base},ticks:Object.assign({fontSize:p.caption.fontSize,color:null!==(l=o.lineAxis.labelColor)&&void 0!==l?l:x.content.secondary},C?u:{}),display:!0}},maintainAspectRatio:!1},z={labels:o.xAxis.forceShowXAxis?o.xAxis.data.map((i=>i.toString())):m&&C?["-","-","-","-","-","-"]:o.xAxis.data.map((i=>i.toString())),datasets:[{yAxisID:"line",type:"line",data:C?y:o.lineAxis.data,borderColor:o.lineAxis.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1},{yAxisID:"bar",type:"bar",data:m?y:o.barAxis.data,backgroundColor:o.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:2}},{children:[t(g,Object.assign({position:"center"},{children:j.map(((o,r)=>{let{legend:a,color:l}=o;return a?i(b,{children:[t(h,{color:l}),t(c,Object.assign({color:"#667085"},{children:a}))]},r):t(e,{})}))})),i(A,{children:[o.chartHeading&&t("div",Object.assign({style:{marginBottom:24}},{children:t(d,Object.assign({color:null!==(n=o.chartHeading.color)&&void 0!==n?n:x.content.secondary},{children:o.chartHeading.heading}))})),t("div",Object.assign({style:{height:null!==(f=o.graphCanvasHeight)&&void 0!==f?f:500}},{children:t(s,{type:"bar",data:z,options:S})}))]})]}))};export{f as VerticalBarAndLinearGraph};
1
+ import{jsxs as i,jsx as t,Fragment as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as r,LinearScale as a,BarElement as l,Tooltip as n}from"chart.js";import{Chart as s}from"react-chartjs-2";import{SmallRegular as c,TitleRegular as d}from"../../../TypographyStyle.js";import{FONTS as p,COLORS as g}from"../../../../constants/Theme.js";import{LegendWrapper as b,LegendContainer as x,LegendColor as h}from"../LineChart/LineChart.styled.js";import{GraphContainerWrapper as A}from"./VerticalBarAndLinearGraph.styles.js";o.register(r,a,l,n);const y=o=>{var r,a,l,n,y;const f=[0,0,0,0,0,0],m=-1===o.barAxis.data.findIndex((i=>0!==i)),C=-1===o.lineAxis.data.findIndex((i=>0!==i)),u={min:0,max:2e3,stepSize:200},j=[{legend:o.barAxis.title,color:o.barAxis.graphColor},{legend:o.lineAxis.title,color:o.lineAxis.graphColor}],z={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:p.caption.fontSize}},grid:{display:!1,borderColor:g.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(r=o.xAxis.labelColor)&&void 0!==r?r:g.content.secondary}},bar:{position:"left",title:{display:!!o.barAxis.title,text:o.barAxis.title,color:o.barAxis.titleColor,font:{size:p.caption.fontSize}},grid:{borderColor:"white",color:g.background.base},ticks:Object.assign({fontSize:p.caption.fontSize,color:null!==(a=o.barAxis.labelColor)&&void 0!==a?a:g.content.secondary},m?u:{})},line:{position:"right",title:{display:!!o.lineAxis.title,text:o.lineAxis.title,color:o.lineAxis.titleColor,font:{size:p.caption.fontSize}},grid:{display:!1,borderColor:"white",color:g.background.base},ticks:Object.assign({fontSize:p.caption.fontSize,color:null!==(l=o.lineAxis.labelColor)&&void 0!==l?l:g.content.secondary},C?u:{}),display:!0}},maintainAspectRatio:!1},S={labels:m&&C?["-","-","-","-","-","-"]:o.xAxis.data.map((i=>i.toString())),datasets:[{yAxisID:"line",type:"line",data:C?f:o.lineAxis.data,borderColor:o.lineAxis.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1},{yAxisID:"bar",type:"bar",data:m?f:o.barAxis.data,backgroundColor:o.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:2}},{children:[t(b,Object.assign({position:"center"},{children:j.map(((o,r)=>{let{legend:a,color:l}=o;return a?i(x,{children:[t(h,{color:l}),t(c,Object.assign({color:"#667085"},{children:a}))]},r):t(e,{})}))})),i(A,{children:[o.chartHeading&&t("div",Object.assign({style:{marginBottom:24}},{children:t(d,Object.assign({color:null!==(n=o.chartHeading.color)&&void 0!==n?n:g.content.secondary},{children:o.chartHeading.heading}))})),t("div",Object.assign({style:{height:null!==(y=o.graphCanvasHeight)&&void 0!==y?y:500}},{children:t(s,{type:"bar",data:S,options:z})}))]})]}))};export{y as VerticalBarAndLinearGraph};
@@ -14,9 +14,7 @@ export interface VerticalBarAndLinearGraphI {
14
14
  tickColor?: string;
15
15
  labelColor?: string;
16
16
  chartHeading?: ChartHeadingI;
17
- xAxis: AxisDetailsI & {
18
- forceShowXAxis?: boolean;
19
- };
17
+ xAxis: AxisDetailsI;
20
18
  lineAxis: AxisDetailsI;
21
19
  barAxis: AxisDetailsI;
22
20
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const Menus: ({
3
2
  displayName: string;
4
3
  key: number;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cloneDeep as l}from"lodash";import{useState as s,useEffect as a}from"react";import{Dropdown as n}from"../../dropdown/Dropdown.js";import{Input as o}from"../../input/Input.js";import{editableVarPattern as i}from"../../template-preview/constants/regexPatterns.js";import{CUSTOM_URL_NAME as r}from"../../template-preview/models/TemplateMeta.js";import{POD as c}from"../../template-preview/models/WhatsAppTemplate.js";import{BodySecondary as u}from"../../TypographyStyle.js";import{COLORS as d}from"../../../constants/Theme.js";import{useTemplateModalContext as p}from"../context/templateModalContext.js";import{validateIsUrl as b}from"../utils/validateIsUrl.js";import m,{Container as j}from"./VariableConnector.js";const g=g=>{let{variableListIndex:f,button:O,updateSelectedURLTemplateBtn:v,updateSelectedQRBTemplateBtn:x,currentVariableList:y,CTAoptions:h,QRBoptions:L}=g;var R,U,V,T,w;const[C,I]=s(""),[E,P]=s(),{isError:H,disableEditVariable:N,pod:B,selectedCarouselIndex:Q,originalVariableList:_,setOriginalVariableList:S,isProductCarouselType:K,ctaOptionsErrors:Y,setCtaOptionsErrors:$}=p();function k(e){if(I(e),null!=Q&&Q>-1&&K){const t=l(_);if("URL"===O.type){const l=t.cards.map((t=>{let l=t.buttons.filter((e=>"URL"===e.type))[f];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=t.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e));return Object.assign(Object.assign({},t),{buttons:s})}));null==S||S((e=>Object.assign(Object.assign({},e),{cards:l}))),null==v||v(`https://${e}`,"custom",f)}return}let t=y.buttons.filter((e=>"URL"===e.type))[f];t=Object.assign(Object.assign({},t),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=y.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),a=Object.assign({},null!=Q&&Q>-1?_.cards[Q]:_);if(a.buttons=s,null!=Q&&Q>-1){const e=[..._.cards];e[Q]=a,null==S||S((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==S||S((e=>Object.assign(Object.assign({},e),{buttons:[...s]})));null==v||v(`https://${e}`,"custom",f)}return a((()=>{var e;if(O.buttonVariable&&i.test(O.buttonVariable))P(r),I((null===(e=O.example)||void 0===e?void 0:e[0].split("https://")[1])||"");else{let e=-1;const t="URL"===O.type?h:L;e="URL"===O.type?t.findIndex((e=>e.placeHolder===O.buttonVariable)):t.findIndex((e=>e.label===O.flowName)),e>-1?P(t[e]):null==$||$((e=>Object.assign(Object.assign({},e),{[f]:"Required field!"})))}}),[]),B!==c.CHATBOT?e(j,{children:[t("div",Object.assign({style:{marginBottom:8}},{children:e(u,Object.assign({style:{color:d.content.primary}},{children:[O.text," button"]}))})),t("div",Object.assign({style:{marginBottom:12}},{children:t(n,{disabled:N,options:"URL"===O.type?h:L,isSearchable:!0,onSelect:function(e,t){null==$||$((e=>(delete e[f],Object.assign({},e))));const s=e;P(s);const a=("URL"===O.type?h:L).find((e=>e.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=Q&&Q>-1&&K){const e=l(_);if("URL"===O.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"URL"===e.type))[f];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder});const l=e.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",f),null==S||S((e=>Object.assign(Object.assign({},e),{cards:t})))}else if("QUICK_REPLY"===O.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"QUICK_REPLY"===e.type))[f];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value});const l=e.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==x||x({flowName:s.label,flowId:s.value},"placeholder",f),null==S||S((e=>Object.assign(Object.assign({},e),{cards:t})))}return}let e;if("URL"===O.type){let t=y.buttons.filter((e=>"URL"===e.type))[f];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder,example:[(null==s?void 0:s.value)||"https://d.bik.ai/"]}),e=y.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",f)}else{let t=y.buttons.filter((e=>"QUICK_REPLY"===e.type))[f];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value}),e=y.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==x||x({flowName:s.label,flowId:s.value},"placeholder",f)}const t=Object.assign({},null!=Q&&Q>-1?_.cards[Q]:_);if(t.buttons=e,null!=Q&&Q>-1){const e=[..._.cards];e[Q]=t,null==S||S((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==S||S((t=>Object.assign(Object.assign({},t),{buttons:[...e]})))}else k("")},defaultOptions:E?[Object.assign(Object.assign({},E),{selected:!0})]:[],error:H?null==Y?void 0:Y[f]:void 0})})),"custom_link"===(null==E?void 0:E.value)&&t("div",Object.assign({style:{marginBottom:20}},{children:t(o,{state:N?"disabled":"none",errorMessage:H?C?b(C)?"":"Enter valid URL":"Required field":"",value:C,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:k,maxCharLimit:2e3})}))]}):t(m,{index:f,variable:{variableName:null!==(R=O.text)&&void 0!==R?R:"",updatedValue:"((customPlaceholderName))"===O.buttonVariable?`${null===(U=O.example)||void 0===U?void 0:U[0]}`:null!==(V=O.buttonVariable)&&void 0!==V?V:"",type:"link",isEditableVariable:!0,index:null!==(T=O.index)&&void 0!==T?T:0,queryParams:null!==(w=O.queryParams)&&void 0!==w?w:[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:O.type,CTAoptions:h})};export{g as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cloneDeep as l}from"lodash";import{useState as s,useEffect as a}from"react";import{Dropdown as n}from"../../dropdown/Dropdown.js";import{Input as o}from"../../input/Input.js";import{editableVarPattern as i}from"../../template-preview/constants/regexPatterns.js";import{CUSTOM_URL_NAME as r}from"../../template-preview/models/TemplateMeta.js";import{POD as c}from"../../template-preview/models/WhatsAppTemplate.js";import{BodySecondary as u}from"../../TypographyStyle.js";import{COLORS as d}from"../../../constants/Theme.js";import{useTemplateModalContext as p}from"../context/templateModalContext.js";import{validateIsUrl as b}from"../utils/validateIsUrl.js";import m,{Container as j}from"./VariableConnector.js";const g=g=>{let{variableListIndex:f,button:O,updateSelectedURLTemplateBtn:v,updateSelectedQRBTemplateBtn:x,currentVariableList:y,CTAoptions:h,QRBoptions:L}=g;var R,U,V,T,w;const[C,I]=s(""),[E,P]=s(),{isError:H,disableEditVariable:N,pod:B,selectedCarouselIndex:Q,originalVariableList:_,setOriginalVariableList:S,isProductCarouselType:K,ctaOptionsErrors:Y,setCtaOptionsErrors:$}=p();function q(e){if(I(e),null!=Q&&Q>-1&&K){const t=l(_);if("URL"===O.type){const l=t.cards.map((t=>{let l=t.buttons.filter((e=>"URL"===e.type))[f];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=t.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e));return Object.assign(Object.assign({},t),{buttons:s})}));null==S||S((e=>Object.assign(Object.assign({},e),{cards:l}))),null==v||v(`https://${e}`,"custom",f)}return}let t=y.buttons.filter((e=>"URL"===e.type))[f];t=Object.assign(Object.assign({},t),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=y.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),a=Object.assign({},null!=Q&&Q>-1?_.cards[Q]:_);if(a.buttons=s,null!=Q&&Q>-1){const e=[..._.cards];e[Q]=a,null==S||S((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==S||S((e=>Object.assign(Object.assign({},e),{buttons:[...s]})));null==v||v(`https://${e}`,"custom",f)}return a((()=>{var e;if(O.buttonVariable&&i.test(O.buttonVariable))P(r),I((null===(e=O.example)||void 0===e?void 0:e[0].split("https://")[1])||"");else{let e=-1;const t="URL"===O.type?h:L;e="URL"===O.type?t.findIndex((e=>e.placeHolder===O.buttonVariable)):t.findIndex((e=>e.label===O.flowName)),e>-1?P(t[e]):null==$||$((e=>Object.assign(Object.assign({},e),{[f]:"Required field!"})))}}),[]),B!==c.CHATBOT?e(j,{children:[t("div",Object.assign({style:{marginBottom:8}},{children:e(u,Object.assign({style:{color:d.content.primary}},{children:[O.text," button"]}))})),t("div",Object.assign({style:{marginBottom:12}},{children:t(n,{disabled:N,options:"URL"===O.type?h:L,isSearchable:!0,onSelect:function(e,t){null==$||$((e=>(delete e[f],Object.assign({},e))));const s=e;P(s);const a=("URL"===O.type?h:L).find((e=>e.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=Q&&Q>-1&&K){const e=l(_);if("URL"===O.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"URL"===e.type))[f];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder});const l=e.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",f),null==S||S((e=>Object.assign(Object.assign({},e),{cards:t})))}else if("QUICK_REPLY"===O.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"QUICK_REPLY"===e.type))[f];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value});const l=e.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==x||x({flowName:s.label,flowId:s.value},"placeholder",f),null==S||S((e=>Object.assign(Object.assign({},e),{cards:t})))}return}let e;if("URL"===O.type){let t=y.buttons.filter((e=>"URL"===e.type))[f];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder,example:[null==s?void 0:s.value]}),e=y.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",f)}else{let t=y.buttons.filter((e=>"QUICK_REPLY"===e.type))[f];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value}),e=y.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==x||x({flowName:s.label,flowId:s.value},"placeholder",f)}const t=Object.assign({},null!=Q&&Q>-1?_.cards[Q]:_);if(t.buttons=e,null!=Q&&Q>-1){const e=[..._.cards];e[Q]=t,null==S||S((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==S||S((t=>Object.assign(Object.assign({},t),{buttons:[...e]})))}else q("")},defaultOptions:E?[Object.assign(Object.assign({},E),{selected:!0})]:[],error:H?null==Y?void 0:Y[f]:void 0})})),"custom_link"===(null==E?void 0:E.value)&&t("div",Object.assign({style:{marginBottom:20}},{children:t(o,{state:N?"disabled":"none",errorMessage:H?C?b(C)?"":"Enter valid URL":"Required field":"",value:C,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:q,maxCharLimit:2e3})}))]}):t(m,{index:f,variable:{variableName:null!==(R=O.text)&&void 0!==R?R:"",updatedValue:"((customPlaceholderName))"===O.buttonVariable?`${null===(U=O.example)||void 0===U?void 0:U[0]}`:null!==(V=O.buttonVariable)&&void 0!==V?V:"",type:"link",isEditableVariable:!0,index:null!==(T=O.index)&&void 0!==T?T:0,queryParams:null!==(w=O.queryParams)&&void 0!==w?w:[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:O.type,CTAoptions:h})};export{g as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.581-beta.of-3",
3
+ "version": "0.0.581",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",