@bikdotai/bik-component-library 0.0.12 → 0.0.13-beta.11

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

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

package/dist/esm/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/esm/components/QueryBuilder/components/Connectors/Connector.js

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

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

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

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

@@ -0,0 +1,6 @@
+import t from"styled-components";const o=t.div`
+	display: flex;
+	flex-direction: row;
+	gap: 8px;
+	align-items: start;
+`;export{o as Container};

package/dist/esm/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/esm/components/QueryBuilder/components/DeleteButton.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{COLORS as t}from"../../../constants/Theme.js";import r from"../../../assets/icons/delete.svg.js";const i=i=>{let{onClick:o}=i;return e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:e(r,{onClick:o,color:t.content.primary,width:24,height:24})}))};export{i as default};

package/dist/esm/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/esm/components/QueryBuilder/components/DropdownWrapper.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import r from"../../dropdown/Dropdown.js";import o from"./InputLoader.js";const t=t=>{let{options:i,onSelect:l,defaultOption:a,isSearchable:d,isLoading:s,error:n,nativeID:p,dropdownLabel:c,isMultiSelect:m,allowFreeForm:u,width:w,disabled:h}=t;return s?e(o,{}):e("div",Object.assign({style:{maxWidth:200,width:200},id:p},{children:e(r,{disabled:h,allowFreeForm:null!=u&&u,isMultiSelect:m,width:w,size:"small",placeHolder:c,error:n,isSearchable:null!=d&&d,defaultOptions:a?Array.isArray(a)?a:[a]:[],options:i,onSelect:l})}))};export{t as default};

package/dist/esm/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/esm/components/QueryBuilder/components/InputLoader.js

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

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js

@@ -0,0 +1,9 @@
+import{__rest as r}from"../../../../../_virtual/_tslib.js";import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"styled-components";import{COLORS as d}from"../../../../../constants/Theme.js";import p from"../Property/PropertyNodes.js";const i=o.div`
+	background: ${d.surface.subdued};
+	border: 1px solid ${d.stroke.primary};
+	border-radius: 4px;
+	padding: 12px;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+`,n=o=>{var{children:d,node:n,addPropertyBtnText:s,deleteProperty:a,createProperty:c}=o,m=r(o,["children","node","addPropertyBtnText","deleteProperty","createProperty"]);return e(i,{children:[d,s&&t(p,Object.assign({node:n,addPropertyBtnText:s,deleteProperty:a,createProperty:c},m))]})};export{n as BaseQueryBuilderNode};

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import e from"../../../../../assets/icons/plus.svg.js";const n=n=>{let{buttonText:s,onClick:r}=n;return t(o,{onClick:r,buttonText:s,size:"medium",buttonType:"dashRegular",LeadingIcon:e})};export{n as default};

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js

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

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js

