@bikdotai/bik-component-library 0.0.687-beta.4 → 0.0.687-beta.6

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

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

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

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

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

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useState as a,useEffect as n}from"react";import{isNewLineConnectorPosition as t}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as l}from"../../../helpers/ApiResponse.helper.js";import i from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as p}from"./PropertyNode.styled.js";import s from"./PropertyNodeUIWrapper.js";var c=Object.defineProperty,u=Object.defineProperties,v=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,h=(e,r,o)=>r in e?c(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,b=(e,r)=>{for(var o in r||(r={}))y.call(r,o)&&h(e,o,r[o]);if(m)for(var o of m(r))f.call(r,o)&&h(e,o,r[o]);return e},g=(e,r)=>u(e,v(r));const A=new l,j=r=>e(s,{isLast:r.isLast,mode:r.mode,children:e("div",{style:{padding:12,maxWidth:"calc(100% - 78px)"},children:e(O,b({},r))})}),O=l=>{let{propertySelectorText:s,fetchPropertyData:c,onPropertyNameSelect:u,onPropertyOperatorChange:v,onPropertyValueChange:m,property:y,mode:f,onPropertyValueSearch:h}=l;var j,O,P,w,C,S,T;const[x,V]=a([]),[D,L]=a({}),[z,I]=a(!0),[N,W]=a("create"===f),k=Array.isArray(x)?x.map((e=>g(b({},e),{label:e.name,value:e.id,description:e.description,selected:(null==y?void 0:y.name)===e.id}))):A.convertToGroupOptions(x,(null==y?void 0:y.name)?[y.name.toString()]:void 0);function E(e){if(!Array.isArray(e)){W(!0);let r=null;Array.isArray(x)?r=x.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(x).forEach((o=>{const a=x[o].find((r=>{let{id:o}=r;return o===e.value}));a&&(r=a)})),L({}),r?null==u||u(r,y).then((e=>{const r=e;r.normalized&&r.originalData?L((e=>g(b({},e),{options:Array.isArray(r.normalized)?[...r.normalized]:b({},r.normalized),originalData:r.originalData}))):L((r=>g(b({},r),{options:Array.isArray(e)?[...e]:b({},e)}))),W(!1)})):W(!1)}}return n((()=>{c?c().then((e=>{e&&(Array.isArray(e)?V([...e]):V(b({},e))),I(!1),W(!1)})):(I(!1),W(!1))}),[]),n((()=>{if("create"!==f&&x&&(null==y?void 0:y.name)){const e=y,r=Array.isArray(x)?x.find((e=>e.id===(null==y?void 0:y.name))):A.findInGroupedApiResponse(x,null==y?void 0:y.name);r&&E({value:r.id,label:r.name}),null==m||m(null==e?void 0:e.value,y)}}),[x]),n((()=>{"iceBreaker"===(null==y?void 0:y.dataType)&&L((e=>g(b({},e),{freeForm:!1})))}),[null==y?void 0:y.dataType]),r(o,{children:[r(p,{children:[e(d,{isSearchable:!0,disabled:"view"===f,width:"200px",isLoading:z,dropdownLabel:null!=s?s:"Select property",options:k,onSelect:E,selectedValues:(null==y?void 0:y.name)?[y.name]:void 0,error:null==(j=null==y?void 0:y.error)?void 0:j.name}),(null==y?void 0:y.name)&&!(null==(O=t[y.dataType])?void 0:O[y.operator])&&e(i,{onSearch:h?e=>h(e,y):void 0,isLoading:N,disabled:"view"===f,extra:D,errors:{val:null==(P=y.error)?void 0:P.value,operator:null==(w=y.error)?void 0:w.operator},connectorVal:y.value,connectorType:y.dataType,defaultConnector:y.operator,onOperatorChange:e=>{null==v||v(e,y)},onValueChange:e=>null==m?void 0:m(e,y)})]}),(null==y?void 0:y.name)&&(null==(C=t[y.dataType])?void 0:C[y.operator])&&e(i,{onSearch:h?e=>h(e,y):void 0,isLoading:N,disabled:"view"===f,extra:D,errors:{val:null==(S=y.error)?void 0:S.value,operator:null==(T=y.error)?void 0:T.operator},connectorVal:y.value,connectorType:y.dataType,defaultConnector:y.operator,onOperatorChange:e=>null==v?void 0:v(e,y),onValueChange:e=>null==m?void 0:m(e,y)})]})};export{j as PropertyNode,O as PropertyNodeHeadless};
+import{jsx as r,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useState as a,useEffect as n}from"react";import{isNewLineConnectorPosition as t}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import p from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as l}from"./PropertyNode.styled.js";import s from"./PropertyNodeUIWrapper.js";const c=new i,m=e=>r(s,{isLast:e.isLast,mode:e.mode,children:r("div",{style:{padding:12,maxWidth:"calc(100% - 78px)"},children:r(y,{...e})})}),y=({propertySelectorText:i,fetchPropertyData:s,onPropertyNameSelect:m,onPropertyOperatorChange:y,onPropertyValueChange:h,property:u,mode:f,onPropertyValueSearch:v})=>{const[A,g]=a([]),[C,T]=a({}),[S,b]=a(!0),[j,x]=a("create"===f),P=Array.isArray(A)?A.map((r=>({...r,label:r.name,value:r.id,description:r.description,selected:u?.name===r.id}))):c.convertToGroupOptions(A,u?.name?[u.name.toString()]:void 0);function w(r){if(!Array.isArray(r)){x(!0);let e=null;Array.isArray(A)?e=A.find((({id:e})=>e===r.value)):Object.keys(A).forEach((o=>{const a=A[o].find((({id:e})=>e===r.value));a&&(e=a)})),T({}),e?m?.(e,u).then((r=>{const e=r;e.normalized&&e.originalData?T((r=>({...r,options:Array.isArray(e.normalized)?[...e.normalized]:{...e.normalized},originalData:e.originalData}))):T((e=>({...e,options:Array.isArray(r)?[...r]:{...r}}))),x(!1)})):x(!1)}}return n((()=>{s?s().then((r=>{r&&(Array.isArray(r)?g([...r]):g({...r})),b(!1),x(!1)})):(b(!1),x(!1))}),[]),n((()=>{if("create"!==f&&A&&u?.name){const r=u,e=Array.isArray(A)?A.find((r=>r.id===u?.name)):c.findInGroupedApiResponse(A,u?.name);e&&w({value:e.id,label:e.name}),h?.(r?.value,u)}}),[A]),n((()=>{"iceBreaker"===u?.dataType&&T((r=>({...r,freeForm:!1})))}),[u?.dataType]),e(o,{children:[e(l,{children:[r(d,{isSearchable:!0,disabled:"view"===f,width:"200px",isLoading:S,dropdownLabel:i??"Select property",options:P,onSelect:w,selectedValues:u?.name?[u.name]:void 0,error:u?.error?.name}),u?.name&&!t[u.dataType]?.[u.operator]&&r(p,{onSearch:v?r=>v(r,u):void 0,isLoading:j,disabled:"view"===f,extra:C,errors:{val:u.error?.value,operator:u.error?.operator},connectorVal:u.value,connectorType:u.dataType,defaultConnector:u.operator,onOperatorChange:r=>{y?.(r,u)},onValueChange:r=>h?.(r,u)})]}),u?.name&&t[u.dataType]?.[u.operator]&&r(p,{onSearch:v?r=>v(r,u):void 0,isLoading:j,disabled:"view"===f,extra:C,errors:{val:u.error?.value,operator:u.error?.operator},connectorVal:u.value,connectorType:u.dataType,defaultConnector:u.operator,onOperatorChange:r=>y?.(r,u),onValueChange:r=>h?.(r,u)})]})};export{m as PropertyNode,y as PropertyNodeHeadless};

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

