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

package/dist/esm/assets/icons/phone.svg.js

@@ -0,0 +1 @@
+import*as a from"react";var e;function l(){return l=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var l=arguments[e];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(a[r]=l[r])}return a},l.apply(this,arguments)}var r=r=>a.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},r),e||(e=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M2.743.667h1.994a2 2 0 0 1 1.997 1.72v.006c.078.59.222 1.169.43 1.727a2 2 0 0 1-.45 2.109l-.002.002-.479.478a10 10 0 0 0 3.058 3.058l.478-.478.002-.003a2 2 0 0 1 2.11-.45 7.892 7.892 0 0 0 1.726.43h.006a2 2 0 0 1 1.72 2.021v1.99a2 2 0 0 1-2.192 2 13.861 13.861 0 0 1-6.041-2.15 13.667 13.667 0 0 1-4.201-4.2 13.86 13.86 0 0 1-2.15-6.098A2 2 0 0 1 2.742.667ZM4.747 2a.667.667 0 0 1 .666.57c.091.69.26 1.366.503 2.016v.002a.667.667 0 0 1-.149.702l-.845.845a.667.667 0 0 0-.108.801 11.334 11.334 0 0 0 4.25 4.25c.26.149.589.104.8-.108l.846-.845a.665.665 0 0 1 .702-.149h.002a9.23 9.23 0 0 0 2.015.503.666.666 0 0 1 .571.677v2.029a.666.666 0 0 1-.722.657 12.525 12.525 0 0 1-5.455-1.943l-.005-.003a12.334 12.334 0 0 1-3.795-3.795l-.003-.005a12.527 12.527 0 0 1-1.942-5.477A.667.667 0 0 1 2.739 2h2.008Z",clipRule:"evenodd"})));export{r as default};

package/dist/esm/assets/icons/plus.svg.js

@@ -0,0 +1 @@
+import*as r from"react";var t;function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},a),t||(t=r.createElement("path",{fill:"currentColor",d:"M13 5a1 1 0 1 0-2 0v6H5a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2h-6V5Z"})));export{a as default};

package/dist/esm/assets/icons/union.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(this,arguments)}var n=n=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 29"},n),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.037 16.474C4.265 23.459.954 27.035 0 27.707c3.45 1.03 6.389-.426 8.456-2.297A11.927 11.927 0 0 0 17 29V.555H5.037v15.919Z",clipRule:"evenodd"})));export{n as default};

package/dist/esm/assets/icons/user_icon.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},t.apply(this,arguments)}var a=a=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 14 15"},a),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M7 7.697a3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 7 .697a3.499 3.499 0 0 0-3.5 3.5c0 1.934 1.566 3.5 3.5 3.5Zm0 1.75c-2.336 0-7 1.173-7 3.5v.875c0 .481.394.875.875.875h12.25a.878.878 0 0 0 .875-.875v-.875c0-2.327-4.664-3.5-7-3.5Z",clipRule:"evenodd"})));export{a as default};

package/dist/esm/assets/icons/vertical_dots.svg.js

@@ -0,0 +1 @@
+import*as r from"react";var t;function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},a),t||(t=r.createElement("path",{d:"M4 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM4 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM2 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"})));export{a as default};

package/dist/esm/assets/icons/videoRecorder.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},t.apply(this,arguments)}var a=a=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 28"},a),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M28.333 10.761V5.667a5 5 0 0 0-5-5H5a5 5 0 0 0-5 5v16.666a5 5 0 0 0 5 5h18.333a5 5 0 0 0 5-5v-5.095l9.032 6.451A1.667 1.667 0 0 0 40 22.333V5.667a1.667 1.667 0 0 0-2.635-1.357l-9.032 6.451Zm-25-5.094C3.333 4.745 4.08 4 5 4h18.333C24.253 4 25 4.746 25 5.667v16.666c0 .92-.746 1.667-1.667 1.667H5c-.92 0-1.667-.746-1.667-1.667V5.667Zm33.334 13.428L29.534 14l7.133-5.095v10.19Z",clipRule:"evenodd"})));export{a as default};

