@bikdotai/bik-component-library 0.0.3 → 0.0.4--plans--beta

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/ApiResponse.helper.js"),o=require("../../hooks/useQueryBuilder.js"),a=require("../../hooks/useQueryBuilderCache.js"),n=require("../../components/DropdownWrapper.js"),u=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const l=new i.ApiResponseHelper,s="triggerName";exports.default=i=>{let{node:d,apiHandler:c,cacheKey:p,propertyAddBtnText:v,mode:y,selectorKey:j}=i;var g;const[f,h]=t.useState([]),{updateMeta:_,createMeta:O,createProperty:m,deleteProperty:P,updateProperty:b,selectPropertyJoinOperator:x,clearProperty:B}=o.useQueryBuilder(j),{cacheWrap:q}=a.useQueryBuilderCache(),[N,A]=t.useState(!0),Q=d.metas.find((e=>e.key===s));return t.useEffect((()=>{q((()=>c({})),p).then((e=>{var r;if(e)if(Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==y&&(!!(null==Q?void 0:Q.value)&&Q.value===e.id)}))))&&void 0!==r?r:[];h([...t])}else{const r=l.convertToGroupOptions(e,(null==Q?void 0:Q.value)?[Q.value]:void 0);h([...r])}A(!1)}))}),[]),r.jsx(u.BaseQueryBuilderNode,Object.assign({node:d,addPropertyBtnText:(null==Q?void 0:Q.value)&&v,deleteProperty:P,createProperty:m,propertySelectorText:"Select condition",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){if(null==Q?void 0:Q.value){return yield(e=null==Q?void 0:Q.value,q((()=>c({query:{triggerName:e}})),`${p}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){b(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),d._id);const e=yield((e,r)=>q((()=>c({query:{triggerName:e,propertyName:r}})),`${p}_${e}_${r}`))(null==Q?void 0:Q.value,r.id);return e?l.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){b(Object.assign(Object.assign({},r),{operator:e,value:void 0}),d._id)},onPropertyValueChange:function(e,r){b(Object.assign(Object.assign({},r),{value:e}),d._id)},selectPropertyJoinOperator:x,mode:y},{children:r.jsx("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r.jsx(n.default,{isLoading:N,error:null===(g=null==Q?void 0:Q.error)||void 0===g?void 0:g.key,width:"200px",options:f,onSelect:function(e){Array.isArray(e)||(B(d._id),(null==Q?void 0:Q.key)===s?_(Object.assign(Object.assign({},Q),{value:e.value}),d._id):O({key:s,value:e.value},d._id))}})}))}))};

package/dist/cjs/components/QueryBuilder/components/AddNodeButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { QueryBuilderType } from '../types/QueryBuilder.type';
+declare const AddNodeButton: React.FC<{
+    buttonText: string;
+    allowedNodes: QueryBuilderType[];
+    selectorKey: string;
+}>;
+export default AddNodeButton;

package/dist/cjs/components/QueryBuilder/components/AddNodeButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../button/Button.js"),u=require("../../../assets/icons/plus.svg.js"),r=require("../hooks/useQueryBuilder.js");exports.default=s=>{let{buttonText:o,allowedNodes:d,selectorKey:i}=s;const{addNode:n}=r.useQueryBuilder(i);return e.jsx(t.Button,{buttonText:o,size:"medium",buttonType:"dashRegular",LeadingIcon:u.default,onClick:()=>{n(d[0])}})};

package/dist/cjs/components/QueryBuilder/components/AllowedListDropdown.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DropdownOption, SingleOption } from "../../dropdown/type";
+import { QueryBuilderType } from '../types/QueryBuilder.type';
+export declare const QUERY_TYPE_TO_OPTION_MAP: {
+    [key in QueryBuilderType]?: SingleOption;
+};
+/**
+ * @stateless (being consumed by stateless components)
+ * @param param0
+ * @returns
+ */
+declare const AllowedListDropdown: React.FC<{
+    allowedList: QueryBuilderType[];
+    selectedType?: QueryBuilderType;
+    onSelect: (option: DropdownOption | DropdownOption[]) => void;
+    loading?: boolean;
+    disabled?: boolean;
+}>;
+export default AllowedListDropdown;

package/dist/cjs/components/QueryBuilder/components/AllowedListDropdown.js