@@ -1 +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 m,Horinzontal as s}from"./PropertyNodeUIWrapper.styled.js";const p=p=>{let{children:a,mode:l,isLast:n}=p;return r(i,{style:{maxWidth:"calc(100% - 24px)"},children:[e(m,{style:{height:"view"===l&&n?29:"100%"}}),e(s,{style:{marginTop:28}}),e(t,{style:{color:o.content.primary,marginLeft:8,marginTop:18},children:"where"}),a]})};export{p as default};
+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 m,Horinzontal as s}from"./PropertyNodeUIWrapper.styled.js";const p=({children:p,mode:a,isLast:l})=>r(i,{style:{maxWidth:"calc(100% - 24px)"},children:[e(m,{style:{height:"view"===a&&l?29:"100%"}}),e(s,{style:{marginTop:28}}),e(t,{style:{color:o.content.primary,marginLeft:8,marginTop:18},children:"where"}),p]});export{p as default};

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{Dropdown as o}from"../../../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as i}from"../../../constants/operators.js";import{QueryBuilderJoinOperators as p}from"../../../types/QueryBuilder.type.js";import l from"../../DeleteButton.js";import n from"./AddPropertyButton.js";import{PropertyNode as d}from"./PropertyNode.js";import{Line as a}from"./PropertyNodeUIWrapper.styled.js";var s=Object.defineProperty,c=Object.defineProperties,y=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,v=(e,r,t)=>r in e?s(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,P=(e,r)=>{for(var t in r||(r={}))u.call(r,t)&&v(e,t,r[t]);if(f)for(var t of f(r))m.call(r,t)&&v(e,t,r[t]);return e},O=(e,r)=>c(e,y(r));const b=s=>{var c,y,v=s,{node:b,addPropertyBtnText:j,deleteProperty:h,createProperty:w,selectPropertyJoinOperator:x,mode:g}=v,_=((e,r)=>{var t={};for(var o in e)u.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&f)for(var o of f(e))r.indexOf(o)<0&&m.call(e,o)&&(t[o]=e[o]);return t})(v,["node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode"]);const B=i.map((e=>{if(b.PropertyOperator){if(e.value===b.PropertyOperator)return O(P({},e),{selected:!0})}else if(e.value===p.AND)return O(P({},e),{selected:!0});return e}));return e(r,{children:[null==(c=null==b?void 0:b.properties)?void 0:c.map(((i,p)=>e(r,{children:[0!==p&&t("div",{style:{width:80,position:"relative"},children:t(o,{disabled:"view"===g,onSelect:e=>{null==x||x(e.value,b._id)},options:B,width:"80px",height:96,size:"small"},`${p}-operator-selector`)},`${p}-operator`),e("div",{style:{display:"flex",flexDirection:"row"},children:[t(d,O(P({isLast:!!b.properties&&p===b.properties.length-1,property:i},_),{mode:g}),`${i._id}-property-node`),"view"!==g&&t(l,{onClick:()=>h(i,b._id)},`${i._id}-${p}-delete-btn`)]},i._id)]}))),"view"!==g&&e("div",{children:[0===(null==(y=null==b?void 0:b.properties)?void 0:y.length)&&t("div",{children:t(a,{})}),t(n,{buttonText:null!=j?j:"Add Property",onClick:()=>w({},b._id)})]})]})};export{b as default};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{Dropdown as o}from"../../../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as i}from"../../../constants/operators.js";import{QueryBuilderJoinOperators as p}from"../../../types/QueryBuilder.type.js";import d from"../../DeleteButton.js";import s from"./AddPropertyButton.js";import{PropertyNode as l}from"./PropertyNode.js";import{Line as n}from"./PropertyNodeUIWrapper.styled.js";const a=({node:a,addPropertyBtnText:m,deleteProperty:c,createProperty:y,selectPropertyJoinOperator:f,mode:u,...h})=>{const v=i.map((e=>{if(a.PropertyOperator){if(e.value===a.PropertyOperator)return{...e,selected:!0}}else if(e.value===p.AND)return{...e,selected:!0};return e}));return e(r,{children:[a?.properties?.map(((i,p)=>e(r,{children:[0!==p&&t("div",{style:{width:80,position:"relative"},children:t(o,{disabled:"view"===u,onSelect:e=>{f?.(e.value,a._id)},options:v,width:"80px",height:96,size:"small"},`${p}-operator-selector`)},`${p}-operator`),e("div",{style:{display:"flex",flexDirection:"row"},children:[t(l,{isLast:!!a.properties&&p===a.properties.length-1,property:i,...h,mode:u},`${i._id}-property-node`),"view"!==u&&t(d,{onClick:()=>c(i,a._id)},`${i._id}-${p}-delete-btn`)]},i._id)]}))),"view"!==u&&e("div",{children:[0===a?.properties?.length&&t("div",{children:t(n,{})}),t(s,{buttonText:m??"Add Property",onClick:()=>y({},a._id)})]})]})};export{a as default};

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