package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.d.ts

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

package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js

@@ -0,0 +1 @@
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as u}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as v}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as p,DATE_OPERATORS as s}from"../../../types/QueryBuilderOperator.type.js";import c from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as y}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const m=new i,f=i=>{let{node:f,allowedNodes:j,apiHandler:_,mode:T}=i;var h,g,O,b,k,N,w,P,q,x,C;const[B,E]=t([]),[S,V]=t(!1),{deleteProperty:A,createProperty:Q,selectType:D,createMeta:M,updateMeta:L,updateProperty:$,selectPropertyJoinOperator:J,clearProperty:R}=d(),{cacheWrap:W}=u(),G=null===(h=null==f?void 0:f.metas)||void 0===h?void 0:h.find((e=>"date"===e.key)),H=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),z=null===(O=null==f?void 0:f.metas)||void 0===O?void 0:O.find((e=>"eventName"===e.key)),[F,I]=t(!1),[K,U]=t(!1),X=e=>W((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),Y=(e,o)=>W((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{W((()=>_({})),"EVENT_NAMES").then((e=>{const o=m.convertToGroupOptions(e);if("create"!==T&&z)return E([...o.map((e=>Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:e.value===z.value})))})))]),void V(!0);E([...o]),V(!0)}))}),[]),o(y,Object.assign({selectPropertyJoinOperator:J,node:f,addPropertyBtnText:(null==z?void 0:z.value)&&"Add event property",deleteProperty:A,createProperty:Q,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield X(null==z?void 0:z.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if($(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0}),f._id),!o.needValuesRetrieval)return[];const e=yield Y(null==z?void 0:z.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){$(Object.assign(Object.assign({},o),{operator:e,value:void 0}),f._id)},onPropertyValueChange:function(e,o){$(Object.assign(Object.assign({},o),{value:e}),f._id)},mode:T},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(l,{disabled:"view"===T,selectedType:f.type,allowedList:j,onSelect:e=>D(e.value,f._id)}),o(c,{disabled:"view"===T,width:"200px",dropdownLabel:"Select event name",options:B,onSelect:function(e){Array.isArray(e)||((null==z?void 0:z.value)?(L({key:"eventName",value:e.value},f._id),I(!0),setTimeout((()=>{L({key:"frequency",value:{dataType:v.frequency,operator:p.atleast}},f._id),I(!1)}),1),U(!0),setTimeout((()=>{L({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id),U(!1)}),1),R(f._id)):(R(f._id),M({key:"eventName",value:e.value},f._id),M({key:"frequency",value:{dataType:v.frequency,operator:p.atleast}},f._id),M({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id)))}})]})),(null==H?void 0:H.key)&&!F&&o(n,{disabled:"view"===T,extra:{},errors:{val:null===(k=null===(b=H.error)||void 0===b?void 0:b.value)||void 0===k?void 0:k.value,operator:null===(w=null===(N=H.error)||void 0===N?void 0:N.value)||void 0===w?void 0:w.operator},connectorVal:H.value.value,connectorType:H.value.dataType,defaultConnector:H.value.operator,onOperatorChange:function(e){L({key:"frequency",value:{dataType:v.frequency,operator:e,value:void 0}},f._id)},onValueChange:function(e){var o;S&&L({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==H?void 0:H.value)||void 0===o?void 0:o.operator,value:e}},f._id)}}),(null==G?void 0:G.key)&&!K&&o(n,{disabled:"view"===T,extra:{},errors:{val:null===(q=null===(P=G.error)||void 0===P?void 0:P.value)||void 0===q?void 0:q.value,operator:null===(C=null===(x=G.error)||void 0===x?void 0:x.value)||void 0===C?void 0:C.operator},connectorVal:G.value.value,connectorType:G.value.dataType,defaultConnector:G.value.operator,onOperatorChange:function(e){L({key:"date",value:{dataType:v.date,operator:e,value:void 0}},f._id)},onValueChange:function(e){var o;S&&L({key:"date",value:{dataType:v.date,operator:null===(o=null==G?void 0:G.value)||void 0===o?void 0:o.operator,value:e}},f._id)}})]}))}))};export{f as default};

