@bikdotai/bik-component-library 0.0.488-qrb.5 → 0.0.488-qrb.6

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),o=require("../../../components/AllowedListDropdown.js"),r=require("../../../helpers/ApiResponse.helper.js"),i=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js"),d=require("../../../components/DropdownWrapper.js"),t=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const n=new r.ApiResponseHelper;exports.default=r=>{let{node:a,allowedNodes:u,apiHandler:c,mode:v,selectorKey:p}=r;var y,m,g,h,f,j,S,w,x;const{updateMeta:B,selectType:k,createMeta:A}=i.useQueryBuilder(p),{cacheWrap:D}=s.useQueryBuilderCache(),[b,q]=l.useState(!1),[I,M]=l.useState([]),[Q,T]=l.useState(!0),_=a.metas.find((e=>"segmentID"===e.key));return l.useEffect((()=>{Q&&(console.log("createMeta useEffect",v),"create"===v&&A({key:"segmentID"},a._id),T(!1),D((()=>c({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))M([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==v&&(!!(null==_?void 0:_.value)&&_.value===e.id)})))]);else{const l=n.convertToGroupOptions(e,(null==_?void 0:_.value)?[_.value]:void 0);M([...l])}q(!1)})))}),[]),e.jsx(t.BaseQueryBuilderNode,Object.assign({node:a,mode:v},{children:e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(o.default,{disabled:"view"===v,loading:b,selectedType:a.type,allowedList:u,onSelect:function(e){console.log("handleTypeSelection option : ",e),Array.isArray(e)||(q(!0),k(e.value,a._id),console.log("handleTypeSelection createMeta",e),A({key:"segmentID"},a._id)),q(!1)}}),(null===(m=null===(y=null==a?void 0:a.metas)||void 0===y?void 0:y[0])||void 0===m?void 0:m.key)&&e.jsx(d.default,{selectedValues:(null==_?void 0:_.value)?[_.value]:void 0,isSearchable:!0,isLoading:b,disabled:"view"===v,width:"200px",dropdownLabel:"Select segment",options:I,onSelect:function(e){console.log("handleSegmentIDSelection option : ",e),Array.isArray(e)||(console.log("handleSegmentIDSelection updateMeta",e),B({key:"segmentID",value:e.value,error:{}},a._id))},error:null!==(w=null!==(j=null===(f=null===(h=null===(g=a.metas)||void 0===g?void 0:g[0])||void 0===h?void 0:h.error)||void 0===f?void 0:f.key)&&void 0!==j?j:null===(S=null==_?void 0:_.error)||void 0===S?void 0:S.key)&&void 0!==w?w:null===(x=null==_?void 0:_.error)||void 0===x?void 0:x.value})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),l=require("../../../components/AllowedListDropdown.js"),r=require("../../../helpers/ApiResponse.helper.js"),i=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js"),n=require("../../../components/DropdownWrapper.js"),d=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const t=new r.ApiResponseHelper;exports.default=r=>{let{node:a,allowedNodes:u,apiHandler:c,mode:v,selectorKey:p}=r;var y,m,g,h,f,j,S,w,x;const{updateMeta:B,selectType:k,createMeta:A}=i.useQueryBuilder(p),{cacheWrap:D}=s.useQueryBuilderCache(),[b,q]=o.useState(!1),[I,M]=o.useState([]),Q=a.metas.find((e=>"segmentID"===e.key));return o.useEffect((()=>{console.log({options:I})}),[I]),o.useEffect((()=>{Q||A({key:"segmentID"},a._id),console.log({segmentNameMeta:Q}),D((()=>c({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))M([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:!!(null==Q?void 0:Q.value)&&Q.value===e.id})))]);else{const o=t.convertToGroupOptions(e,(null==Q?void 0:Q.value)?[Q.value]:void 0);M([...o])}q(!1)}))}),[]),e.jsx(d.BaseQueryBuilderNode,Object.assign({node:a,mode:v},{children:e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(l.default,{disabled:"view"===v,loading:b,selectedType:a.type,allowedList:u,onSelect:function(e){console.log("handleTypeSelection option : ",e),Array.isArray(e)||(q(!0),k(e.value,a._id),console.log("handleTypeSelection createMeta",e),A({key:"segmentID"},a._id)),q(!1)}}),(null===(m=null===(y=null==a?void 0:a.metas)||void 0===y?void 0:y[0])||void 0===m?void 0:m.key)&&e.jsx(n.default,{selectedValues:(null==Q?void 0:Q.value)?[Q.value]:void 0,isSearchable:!0,isLoading:b,disabled:"view"===v,width:"200px",dropdownLabel:"Select segment",options:I,onSelect:function(e){console.log("handleSegmentIDSelection option : ",e),Array.isArray(e)||(console.log("handleSegmentIDSelection updateMeta",e),B({key:"segmentID",value:e.value,error:{}},a._id))},error:null!==(w=null!==(j=null===(f=null===(h=null===(g=a.metas)||void 0===g?void 0:g[0])||void 0===h?void 0:h.error)||void 0===f?void 0:f.key)&&void 0!==j?j:null===(S=null==Q?void 0:Q.error)||void 0===S?void 0:S.key)&&void 0!==w?w:null===(x=null==Q?void 0:Q.error)||void 0===x?void 0:x.value})]}))}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../types/QueryBuilder.type.js"),l=require("./DropdownWrapper.js");const u={[r.QueryBuilderType.EVENT_FILTER]:{label:"Performed event",value:r.QueryBuilderType.EVENT_FILTER},[r.QueryBuilderType.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:r.QueryBuilderType.NO_EVENT_FILTER},[r.QueryBuilderType.USER_PROPERTY_FILTER]:{label:"Have user property",value:r.QueryBuilderType.USER_PROPERTY_FILTER},[r.QueryBuilderType.SEGMENT_FILTER]:{label:"Part of segment",value:r.QueryBuilderType.SEGMENT_FILTER}};exports.QUERY_TYPE_TO_OPTION_MAP=u,exports.default=r=>{let{allowedList:i,onSelect:t,selectedType:d,loading:a,disabled:T}=r;const n=i.map((e=>{var r;return null!==(r=u[e])&&void 0!==r?r:null})).filter((e=>e)).map((e=>{var r;if(d)return(null==e?void 0:e.value)===(null===(r=u[d])||void 0===r?void 0:r.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e.jsx(l.default,{nativeID:"query-builder-initial-node",disabled:T,width:"200px",isLoading:null!=a&&a,options:n,onSelect:t})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../types/QueryBuilder.type.js"),l=require("./DropdownWrapper.js");const u={[r.QueryBuilderType.EVENT_FILTER]:{label:"Performed event",value:r.QueryBuilderType.EVENT_FILTER},[r.QueryBuilderType.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:r.QueryBuilderType.NO_EVENT_FILTER},[r.QueryBuilderType.USER_PROPERTY_FILTER]:{label:"Have user property",value:r.QueryBuilderType.USER_PROPERTY_FILTER},[r.QueryBuilderType.SEGMENT_FILTER]:{label:"Part of segment",value:r.QueryBuilderType.SEGMENT_FILTER}};exports.QUERY_TYPE_TO_OPTION_MAP=u,exports.default=r=>{let{allowedList:i,onSelect:t,selectedType:d,loading:o,disabled:a}=r;const n=i.map((e=>{var r;return null!==(r=u[e])&&void 0!==r?r:null})).filter((e=>e)).map((e=>{var r;if(d)return(null==e?void 0:e.value)===(null===(r=u[d])||void 0===r?void 0:r.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return console.log("AllowedListDropdown options : ",n),e.jsx(l.default,{nativeID:"query-builder-initial-node",disabled:a,width:"200px",isLoading:null!=o&&o,options:n,onSelect:t})};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as l,useEffect as i}from"react";import r from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as n}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as t}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import a from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const u=new n,c=n=>{let{node:c,allowedNodes:p,apiHandler:v,mode:m,selectorKey:y}=n;var f,g,h,w,S,j,k,D,A;const{updateMeta:b,selectType:I,createMeta:T}=t(y),{cacheWrap:B}=d(),[M,x]=l(!1),[L,_]=l([]),[E,N]=l(!0),Q=c.metas.find((e=>"segmentID"===e.key));return i((()=>{E&&(console.log("createMeta useEffect",m),"create"===m&&T({key:"segmentID"},c._id),N(!1),B((()=>v({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))_([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==m&&(!!(null==Q?void 0:Q.value)&&Q.value===e.id)})))]);else{const o=u.convertToGroupOptions(e,(null==Q?void 0:Q.value)?[Q.value]:void 0);_([...o])}x(!1)})))}),[]),e(s,Object.assign({node:c,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(r,{disabled:"view"===m,loading:M,selectedType:c.type,allowedList:p,onSelect:function(e){console.log("handleTypeSelection option : ",e),Array.isArray(e)||(x(!0),I(e.value,c._id),console.log("handleTypeSelection createMeta",e),T({key:"segmentID"},c._id)),x(!1)}}),(null===(g=null===(f=null==c?void 0:c.metas)||void 0===f?void 0:f[0])||void 0===g?void 0:g.key)&&e(a,{selectedValues:(null==Q?void 0:Q.value)?[Q.value]:void 0,isSearchable:!0,isLoading:M,disabled:"view"===m,width:"200px",dropdownLabel:"Select segment",options:L,onSelect:function(e){console.log("handleSegmentIDSelection option : ",e),Array.isArray(e)||(console.log("handleSegmentIDSelection updateMeta",e),b({key:"segmentID",value:e.value,error:{}},c._id))},error:null!==(D=null!==(j=null===(S=null===(w=null===(h=c.metas)||void 0===h?void 0:h[0])||void 0===w?void 0:w.error)||void 0===S?void 0:S.key)&&void 0!==j?j:null===(k=null==Q?void 0:Q.error)||void 0===k?void 0:k.key)&&void 0!==D?D:null===(A=null==Q?void 0:Q.error)||void 0===A?void 0:A.value})]}))}))};export{c as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as l,useEffect as i}from"react";import n from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as r}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as t}from"../../../hooks/useQueryBuilderCache.js";import s from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const u=new r,c=r=>{let{node:c,allowedNodes:p,apiHandler:v,mode:m,selectorKey:y}=r;var g,f,h,w,S,j,k,D,A;const{updateMeta:b,selectType:I,createMeta:T}=d(y),{cacheWrap:B}=t(),[M,x]=l(!1),[L,N]=l([]),_=c.metas.find((e=>"segmentID"===e.key));return i((()=>{console.log({options:L})}),[L]),i((()=>{_||T({key:"segmentID"},c._id),console.log({segmentNameMeta:_}),B((()=>v({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))N([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:!!(null==_?void 0:_.value)&&_.value===e.id})))]);else{const o=u.convertToGroupOptions(e,(null==_?void 0:_.value)?[_.value]:void 0);N([...o])}x(!1)}))}),[]),e(a,Object.assign({node:c,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(n,{disabled:"view"===m,loading:M,selectedType:c.type,allowedList:p,onSelect:function(e){console.log("handleTypeSelection option : ",e),Array.isArray(e)||(x(!0),I(e.value,c._id),console.log("handleTypeSelection createMeta",e),T({key:"segmentID"},c._id)),x(!1)}}),(null===(f=null===(g=null==c?void 0:c.metas)||void 0===g?void 0:g[0])||void 0===f?void 0:f.key)&&e(s,{selectedValues:(null==_?void 0:_.value)?[_.value]:void 0,isSearchable:!0,isLoading:M,disabled:"view"===m,width:"200px",dropdownLabel:"Select segment",options:L,onSelect:function(e){console.log("handleSegmentIDSelection option : ",e),Array.isArray(e)||(console.log("handleSegmentIDSelection updateMeta",e),b({key:"segmentID",value:e.value,error:{}},c._id))},error:null!==(D=null!==(j=null===(S=null===(w=null===(h=c.metas)||void 0===h?void 0:h[0])||void 0===w?void 0:w.error)||void 0===S?void 0:S.key)&&void 0!==j?j:null===(k=null==_?void 0:_.error)||void 0===k?void 0:k.key)&&void 0!==D?D:null===(A=null==_?void 0:_.error)||void 0===A?void 0:A.value})]}))}))};export{c as default};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.488-qrb.5",
+	"version": "0.0.488-qrb.6",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",