@@ -1 +1 @@
-import{jsx as r,Fragment as e}from"react/jsx-runtime";import t from"../../Filters/CustomField/components/CustomField.js";import o from"../../Filters/Event/components/EventFilter.js";import n from"../../Filters/Segment/components/SegmentFilter.js";import s from"../../Filters/UserProperty/components/UserPropertyFilter.js";import i from"../../Triggers/EVENTS/components/EventsTrigger.js";import m from"../../Triggers/IG/components/IGTrigger.js";import{QueryBuilderType as p}from"../../types/QueryBuilder.type.js";var E=Object.defineProperty,l=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,f=(r,e,t)=>e in r?E(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;const R={[p.EVENT_FILTER]:o,[p.NO_EVENT_FILTER]:o,[p.USER_PROPERTY_FILTER]:s,[p.ORDER_PROPERTY_FILTER]:s,[p.HAS_CUSTOM_FIELD]:t,[p.IG_TRIGGER]:m,[p.EVENTS_TRIGGER]:i,[p.SEGMENT_FILTER]:n},F=t=>{if(void 0!==R[t.node.type]){const e=R[t.node.type];return r(e,((r,e)=>{for(var t in e||(e={}))T.call(e,t)&&f(r,t,e[t]);if(l)for(var t of l(e))c.call(e,t)&&f(r,t,e[t]);return r})({},t))}return r(e,{})};export{F as default};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import t from"../../Filters/CustomField/components/CustomField.js";import o from"../../Filters/Event/components/EventFilter.js";import s from"../../Filters/Segment/components/SegmentFilter.js";import m from"../../Filters/UserProperty/components/UserPropertyFilter.js";import i from"../../Triggers/EVENTS/components/EventsTrigger.js";import E from"../../Triggers/IG/components/IGTrigger.js";import{QueryBuilderType as n}from"../../types/QueryBuilder.type.js";const p={[n.EVENT_FILTER]:o,[n.NO_EVENT_FILTER]:o,[n.USER_PROPERTY_FILTER]:m,[n.ORDER_PROPERTY_FILTER]:m,[n.HAS_CUSTOM_FIELD]:t,[n.IG_TRIGGER]:E,[n.EVENTS_TRIGGER]:i,[n.SEGMENT_FILTER]:s},T=t=>{if(void 0!==p[t.node.type]){const e=p[t.node.type];return r(e,{...t})}return r(e,{})};export{T as default};

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o,{useEffect as l,useImperativeHandle as i}from"react";import{useSelector as d}from"react-redux";import{Button as n}from"../../button/Button.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as s}from"../constants/operators.js";import{useQueryBuilder as p}from"../hooks/useQueryBuilder.js";import c from"./AddNodeButton.js";import u from"./DeleteButton.js";import m from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as f}from"./QueryBuilderNodes.styled.js";var y=Object.defineProperty,v=Object.defineProperties,w=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,x=(e,t,r)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,N=(e,t)=>{for(var r in t||(t={}))j.call(t,r)&&x(e,r,t[r]);if(b)for(var r of b(t))h.call(t,r)&&x(e,r,t[r]);return e};const O=o.forwardRef(((o,y)=>{let{infinite:b,addNodeBtnText:j,allowedNodes:h,typesAPIHandlers:x,onStateChange:O,mode:g,selectorKey:B}=o;var S;const P=d((e=>null==e?void 0:e[B])),{deleteNode:C,clearAll:D,selectJoinOperator:Q,fillState:T}=p(B);l((()=>{null==O||O(N({},P))}),[P]);const k=s.map((e=>{return(null==P?void 0:P.operator)&&e.value===P.operator?(t=N({},e),v(t,w({selected:!0}))):e;var t}));return i(y,(()=>({getState:()=>N({},P),fillState(e){T(N({},e))},clearAll:D}))),e(t,{children:[null==(S=null==P?void 0:P.nodes)?void 0:S.map(((o,l)=>e(t,{children:[0!==l&&r("div",{style:{width:80,position:"relative"},children:r(a,{disabled:"view"===g,onSelect:e=>{Q(e.value)},options:k,width:"80px",height:96,size:"small",skipSorting:!0})}),e("div",{style:{display:"flex",flexDirection:"row",gap:12},children:[r(f,{style:{paddingTop:0===l?0:24,maxWidth:"calc(100% - 24px)"},children:r(m,{selectorKey:B,mode:null!=g?g:"create",allowedNodes:h,node:o,apiHandler:x[o.type]})}),r(t,"view"!==g?{children:0!==l&&r(u,{onClick:()=>C(o._id)})}:{})]},o._id)]}))),b&&"view"!==g&&e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[r(c,{buttonText:j,allowedNodes:h,selectorKey:B}),r(n,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>D(h[0])})]})]})}));O.displayName="QueryBuilderNodes";export{O as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import r,{useEffect as i,useImperativeHandle as l}from"react";import{useSelector as d}from"react-redux";import{Button as s}from"../../button/Button.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as n}from"../constants/operators.js";import{useQueryBuilder as p}from"../hooks/useQueryBuilder.js";import m from"./AddNodeButton.js";import c from"./DeleteButton.js";import u from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as f}from"./QueryBuilderNodes.styled.js";const y=r.forwardRef((({infinite:r,addNodeBtnText:y,allowedNodes:h,typesAPIHandlers:w,onStateChange:x,mode:N,selectorKey:j},v)=>{const B=d((e=>e?.[j])),{deleteNode:b,clearAll:g,selectJoinOperator:S,fillState:C}=p(j);i((()=>{x?.({...B})}),[B]);const Q=n.map((e=>B?.operator&&e.value===B.operator?{...e,selected:!0}:e));return l(v,(()=>({getState:()=>({...B}),fillState(e){C({...e})},clearAll:g}))),e(t,{children:[B?.nodes?.map(((r,i)=>e(t,{children:[0!==i&&o("div",{style:{width:80,position:"relative"},children:o(a,{disabled:"view"===N,onSelect:e=>{S(e.value)},options:Q,width:"80px",height:96,size:"small",skipSorting:!0})}),e("div",{style:{display:"flex",flexDirection:"row",gap:12},children:[o(f,{style:{paddingTop:0===i?0:24,maxWidth:"calc(100% - 24px)"},children:o(u,{selectorKey:j,mode:N??"create",allowedNodes:h,node:r,apiHandler:w[r.type]})}),o(t,"view"!==N?{children:0!==i&&o(c,{onClick:()=>b(r._id)})}:{})]},r._id)]}))),r&&"view"!==N&&e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[o(m,{buttonText:y,allowedNodes:h,selectorKey:j}),o(s,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>g(h[0])})]})]})}));y.displayName="QueryBuilderNodes";export{y as default};

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

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

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