package/dist/esm/components/QueryBuilder/Filters/Segment/components/SegmentFilter.d.ts

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

package/dist/esm/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";import i from"../../../components/AllowedListDropdown.js";import{useQueryBuilder as a}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import l from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const n=n=>{let{node:m,allowedNodes:p,apiHandler:c,mode:u}=n;var y,v;const{updateMeta:f,selectType:g,createMeta:h}=a(),{cacheWrap:j}=d(),[w,A]=r(!1),[k,B]=r([]),D=m.metas.find((e=>"segmentID"===e.key));return t((()=>{h({key:"segmentID"},m._id),j((()=>c({})),"SEGMENT_FILTER").then((e=>{e&&Array.isArray(e)&&B([...e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==u&&(!!(null==D?void 0:D.value)&&D.value===e.id)})))]),A(!1)}))}),[]),e(s,Object.assign({node:m,mode:u},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:[e(i,{loading:w,selectedType:m.type,allowedList:p,onSelect:function(e){Array.isArray(e)||(A(!0),g(e.value,m._id))}}),(null===(v=null===(y=null==m?void 0:m.metas)||void 0===y?void 0:y[0])||void 0===v?void 0:v.key)&&e(l,{width:"200px",dropdownLabel:"Select segment",options:k,onSelect:function(e){Array.isArray(e)||f({key:"segmentID",value:e.value},m._id)}})]}))}))};export{n as default};

package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.d.ts

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

package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js