@@ -0,0 +1,6 @@
+import t from"styled-components";const o=t.div`
+	flex-direction: row;
+	gap: 12px;
+	align-items: start;
+	display: flex;
+`;export{o as Container};

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{Container as i,Line as s,Horinzontal as m}from"./PropertyNodeUIWrapper.styled.js";const n=n=>{let{children:p,mode:a,isLast:l}=n;return r(i,{children:[e(s,{style:{height:"view"===a&&l?29:"100%"}}),e(m,{style:{marginTop:28}}),e(t,Object.assign({style:{color:o.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),p]})};export{n as default};

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js

@@ -0,0 +1,17 @@
+import o from"styled-components";import{COLORS as t}from"../../../../../constants/Theme.js";const r=o.div`
+	flex-direction: row;
+	align-items: start;
+	display: flex;
+`,i=o.div`
+	display: flex;
+	margin-left: 28px;
+	width: 1px;
+	height: 24px;
+	background: ${t.stroke.primary};
+`,e=o.div`
+	display: flex;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: ${t.stroke.primary};
+	width: 24px;
+`;export{r as Container,e as Horinzontal,i as Line};

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.js

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

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.js

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

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

@@ -0,0 +1,17 @@
+import { Response } from "../../../types/apiExecutor";
+import React from 'react';
+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';
+};
+declare const QueryBuilderNodes: React.FC<QueryBuilderNodesProps>;
+export default QueryBuilderNodes;

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

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

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNodes.styled.js

@@ -0,0 +1,16 @@
+import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";e.div`
+	flex-direction: row;
+	margin-left: 24px;
+	display: flex;
+	flex: 1;
+	width: 100%;
+`;const o=e.div`
+	display: flex;
+	border-left-width: 1px;
+	border-left-style: solid;
+	border-left-color: ${t.stroke.primary};
+	flex: 1;
+	padding-left: 16px;
+	padding-bottom: 24px;
+	margin-left: 24px;
+`;export{o as LinedContainer};

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

@@ -0,0 +1,68 @@
+import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
+import { BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_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;
+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"
+}
+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;
+    between: CONNECTOR_VALUE_COMPONENT_TYPES;
+    notBetween: 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 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;
+};
+export {};

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

@@ -0,0 +1 @@
+import{QueryBuilderConnectorType as e}from"../types/QueryBuilder.type.js";import{BOOLEAN_OPERATORS as t,STRING_OPERATORS as n,INTEGER_OPERATORS as r,FREQUENCY_OPERATORS as o,DATE_OPERATORS as i}from"../types/QueryBuilderOperator.type.js";const s={[e.boolean]:t,[e.string]:n,[e.integer]:r,[e.frequency]:o,[e.date]:i};var a;!function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(a||(a={}));const u={[r.is]:a.FreeText,[r.isNot]:a.FreeText,[r.exists]:a.NoInput,[r.doesntExist]:a.NoInput,[r.lessThan]:a.IntegerSingleValue,[r.lessThanOrEqualTo]:a.IntegerSingleValue,[r.greaterThan]:a.IntegerSingleValue,[r.greaterThanOrEqualTo]:a.IntegerSingleValue,[r.between]:a.TwoNumberInputsSeperatedByAnd,[r.notBetween]:a.TwoNumberInputsSeperatedByAnd},l={[n.is]:a.MultiselectDropdownFreeText,[n.isNot]:a.MultiselectDropdownFreeText,[n.contains]:a.FreeText,[n.doesntContain]:a.FreeText,[n.startsWith]:a.FreeText,[n.endsWith]:a.FreeText,[n.exists]:a.NoInput,[n.doesntExist]:a.NoInput},p={[i.on]:a.SingleDate,[i.notOn]:a.SingleDate,[i.inBetween]:a.TwoDate,[i.notInBetween]:a.TwoDate,[i.before]:a.SingleDate,[i.after]:a.SingleDate,[i.today]:a.NoInput,[i.yesterday]:a.NoInput,[i["last week"]]:a.NoInput,[i["last month"]]:a.NoInput,[i["last quarter"]]:a.NoInput,[i["in the last"]]:a.NumberTime},g={[t.isTrue]:a.NoInput,[t.isFalse]:a.NoInput,[t.exists]:a.NoInput,[t.doesntExist]:a.NoInput},I={[o.exactly]:a.IntegerPositiveSingle,[o.atleast]:a.IntegerPositiveSingle,[o.atMost]:a.IntegerPositiveSingle},T={[e.boolean]:g,[e.string]:l,[e.integer]:u,[e.frequency]:I,[e.date]:p};export{g as BOOLEAN_OPERATORS_COMPONENT,T as CONNECTOR_TYPE_TO_COMPONENT_MAP,s as CONNECTOR_TYPE_TO_OPERATORS,a as CONNECTOR_VALUE_COMPONENT_TYPES,p as DATE_OPERATORS_COMPONENT,I as FREQUENCY_OPERATORS_COMPONENT,u as INTEGER_OPERATORS_COMPONENT,l as STRING_OPERATORS_COMPONENT};

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

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

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

@@ -0,0 +1 @@
+const l=[{label:"And",value:"AND"},{label:"Or",value:"OR"}];export{l as JOIN_OPERATOR_OPTIONS};

package/dist/esm/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/esm/components/QueryBuilder/helpers/ApiResponse.helper.js

@@ -0,0 +1 @@
+import{unCamelCaseWithFirstUppercase as e}from"../../../utils/unCamelCase.js";class i{convertToGroupOptions(i,l){var n;if(i){if(Array.isArray(i))return null!==(n=null==i?void 0:i.map((i=>{var n;return Object.assign(Object.assign({},i),{label:e(null!==(n=i.name)&&void 0!==n?n:i.id),value:i.id,descriptions:i.desc,selected:!!(null==l?void 0:l.find((e=>e===i.id)))})})))&&void 0!==n?n:[];{const n=[];return Object.keys(i).forEach((s=>{var r;const a=i[s],d=null!==(r=null==a?void 0:a.map((i=>{var n;return Object.assign(Object.assign({},i),{label:e(null!==(n=i.name)&&void 0!==n?n:i.id),value:i.id,descriptions:i.desc,selected:!!(null==l?void 0:l.find((e=>e===i.id)))})})))&&void 0!==r?r:[];n.push({label:s,options:d})})),n}}return[]}}export{i as ApiResponseHelper};

package/dist/esm/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/esm/components/QueryBuilder/helpers/Connector.helper.js

@@ -0,0 +1 @@
+import{CONNECTOR_TYPE_TO_OPERATORS as t,CONNECTOR_TYPE_TO_COMPONENT_MAP as n}from"../constants/connector.js";class e{static getConnectorType(n){const e=t[n];return e?Object.keys(e):[]}static getConnectorComponent(e,o){if(t[e]){return n[e][o]}return null}}export{e as ConnectorHelper};

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilder.d.ts

@@ -0,0 +1,18 @@
+import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
+export declare const useQueryBuilder: () => {
+    init: (type: QueryBuilderType) => void;
+    createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    updateProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    updateMeta: (meta: Partial<QueryBuilderMeta>, nodeID: string) => void;
+    createMeta: (meta: Partial<QueryBuilderMeta>, nodeID: string) => void;
+    createNode: (type: QueryBuilderType) => void;
+    selectType: (type: QueryBuilderType, nodeID: string) => void;
+    addNode: (type: QueryBuilderType) => void;
+    deleteNode: (nodeID: string) => void;
+    deleteProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    clearAll: (type: QueryBuilderType) => void;
+    selectPropertyJoinOperator: (joinOperator: QueryBuilderJoinOperators, nodeID: string) => void;
+    selectJoinOperator: (joinOperator: QueryBuilderJoinOperators) => void;
+    fillState: (state: QueryBuilderRoot) => void;
+    clearProperty: (nodeID: string) => void;
+};

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilder.js

@@ -0,0 +1 @@
+import{useDispatch as e}from"react-redux";import{queryBuilderSlice as t}from"../redux/queryBuilder.reducer.js";const r=()=>{const r=e(),o=e=>{r(t.actions.initQueryBuilder({type:e}))};return{init:o,createProperty:(e,o)=>{r(t.actions.createProperty({property:e,nodeID:o}))},updateProperty:(e,o)=>{r(t.actions.updateProperty({property:e,nodeID:o}))},updateMeta:(e,o)=>{r(t.actions.updateMeta({meta:e,nodeID:o}))},createMeta:(e,o)=>{r(t.actions.createMeta({meta:e,nodeID:o}))},createNode:e=>{r(t.actions.addNode({type:e}))},selectType:(e,o)=>{r(t.actions.selectType({type:e,nodeID:o}))},addNode:e=>{r(t.actions.addNode({type:e}))},deleteNode:e=>{r(t.actions.deleteNode({nodeID:e}))},deleteProperty:(e,o)=>{r(t.actions.deleteProperty({property:e,nodeID:o}))},clearAll:o,selectPropertyJoinOperator:(e,o)=>{r(t.actions.selectPropertyJoinOperator({joinOperator:e,nodeID:o}))},selectJoinOperator:e=>{r(t.actions.selectJoinOperator({joinOperator:e}))},fillState:e=>{r(t.actions.fillState(e))},clearProperty:e=>{r(t.actions.clearProperty({nodeID:e}))}}};export{r as useQueryBuilder};

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilderCache.d.ts

@@ -0,0 +1,7 @@
+import { BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';
+export declare const useQueryBuilderCache: () => {
+    cacheWrap: (cb: () => Promise<{
+        data?: BaseQueryBuilderResponse;
+        error?: string;
+    }>, key: string, updateCache?: boolean) => Promise<BaseQueryBuilderResponse | null>;
+};

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilderCache.js

@@ -0,0 +1 @@
+import{__awaiter as r}from"../../../_virtual/_tslib.js";import{useDispatch as e}from"react-redux";import{queryBuilderCacheSlice as t}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as o}from"../redux/selectors/useQueryBuilderCacheSelector.js";const i=()=>{const i=e(),u=o();return{cacheWrap:function(e,o){let d=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return r(void 0,void 0,void 0,(function*(){if(null==u?void 0:u[o])return u[o];const r=yield e();return(null==r?void 0:r.data)?(d&&i(t.actions.initKey({key:o,data:r.data})),null==r?void 0:r.data):null}))}}};export{i as useQueryBuilderCache};

package/dist/esm/components/QueryBuilder/index.d.ts

@@ -0,0 +1,6 @@
+export * from './QueryBuilder';
+export * from './components/QueryBuilderNode/Base/BaseQueryBuilderNode';
+export * from './components/QueryBuilderNode/Property/PropertyNode';
+export * from './redux/queryBuilder.reducer';
+export * from './redux/queryBuilderCache.reducer';
+export * from './types';

package/dist/esm/components/QueryBuilder/redux/queryBuilder.reducer.d.ts

@@ -0,0 +1,51 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
+export declare const queryBuilderSlice: import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
+    clearProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+    }>): void;
+    fillState(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<QueryBuilderRoot>): import("immer/dist/internal").WritableDraft<QueryBuilderRoot>;
+    initQueryBuilder(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        type: QueryBuilderType;
+    }>): void;
+    addNode(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        type: QueryBuilderType;
+    }>): void;
+    deleteNode(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+    }>): void;
+    clearNode(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        type: QueryBuilderType;
+    }>): void;
+    createProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        property: Partial<QueryBuilderProperty>;
+    }>): void;
+    updateProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        property: Partial<QueryBuilderProperty>;
+    }>): void;
+    deleteProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        property: Partial<QueryBuilderProperty>;
+    }>): void;
+    createMeta(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        meta: Partial<QueryBuilderMeta>;
+    }>): void;
+    updateMeta(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        meta: Partial<QueryBuilderMeta>;
+    }>): void;
+    selectPropertyJoinOperator(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        joinOperator: QueryBuilderJoinOperators;
+    }>): void;
+    selectJoinOperator(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        joinOperator: QueryBuilderJoinOperators;
+    }>): void;
+    selectType(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        type: QueryBuilderType;
+    }>): void;
+}, "queryBuilder">;

package/dist/esm/components/QueryBuilder/redux/queryBuilder.reducer.js

@@ -0,0 +1 @@
+import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import o from"react-native-uuid";import{QueryBuilderJoinOperators as d}from"../types/QueryBuilder.type.js";const t=o.v4,s=e({name:"queryBuilder",initialState:{nodes:[{_id:t(),properties:[],metas:[]}]},reducers:{clearProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND};e.nodes=[s],e.operator=d.AND},addNode(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND},n=e.nodes;e.nodes=[...n,s]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){var d;const s=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===s.length){const e={type:o.payload.type,properties:[],metas:[],_id:t()};s.push(e)}e.nodes=s},createProperty(e,o){var d;const s=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(s>-1){const n=null!==(d=e.nodes[s].properties)&&void 0!==d?d:[],a=Object.assign(Object.assign({},o.payload.property),{_id:t()});e.nodes[s].properties=[...n,a]}},updateProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map((e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e));e.nodes[t].properties=[...s]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[t].properties=[...s]}},createMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],n=Object.assign({},o.payload.meta);e.nodes[t].metas=[...s,n]}},updateMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map((e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e));e.nodes[t].metas=[...s]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]={_id:t._id,type:o.payload.type,properties:[],metas:[]}}}}});export{s as queryBuilderSlice};

package/dist/esm/components/QueryBuilder/redux/queryBuilderCache.reducer.d.ts

@@ -0,0 +1,17 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';
+declare const initialState: {
+    [key in string]: BaseQueryBuilderResponse;
+};
+export type CacheStateType = typeof initialState;
+export declare const queryBuilderCacheSlice: import("@reduxjs/toolkit").Slice<{
+    [x: string]: BaseQueryBuilderResponse;
+}, {
+    initKey(state: import("immer/dist/internal").WritableDraft<{
+        [x: string]: BaseQueryBuilderResponse;
+    }>, action: PayloadAction<{
+        key: string;
+        data: BaseQueryBuilderResponse;
+    }>): void;
+}, "queryBuilderCache">;
+export {};

package/dist/esm/components/QueryBuilder/redux/queryBuilderCache.reducer.js

@@ -0,0 +1 @@
+import{createSlice as a}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";const e=a({name:"queryBuilderCache",initialState:{},reducers:{initKey(a,e){Array.isArray(e.payload.data)?a[e.payload.key]=[...e.payload.data]:a[e.payload.key]=Object.assign({},e.payload.data)}}});export{e as queryBuilderCacheSlice};

package/dist/esm/components/QueryBuilder/redux/selectors/useNodesSelector.d.ts

@@ -0,0 +1,3 @@
+import { QueryBuilderRoot } from '../../types/QueryBuilder.type';
+export declare const useNodesSelector: () => import("../../types/QueryBuilder.type").BaseQueryBuilderNode[];
+export declare const useQueryBuilderSelector: () => QueryBuilderRoot;

package/dist/esm/components/QueryBuilder/redux/selectors/useNodesSelector.js

@@ -0,0 +1 @@
+import{useSelector as r}from"react-redux";const e=()=>r((r=>r.queryBuilder));export{e as useQueryBuilderSelector};

package/dist/esm/components/QueryBuilder/redux/selectors/useQueryBuilderCacheSelector.d.ts

@@ -0,0 +1,3 @@
+export declare const useQueryBuilderCacheSelector: () => {
+    [x: string]: import("../..").BaseQueryBuilderResponse;
+};

package/dist/esm/components/QueryBuilder/redux/selectors/useQueryBuilderCacheSelector.js

@@ -0,0 +1 @@
+import{useSelector as r}from"react-redux";const e=()=>r((r=>r.queryBuilderCache));export{e as useQueryBuilderCacheSelector};

package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts

@@ -0,0 +1,70 @@
+import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
+export declare enum QueryBuilderType {
+    SEGMENT_FILTER = "SEGMENT_FILTER",
+    EVENT_FILTER = "EVENT_FILTER",
+    NO_EVENT_FILTER = "NO_EVENT_FILTER",
+    USER_PROPERTY_FILTER = "USER_PROPERTY_FILTER",
+    IG_TRIGGER = "IG_TRIGGER",
+    CTWA_TRIGGER = "CTWA_TRIGGER",
+    EVENTS_TRIGGER = "EVENTS_TRIGGER"
+}
+export declare enum QueryBuilderJoinOperators {
+    AND = "AND",
+    OR = "OR"
+}
+export declare enum QueryBuilderConnectorType {
+    'string' = "string",
+    'integer' = "integer",
+    'boolean' = "boolean",
+    'date' = "date",
+    'frequency' = "frequency"
+}
+export interface QueryBuilderConnector {
+    dataType: QueryBuilderConnectorType;
+    operator: CONNECTOR_OPERATORS;
+    value?: string[] | number[] | Date[] | string | number | Date;
+}
+export interface QueryBuilderProperty {
+    _id: string;
+    name?: string | number;
+    dataType?: QueryBuilderConnectorType;
+    operator?: CONNECTOR_OPERATORS;
+    value?: CONNECTOR_VALUE_TYPE;
+    /** UI Only */
+    _refresh?: boolean;
+    /** UI Only */
+    error: {
+        name?: string;
+        dataType?: string;
+        operator?: string;
+        value?: string;
+    };
+}
+export interface QueryBuilderMeta {
+    key: string;
+    value: string | QueryBuilderConnector;
+    /** UI Only */
+    refresh?: boolean;
+    /** UI Only */
+    error: {
+        key?: string;
+        value?: string | ConnectorError;
+    };
+}
+export interface BaseQueryBuilderNode {
+    _id: string;
+    type: QueryBuilderType;
+    isExclude?: boolean;
+    metas: QueryBuilderMeta[];
+    properties?: QueryBuilderProperty[];
+    PropertyOperator?: QueryBuilderJoinOperators;
+}
+export interface QueryBuilderRoot {
+    nodes: BaseQueryBuilderNode[];
+    operator?: QueryBuilderJoinOperators;
+}
+export type ConnectorError = {
+    operator: string;
+    value: string;
+};