@@ -1 +1 @@
-import{unCamelCaseWithFirstUppercase as e}from"../../../utils/unCamelCase.js";import{CONNECTOR_TYPE_TO_OPERATORS as t,CONNECTOR_TYPE_TO_COMPONENT_MAP as r}from"../constants/connector.js";import{DATE_OPERATORS_OPTIONS as o}from"../constants/DATE_OPERATORS_OPTIONS.js";import{QueryBuilderConnectorType as n}from"../types/QueryBuilder.type.js";var p=Object.defineProperty,s=Object.defineProperties,a=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,m=(e,t,r)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))i.call(t,r)&&m(e,r,t[r]);if(c)for(var r of c(t))l.call(t,r)&&m(e,r,t[r]);return e},y=(e,t)=>s(e,a(t));class O{static getConnectorType(e){const r=t[e];return r?Object.keys(r):[]}static getConnectorComponent(e,o){if(t[e]){return r[e][o]}return null}static getDropdownOptionFromDataType(t,r){const p=this.getConnectorType(t);return t===n.date?o.map((e=>y(u({},e),{options:e.options.map((e=>y(u({},e),{selected:e.value===r})))}))):p.map((t=>({selected:t===r,value:t,label:e(t)})))}}export{O as ConnectorHelper};
+import{unCamelCaseWithFirstUppercase as t}from"../../../utils/unCamelCase.js";import{CONNECTOR_TYPE_TO_OPERATORS as e,CONNECTOR_TYPE_TO_COMPONENT_MAP as o}from"../constants/connector.js";import{DATE_OPERATORS_OPTIONS as n}from"../constants/DATE_OPERATORS_OPTIONS.js";import{QueryBuilderConnectorType as r}from"../types/QueryBuilder.type.js";class s{static getConnectorType(t){const o=e[t];return o?Object.keys(o):[]}static getConnectorComponent(t,n){if(e[t]){return o[t][n]}return null}static getDropdownOptionFromDataType(e,o){const s=this.getConnectorType(e);return e===r.date?n.map((t=>({...t,options:t.options.map((t=>({...t,selected:t.value===o})))}))):s.map((e=>({selected:e===o,value:e,label:t(e)})))}}export{s as ConnectorHelper};

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