@@ -0,0 +1 @@
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as n}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const a=a=>{let{node:p,allowedNodes:l,apiHandler:u,mode:c}=a;var m;const{selectType:y,createProperty:v,updateProperty:f}=d(),{cacheWrap:j}=n(),g=e=>j((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return o(s,Object.assign({node:p,mode:c},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[o(t,{disabled:"view"===c,selectedType:p.type,allowedList:l,onSelect:e=>y(e.value,p._id)}),o(i,{mode:c,property:null===(m=null==p?void 0:p.properties)||void 0===m?void 0:m[0],fetchPropertyData:()=>j((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(o){var r,t;return e(this,void 0,void 0,(function*(){if((null===(r=p.properties)||void 0===r?void 0:r[0])?f(Object.assign(Object.assign({},null===(t=p.properties)||void 0===t?void 0:t[0]),{name:o.id,dataType:o.type,operator:void 0,value:void 0}),p._id):v({name:o.id,dataType:o.type},p._id),o.needValuesRetrieval){const e=yield g(o.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){f(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0}),p._id)},onPropertyValueChange:function(e){f(Object.assign(Object.assign({},p.properties[0]),{value:e}),p._id)}})]}))}))};export{a as default};

package/dist/esm/components/QueryBuilder/Filters/UserProperty/repos/UserPropertyRepo.d.ts

@@ -0,0 +1,19 @@
+export declare class UserPropertyRepo {
+    getUserProperties(): Promise<{
+        data: {
+            id: string;
+            name: string;
+            needValuesRetrieval: boolean;
+            type: string;
+            description: string;
+        }[];
+    }>;
+    getUserPropertyValues(): Promise<{
+        data: {
+            id: string;
+            name: string;
+            needValuesRetrieval: boolean;
+            type: string;
+        }[];
+    }>;
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { QueryBuilderProps } from './types/QueryBuilderProps.type';
+/**
+ * @exported
+ * @statfull
+ * @param param0
+ * @returns
+ */
+export declare const QueryBuilder: React.FC<QueryBuilderProps>;

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

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useEffect as r}from"react";import{BodyPrimary as n}from"../TypographyStyle.js";import i from"./components/QueryBuilderNodes.js";import{useQueryBuilder as s}from"./hooks/useQueryBuilder.js";const d=d=>{let{queryPreText:l,infinite:a,addNodeBtnText:m,typesAPIHandlers:p,onStateChange:u,mode:y,state:c}=d;const{init:f,fillState:h}=s(),j=p?Object.keys(p):[];return r((()=>{f(null==j?void 0:j[0])}),[j]),r((()=>{c&&h(c)}),[]),e(t,{children:[o(n,Object.assign({style:{marginBottom:12}},{children:l})),o(i,{onStateChange:u,typesAPIHandlers:p,allowedNodes:j,infinite:null==a||a,addNodeBtnText:m,mode:y})]})};export{d as QueryBuilder};

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
+export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import r from"../../components/BaseTriggerQueryBuilderNode.js";const t=t=>e(r,Object.assign({cacheKey:"EVENTS_TRIGGER",propertyAddBtnText:"Add event property"},t));export{t as default};

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -0,0 +1,2 @@
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
+export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import r from"../../components/BaseTriggerQueryBuilderNode.js";const t=t=>e(r,Object.assign({cacheKey:"IG_TRIGGER",propertyAddBtnText:"Add condition"},t));export{t as default};

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -0,0 +1,2 @@
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
+declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
+    cacheKey: string;
+    propertyAddBtnText: string;
+}>;
+export default BaseTriggerQueryBuilderNode;

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

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

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

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

package/dist/esm/components/QueryBuilder/components/AddNodeButton.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";import{useQueryBuilder as s}from"../hooks/useQueryBuilder.js";const r=r=>{let{buttonText:u,allowedNodes:n}=r;const{addNode:i}=s();return t(o,{buttonText:u,size:"medium",buttonType:"dashRegular",LeadingIcon:e,onClick:()=>{i(n[0])}})};export{r as default};

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{QueryBuilderType as l}from"../types/QueryBuilder.type.js";import r from"./DropdownWrapper.js";const t={[l.EVENT_FILTER]:{label:"Performed event",value:l.EVENT_FILTER},[l.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:l.NO_EVENT_FILTER},[l.USER_PROPERTY_FILTER]:{label:"Had user property",value:l.USER_PROPERTY_FILTER},[l.SEGMENT_FILTER]:{label:"Part of segment",value:l.SEGMENT_FILTER}},o=l=>{let{allowedList:o,onSelect:E,selectedType:a,loading:n,disabled:d}=l;var i;const p=o.map((e=>{var l;return null!==(l=t[e])&&void 0!==l?l:null})).filter((e=>e)),T=a&&null!==(i=t[a])&&void 0!==i?i:p[0];return e(r,{disabled:d,width:"200px",isLoading:null!=n&&n,options:p,defaultOption:T,onSelect:E})};export{t as QUERY_TYPE_TO_OPTION_MAP,o as default};

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"styled-components";import{BodySecondary as i}from"../../../../TypographyStyle.js";import o from"./IntegerPositiveSingle.js";const n=t.div`
+	flex-direction: row;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+`,s=t=>{let{val:s,onChange:a,errors:l,nativeID:m,disabled:d}=t;return r(n,{children:[e(o,{disabled:d,val:s,onChange:a,errors:l}),e(i,{children:"times"})]})};var a=r=>e(s,Object.assign({},r));export{a as default};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const NoInput: () => JSX.Element;
+export default NoInput;

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

@@ -0,0 +1 @@
+import{jsx as t,Fragment as r}from"react/jsx-runtime";const e=()=>t(r,{});export{e as default};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t from"../../../../datePicker/DatePicker.js";const a=a=>{let{val:i,onChange:r,nativeID:n,disabled:s}=a;const l=Array.isArray(i)?new Date(null==i?void 0:i[0]):i;return e("div",Object.assign({style:{position:"relative",width:200}},{children:e(t,{pickerStyles:{zIndex:3},disabled:s,val:l,onChange:r})}))};var i=t=>e(a,Object.assign({},t));export{i as default};

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

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

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t from"../../../../datePicker/DatePicker.js";const a=a=>{let{val:r,onChange:i,disabled:s}=a;return e("div",Object.assign({style:{position:"relative",width:200}},{children:e(t,{pickerStyles:{zIndex:3},disabled:s,val:r,onChange:i,calendarProps:{selectRange:!0}})}))};var r=t=>e(a,Object.assign({},t));export{r as default};

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

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

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>;