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

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 (31) 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/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  17. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  18. package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  19. package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  20. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  21. package/dist/esm/components/QueryBuilder/components/AllowedListDropdown.js +1 -1
  22. package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.js +1 -1
  23. package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  24. package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts +1 -2
  25. package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
  26. package/dist/esm/components/alerts/Alert.d.ts +0 -1
  27. package/dist/esm/components/alerts/Alert.js +1 -1
  28. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js +1 -1
  29. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.d.ts +1 -3
  30. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  31. 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,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;
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.582",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",