@@ -1 +1 @@
-import{useDispatch as e}from"react-redux";import{queryBuilderCacheSlice as r}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as t}from"../redux/selectors/useQueryBuilderCacheSelector.js";const n=()=>{const n=e(),o=t();return{cacheWrap:function(e,t){let l=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return u=null,a=null,c=function*(){if(null==o?void 0:o[t])return o[t];const u=yield e();return(null==u?void 0:u.data)?(l&&n(r.actions.initKey({key:t,data:u.data})),null==u?void 0:u.data):null},new Promise(((e,r)=>{var t=e=>{try{o(c.next(e))}catch(e){r(e)}},n=e=>{try{o(c.throw(e))}catch(e){r(e)}},o=r=>r.done?e(r.value):Promise.resolve(r.value).then(t,n);o((c=c.apply(u,a)).next())}));var u,a,c}}};export{n as useQueryBuilderCache};
+import{useDispatch as r}from"react-redux";import{queryBuilderCacheSlice as e}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as t}from"../redux/selectors/useQueryBuilderCacheSelector.js";const a=()=>{const a=r(),c=t();return{cacheWrap:async(r,t,o=!0)=>{if(c?.[t])return c[t];const u=await r();return u?.data?(o&&a(e.actions.initKey({key:t,data:u.data})),u?.data):null}}};export{a as useQueryBuilderCache};

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

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

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

@@ -1 +1 @@
-import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import{v4 as o}from"uuid";import{QueryBuilderJoinOperators as t}from"../types/QueryBuilder.type.js";var r=Object.defineProperty,d=Object.defineProperties,p=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,i=(e,o,t)=>o in e?r(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,l=(e,o)=>{for(var t in o||(o={}))a.call(o,t)&&i(e,t,o[t]);if(n)for(var t of n(o))s.call(o,t)&&i(e,t,o[t]);return e},y=(e,o)=>d(e,p(o));const c=o,f={nodes:[{_id:c(),properties:[],metas:[]}]},u=o=>e({name:null!=o?o:"queryBuilder",initialState:f,reducers:{clearProperty(e,o){const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));t>-1&&(e.nodes[t].properties=[])},fillState:(e,o)=>l({},o.payload),initQueryBuilder(e,o){const r={type:o.payload.type,properties:[],metas:[],_id:c(),PropertyOperator:t.AND};e.nodes=[r],e.operator=t.AND},addNode(e,o){const r={type:o.payload.type,properties:[],metas:[],_id:c(),PropertyOperator:t.AND},d=e.nodes;e.nodes=[...d,r]},deleteNode(e,o){const t=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...t]},clearNode(e,o){var t;const r=[...null!=(t=e.nodes)?t:[]];if(0===r.length){const e={type:o.payload.type,properties:[],metas:[],_id:c()};r.push(e)}e.nodes=r},createProperty(e,o){var t;const r=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(r>-1){const d=null!=(t=e.nodes[r].properties)?t:[],p=y(l({},o.payload.property),{_id:c()});e.nodes[r].properties=[...d,p]}},updateProperty(e,o){var t;const r=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(r>-1){const d=(null!=(t=e.nodes[r].properties)?t:[]).map((e=>e._id===o.payload.property._id?l(l({},e),o.payload.property):e));e.nodes[r].properties=[...d]}},deleteProperty(e,o){var t;const r=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(r>-1){const d=(null!=(t=e.nodes[r].properties)?t:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[r].properties=[...d]}},createMeta(e,o){var t;const r=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(r>-1){const d=null!=(t=e.nodes[r].metas)?t:[],p=l({},o.payload.meta);e.nodes[r].metas=[...d,p]}},updateMeta(e,o){var t;const r=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(r>-1){const d=(null!=(t=e.nodes[r].metas)?t:[]).map((e=>e.key===o.payload.meta.key?l(l({},e),o.payload.meta):e));e.nodes[r].metas=[...d]}},selectPropertyJoinOperator(e,o){const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==t){const r=e.nodes[t];e.nodes[t]=y(l({},r),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const r=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==r){const d=e.nodes[r];e.nodes[r]={_id:d._id,type:o.payload.type,properties:[],metas:[],PropertyOperator:t.AND}}}}});export{u as queryBuilderSlice};
+import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import{v4 as o}from"uuid";import{QueryBuilderJoinOperators as d}from"../types/QueryBuilder.type.js";const t=o,p={nodes:[{_id:t(),properties:[],metas:[]}]},r=o=>e({name:o??"queryBuilder",initialState:p,reducers:{clearProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>({...o.payload}),initQueryBuilder(e,o){const p={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND};e.nodes=[p],e.operator=d.AND},addNode(e,o){const p={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND},r=e.nodes;e.nodes=[...r,p]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){const d=[...e.nodes??[]];if(0===d.length){const e={type:o.payload.type,properties:[],metas:[],_id:t()};d.push(e)}e.nodes=d},createProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(d>-1){const p=e.nodes[d].properties??[],r={...o.payload.property,_id:t()};e.nodes[d].properties=[...p,r]}},updateProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(d>-1){const t=(e.nodes[d].properties??[]).map((e=>e._id===o.payload.property._id?{...e,...o.payload.property}:e));e.nodes[d].properties=[...t]}},deleteProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(d>-1){const t=(e.nodes[d].properties??[]).filter((e=>e._id!==o.payload.property._id));e.nodes[d].properties=[...t]}},createMeta(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(d>-1){const t=e.nodes[d].metas??[],p={...o.payload.meta};e.nodes[d].metas=[...t,p]}},updateMeta(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(d>-1){const t=(e.nodes[d].metas??[]).map((e=>e.key===o.payload.meta.key?{...e,...o.payload.meta}:e));e.nodes[d].metas=[...t]}},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]={...t,PropertyOperator:o.payload.joinOperator}}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==t){const p=e.nodes[t];e.nodes[t]={_id:p._id,type:o.payload.type,properties:[],metas:[],PropertyOperator:d.AND}}}}});export{r as queryBuilderSlice};

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

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

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