@@ -0,0 +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:t,onSelect:i,selectedType:d,loading:a,disabled:T}=r;const s=t.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,{disabled:T,width:"200px",isLoading:null!=a&&a,options:s,onSelect:i})};

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FreeText.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FreeText.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/ChipInput.js");const i=i=>{let{val:s,onChange:r,errors:a,nativeID:o,disabled:l}=i;const n=(Array.isArray(s)?s:[]).map((e=>"object"==typeof e?e.id:e));return e.jsxs("div",Object.assign({style:{position:"relative",opacity:l?.5:1},id:o},{children:[!!l&&e.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),e.jsx(t.default,{error:null==a?void 0:a.val,onChipsChange:r,chipsContainerCustomStyle:{padding:"0px 8px"},createChipKeys:[13,188],placeholder:"add multiple values with commas",chips:n})]}))};exports.default=t=>e.jsx(i,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../../../TypographyStyle.js"),s=require("./IntegerPositiveSingle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=i(r).default.div`
+	flex-direction: row;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+`,l=r=>{let{val:i,onChange:l,errors:a,disabled:o}=r;return e.jsxs(n,{children:[e.jsx(s.default,{disabled:o,val:i,onChange:l,errors:a}),e.jsx(t.BodySecondary,{children:"time(s)"})]})};exports.default=r=>e.jsx(l,Object.assign({},r));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../../postPicker/postPicker.js");const o=[];o.push({id:"sumesh",imageUrl:"https://www.adobe.com/express/learn/blog/media_121aa34132a8a71d4efd1f6329c61f4575a066c1f.jpeg?width=750&format=jpeg&optimize=medium",redirectionUrl:"https://bik.ai",overlayCaption:"posted on: 12/03/2020"});const r=()=>{console.log("picker closed")},i=e=>{console.log("Selected items",e)},c=()=>{const[c,a]=t.useState(!1);t.useEffect((()=>{console.log("show Picker")}),[c]);return e.jsxs(e.Fragment,{children:[e.jsx("button",Object.assign({onClick:()=>{a(!0)}},{children:"+ Add Post"})),e.jsx(s.PostPicker,{onSelect:i,title:"Select upto 10 posts",showModal:!0,onClose:r,media:o,mediaType:s.MEDIA_TYPES.STORY})]})};exports.default=t=>e.jsx(c,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),n=require("../../InputLoader.js");const i=i=>{let{val:s,onChange:a,errors:l,isLoading:u,disabled:d}=i;return u?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx(t.Input,{type:"number",variant:"small",state:d?"disabled":"none",errorMessage:null==l?void 0:l.val,value:null==s?void 0:s.toString(),onChangeText:a})})}))};exports.default=t=>e.jsx(i,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),n=require("../../InputLoader.js");const i=i=>{let{val:s,onChange:a,errors:d,nativeID:l,isLoading:u,disabled:o}=i;return u?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx("div",{children:e.jsx(t.Input,{state:o?"disabled":"none",type:"number",variant:"small",errorMessage:null==d?void 0:d.val,value:null==s?void 0:s.toString(),onChangeText:a})})})}))};exports.default=t=>e.jsx(i,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../../DropdownWrapper.js");const i=i=>{let{onChange:n,extra:r,val:o,isLoading:t,errors:s,disabled:d}=i;const[u,c]=l.useState([]),v=o;return l.useEffect((()=>{var e;const l=(null==r?void 0:r.options)&&Array.isArray(r.options)?r.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==v?void 0:v.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],a=null!==(e=null==v?void 0:v.map((e=>e.id)))&&void 0!==e?e:[],i=[...l.filter((e=>!a.includes(e.value)))].concat((null!=v?v:[]).map((e=>({value:e.id,label:e.name}))));null==v||v.forEach((e=>{let{name:l,id:a}=e;const n=i.findIndex((e=>e.value===a&&e.label===l));-1!==n&&(i[n].selected=!0)})),c([...i])}),[r,v]),e.jsx("div",{children:e.jsx(a.default,{disabled:d,allowFreeForm:!0,isSearchable:!0,isLoading:t,error:null==s?void 0:s.val,isMultiSelect:!0,options:u,onSelect:function(e){if(Array.isArray(e)){const l=[];e.forEach((e=>{var a,i;e.options?null===(a=e.options)||void 0===a||a.forEach((e=>{l.push({name:e.label,id:e.value})})):l.push({name:null!==(i=e.label)&&void 0!==i?i:"",id:e.value})})),null==n||n(l)}}})})};exports.default=l=>e.jsx(i,Object.assign({},l));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NoInput.d.ts

@@ -0,0 +1,2 @@
+declare const NoInput: () => import("react/jsx-runtime").JSX.Element;
+export default NoInput;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NoInput.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=()=>e.jsx(e.Fragment,{});

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NumberTime.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NumberTime.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),s=require("./IntegerPositiveSingle.js");const t=t=>{let{val:i,onChange:n,errors:a,nativeID:l,disabled:d}=t;const o=parseInt(null==i?void 0:i.toString())>1?"days":"day";return e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[e.jsx(s.default,{disabled:d,nativeID:l,val:null!=i?i:1,onChange:n,errors:a}),e.jsx("div",{children:e.jsx(r.BodySecondary,{children:o})})]}))};exports.default=r=>e.jsx(t,Object.assign({},r));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleDate.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleDate.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../datePicker/DatePickerWrapper.js");const s=s=>{let{val:a,onChange:i,nativeID:n,disabled:l}=s;const d=Array.isArray(a)?new Date(null==a?void 0:a[0]):a;return t.useEffect((()=>{d||i(new Date((new Date).setHours(0,0,0,0)))}),[]),e.jsx("div",Object.assign({style:{position:"relative",width:200}},{children:e.jsx(r.default,{pickerStyles:{zIndex:3},disabled:l,val:d,onChange:i})}))};exports.default=t=>e.jsx(s,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoDate.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoDate.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../../../datePicker/DatePickerWrapper.js");const s=s=>{let{val:r,onChange:n,disabled:i}=s;return t.useEffect((()=>{if(!r){const e=new Date((new Date).setHours(0,0,0,0)),t=new Date(new Date((new Date).setHours(23,59,59,999)).setDate((new Date).getDate()+1));t.setDate(e.getDate()+1),n([e,t])}}),[]),e.jsx("div",Object.assign({style:{position:"relative"}},{children:e.jsx(a.default,{pickerStyles:{zIndex:3},disabled:i,val:r,onChange:n,calendarProps:{selectRange:!0}})}))};exports.default=t=>e.jsx(s,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.d.ts

@@ -0,0 +1,3 @@
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),i=require("../../../../TypographyStyle.js");const l=l=>{let{val:s,onChange:a,errors:o,nativeID:u,disabled:d}=l;var v,p,c,x;const[j,y]=t.useState(),[g,h]=t.useState();return t.useEffect((()=>{if(Array.isArray(s)){const[e,t]=s;y(null==e?void 0:e.toString()),h(null==t?void 0:t.toString())}}),[]),t.useEffect((()=>{null==a||a([j,g])}),[j,g]),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx(n.Input,{state:d?"disabled":"none",hintText:null===(v=null==o?void 0:o.val)||void 0===v?void 0:v[0],errorMessage:null===(p=null==o?void 0:o.val)||void 0===p?void 0:p[0],onChangeText:e=>y(e),value:j,type:"number",variant:"small"})})),e.jsx("div",{children:e.jsx(i.BodySecondary,{children:"and"})}),e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx(n.Input,{state:d?"disabled":"none",hintText:null===(c=null==o?void 0:o.val)||void 0===c?void 0:c[1],errorMessage:null===(x=null==o?void 0:o.val)||void 0===x?void 0:x[1],onChangeText:e=>h(e),value:g,type:"number",variant:"small"})}))]}))};exports.default=t=>e.jsx(l,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ConnectorProps } from '../../types/QueryBuilderConnector.type';
+declare const Connector: React.FC<ConnectorProps>;
+export default Connector;

package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../utils/unCamelCase.js"),n=require("../../constants/connectorPosition.js"),o=require("../../helpers/Connector.helper.js"),i=require("../../types/QueryBuilder.type.js"),l=require("../DropdownWrapper.js"),u=require("./Components/FreeText.js"),s=require("./Components/FrequencyIntegerPositiveSingle.js"),a=require("./Components/IgPicker.js"),d=require("./Components/IntegerPositiveSingle.js"),p=require("./Components/IntegerSingleValue.js"),c=require("./Components/MultiselectDropdownFreeText.js"),g=require("./Components/NoInput.js"),C=require("./Components/NumberTime.js"),v=require("./Components/SingleDate.js"),m=require("./Components/TwoDate.js"),q=require("./Components/TwoNumberInputsSeperatedByAnd.js"),f=require("./Connector.styled.js");const j={FreeText:u.default,IntegerPositiveSingle:d.default,IntegerSingleValue:p.default,MultiselectDropdownFreeText:c.default,NoInput:g.default,SingleDate:v.default,TwoNumberInputsSeperatedByAnd:q.default,FrequencyIntegerPositiveSingle:s.default,TwoDate:m.default,NumberTime:C.default,IgPicker:a.default};exports.default=u=>{let{isLoading:s,noDefault:a,connectorType:d,defaultConnector:p,onOperatorChange:c,onValueChange:g,connectorVal:C,extra:v,errors:m,disabled:q}=u;var y,S,I;const[T,b]=r.useState(null),[x,w]=r.useState(!1),D=o.ConnectorHelper.getConnectorType(d).map((e=>({selected:e===p,value:e,label:t.unCamelCaseWithFirstUppercase(e)})));function h(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];w(!0);const t=o.ConnectorHelper.getConnectorComponent(d,e.value);void 0!==t?d===i.QueryBuilderConnectorType.frequency&&"IntegerPositiveSingle"===t?b("FrequencyIntegerPositiveSingle"):b(t):b(null),r||c(e.value),setTimeout((()=>{w(!1)}),5)}return r.useEffect((()=>{a||(p?h({value:p,label:p},!0):(null==D?void 0:D[0])&&h(D[0]))}),[p]),e.jsxs(f.Container,{children:[e.jsx("div",{children:!(null===(y=null===n.disableOperatorDropdown||void 0===n.disableOperatorDropdown?void 0:n.disableOperatorDropdown[d])||void 0===y?void 0:y[p])&&e.jsx(l.default,{disabled:q,width:"200px",isLoading:x,options:D,defaultOption:null===(S=D.filter((e=>e.selected)))||void 0===S?void 0:S[0],onSelect:h})}),null!==T&&!x&&(null===(I=j[T])||void 0===I?void 0:I.call(j,{disabled:q,val:C,onChange:g,extra:v,errors:m,isLoading:s}))]})};

package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.styled.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.styled.js

@@ -0,0 +1,6 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div`
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+	align-items: start;
+`;exports.Container=t;

package/dist/cjs/components/QueryBuilder/components/DeleteButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const DeleteButton: React.FC<{
+    onClick: () => void;
+}>;
+export default DeleteButton;

package/dist/cjs/components/QueryBuilder/components/DeleteButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../constants/Theme.js"),t=require("../../../assets/icons/delete.svg.js");exports.default=s=>{let{onClick:i}=s;return e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",cursor:"pointer"}},{children:e.jsx(t.default,{onClick:i,color:r.COLORS.content.primary,width:24,height:24})}))};

package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DropdownOption, SingleOption } from "../../dropdown/type";
+declare const DropdownWrapper: React.FC<{
+    options: DropdownOption[];
+    defaultOption?: SingleOption;
+    isSearchable?: boolean;
+    isLoading?: boolean;
+    onSelect: (option: DropdownOption | DropdownOption[]) => void;
+    error?: string;
+    nativeID?: string;
+    dropdownLabel?: string;
+    isMultiSelect?: boolean;
+    allowFreeForm?: boolean;
+    width?: string;
+    disabled?: boolean;
+}>;
+export default DropdownWrapper;

package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../dropdown/Dropdown.js"),i=require("./InputLoader.js");exports.default=l=>{let{options:t,onSelect:o,defaultOption:d,isSearchable:s,isLoading:a,error:n,nativeID:u,dropdownLabel:p,isMultiSelect:c,allowFreeForm:h,width:w,disabled:j}=l;return a?e.jsx(i.default,{}):e.jsx("div",Object.assign({style:{maxWidth:200,width:200},id:u},{children:e.jsx(r.Dropdown,{height:(null==t?void 0:t.length)?void 0:208,disabled:j,allowFreeForm:null!=h&&h,isMultiSelect:c,width:w,size:"small",placeHolder:p,error:n,isSearchable:null!=s&&s,defaultOptions:d?Array.isArray(d)?d:[d]:void 0,options:t,onSelect:o})}))};

package/dist/cjs/components/QueryBuilder/components/InputLoader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const InputLoader: React.FC<{
+    containerStyle?: React.CSSProperties;
+}>;
+export default InputLoader;

package/dist/cjs/components/QueryBuilder/components/InputLoader.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../spinner/Spinner.js"),n=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=i(r).default.div`
+	width: 200px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	padding: 4px 8px;
+	width: 200px;
+	background: ${s.COLORS.surface.hovered};
+	border: 1px solid ${s.COLORS.stroke.primary};
+	border-radius: 4px;
+`;exports.default=r=>{let{containerStyle:i}=r;return e.jsxs(o,Object.assign({style:Object.assign({},null!=i?i:{})},{children:[e.jsx(n.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary,flex:1}},{children:"Loading..."})),e.jsx(t.Spinner,{size:"small",color:s.COLORS.stroke.brand})]}))};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BaseQueryBuilderNode as BaseQueryBuilderNodeType, QueryBuilderProperty } from "../../../types/QueryBuilder.type";
+import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
+type BaseQueryBuilderNodeProps = Omit<QueryBuilderPropertyProps, 'property'> & {
+    deleteProperty?: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    createProperty?: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    /** if this is undefined, we will assume that this node doesnt support properties, so property list and adding feature will be hidden */
+    addPropertyBtnText?: string;
+    node: BaseQueryBuilderNodeType;
+    children: React.ReactNode;
+};
+/**
+ * @exported
+ * @stateless
+ * @param param0
+ * @returns
+ */
+export declare const BaseQueryBuilderNode: React.FC<BaseQueryBuilderNodeProps>;
+export {};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("styled-components"),d=require("../../../../../constants/Theme.js"),o=require("../Property/PropertyNodes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=s(t).default.div`
+	background: ${d.COLORS.surface.subdued};
+	border: 1px solid ${d.COLORS.stroke.primary};
+	border-radius: 4px;
+	padding: 12px;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+`;exports.BaseQueryBuilderNode=t=>{var{children:d,node:s,addPropertyBtnText:n,deleteProperty:u,createProperty:a}=t,p=e.__rest(t,["children","node","addPropertyBtnText","deleteProperty","createProperty"]);return r.jsxs(i,{children:[d,n&&r.jsx(o.default,Object.assign({node:s,addPropertyBtnText:n,deleteProperty:u,createProperty:a},p))]})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const AddPropertyButton: React.FC<{
+    buttonText: string;
+    onClick: () => void;
+}>;
+export default AddPropertyButton;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),u=require("../../../../../assets/icons/plus.svg.js");exports.default=r=>{let{buttonText:s,onClick:n}=r;return e.jsx(t.Button,{onClick:n,buttonText:s,size:"medium",buttonType:"dashRegular",LeadingIcon:u.default})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
+/**
+ * @exported
+ * @stateless
+ * @returns
+ */
+export declare const PropertyNode: React.FC<QueryBuilderPropertyProps & {
+    isLast?: boolean;
+}>;
+/**
+ * @exported
+ * @headless
+ * @stateless
+ * @returns
+ */
+export declare const PropertyNodeHeadless: React.FC<QueryBuilderPropertyProps>;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("../../../constants/connectorPosition.js"),n=require("../../../helpers/ApiResponse.helper.js"),t=require("../../Connectors/Connector.js"),a=require("../../DropdownWrapper.js"),i=require("./PropertyNode.styled.js"),l=require("./PropertyNodeUIWrapper.js");const s=new n.ApiResponseHelper,d=n=>{let{propertySelectorText:l,fetchPropertyData:d,onPropertyNameSelect:u,onPropertyOperatorChange:p,onPropertyValueChange:c,property:v,mode:y}=n;var j,f,g,h,m,x,b;const[A,C]=r.useState([]),[O,P]=r.useState({}),[w,S]=r.useState(!0),[q,L]=r.useState("create"===y),T=Array.isArray(A)?A.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==v?void 0:v.name)===e.id}))):s.convertToGroupOptions(A,(null==v?void 0:v.name)?[v.name.toString()]:void 0);function N(e){if(!Array.isArray(e)){L(!0);let r=null;Array.isArray(A)?r=A.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(A).forEach((o=>{const n=A[o].find((r=>{let{id:o}=r;return o===e.value}));n&&(r=n)})),P({}),r?null==u||u(r,v).then((e=>{P({options:Array.isArray(e)?[...e]:Object.assign({},e)}),L(!1)})):L(!1)}}return r.useEffect((()=>{d?d().then((e=>{e&&(Array.isArray(e)?C([...e]):C(Object.assign({},e))),S(!1),L(!1)})):(S(!1),L(!1))}),[]),r.useEffect((()=>{if("create"!==y&&Array.isArray(A)){const e=A.find((e=>e.id===(null==v?void 0:v.name))),r=v;e&&N({value:e.id,label:e.name}),null==c||c(null==r?void 0:r.value,v)}}),[A]),e.jsxs(e.Fragment,{children:[e.jsxs(i.Container,{children:[e.jsx(a.default,{disabled:"view"===y,width:"200px",isLoading:w,dropdownLabel:null!=l?l:"Select property",options:T,onSelect:N,error:null===(j=null==v?void 0:v.error)||void 0===j?void 0:j.name}),(null==v?void 0:v.name)&&!(null===(f=o.isNewLineConnectorPosition[v.dataType])||void 0===f?void 0:f[v.operator])&&e.jsx(t.default,{isLoading:q,disabled:"view"===y,extra:O,errors:{val:null===(g=v.error)||void 0===g?void 0:g.value,operator:null===(h=v.error)||void 0===h?void 0:h.operator},connectorVal:v.value,connectorType:v.dataType,defaultConnector:v.operator,onOperatorChange:e=>{null==p||p(e,v)},onValueChange:e=>null==c?void 0:c(e,v)})]}),(null==v?void 0:v.name)&&(null===(m=o.isNewLineConnectorPosition[v.dataType])||void 0===m?void 0:m[v.operator])&&e.jsx(t.default,{isLoading:q,disabled:"view"===y,extra:O,errors:{val:null===(x=v.error)||void 0===x?void 0:x.value,operator:null===(b=v.error)||void 0===b?void 0:b.operator},connectorVal:v.value,connectorType:v.dataType,defaultConnector:v.operator,onOperatorChange:e=>null==p?void 0:p(e,v),onValueChange:e=>null==c?void 0:c(e,v)})]})};exports.PropertyNode=r=>e.jsx(l.default,Object.assign({isLast:r.isLast,mode:r.mode},{children:e.jsx("div",Object.assign({style:{padding:12}},{children:e.jsx(d,Object.assign({},r))}))})),exports.PropertyNodeHeadless=d;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js

@@ -0,0 +1,6 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div`
+	flex-direction: row;
+	gap: 12px;
+	align-items: start;
+	display: flex;
+`;exports.Container=t;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { QueryBuilderProps } from "../../../types/QueryBuilderProps.type";
+declare const PropertyNodeUIWrapper: React.FC<{
+    children: React.ReactNode;
+    mode: QueryBuilderProps['mode'];
+    isLast?: boolean;
+}>;
+export default PropertyNodeUIWrapper;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),t=require("../../../../../constants/Theme.js"),s=require("./PropertyNodeUIWrapper.styled.js");exports.default=i=>{let{children:n,mode:o,isLast:a}=i;return e.jsxs(s.Container,{children:[e.jsx(s.Line,{style:{height:"view"===o&&a?29:"100%"}}),e.jsx(s.Horinzontal,{style:{marginTop:28}}),e.jsx(r.BodySecondary,Object.assign({style:{color:t.COLORS.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),n]})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Line: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Horinzontal: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const i=o.default.div`
+	flex-direction: row;
+	align-items: start;
+	display: flex;
+`,d=o.default.div`
+	display: flex;
+	margin-left: 28px;
+	width: 1px;
+	height: 24px;
+	background: ${t.COLORS.stroke.primary};
+`,s=o.default.div`
+	display: flex;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: ${t.COLORS.stroke.primary};
+	width: 24px;
+`;exports.Container=i,exports.Horinzontal=s,exports.Line=d;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BaseQueryBuilderNode, QueryBuilderProperty } from "../../../types/QueryBuilder.type";
+import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
+type Props = Omit<QueryBuilderPropertyProps, 'property'> & {
+    node: BaseQueryBuilderNode;
+    addPropertyBtnText?: string;
+    deleteProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+};
+declare const PropertyNodes: React.FC<Props>;
+export default PropertyNodes;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("../../../../dropdown/Dropdown.js"),o=require("../../../constants/operators.js"),i=require("../../../types/QueryBuilder.type.js"),s=require("../../DeleteButton.js"),d=require("./AddPropertyButton.js"),l=require("./PropertyNode.js"),n=require("./PropertyNodeUIWrapper.styled.js");exports.default=p=>{var a,u,{node:c,addPropertyBtnText:j,deleteProperty:y,createProperty:v,selectPropertyJoinOperator:x,mode:O}=p,P=e.__rest(p,["node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode"]);const _=o.JOIN_OPERATOR_OPTIONS.map((e=>{if(c.PropertyOperator){if(e.value===c.PropertyOperator)return Object.assign(Object.assign({},e),{selected:!0})}else if(e.value===i.QueryBuilderJoinOperators.AND)return Object.assign(Object.assign({},e),{selected:!0});return e}));return r.jsxs(r.Fragment,{children:[null===(a=null==c?void 0:c.properties)||void 0===a?void 0:a.map(((e,o)=>r.jsxs(r.Fragment,{children:[0!==o&&r.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:r.jsx(t.Dropdown,{disabled:"view"===O,onSelect:e=>{null==x||x(e.value,c._id)},options:_,width:"80px",height:96,size:"small"},`${o}-operator-selector`)}),`${o}-operator`),r.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row"}},{children:[r.jsx(l.PropertyNode,Object.assign({isLast:!!c.properties&&o===c.properties.length-1,property:e},P,{mode:O}),`${e._id}-property-node`),"view"!==O&&r.jsx(s.default,{onClick:()=>y(e,c._id)},`${e._id}-${o}-delete-btn`)]}),e._id)]}))),"view"!==O&&r.jsxs("div",{children:[0===(null===(u=null==c?void 0:c.properties)||void 0===u?void 0:u.length)&&r.jsx("div",{children:r.jsx(n.Line,{})}),r.jsx(d.default,{buttonText:null!=j?j:"Add Property",onClick:()=>v({},c._id)})]})]})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { QueryBuilderNodeProps } from '../../types/QueryBuilderNodeProps.type';
+/**
+ * @stateless
+ * @exported
+ * @returns
+ */
+declare const QueryBuilderNode: React.FC<QueryBuilderNodeProps>;
+export default QueryBuilderNode;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.js

@@ -0,0 +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,{})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.d.ts

@@ -0,0 +1,19 @@
+import { Response } from "../../../types/apiExecutor";
+import React from 'react';
+import { QueryBuilderRef } from '../types';
+import { QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
+import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';
+type QueryBuilderNodesProps = {
+    infinite: boolean;
+    addNodeBtnText: string;
+    allowedNodes: QueryBuilderType[];
+    onStateChange?: (state: QueryBuilderRoot) => void;
+    typesAPIHandlers: {
+        [key in QueryBuilderType]?: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
+    };
+    state?: QueryBuilderRoot;
+    mode?: 'create' | 'edit' | 'view';
+    selectorKey: string;
+};
+declare const QueryBuilderNodes: React.ForwardRefExoticComponent<QueryBuilderNodesProps & React.RefAttributes<QueryBuilderRef>>;
+export default QueryBuilderNodes;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-redux"),s=require("../../button/Button.js"),i=require("../../dropdown/Dropdown.js"),l=require("../constants/operators.js"),o=require("../hooks/useQueryBuilder.js"),d=require("./AddNodeButton.js"),n=require("./DeleteButton.js"),a=require("./QueryBuilderNode/QueryBuilderNode.js"),u=require("./QueryBuilderNodes.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=c(t).default.forwardRef(((c,j)=>{let{infinite:p,addNodeBtnText:x,allowedNodes:y,typesAPIHandlers:f,onStateChange:g,mode:v,selectorKey:b}=c;var O;const w=r.useSelector((e=>null==e?void 0:e[b])),{deleteNode:m,clearAll:h,selectJoinOperator:N,fillState:q}=o.useQueryBuilder(b);t.useEffect((()=>{null==g||g(Object.assign({},w))}),[w]);const B=l.JOIN_OPERATOR_OPTIONS.map((e=>(null==w?void 0:w.operator)&&e.value===w.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return t.useImperativeHandle(j,(()=>({getState:()=>Object.assign({},w),fillState(e){q(Object.assign({},e))}}))),e.jsxs(e.Fragment,{children:[null===(O=null==w?void 0:w.nodes)||void 0===O?void 0:O.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.Dropdown,{disabled:"view"===v,onSelect:e=>{N(e.value)},options:B,width:"80px",height:96,size:"small"})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(u.LinedContainer,Object.assign({style:{paddingTop:0===r?0:24}},{children:e.jsx(a.default,{selectorKey:b,mode:null!=v?v:"create",allowedNodes:y,node:t,apiHandler:f[t.type]})})),"view"!==v?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>m(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),p&&"view"!==v&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:x,allowedNodes:y,selectorKey:b}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>h(y[0])})]}))]})}));j.displayName="QueryBuilderNodes",exports.default=j;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.styled.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LinedContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.styled.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(e);d.default.div`
+	flex-direction: row;
+	margin-left: 24px;
+	display: flex;
+	flex: 1;
+	width: 100%;
+`;const l=d.default.div`
+	display: flex;
+	border-left-width: 1px;
+	border-left-style: solid;
+	border-left-color: ${t.COLORS.stroke.primary};
+	flex: 1;
+	padding-left: 16px;
+	padding-bottom: 24px;
+	margin-left: 24px;
+`;exports.LinedContainer=l;

package/dist/cjs/components/QueryBuilder/constants/connector.d.ts

@@ -0,0 +1,72 @@
+import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
+import { BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_OPERATORS, IG_OPERATORS, INTEGER_OPERATORS, STRING_OPERATORS } from '../types/QueryBuilderOperator.type';
+type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS | typeof IG_OPERATORS;
+export declare const CONNECTOR_TYPE_TO_OPERATORS: {
+    [key in QueryBuilderConnectorType]: CONNECTOR_OPERATORS_TYPE;
+};
+export declare enum CONNECTOR_VALUE_COMPONENT_TYPES {
+    FreeText = "FreeText",
+    NoInput = "NoInput",
+    IntegerSingleValue = "IntegerSingleValue",
+    TwoNumberInputsSeperatedByAnd = "TwoNumberInputsSeperatedByAnd",
+    MultiselectDropdownFreeText = "MultiselectDropdownFreeText",
+    SingleDate = "SingleDate",
+    TwoDate = "TwoDate",
+    IntegerPositiveSingle = "IntegerPositiveSingle",
+    NumberTime = "NumberTime",
+    IgPicker = "IgPicker"
+}
+export declare const INTEGER_OPERATORS_COMPONENT: {
+    is: CONNECTOR_VALUE_COMPONENT_TYPES;
+    isNot: CONNECTOR_VALUE_COMPONENT_TYPES;
+    exists: CONNECTOR_VALUE_COMPONENT_TYPES;
+    doesntExist: CONNECTOR_VALUE_COMPONENT_TYPES;
+    lessThan: CONNECTOR_VALUE_COMPONENT_TYPES;
+    lessThanOrEqualTo: CONNECTOR_VALUE_COMPONENT_TYPES;
+    greaterThan: CONNECTOR_VALUE_COMPONENT_TYPES;
+    greaterThanOrEqualTo: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const STRING_OPERATORS_COMPONENT: {
+    is: CONNECTOR_VALUE_COMPONENT_TYPES;
+    isNot: CONNECTOR_VALUE_COMPONENT_TYPES;
+    contains: CONNECTOR_VALUE_COMPONENT_TYPES;
+    doesntContain: CONNECTOR_VALUE_COMPONENT_TYPES;
+    startsWith: CONNECTOR_VALUE_COMPONENT_TYPES;
+    endsWith: CONNECTOR_VALUE_COMPONENT_TYPES;
+    exists: CONNECTOR_VALUE_COMPONENT_TYPES;
+    doesntExist: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const DATE_OPERATORS_COMPONENT: {
+    on: CONNECTOR_VALUE_COMPONENT_TYPES;
+    notOn: CONNECTOR_VALUE_COMPONENT_TYPES;
+    inBetween: CONNECTOR_VALUE_COMPONENT_TYPES;
+    notInBetween: CONNECTOR_VALUE_COMPONENT_TYPES;
+    before: CONNECTOR_VALUE_COMPONENT_TYPES;
+    after: CONNECTOR_VALUE_COMPONENT_TYPES;
+    today: CONNECTOR_VALUE_COMPONENT_TYPES;
+    yesterday: CONNECTOR_VALUE_COMPONENT_TYPES;
+    "last week": CONNECTOR_VALUE_COMPONENT_TYPES;
+    "last month": CONNECTOR_VALUE_COMPONENT_TYPES;
+    "last quarter": CONNECTOR_VALUE_COMPONENT_TYPES;
+    "in the last": CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const IG_OPERATORS_COMPONENT: {
+    post: CONNECTOR_VALUE_COMPONENT_TYPES;
+    reel: CONNECTOR_VALUE_COMPONENT_TYPES;
+    story: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const BOOLEAN_OPERATORS_COMPONENT: {
+    isTrue: CONNECTOR_VALUE_COMPONENT_TYPES;
+    isFalse: CONNECTOR_VALUE_COMPONENT_TYPES;
+    exists: CONNECTOR_VALUE_COMPONENT_TYPES;
+    doesntExist: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const FREQUENCY_OPERATORS_COMPONENT: {
+    exactly: CONNECTOR_VALUE_COMPONENT_TYPES;
+    atleast: CONNECTOR_VALUE_COMPONENT_TYPES;
+    atMost: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const CONNECTOR_TYPE_TO_COMPONENT_MAP: {
+    [x in QueryBuilderConnectorType]: typeof BOOLEAN_OPERATORS_COMPONENT | typeof STRING_OPERATORS_COMPONENT | typeof INTEGER_OPERATORS_COMPONENT | typeof FREQUENCY_OPERATORS_COMPONENT | typeof DATE_OPERATORS_COMPONENT | typeof IG_OPERATORS_COMPONENT;
+};
+export {};

package/dist/cjs/components/QueryBuilder/constants/connector.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var O=require("../types/QueryBuilder.type.js"),e=require("../types/QueryBuilderOperator.type.js");const E={[O.QueryBuilderConnectorType.boolean]:e.BOOLEAN_OPERATORS,[O.QueryBuilderConnectorType.string]:e.STRING_OPERATORS,[O.QueryBuilderConnectorType.integer]:e.INTEGER_OPERATORS,[O.QueryBuilderConnectorType.frequency]:e.FREQUENCY_OPERATORS,[O.QueryBuilderConnectorType.date]:e.DATE_OPERATORS,[O.QueryBuilderConnectorType.ig]:e.IG_OPERATORS};var T;exports.CONNECTOR_VALUE_COMPONENT_TYPES=void 0,(T=exports.CONNECTOR_VALUE_COMPONENT_TYPES||(exports.CONNECTOR_VALUE_COMPONENT_TYPES={})).FreeText="FreeText",T.NoInput="NoInput",T.IntegerSingleValue="IntegerSingleValue",T.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",T.MultiselectDropdownFreeText="MultiselectDropdownFreeText",T.SingleDate="SingleDate",T.TwoDate="TwoDate",T.IntegerPositiveSingle="IntegerPositiveSingle",T.NumberTime="NumberTime",T.IgPicker="IgPicker";const N={[e.INTEGER_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[e.INTEGER_OPERATORS.isNot]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[e.INTEGER_OPERATORS.exists]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.INTEGER_OPERATORS.doesntExist]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.INTEGER_OPERATORS.lessThan]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerSingleValue,[e.INTEGER_OPERATORS.lessThanOrEqualTo]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerSingleValue,[e.INTEGER_OPERATORS.greaterThan]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerSingleValue,[e.INTEGER_OPERATORS.greaterThanOrEqualTo]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerSingleValue},_={[e.STRING_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.MultiselectDropdownFreeText,[e.STRING_OPERATORS.isNot]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.MultiselectDropdownFreeText,[e.STRING_OPERATORS.contains]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[e.STRING_OPERATORS.doesntContain]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[e.STRING_OPERATORS.startsWith]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[e.STRING_OPERATORS.endsWith]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[e.STRING_OPERATORS.exists]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.STRING_OPERATORS.doesntExist]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput},t={[e.DATE_OPERATORS.on]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleDate,[e.DATE_OPERATORS.notOn]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleDate,[e.DATE_OPERATORS.inBetween]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.TwoDate,[e.DATE_OPERATORS.notInBetween]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.TwoDate,[e.DATE_OPERATORS.before]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleDate,[e.DATE_OPERATORS.after]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleDate,[e.DATE_OPERATORS.today]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.DATE_OPERATORS.yesterday]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.DATE_OPERATORS["last week"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.DATE_OPERATORS["last month"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.DATE_OPERATORS["last quarter"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.DATE_OPERATORS["in the last"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NumberTime},R={[e.IG_OPERATORS.post]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IgPicker,[e.IG_OPERATORS.reel]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IgPicker,[e.IG_OPERATORS.story]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IgPicker},r={[e.BOOLEAN_OPERATORS.isTrue]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.BOOLEAN_OPERATORS.isFalse]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.BOOLEAN_OPERATORS.exists]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[e.BOOLEAN_OPERATORS.doesntExist]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput},P={[e.FREQUENCY_OPERATORS.exactly]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerPositiveSingle,[e.FREQUENCY_OPERATORS.atleast]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerPositiveSingle,[e.FREQUENCY_OPERATORS.atMost]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerPositiveSingle},C={[O.QueryBuilderConnectorType.boolean]:r,[O.QueryBuilderConnectorType.string]:_,[O.QueryBuilderConnectorType.integer]:N,[O.QueryBuilderConnectorType.frequency]:P,[O.QueryBuilderConnectorType.date]:t,[O.QueryBuilderConnectorType.ig]:R};exports.BOOLEAN_OPERATORS_COMPONENT=r,exports.CONNECTOR_TYPE_TO_COMPONENT_MAP=C,exports.CONNECTOR_TYPE_TO_OPERATORS=E,exports.DATE_OPERATORS_COMPONENT=t,exports.FREQUENCY_OPERATORS_COMPONENT=P,exports.IG_OPERATORS_COMPONENT=R,exports.INTEGER_OPERATORS_COMPONENT=N,exports.STRING_OPERATORS_COMPONENT=_;

package/dist/cjs/components/QueryBuilder/constants/connectorPosition.d.ts

@@ -0,0 +1,14 @@
+export declare const isNewLineConnectorPosition: {
+    ig: {
+        post: boolean;
+        reel: boolean;
+        story: boolean;
+    };
+};
+export declare const disableOperatorDropdown: {
+    ig: {
+        post: boolean;
+        reel: boolean;
+        story: boolean;
+    };
+};

package/dist/cjs/components/QueryBuilder/constants/connectorPosition.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../types/QueryBuilder.type.js"),r=require("../types/QueryBuilderOperator.type.js");const o={[e.QueryBuilderConnectorType.ig]:{[r.IG_OPERATORS.post]:!0,[r.IG_OPERATORS.reel]:!0,[r.IG_OPERATORS.story]:!0}},t={[e.QueryBuilderConnectorType.ig]:{[r.IG_OPERATORS.post]:!0,[r.IG_OPERATORS.reel]:!0,[r.IG_OPERATORS.story]:!0}};exports.disableOperatorDropdown=t,exports.isNewLineConnectorPosition=o;

package/dist/cjs/components/QueryBuilder/constants/operators.d.ts

@@ -0,0 +1,2 @@
+import { DropdownOption } from "../../dropdown/type";
+export declare const JOIN_OPERATOR_OPTIONS: DropdownOption[];

package/dist/cjs/components/QueryBuilder/constants/operators.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.JOIN_OPERATOR_OPTIONS=[{label:"And",value:"AND"},{label:"Or",value:"OR"}];

package/dist/cjs/components/QueryBuilder/helpers/ApiResponse.helper.d.ts

@@ -0,0 +1,7 @@
+import { DropdownOption } from "../../dropdown/type";
+import { QueryBuilderAPIData } from '../types/QueryBuilderAPI.type';
+export declare class ApiResponseHelper {
+    convertToGroupOptions(data?: {
+        [key in string]: QueryBuilderAPIData[];
+    } | QueryBuilderAPIData[] | null, selectedValues?: string[]): DropdownOption[];
+}

package/dist/cjs/components/QueryBuilder/helpers/ApiResponse.helper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../utils/unCamelCase.js");exports.ApiResponseHelper=class{convertToGroupOptions(i,r){var l;if(i){if(Array.isArray(i))return null!==(l=null==i?void 0:i.map((i=>{var l;return{label:e.unCamelCaseWithFirstUppercase(null!==(l=i.name)&&void 0!==l?l:i.id),value:i.id,descriptions:i.description,selected:!!(null==r?void 0:r.find((e=>e===i.id)))}})))&&void 0!==l?l:[];{const l=[];return Object.keys(i).forEach((s=>{var n;const t=i[s],a=null!==(n=null==t?void 0:t.map((i=>{var l;return{label:e.unCamelCaseWithFirstUppercase(null!==(l=i.name)&&void 0!==l?l:i.id),value:i.id,description:i.description,selected:!!(null==r?void 0:r.find((e=>e===i.id)))}})))&&void 0!==n?n:[];l.push({label:s,options:a})})),l}}return[]}};

package/dist/cjs/components/QueryBuilder/helpers/Connector.helper.d.ts

@@ -0,0 +1,6 @@
+import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
+import { CONNECTOR_OPERATORS } from '../types/QueryBuilderOperator.type';
+export declare class ConnectorHelper {
+    static getConnectorType(datatype: QueryBuilderConnectorType): string[];
+    static getConnectorComponent(dataType: QueryBuilderConnectorType, connectorType: CONNECTOR_OPERATORS): "FreeText" | "NoInput" | "IntegerSingleValue" | "TwoNumberInputsSeperatedByAnd" | "MultiselectDropdownFreeText" | "SingleDate" | "TwoDate" | "IntegerPositiveSingle" | "NumberTime" | null;
+}

package/dist/cjs/components/QueryBuilder/helpers/Connector.helper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/connector.js");exports.ConnectorHelper=class{static getConnectorType(t){const r=e.CONNECTOR_TYPE_TO_OPERATORS[t];return r?Object.keys(r):[]}static getConnectorComponent(t,r){if(e.CONNECTOR_TYPE_TO_OPERATORS[t]){return e.CONNECTOR_TYPE_TO_COMPONENT_MAP[t][r]}return null}};