@@ -1 +1 @@
-import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";var r=Object.defineProperty,a=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,l=(e,a,t)=>a in e?r(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;const y=e({name:"queryBuilderCache",initialState:{},reducers:{initKey(e,r){Array.isArray(r.payload.data)?e[r.payload.key]=[...r.payload.data]:e[r.payload.key]=((e,r)=>{for(var y in r||(r={}))t.call(r,y)&&l(e,y,r[y]);if(a)for(var y of a(r))o.call(r,y)&&l(e,y,r[y]);return e})({},r.payload.data)}}});export{y as queryBuilderCacheSlice};
+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]={...e.payload.data}}}});export{e as queryBuilderCacheSlice};

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

@@ -0,0 +1,90 @@
+import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type.js';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type.js';
+
+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",
+    ORDER_PROPERTY_FILTER = "ORDER_PROPERTY_FILTER",
+    HAS_CUSTOM_FIELD = "HAS_CUSTOM_FIELD"
+}
+declare enum QueryBuilderJoinOperators {
+    AND = "AND",
+    OR = "OR"
+}
+declare enum QueryBuilderConnectorType {
+    'string' = "string",
+    'string_restricted' = "string_restricted",
+    'string_restricted_2' = "string_restricted_2",
+    'string_restricted_3' = "string_restricted_3",
+    'integer' = "integer",
+    'boolean' = "boolean",
+    'date' = "date",
+    'frequency' = "frequency",
+    'anyIg' = "anyIg",
+    'anyAd' = "anyAd",
+    'specificPost' = "specificPost",
+    'specificReel' = "specificReel",
+    'specificStory' = "specificStory",
+    'reaction' = "reaction",
+    'activityString' = "activityString",
+    'specificAd' = "specificAd",
+    'iceBreaker' = "iceBreaker",
+    'mailSubject' = "mailSubject",
+    'exactly' = "exactly"
+}
+interface QueryBuilderConnector {
+    dataType: QueryBuilderConnectorType;
+    operator: CONNECTOR_OPERATORS;
+    value?: string[] | number[] | Date[] | string | number | Date;
+}
+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;
+    };
+}
+interface QueryBuilderMeta {
+    key: string;
+    value: string | QueryBuilderConnector;
+    /** UI Only */
+    refresh?: boolean;
+    /** UI Only */
+    error: {
+        key?: string;
+        value?: string | ConnectorError;
+    };
+}
+interface BaseQueryBuilderNode {
+    _id: string;
+    type: QueryBuilderType;
+    isExclude?: boolean;
+    metas: QueryBuilderMeta[];
+    properties?: QueryBuilderProperty[];
+    PropertyOperator?: QueryBuilderJoinOperators;
+}
+interface QueryBuilderRoot {
+    nodes: BaseQueryBuilderNode[];
+    operator?: QueryBuilderJoinOperators;
+}
+type ConnectorError = {
+    operator: string;
+    value: string;
+};
+
+export { QueryBuilderConnectorType, QueryBuilderJoinOperators, QueryBuilderType };
+export type { BaseQueryBuilderNode, ConnectorError, QueryBuilderConnector, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot };

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

@@ -0,0 +1,21 @@
+import { QueryBuilderConnectorType } from './QueryBuilder.type.js';
+
+interface BaseQueryBuilderPayload<T> {
+    query?: T;
+}
+type QueryBuilderAPIPayload<T> = BaseQueryBuilderPayload<T> & {
+    storeID: string;
+    token: string;
+};
+type QueryBuilderAPIData = {
+    id: string | number;
+    name: string;
+    description?: string | null;
+    type?: QueryBuilderConnectorType;
+    needValuesRetrieval?: boolean;
+};
+type BaseQueryBuilderResponse = QueryBuilderAPIData[] | {
+    [key in string]: QueryBuilderAPIData[];
+};
+
+export type { BaseQueryBuilderPayload, BaseQueryBuilderResponse, QueryBuilderAPIData, QueryBuilderAPIPayload };

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

@@ -0,0 +1,54 @@
+import { DropdownOption } from '../../dropdown/type.js';
+import { QueryBuilderConnectorType } from './QueryBuilder.type.js';
+import { QueryBuilderAPIData } from './QueryBuilderAPI.type.js';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type.js';
+
+type CONNECTOR_OPERATOR_TYPE = keyof CONNECTOR_OPERATORS;
+type ExtraOption = QueryBuilderAPIData[] | DropdownOption | DropdownOption[];
+type ConnectorComponentProps = {
+    val?: CONNECTOR_VALUE_TYPE;
+    onChange?: (val: CONNECTOR_VALUE_TYPE) => void;
+    extra?: {
+        options?: ExtraOption;
+        originalData?: any;
+        freeForm?: boolean;
+    };
+    errors?: {
+        operator?: string;
+        val?: string | string[];
+    };
+    nativeID?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    connectorType: QueryBuilderConnectorType;
+    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
+};
+type ConnectorProps = {
+    isLoading?: boolean;
+    noDefault?: boolean;
+    connectorType: QueryBuilderConnectorType;
+    defaultConnector?: CONNECTOR_OPERATORS;
+    connectorVal?: CONNECTOR_VALUE_TYPE;
+    onOperatorChange: (operator: CONNECTOR_OPERATORS) => void;
+    onValueChange: (value: CONNECTOR_VALUE_TYPE) => void;
+    extra?: {
+        options?: ExtraOption;
+        originalData?: any;
+    };
+    errors?: {
+        operator?: string;
+        val?: string | string[];
+    };
+    testID?: string;
+    disabled?: boolean;
+    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
+};
+type CONNECTOR_VALUE_TYPE = object | string[] | string | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
+type IG_VALUE = {
+    imageUrl: string;
+    redirectionUrl: string;
+    overlayCaption: string;
+    id: string;
+};
+
+export type { CONNECTOR_OPERATOR_TYPE, CONNECTOR_VALUE_TYPE, ConnectorComponentProps, ConnectorProps, ExtraOption };

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

@@ -0,0 +1,14 @@
+import { Response } from '../../../types/apiExecutor.js';
+import { QueryBuilderType, BaseQueryBuilderNode } from './QueryBuilder.type.js';
+import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type.js';
+import { QueryBuilderProps } from './QueryBuilderProps.type.js';
+
+type QueryBuilderNodeProps = {
+    allowedNodes: QueryBuilderType[];
+    node: BaseQueryBuilderNode;
+    mode: QueryBuilderProps['mode'];
+    selectorKey: string;
+    apiHandler: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
+};
+
+export type { QueryBuilderNodeProps };

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

@@ -0,0 +1,130 @@
+/**
+ * @fileOverview Ideally this file should not be used directly in components or in main logic layer.
+ * Create helper for this and then use them.
+ */
+declare enum INTEGER_OPERATORS {
+    is = "is",
+    isNot = "isNot",
+    exists = "exists",
+    doesntExist = "doesntExist",
+    lessThan = "lessThan",
+    lessThanOrEqualTo = "lessThanOrEqualTo",
+    greaterThan = "greaterThan",
+    greaterThanOrEqualTo = "greaterThanOrEqualTo"
+}
+declare enum STRING_OPERATORS {
+    is = "is",
+    isNot = "isNot",
+    contains = "contains",
+    doesntContain = "doesntContain",
+    startsWith = "startsWith",
+    endsWith = "endsWith",
+    exists = "exists",
+    doesntExist = "doesntExist"
+}
+declare enum STRING_RESTRICTED_OPERATORS {
+    is = "is",
+    isNot = "isNot",
+    exists = "exists",
+    doesntExist = "doesntExist"
+}
+declare enum STRING_RESTRICTED_OPERATORS_2 {
+    is = "is",
+    isNot = "isNot"
+}
+declare enum STRING_RESTRICTED_OPERATORS_3 {
+    is = "is"
+}
+declare enum IG_STRING_OPERATORS {
+    any = "any",
+    is = "is",
+    contains = "contains",
+    startsWith = "startsWith",
+    endsWith = "endsWith"
+}
+declare enum AD_STRING_OPERATORS {
+    is = "is"
+}
+declare enum SPECIFIC_IG_OPERATORS {
+    in = "in"
+}
+declare enum ICE_BREAKER_OPERATORS {
+    is = "is"
+}
+declare enum ANY_IG_OPERATORS {
+    in = "in"
+}
+declare enum ANY_AD_OPERATORS {
+    in = "in"
+}
+declare enum REACTION_OPERATORS {
+    contains = "contains"
+}
+declare enum MAIL_SUBJECT_OPERATORS {
+    contains = "contains"
+}
+declare enum DATE_OPERATORS {
+    today = "today",
+    yesterday = "yesterday",
+    'last 7 days' = "last 7 days",
+    'last 30 days' = "last 30 days",
+    'this week' = "this week",
+    'last week' = "last week",
+    'this month' = "this month",
+    'last month' = "last month",
+    'exactly' = "exactly",
+    'not exactly' = "not exactly",
+    'in the last' = "in the last",
+    'not in the last' = "not in the last",
+    'in between last' = "in between last",
+    'not in between last' = "not in between last",
+    on = "on",
+    notOn = "notOn",
+    inBetween = "inBetween",
+    notInBetween = "notInBetween",
+    before = "before",
+    after = "after",
+    'last quarter' = "last quarter"
+}
+declare enum BOOLEAN_OPERATORS {
+    isTrue = "isTrue",
+    isFalse = "isFalse",
+    exists = "exists",
+    doesntExist = "doesntExist"
+}
+declare enum EXACTLY_OPERATORS {
+    exactly = "exactly"
+}
+declare enum FREQUENCY_OPERATORS {
+    exactly = "exactly",
+    atleast = "atleast",
+    atMost = "atMost"
+}
+type CONNECTOR_OPERATORS = FREQUENCY_OPERATORS | BOOLEAN_OPERATORS | DATE_OPERATORS | STRING_OPERATORS | EXACTLY_OPERATORS | INTEGER_OPERATORS;
+declare enum EVENT_VALUES {
+    FreeText = "FreeText",
+    NoInput = "NoInput",
+    IntegerSingleValue = "IntegerSingleValue",
+    StringSingleValue = "StringSingleValue",
+    TwoNumberInputsSeperatedByAnd = "TwoNumberInputsSeperatedByAnd",
+    MultiselectDropdownFreeText = "MultiselectDropdownFreeText",
+    SingleselectDropdownFreeText = "SingleselectDropdownFreeText",
+    SingleDate = "SingleDate",
+    TwoDate = "TwoDate",
+    IntegerPositiveSingle = "IntegerPositiveSingle",
+    NumberTime = "NumberTime"
+}
+type EVENT_RESPONSE_VALUE = {
+    FreeText: string[];
+    IntegerSingleValue: number;
+    StringSingleValue: string;
+    TwoNumberInputsSeperatedByAnd: number[];
+    MultiselectDropdownFreeText: string[];
+    SingleselectDropdownFreeText: string;
+    SingleDate: Date;
+    IntegerPositiveSingle: number;
+    TwoDate: Date[];
+};
+
+export { AD_STRING_OPERATORS, ANY_AD_OPERATORS, ANY_IG_OPERATORS, BOOLEAN_OPERATORS, DATE_OPERATORS, EVENT_VALUES, EXACTLY_OPERATORS, FREQUENCY_OPERATORS, ICE_BREAKER_OPERATORS, IG_STRING_OPERATORS, INTEGER_OPERATORS, MAIL_SUBJECT_OPERATORS, REACTION_OPERATORS, SPECIFIC_IG_OPERATORS, STRING_OPERATORS, STRING_RESTRICTED_OPERATORS, STRING_RESTRICTED_OPERATORS_2, STRING_RESTRICTED_OPERATORS_3 };
+export type { CONNECTOR_OPERATORS, EVENT_RESPONSE_VALUE };

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

@@ -0,0 +1,39 @@
+import { DropdownOption } from '../../dropdown/type.js';
+import { QueryBuilderProperty, QueryBuilderJoinOperators } from './QueryBuilder.type.js';
+import { BaseQueryBuilderResponse, QueryBuilderAPIData } from './QueryBuilderAPI.type.js';
+import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type.js';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type.js';
+import { QueryBuilderProps } from './QueryBuilderProps.type.js';
+
+type QueryBuilderPropertyProps = {
+	mode: QueryBuilderProps['mode'];
+	property?: QueryBuilderProperty;
+	selectPropertyJoinOperator?: (
+		option: QueryBuilderJoinOperators,
+		nodeID: string,
+	) => void;
+	propertySelectorText?: string;
+	fetchPropertyData?: () => Promise<BaseQueryBuilderResponse | null>;
+	onPropertyNameSelect?: (
+		propertyName: QueryBuilderAPIData,
+		property: QueryBuilderProperty,
+	) => Promise<
+		| BaseQueryBuilderResponse
+		| DropdownOption
+		| DropdownOption[]
+		| {
+				normalized: QueryBuilderAPIData[];
+				originalData: any;
+		  }
+	>;
+	onPropertyOperatorChange?: (
+		option: CONNECTOR_OPERATORS,
+		property: QueryBuilderProperty,
+	) => void;
+	onPropertyValueChange?: (
+		value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[],
+		property: QueryBuilderProperty,
+	) => void;
+};
+
+export type { QueryBuilderPropertyProps };