npm - @bikdotai/bik-component-library - Versions diffs - 0.0.807-beta.2 → 0.0.808-beta.0 - Mend

@bikdotai/bik-component-library 0.0.807-beta.2 → 0.0.808-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1549) hide show

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

@@ -1,2 +1,2 @@
-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{iterateOnOptions as i}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilderEnum.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{CONTAINS_OPERATORS as f,getContainsFilterError as h}from"../../../helpers/SegmentValidator.js";const g=new d,w=d=>{let{node:w,allowedNodes:T,apiHandler:_,mode:j,selectorKey:O}=d;var k,b,N,P,S,E,q,V,x,C,B,A,D,Q,M,L,R,$;const[F,J]=t([]),[K,W]=t(!1),{deleteProperty:G,createProperty:H,selectType:z,createMeta:I,updateMeta:U,updateProperty:X,selectPropertyJoinOperator:Y,clearProperty:Z}=u(O),{cacheWrap:ee}=v(),[oe,re]=t(!0),[te,ae]=t(),ie=null===(k=null==w?void 0:w.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),le=null===(b=null==w?void 0:w.metas)||void 0===b?void 0:b.find((e=>"frequency"===e.key)),ne=null===(N=null==w?void 0:w.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[de,ue]=t(!1),[ve,pe]=t(!1),[se,ce]=t(!1);const ye=()=>e(void 0,void 0,void 0,(function*(){re(!0),ae(void 0);const e=yield ee((()=>_({})),"EVENT_NAMES");if(re(!1),!e)return J([]),void ae("Something went wrong while fetching the list. Please try again");const o=g.convertToGroupOptions(e,(null==ne?void 0:ne.value)?[ne.value]:void 0);if("create"!==j&&ne)return J([...o]),void W(!0);J([...o]),W(!0)}));return a((()=>{ye()}),[]),o(m,Object.assign({selectPropertyJoinOperator:Y,node:w,addPropertyBtnText:(null==ne?void 0:ne.value)&&"Add event property",deleteProperty:G,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==ne?void 0:ne.value,ee((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(r.name===o.id&&r.dataType===o.type||X(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),w._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>ee((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==ne?void 0:ne.value,o.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}))},onPropertyOperatorChange:function(e,o){X(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),w._id)},onPropertyValueChange:function(e,o){var r;const t="string"===o.dataType&&f.includes(null!==(r=o.operator)&&void 0!==r?r:"")?h(e):{};X(Object.assign(Object.assign({},o),{value:e,error:t}),w._id)},mode:j,onPropertyValueSearch:function(o,r){return e(this,void 0,void 0,(function*(){const t=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==ne?void 0:ne.value,r.name,o);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}},{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"===j,selectedType:w.type,allowedList:T,onSelect:function(e){ue(!0),J((e=>[...i(e,{selected:!1})])),setTimeout((()=>{z(e.value,w._id),ue(!1)}),1)}}),!de&&o(y,{isSearchable:!0,isLoading:oe,optionsErrorState:te?{title:"Failed to load options",subTitle:te}:void 0,onRetryOptionsFetch:ye,disabled:"view"===j,width:"200px",dropdownLabel:"Select event name",options:F,selectedValues:(null==ne?void 0:ne.value)?[ne.value]:void 0,onSelect:function(e){Array.isArray(e)||(Z(w._id),ne?U({key:"eventName",value:e.value,error:{}},w._id):I({key:"eventName",value:e.value},w._id),le?(pe(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},w._id),pe(!1)}),1)):I({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},w._id),ie?(ce(!0),setTimeout((()=>{U({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},w._id),ce(!1)}),1)):I({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},w._id))},error:null!==(x=null!==(q=null===(E=null===(S=null===(P=w.metas)||void 0===P?void 0:P[0])||void 0===S?void 0:S.error)||void 0===E?void 0:E.key)&&void 0!==q?q:null===(V=null==ne?void 0:ne.error)||void 0===V?void 0:V.key)&&void 0!==x?x:null===(C=null==ne?void 0:ne.error)||void 0===C?void 0:C.value})]})),(null==le?void 0:le.key)&&!ve&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(A=null===(B=le.error)||void 0===B?void 0:B.value)||void 0===A?void 0:A.value,operator:null===(Q=null===(D=le.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.operator},connectorVal:le.value.value,connectorType:le.value.dataType,defaultConnector:le.value.operator,onOperatorChange:function(e){U({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},w._id)},onValueChange:function(e){var o;K&&U({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==le?void 0:le.value)||void 0===o?void 0:o.operator,value:e},error:{}},w._id)}}),(null==ie?void 0:ie.key)&&!se&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(L=null===(M=ie.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.value,operator:null===($=null===(R=ie.error)||void 0===R?void 0:R.value)||void 0===$?void 0:$.operator},connectorVal:ie.value.value,connectorType:ie.value.dataType,defaultConnector:ie.value.operator,onOperatorChange:function(e){U({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},w._id)},onValueChange:function(e){var o;K&&U({key:"date",value:{dataType:p.date,operator:null===(o=null==ie?void 0:ie.value)||void 0===o?void 0:o.operator,value:e},error:{}},w._id)}})]}))}))};export{w as default};
+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{iterateOnOptions as i}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilderEnum.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{CONTAINS_OPERATORS as f,getContainsFilterError as h}from"../../../helpers/SegmentValidator.js";const g=new d,w=({node:d,allowedNodes:w,apiHandler:T,mode:_,selectorKey:j})=>{var O,k,b,N,P,S,E,q,V,x,C,B,A,D,Q,M,L,R;const[$,F]=t([]),[J,K]=t(!1),{deleteProperty:W,createProperty:G,selectType:H,createMeta:z,updateMeta:I,updateProperty:U,selectPropertyJoinOperator:X,clearProperty:Y}=u(j),{cacheWrap:Z}=v(),[ee,oe]=t(!0),[re,te]=t(),ae=null===(O=null==d?void 0:d.metas)||void 0===O?void 0:O.find((e=>"date"===e.key)),ie=null===(k=null==d?void 0:d.metas)||void 0===k?void 0:k.find((e=>"frequency"===e.key)),le=null===(b=null==d?void 0:d.metas)||void 0===b?void 0:b.find((e=>"eventName"===e.key)),[ne,de]=t(!1),[ue,ve]=t(!1),[pe,se]=t(!1);const ce=()=>e(void 0,void 0,void 0,(function*(){oe(!0),te(void 0);const e=yield Z((()=>T({})),"EVENT_NAMES");if(oe(!1),!e)return F([]),void te("Something went wrong while fetching the list. Please try again");const o=g.convertToGroupOptions(e,(null==le?void 0:le.value)?[le.value]:void 0);if("create"!==_&&le)return F([...o]),void K(!0);F([...o]),K(!0)}));return a((()=>{ce()}),[]),o(m,Object.assign({selectPropertyJoinOperator:X,node:d,addPropertyBtnText:(null==le?void 0:le.value)&&"Add event property",deleteProperty:W,createProperty:G,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==le?void 0:le.value,Z((()=>T({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(r.name===o.id&&r.dataType===o.type||U(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),d._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>Z((()=>T({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==le?void 0:le.value,o.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}))},onPropertyOperatorChange:function(e,o){U(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),d._id)},onPropertyValueChange:function(e,o){var r;const t="string"===o.dataType&&f.includes(null!==(r=o.operator)&&void 0!==r?r:"")?h(e):{};U(Object.assign(Object.assign({},o),{value:e,error:t}),d._id)},mode:_,onPropertyValueSearch:function(o,r){return e(this,void 0,void 0,(function*(){const t=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield T({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==le?void 0:le.value,r.name,o);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}},{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"===_,selectedType:d.type,allowedList:w,onSelect:function(e){de(!0),F((e=>[...i(e,{selected:!1})])),setTimeout((()=>{H(e.value,d._id),de(!1)}),1)}}),!ne&&o(y,{isSearchable:!0,isLoading:ee,optionsErrorState:re?{title:"Failed to load options",subTitle:re}:void 0,onRetryOptionsFetch:ce,disabled:"view"===_,width:"200px",dropdownLabel:"Select event name",options:$,selectedValues:(null==le?void 0:le.value)?[le.value]:void 0,onSelect:function(e){Array.isArray(e)||(Y(d._id),le?I({key:"eventName",value:e.value,error:{}},d._id):z({key:"eventName",value:e.value},d._id),ie?(ve(!0),setTimeout((()=>{I({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},d._id),ve(!1)}),1)):z({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},d._id),ae?(se(!0),setTimeout((()=>{I({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},d._id),se(!1)}),1)):z({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},d._id))},error:null!==(V=null!==(E=null===(S=null===(P=null===(N=d.metas)||void 0===N?void 0:N[0])||void 0===P?void 0:P.error)||void 0===S?void 0:S.key)&&void 0!==E?E:null===(q=null==le?void 0:le.error)||void 0===q?void 0:q.key)&&void 0!==V?V:null===(x=null==le?void 0:le.error)||void 0===x?void 0:x.value})]})),(null==ie?void 0:ie.key)&&!ue&&o(n,{disabled:"view"===_,extra:{},errors:{val:null===(B=null===(C=ie.error)||void 0===C?void 0:C.value)||void 0===B?void 0:B.value,operator:null===(D=null===(A=ie.error)||void 0===A?void 0:A.value)||void 0===D?void 0:D.operator},connectorVal:ie.value.value,connectorType:ie.value.dataType,defaultConnector:ie.value.operator,onOperatorChange:function(e){I({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},d._id)},onValueChange:function(e){var o;J&&I({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==ie?void 0:ie.value)||void 0===o?void 0:o.operator,value:e},error:{}},d._id)}}),(null==ae?void 0:ae.key)&&!pe&&o(n,{disabled:"view"===_,extra:{},errors:{val:null===(M=null===(Q=ae.error)||void 0===Q?void 0:Q.value)||void 0===M?void 0:M.value,operator:null===(R=null===(L=ae.error)||void 0===L?void 0:L.value)||void 0===R?void 0:R.operator},connectorVal:ae.value.value,connectorType:ae.value.dataType,defaultConnector:ae.value.operator,onOperatorChange:function(e){I({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},d._id)},onValueChange:function(e){var o;J&&I({key:"date",value:{dataType:p.date,operator:null===(o=null==ae?void 0:ae.value)||void 0===o?void 0:o.operator,value:e},error:{}},d._id)}})]}))}))};export{w as default};
 //# sourceMappingURL=EventFilter.js.map

package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EventFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/Event/components/EventFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { iterateOnOptions } from '@src/components/dropdown/OpenedDropdown/utils/iterationOnOptions';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport Connector from '@src/components/QueryBuilder/components/Connectors/Connector';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tConnectorError,\n\tQueryBuilderConnector,\n\tQueryBuilderProperty,\n\tQueryBuilderType,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport {\n\tCONNECTOR_OPERATORS,\n\tDATE_OPERATORS,\n\tFREQUENCY_OPERATORS,\n} from '@src/components/QueryBuilder/types/QueryBuilderOperator.type';\nimport DropdownWrapper from '../../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '../../../helpers/SegmentValidator';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\nconst EventFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst [eventNames, setEventName] = useState<DropdownOption[]>([]);\n\tconst [mounted, setMountFlag] = useState(false);\n\n\tconst {\n\t\tdeleteProperty,\n\t\tcreateProperty,\n\t\tselectType,\n\t\tcreateMeta,\n\t\tupdateMeta,\n\t\tupdateProperty,\n\t\tselectPropertyJoinOperator,\n\t\tclearProperty,\n\t} = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\n\tconst [eventNameFetching, setEventNameFetchingStatus] = useState(true);\n\tconst [eventNameFetchError, setEventNameFetchError] = useState<string>();\n\n\tconst dateMeta = node?.metas?.find((meta) => meta.key === 'date');\n\tconst frequencyMeta = node?.metas?.find((meta) => meta.key === 'frequency');\n\tconst nameMeta = node?.metas?.find((meta) => meta.key === 'eventName');\n\n\tconst [refreshEventName, setRefreshEventName] = useState(false);\n\tconst [refreshFreq, setRefreshFreq] = useState(false);\n\tconst [refreshDate, setRefreshDate] = useState(false);\n\n\tconst getEventNames = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'EVENT_NAMES');\n\n\tconst getEventPropertyKeys = (eventName: string) =>\n\t\tcacheWrap(\n\t\t\t() => apiHandler<{ eventName: string }>({ query: { eventName } }),\n\t\t\t`EVENT_NAMES_${eventName}`,\n\t\t);\n\n\tconst getEventPropertiesValue = (\n\t\teventName: string,\n\t\tpropertyName: string \| number,\n\t) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ eventName: string; propertyName: string \| number }>({\n\t\t\t\t\tquery: { eventName, propertyName },\n\t\t\t\t}),\n\t\t\t`EVENT_NAMES_${eventName}_${propertyName}`,\n\t\t);\n\n\tconst searchEventPropertiesValue = async (\n\t\teventName: string,\n\t\tpropertyName: string \| number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait apiHandler<{\n\t\t\teventName: string;\n\t\t\tpropertyName: string \| number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { eventName, propertyName, searchKey },\n\t\t});\n\n\tfunction handleEventNameSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tclearProperty(node._id);\n\n\t\t\tif (nameMeta) {\n\t\t\t\tupdateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'eventName',\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t\terror: {},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'eventName',\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (frequencyMeta) {\n\t\t\t\tsetRefreshFreq(true);\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tupdateMeta(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\t\t\toperator: FREQUENCY_OPERATORS.atleast,\n\t\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\terror: {},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnode._id,\n\t\t\t\t\t);\n\t\t\t\t\tsetRefreshFreq(false);\n\t\t\t\t}, 1);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\t\toperator: FREQUENCY_OPERATORS.atleast,\n\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (dateMeta) {\n\t\t\t\tsetRefreshDate(true);\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tupdateMeta(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'date',\n\t\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\t\t\toperator: DATE_OPERATORS['last 30 days'],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\terror: {},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnode._id,\n\t\t\t\t\t);\n\t\t\t\t\tsetRefreshDate(false);\n\t\t\t\t}, 1);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'date',\n\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\t\toperator: DATE_OPERATORS['last 30 days'],\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\t/** this will never be true, as option will never be an array /\n\t\t}\n\t}\n\n\tfunction handleFrequencyOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateMeta(\n\t\t\t{\n\t\t\t\tkey: 'frequency',\n\t\t\t\tvalue: {\n\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\toperator: operator as FREQUENCY_OPERATORS,\n\t\t\t\t\tvalue: 1,\n\t\t\t\t},\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleFrequencyValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tif (mounted)\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\toperator: (\n\t\t\t\t\t\t\tfrequencyMeta?.value /* frequency meta has a connector as value / as QueryBuilderConnector\n\t\t\t\t\t\t)?.operator,\n\t\t\t\t\t\tvalue: value as number,\n\t\t\t\t\t},\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t}\n\n\tfunction handleDateOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateMeta(\n\t\t\t{\n\t\t\t\tkey: 'date',\n\t\t\t\tvalue: {\n\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\toperator: operator as DATE_OPERATORS,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t},\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleDateValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tif (mounted)\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'date',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\toperator: (\n\t\t\t\t\t\t\tdateMeta?.value as /* date meta has a connector as value / QueryBuilderConnector\n\t\t\t\t\t\t)?.operator,\n\t\t\t\t\t\tvalue: value as Date \| Date[],\n\t\t\t\t\t},\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t}\n\n\tconst loadEventNames = async () => {\n\t\tsetEventNameFetchingStatus(true);\n\t\tsetEventNameFetchError(undefined);\n\n\t\tconst response = await getEventNames();\n\t\tsetEventNameFetchingStatus(false);\n\n\t\tif (!response) {\n\t\t\tsetEventName([]);\n\t\t\tsetEventNameFetchError(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\tresponse,\n\t\t\tnameMeta?.value ? [nameMeta.value as string] : undefined,\n\t\t);\n\n\t\tif (mode !== 'create') {\n\t\t\tif (nameMeta) {\n\t\t\t\tsetEventName([...eventNameOptions]);\n\t\t\t\tsetMountFlag(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tsetEventName([...eventNameOptions]);\n\t\tsetMountFlag(true);\n\t};\n\n\tuseEffect(() => {\n\t\tloadEventNames();\n\t}, []);\n\n\tasync function fetchPropertyData() {\n\t\tconst response = await getEventPropertyKeys(\n\t\t\tnameMeta?.value /* value for name meta is always / as string,\n\t\t);\n\n\t\treturn response;\n\t}\n\n\tasync function onPropertyNameSelect(\n\t\tpropertyName: QueryBuilderAPIData,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isRetry =\n\t\t\tproperty.name === propertyName.id &&\n\t\t\tproperty.dataType === propertyName.type;\n\n\t\tif (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...property,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tif (!propertyName.needValuesRetrieval) return [];\n\n\t\tconst response = await getEventPropertiesValue(\n\t\t\tnameMeta?.value /* value for name meta is always */ as string,\n\t\t\tpropertyName.id,\n\t\t);\n\n\t\tif (!response) {\n\t\t\tthrow new Error(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn response;\n\t}\n\n\tfunction onPropertyOperatorChange(\n\t\toption: CONNECTOR_OPERATORS,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\toperator: option,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction onPropertyValueChange(\n\t\tvalue: CONNECTOR_VALUE_TYPE,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleFilterSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tsetRefreshEventName(true);\n\n\t\tsetEventName((prev) => {\n\t\t\tconst updatedOptions = iterateOnOptions(prev, {\n\t\t\t\tselected: false,\n\t\t\t});\n\n\t\t\treturn [...updatedOptions];\n\t\t});\n\t\tsetTimeout(() => {\n\t\t\tselectType((option as SingleOption).value as QueryBuilderType, node._id);\n\t\t\tsetRefreshEventName(false);\n\t\t}, 1);\n\t}\n\n\tasync function onPropertyValueSearch(\n\t\tsearchKey: string,\n\t\tproperty: QueryBuilderProperty,\n\t): Promise<DropdownOption[]> {\n\t\tconst response = await searchEventPropertiesValue(\n\t\t\tnameMeta?.value as string,\n\t\t\tproperty.name as string,\n\t\t\tsearchKey,\n\t\t);\n\n\t\tif (response?.error \|\| !response?.data) {\n\t\t\tthrow new Error(\n\t\t\t\tresponse?.error \|\|\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn (response.data as QueryBuilderAPIData[]).map((option) => ({\n\t\t\tlabel: option.name,\n\t\t\tvalue: option.id,\n\t\t\tselected: false,\n\t\t})) as DropdownOption[];\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode\n\t\t\tselectPropertyJoinOperator={selectPropertyJoinOperator}\n\t\t\tnode={node}\n\t\t\taddPropertyBtnText={nameMeta?.value && 'Add event property'}\n\t\t\tdeleteProperty={deleteProperty}\n\t\t\tcreateProperty={createProperty}\n\t\t\tpropertySelectorText=\"Select property\"\n\t\t\tfetchPropertyData={fetchPropertyData}\n\t\t\tonPropertyNameSelect={onPropertyNameSelect}\n\t\t\tonPropertyOperatorChange={onPropertyOperatorChange}\n\t\t\tonPropertyValueChange={onPropertyValueChange}\n\t\t\tmode={mode}\n\t\t\tonPropertyValueSearch={onPropertyValueSearch}\n\t\t>\n\t\t\t<div style={{ flexDirection: 'column', display: 'flex', gap: 12 }}>\n\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t\t<AllowedListDropdown\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\t\tonSelect={handleFilterSelection}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{!refreshEventName && (\n\t\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\tisLoading={eventNameFetching}\n\t\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\t\teventNameFetchError\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\t\tsubTitle: eventNameFetchError,\n\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonRetryOptionsFetch={loadEventNames}\n\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\twidth={'200px'}\n\t\t\t\t\t\t\tdropdownLabel={'Select event name'}\n\t\t\t\t\t\t\toptions={eventNames}\n\t\t\t\t\t\t\tselectedValues={\n\t\t\t\t\t\t\t\tnameMeta?.value ? [nameMeta.value as string] : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={handleEventNameSelection}\n\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\t(node.metas?.[0]?.error?.key ??\n\t\t\t\t\t\t\t\t\tnameMeta?.error?.key ??\n\t\t\t\t\t\t\t\t\tnameMeta?.error?.value) as string\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{frequencyMeta?.key && !refreshFreq && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={{}}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: (frequencyMeta.error?.value as ConnectorError)?.value,\n\t\t\t\t\t\t\toperator: (frequencyMeta.error?.value as ConnectorError)\n\t\t\t\t\t\t\t\t?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tconnectorVal={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).value as number\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconnectorType={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).dataType\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultConnector={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).operator\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonOperatorChange={handleFrequencyOperatorChange}\n\t\t\t\t\t\tonValueChange={handleFrequencyValueChange}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{dateMeta?.key && !refreshDate && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={{}}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: (dateMeta.error?.value as ConnectorError)?.value,\n\t\t\t\t\t\t\toperator: (dateMeta.error?.value as ConnectorError)?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tconnectorVal={\n\t\t\t\t\t\t\t(dateMeta.value as QueryBuilderConnector).value as Date \| Date[]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconnectorType={(dateMeta.value as QueryBuilderConnector).dataType}\n\t\t\t\t\t\tdefaultConnector={\n\t\t\t\t\t\t\t(dateMeta.value as QueryBuilderConnector).operator\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonOperatorChange={handleDateOperatorChange}\n\t\t\t\t\t\tonValueChange={handleDateValueChange}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default EventFilter;\n"],"names":["apiResponseHelper","ApiResponseHelper","EventFilter","_ref","node","allowedNodes","apiHandler","mode","selectorKey","eventNames","setEventName","useState","mounted","setMountFlag","deleteProperty","createProperty","selectType","createMeta","updateMeta","updateProperty","selectPropertyJoinOperator","clearProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","eventNameFetching","setEventNameFetchingStatus","eventNameFetchError","setEventNameFetchError","dateMeta","_a","metas","find","meta","key","frequencyMeta","_b","nameMeta","_c","refreshEventName","setRefreshEventName","refreshFreq","setRefreshFreq","refreshDate","setRefreshDate","loadEventNames","__awaiter","undefined","response","eventNameOptions","convertToGroupOptions","value","useEffect","_jsx","BaseQueryBuilderNode","Object","assign","addPropertyBtnText","propertySelectorText","fetchPropertyData","eventName","query","onPropertyNameSelect","propertyName","property","name","id","dataType","type","operator","error","_id","needValuesRetrieval","getEventPropertiesValue","Error","onPropertyOperatorChange","option","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchEventPropertiesValue","data","map","label","selected","children","_jsxs","style","flexDirection","display","gap","AllowedListDropdown","disabled","selectedType","allowedList","onSelect","prev","iterateOnOptions","setTimeout","DropdownWrapper","isSearchable","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","width","dropdownLabel","options","selectedValues","Array","isArray","QueryBuilderConnectorType","frequency","FREQUENCY_OPERATORS","atleast","date","DATE_OPERATORS","_j","_g","_f","_e","_d","_h","_k","Connector","extra","errors","val","_l","_m","_o","_p","connectorVal","connectorType","defaultConnector","onOperatorChange","onValueChange","_q","_r","_s","_t"],"mappings":"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"}
1	+ {"version":3,"file":"EventFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/Event/components/EventFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { iterateOnOptions } from '@src/components/dropdown/OpenedDropdown/utils/iterationOnOptions';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport Connector from '@src/components/QueryBuilder/components/Connectors/Connector';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tConnectorError,\n\tQueryBuilderConnector,\n\tQueryBuilderProperty,\n\tQueryBuilderType,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport {\n\tCONNECTOR_OPERATORS,\n\tDATE_OPERATORS,\n\tFREQUENCY_OPERATORS,\n} from '@src/components/QueryBuilder/types/QueryBuilderOperator.type';\nimport DropdownWrapper from '../../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '../../../helpers/SegmentValidator';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\nconst EventFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst [eventNames, setEventName] = useState<DropdownOption[]>([]);\n\tconst [mounted, setMountFlag] = useState(false);\n\n\tconst {\n\t\tdeleteProperty,\n\t\tcreateProperty,\n\t\tselectType,\n\t\tcreateMeta,\n\t\tupdateMeta,\n\t\tupdateProperty,\n\t\tselectPropertyJoinOperator,\n\t\tclearProperty,\n\t} = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\n\tconst [eventNameFetching, setEventNameFetchingStatus] = useState(true);\n\tconst [eventNameFetchError, setEventNameFetchError] = useState<string>();\n\n\tconst dateMeta = node?.metas?.find((meta) => meta.key === 'date');\n\tconst frequencyMeta = node?.metas?.find((meta) => meta.key === 'frequency');\n\tconst nameMeta = node?.metas?.find((meta) => meta.key === 'eventName');\n\n\tconst [refreshEventName, setRefreshEventName] = useState(false);\n\tconst [refreshFreq, setRefreshFreq] = useState(false);\n\tconst [refreshDate, setRefreshDate] = useState(false);\n\n\tconst getEventNames = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'EVENT_NAMES');\n\n\tconst getEventPropertyKeys = (eventName: string) =>\n\t\tcacheWrap(\n\t\t\t() => apiHandler<{ eventName: string }>({ query: { eventName } }),\n\t\t\t`EVENT_NAMES_${eventName}`,\n\t\t);\n\n\tconst getEventPropertiesValue = (\n\t\teventName: string,\n\t\tpropertyName: string \| number,\n\t) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ eventName: string; propertyName: string \| number }>({\n\t\t\t\t\tquery: { eventName, propertyName },\n\t\t\t\t}),\n\t\t\t`EVENT_NAMES_${eventName}_${propertyName}`,\n\t\t);\n\n\tconst searchEventPropertiesValue = async (\n\t\teventName: string,\n\t\tpropertyName: string \| number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait apiHandler<{\n\t\t\teventName: string;\n\t\t\tpropertyName: string \| number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { eventName, propertyName, searchKey },\n\t\t});\n\n\tfunction handleEventNameSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tclearProperty(node._id);\n\n\t\t\tif (nameMeta) {\n\t\t\t\tupdateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'eventName',\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t\terror: {},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'eventName',\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (frequencyMeta) {\n\t\t\t\tsetRefreshFreq(true);\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tupdateMeta(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\t\t\toperator: FREQUENCY_OPERATORS.atleast,\n\t\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\terror: {},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnode._id,\n\t\t\t\t\t);\n\t\t\t\t\tsetRefreshFreq(false);\n\t\t\t\t}, 1);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\t\toperator: FREQUENCY_OPERATORS.atleast,\n\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (dateMeta) {\n\t\t\t\tsetRefreshDate(true);\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tupdateMeta(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'date',\n\t\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\t\t\toperator: DATE_OPERATORS['last 30 days'],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\terror: {},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnode._id,\n\t\t\t\t\t);\n\t\t\t\t\tsetRefreshDate(false);\n\t\t\t\t}, 1);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'date',\n\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\t\toperator: DATE_OPERATORS['last 30 days'],\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\t/** this will never be true, as option will never be an array /\n\t\t}\n\t}\n\n\tfunction handleFrequencyOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateMeta(\n\t\t\t{\n\t\t\t\tkey: 'frequency',\n\t\t\t\tvalue: {\n\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\toperator: operator as FREQUENCY_OPERATORS,\n\t\t\t\t\tvalue: 1,\n\t\t\t\t},\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleFrequencyValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tif (mounted)\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\toperator: (\n\t\t\t\t\t\t\tfrequencyMeta?.value /* frequency meta has a connector as value / as QueryBuilderConnector\n\t\t\t\t\t\t)?.operator,\n\t\t\t\t\t\tvalue: value as number,\n\t\t\t\t\t},\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t}\n\n\tfunction handleDateOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateMeta(\n\t\t\t{\n\t\t\t\tkey: 'date',\n\t\t\t\tvalue: {\n\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\toperator: operator as DATE_OPERATORS,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t},\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleDateValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tif (mounted)\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'date',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\toperator: (\n\t\t\t\t\t\t\tdateMeta?.value as /* date meta has a connector as value / QueryBuilderConnector\n\t\t\t\t\t\t)?.operator,\n\t\t\t\t\t\tvalue: value as Date \| Date[],\n\t\t\t\t\t},\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t}\n\n\tconst loadEventNames = async () => {\n\t\tsetEventNameFetchingStatus(true);\n\t\tsetEventNameFetchError(undefined);\n\n\t\tconst response = await getEventNames();\n\t\tsetEventNameFetchingStatus(false);\n\n\t\tif (!response) {\n\t\t\tsetEventName([]);\n\t\t\tsetEventNameFetchError(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\tresponse,\n\t\t\tnameMeta?.value ? [nameMeta.value as string] : undefined,\n\t\t);\n\n\t\tif (mode !== 'create') {\n\t\t\tif (nameMeta) {\n\t\t\t\tsetEventName([...eventNameOptions]);\n\t\t\t\tsetMountFlag(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tsetEventName([...eventNameOptions]);\n\t\tsetMountFlag(true);\n\t};\n\n\tuseEffect(() => {\n\t\tloadEventNames();\n\t}, []);\n\n\tasync function fetchPropertyData() {\n\t\tconst response = await getEventPropertyKeys(\n\t\t\tnameMeta?.value /* value for name meta is always / as string,\n\t\t);\n\n\t\treturn response;\n\t}\n\n\tasync function onPropertyNameSelect(\n\t\tpropertyName: QueryBuilderAPIData,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isRetry =\n\t\t\tproperty.name === propertyName.id &&\n\t\t\tproperty.dataType === propertyName.type;\n\n\t\tif (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...property,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tif (!propertyName.needValuesRetrieval) return [];\n\n\t\tconst response = await getEventPropertiesValue(\n\t\t\tnameMeta?.value /* value for name meta is always */ as string,\n\t\t\tpropertyName.id,\n\t\t);\n\n\t\tif (!response) {\n\t\t\tthrow new Error(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn response;\n\t}\n\n\tfunction onPropertyOperatorChange(\n\t\toption: CONNECTOR_OPERATORS,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\toperator: option,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction onPropertyValueChange(\n\t\tvalue: CONNECTOR_VALUE_TYPE,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleFilterSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tsetRefreshEventName(true);\n\n\t\tsetEventName((prev) => {\n\t\t\tconst updatedOptions = iterateOnOptions(prev, {\n\t\t\t\tselected: false,\n\t\t\t});\n\n\t\t\treturn [...updatedOptions];\n\t\t});\n\t\tsetTimeout(() => {\n\t\t\tselectType((option as SingleOption).value as QueryBuilderType, node._id);\n\t\t\tsetRefreshEventName(false);\n\t\t}, 1);\n\t}\n\n\tasync function onPropertyValueSearch(\n\t\tsearchKey: string,\n\t\tproperty: QueryBuilderProperty,\n\t): Promise<DropdownOption[]> {\n\t\tconst response = await searchEventPropertiesValue(\n\t\t\tnameMeta?.value as string,\n\t\t\tproperty.name as string,\n\t\t\tsearchKey,\n\t\t);\n\n\t\tif (response?.error \|\| !response?.data) {\n\t\t\tthrow new Error(\n\t\t\t\tresponse?.error \|\|\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn (response.data as QueryBuilderAPIData[]).map((option) => ({\n\t\t\tlabel: option.name,\n\t\t\tvalue: option.id,\n\t\t\tselected: false,\n\t\t})) as DropdownOption[];\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode\n\t\t\tselectPropertyJoinOperator={selectPropertyJoinOperator}\n\t\t\tnode={node}\n\t\t\taddPropertyBtnText={nameMeta?.value && 'Add event property'}\n\t\t\tdeleteProperty={deleteProperty}\n\t\t\tcreateProperty={createProperty}\n\t\t\tpropertySelectorText=\"Select property\"\n\t\t\tfetchPropertyData={fetchPropertyData}\n\t\t\tonPropertyNameSelect={onPropertyNameSelect}\n\t\t\tonPropertyOperatorChange={onPropertyOperatorChange}\n\t\t\tonPropertyValueChange={onPropertyValueChange}\n\t\t\tmode={mode}\n\t\t\tonPropertyValueSearch={onPropertyValueSearch}\n\t\t>\n\t\t\t<div style={{ flexDirection: 'column', display: 'flex', gap: 12 }}>\n\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t\t<AllowedListDropdown\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\t\tonSelect={handleFilterSelection}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{!refreshEventName && (\n\t\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\tisLoading={eventNameFetching}\n\t\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\t\teventNameFetchError\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\t\tsubTitle: eventNameFetchError,\n\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonRetryOptionsFetch={loadEventNames}\n\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\twidth={'200px'}\n\t\t\t\t\t\t\tdropdownLabel={'Select event name'}\n\t\t\t\t\t\t\toptions={eventNames}\n\t\t\t\t\t\t\tselectedValues={\n\t\t\t\t\t\t\t\tnameMeta?.value ? [nameMeta.value as string] : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={handleEventNameSelection}\n\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\t(node.metas?.[0]?.error?.key ??\n\t\t\t\t\t\t\t\t\tnameMeta?.error?.key ??\n\t\t\t\t\t\t\t\t\tnameMeta?.error?.value) as string\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{frequencyMeta?.key && !refreshFreq && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={{}}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: (frequencyMeta.error?.value as ConnectorError)?.value,\n\t\t\t\t\t\t\toperator: (frequencyMeta.error?.value as ConnectorError)\n\t\t\t\t\t\t\t\t?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tconnectorVal={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).value as number\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconnectorType={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).dataType\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultConnector={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).operator\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonOperatorChange={handleFrequencyOperatorChange}\n\t\t\t\t\t\tonValueChange={handleFrequencyValueChange}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{dateMeta?.key && !refreshDate && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={{}}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: (dateMeta.error?.value as ConnectorError)?.value,\n\t\t\t\t\t\t\toperator: (dateMeta.error?.value as ConnectorError)?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tconnectorVal={\n\t\t\t\t\t\t\t(dateMeta.value as QueryBuilderConnector).value as Date \| Date[]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconnectorType={(dateMeta.value as QueryBuilderConnector).dataType}\n\t\t\t\t\t\tdefaultConnector={\n\t\t\t\t\t\t\t(dateMeta.value as QueryBuilderConnector).operator\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonOperatorChange={handleDateOperatorChange}\n\t\t\t\t\t\tonValueChange={handleDateValueChange}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default EventFilter;\n"],"names":["apiResponseHelper","ApiResponseHelper","EventFilter","node","allowedNodes","apiHandler","mode","selectorKey","eventNames","setEventName","useState","mounted","setMountFlag","deleteProperty","createProperty","selectType","createMeta","updateMeta","updateProperty","selectPropertyJoinOperator","clearProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","eventNameFetching","setEventNameFetchingStatus","eventNameFetchError","setEventNameFetchError","dateMeta","_a","metas","find","meta","key","frequencyMeta","_b","nameMeta","_c","refreshEventName","setRefreshEventName","refreshFreq","setRefreshFreq","refreshDate","setRefreshDate","loadEventNames","__awaiter","undefined","response","eventNameOptions","convertToGroupOptions","value","useEffect","_jsx","BaseQueryBuilderNode","Object","assign","addPropertyBtnText","propertySelectorText","fetchPropertyData","eventName","query","onPropertyNameSelect","propertyName","property","name","id","dataType","type","operator","error","_id","needValuesRetrieval","getEventPropertiesValue","Error","onPropertyOperatorChange","option","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchEventPropertiesValue","data","map","label","selected","children","_jsxs","style","flexDirection","display","gap","AllowedListDropdown","disabled","selectedType","allowedList","onSelect","prev","iterateOnOptions","setTimeout","DropdownWrapper","isSearchable","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","width","dropdownLabel","options","selectedValues","Array","isArray","QueryBuilderConnectorType","frequency","FREQUENCY_OPERATORS","atleast","date","DATE_OPERATORS","_j","_g","_f","_e","_d","_h","_k","Connector","extra","errors","val","_l","_m","_o","_p","connectorVal","connectorType","defaultConnector","onOperatorChange","onValueChange","_q","_r","_s","_t"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as l,useEffect as r}from"react";import t from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderType as a}from"../../../types/QueryBuilder.type.js";import u from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as v}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=new d,c=d=>{let{node:c,allowedNodes:m,apiHandler:y,mode:f,selectorKey:h}=d;var g,w,j,b,k,A,S,T,_;const{updateMeta:B,selectType:D,createMeta:E}=n(h),{cacheWrap:I}=s(),[L,x]=l(!1),[N,Q]=l(),[F,M]=l([]),O=c.metas.find((e=>"segmentID"===e.key));const R=()=>e(void 0,void 0,void 0,(function*(){x(!0),Q(void 0);const e=yield I((()=>y({})),"SEGMENT_FILTER");if(e&&Array.isArray(e))M([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==f&&(!!(null==O?void 0:O.value)&&O.value===e.id)})))]);else if(e){const o=p.convertToGroupOptions(e,(null==O?void 0:O.value)?[O.value]:void 0);M([...o])}else M([]),Q("Something went wrong while fetching the list. Please try again");x(!1)}));return r((()=>{O||E({key:"segmentID"},c._id),R()}),[]),o(v,Object.assign({node:c,mode:f},{children:i("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(t,{disabled:"view"===f,loading:L,selectedType:c.type,allowedList:m,onSelect:function(e){Array.isArray(e)||(x(!0),D(e.value,c._id),e.value==a.SEGMENT_FILTER&&E({key:"segmentID"},c._id)),x(!1)}}),(null===(w=null===(g=null==c?void 0:c.metas)||void 0===g?void 0:g[0])||void 0===w?void 0:w.key)&&o(u,{selectedValues:(null==O?void 0:O.value)?[O.value]:void 0,isSearchable:!0,isLoading:L,optionsErrorState:N?{title:"Failed to load options",subTitle:N}:void 0,onRetryOptionsFetch:R,disabled:"view"===f,width:"200px",dropdownLabel:"Select segment",options:F,onSelect:function(e){Array.isArray(e)||B({key:"segmentID",value:e.value,error:{}},c._id)},error:null!==(T=null!==(A=null===(k=null===(b=null===(j=c.metas)||void 0===j?void 0:j[0])||void 0===b?void 0:b.error)||void 0===k?void 0:k.key)&&void 0!==A?A:null===(S=null==O?void 0:O.error)||void 0===S?void 0:S.key)&&void 0!==T?T:null===(_=null==O?void 0:O.error)||void 0===_?void 0:_.value})]}))}))};export{c as default};
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as r,useEffect as l}from"react";import t from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderType as a}from"../../../types/QueryBuilder.type.js";import u from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as v}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=new d,c=({node:d,allowedNodes:c,apiHandler:m,mode:y,selectorKey:f})=>{var h,g,w,j,b,k,A,S,T;const{updateMeta:_,selectType:B,createMeta:D}=n(f),{cacheWrap:E}=s(),[I,L]=r(!1),[x,N]=r(),[Q,F]=r([]),M=d.metas.find((e=>"segmentID"===e.key));const O=()=>e(void 0,void 0,void 0,(function*(){L(!0),N(void 0);const e=yield E((()=>m({})),"SEGMENT_FILTER");if(e&&Array.isArray(e))F([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==y&&(!!(null==M?void 0:M.value)&&M.value===e.id)})))]);else if(e){const o=p.convertToGroupOptions(e,(null==M?void 0:M.value)?[M.value]:void 0);F([...o])}else F([]),N("Something went wrong while fetching the list. Please try again");L(!1)}));return l((()=>{M||D({key:"segmentID"},d._id),O()}),[]),o(v,Object.assign({node:d,mode:y},{children:i("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(t,{disabled:"view"===y,loading:I,selectedType:d.type,allowedList:c,onSelect:function(e){Array.isArray(e)||(L(!0),B(e.value,d._id),e.value==a.SEGMENT_FILTER&&D({key:"segmentID"},d._id)),L(!1)}}),(null===(g=null===(h=null==d?void 0:d.metas)||void 0===h?void 0:h[0])||void 0===g?void 0:g.key)&&o(u,{selectedValues:(null==M?void 0:M.value)?[M.value]:void 0,isSearchable:!0,isLoading:I,optionsErrorState:x?{title:"Failed to load options",subTitle:x}:void 0,onRetryOptionsFetch:O,disabled:"view"===y,width:"200px",dropdownLabel:"Select segment",options:Q,onSelect:function(e){Array.isArray(e)||_({key:"segmentID",value:e.value,error:{}},d._id)},error:null!==(S=null!==(k=null===(b=null===(j=null===(w=d.metas)||void 0===w?void 0:w[0])||void 0===j?void 0:j.error)||void 0===b?void 0:b.key)&&void 0!==k?k:null===(A=null==M?void 0:M.error)||void 0===A?void 0:A.key)&&void 0!==S?S:null===(T=null==M?void 0:M.error)||void 0===T?void 0:T.value})]}))}))};export{c as default};
 //# sourceMappingURL=SegmentFilter.js.map

package/dist/esm/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport { QueryBuilderType } from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport DropdownWrapper from '../../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\nconst SegmentFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst { updateMeta, selectType, createMeta } = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\tconst [loading, setLoading] = useState(false);\n\tconst [segmentFetchError, setSegmentFetchError] = useState<string>();\n\tconst [options, setOptions] = useState<DropdownOption[]>([]);\n\n\tconst segmentNameMeta = node.metas.find((meta) => meta.key === 'segmentID');\n\tconst getSegmentName = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'SEGMENT_FILTER');\n\n\tfunction handleTypeSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tsetLoading(true);\n\t\t\tselectType((option as SingleOption).value as QueryBuilderType, node._id);\n\t\t\tif (option['value'] == QueryBuilderType.SEGMENT_FILTER) {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tsetLoading(false);\n\t}\n\n\tfunction handleSegmentIDSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\t/** this will always be true, as option will never be an array */\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\t}\n\n\tconst loadSegmentNames = async () => {\n\t\tsetLoading(true);\n\t\tsetSegmentFetchError(undefined);\n\n\t\tconst response = await getSegmentName();\n\n\t\tif (response && Array.isArray(response)) {\n\t\t\tsetOptions([\n\t\t\t\t...response.map((data) => ({\n\t\t\t\t\tlabel: data.name as string,\n\t\t\t\t\tvalue: data.id as string,\n\t\t\t\t\tdescription: data.description,\n\t\t\t\t\tselected:\n\t\t\t\t\t\tmode !== 'create'\n\t\t\t\t\t\t\t? segmentNameMeta?.value\n\t\t\t\t\t\t\t\t? segmentNameMeta.value === data.id\n\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t: false,\n\t\t\t\t})),\n\t\t\t]);\n\t\t} else if (response) {\n\t\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\t\tresponse,\n\t\t\t\tsegmentNameMeta?.value ? [segmentNameMeta.value as string] : undefined,\n\t\t\t);\n\n\t\t\tsetOptions([...eventNameOptions]);\n\t\t} else {\n\t\t\tsetOptions([]);\n\t\t\tsetSegmentFetchError(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\tsetLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tif (!segmentNameMeta) {\n\t\t\tcreateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tloadSegmentNames();\n\t}, []);\n\n\treturn (\n\t\t<BaseQueryBuilderNode node={node} mode={mode}>\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t<AllowedListDropdown\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\tonSelect={handleTypeSelection}\n\t\t\t\t/>\n\n\t\t\t\t{node?.metas?.[0]?.key && (\n\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\tselectedValues={\n\t\t\t\t\t\t\tsegmentNameMeta?.value\n\t\t\t\t\t\t\t\t? [segmentNameMeta.value as string]\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\tisLoading={loading}\n\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\tsegmentFetchError\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\tsubTitle: segmentFetchError,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRetryOptionsFetch={loadSegmentNames}\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\t\tdropdownLabel={'Select segment'}\n\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\tonSelect={handleSegmentIDSelection}\n\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t(node.metas?.[0]?.error?.key ??\n\t\t\t\t\t\t\t\tsegmentNameMeta?.error?.key ??\n\t\t\t\t\t\t\t\tsegmentNameMeta?.error?.value) as string\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default SegmentFilter;\n"],"names":["apiResponseHelper","ApiResponseHelper","SegmentFilter","~~_ref","~~node","allowedNodes","apiHandler","mode","selectorKey","updateMeta","selectType","createMeta","useQueryBuilder","cacheWrap","useQueryBuilderCache","loading","setLoading","useState","segmentFetchError","setSegmentFetchError","options","setOptions","segmentNameMeta","metas","find","meta","key","loadSegmentNames","__awaiter","undefined","response","Array","isArray","map","data","label","name","value","id","description","selected","eventNameOptions","convertToGroupOptions","useEffect","_id","_jsx","BaseQueryBuilderNode","_jsxs","Object","assign","style","flexDirection","display","gap","AllowedListDropdown","disabled","selectedType","type","allowedList","onSelect","option","QueryBuilderType","SEGMENT_FILTER","_b","DropdownWrapper","selectedValues","isSearchable","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","width","dropdownLabel","error","_h","_f","_d","_c","_e","_g","_j"],"mappings":"6pBAWA,MAAMA,EAAoB,IAAIC,EAExBC,~~EAAiDC~~,~~IAMlD~~,~~IANmDC~~,~~KACvDA~~,~~EAAIC~~,~~aACJA~~,~~EAAYC~~,~~WACZA~~,~~EAAUC,KACVA,EAAIC,YACJA,GACAL,wBACA,MAAMM,~~WAAEA,EAAUC,WAAEA,EAAUC,WAAEA,GAAeC,EAAgBJ,IACzDK,UAAEA,GAAcC,KACfC,EAASC,GAAcC,GAAS,IAChCC,EAAmBC,GAAwBF,KAC3CG,EAASC,GAAcJ,EAA2B,IAEnDK,EAAkBlB,EAAKmB,MAAMC,MAAMC,GAAsB,cAAbA,EAAKC,MAmCvD,MAAMC,EAAmBA,IAAWC,OAAA,OAAA,OAAA,GAAA,YACnCZ,GAAW,GACXG,OAAqBU,GAErB,MAAMC,QArCNjB,GAAU,IAAMP,EAAsB,CAAE,IAAG,kBAuC3C,GAAIwB,GAAYC,MAAMC,QAAQF,GAC7BT,EAAW,IACPS,EAASG,KAAKC,IAAU,CAC1BC,MAAOD,EAAKE,KACZC,MAAOH,EAAKI,GACZC,YAAaL,EAAKK,YAClBC,SACU,WAATjC,OACGe,aAAA,EAAAA,EAAiBe,QAChBf,EAAgBe,QAAUH,EAAKI,eAKhC,GAAIR,EAAU,CACpB,MAAMW,~~EAAmBzC~~,~~EAAkB0C~~,sBAC1CZ,GACAR,aAAA,EAAAA,EAAiBe,OAAQ,CAACf,EAAgBe,YAAmBR,GAG9DR,EAAW,IAAIoB,GACf,MACApB,EAAW,IACXF,EACC,kEAIFH,GAAW,EACZ,IAeA,OAbA2B,GAAU,KACJrB,GACJX,EACC,CACCe,IAAK,aAENtB,EAAKwC,KAIPjB,GAAkB,GAChB,IAGFkB,EAACC,iBAAqB1C,KAAMA,EAAMG,KAAMA,aACvCwC,EAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,cAAe,MAAOC,QAAS,OAAQC,IAAK,gBACzDR,EAACS,GACAC,SAAmB,SAAThD,EACVQ,QAASA,EACTyC,aAAcpD,EAAKqD,KACnBC,YAAarD,EACbsD,SAzFJ,SAA6BC,GACvB7B,MAAMC,QAAQ4B,KAClB5C,GAAW,GACXN,EAAYkD,EAAwBvB,MAA2BjC,EAAKwC,KAChEgB,EAAc,OAAKC,EAAiBC,gBACvCnD,EACC,CACCe,IAAK,aAENtB,EAAKwC,MAKR5B,GAAW,EACZ,aA6EI+C,YAAA3D,aAAA,EAAAA,EAAMmB,4BAAQ,yBAAIG,MAClBmB,EAACmB,GACAC,gBACC3C,aAAA,EAAAA,EAAiBe,OACd,CAACf,EAAgBe,YACjBR,EAEJqC,cAAY,EACZC,UAAWpD,EACXqD,kBACClD,EACG,CACAmD,MAAO,yBACPC,SAAUpD,QAEVW,EAEJ0C,oBAAqB5C,EACrB4B,SAAmB,SAAThD,EACViE,MAAM,QACNC,cAAe,iBACfrD,QAASA,EACTuC,SAjGL,SAAkCC,GAC5B7B,MAAMC,QAAQ4B,IAElBnD,EACC,CACCiB,IAAK,YACLW,MAAQuB,EAAwBvB,MAChCqC,MAAO,CAAE,GAEVtE,EAAKwC,IAGR,EAsFK8B,MAE6B,QAD3BC,EACA,QADAC,EAAwB,UAAT,QAAfC,EAAa,QAAbC,EAAA1E,EAAKmB,aAAQ,IAAAuD,OAAA,EAAAA,EAAA,UAAE,IAAAD,OAAA,EAAAA,EAAEH,aAAO,IAAAK,OAAA,EAAAA,EAAArD,WACxB,IAAAkD,EAAAA,EAAsB,QAAtBI,EAAA1D,aAAA,EAAAA,EAAiBoD,aAAK,IAAAM,OAAA,EAAAA,EAAEtD,WAAG,IAAAiD,EAAAA,EACH,UAAxBrD,aAAe,EAAfA,EAAiBoD,aAAO,IAAAO,OAAA,EAAAA,EAAA5C,cAKP"}
1	+ {"version":3,"file":"SegmentFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport { QueryBuilderType } from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport DropdownWrapper from '../../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\nconst SegmentFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst { updateMeta, selectType, createMeta } = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\tconst [loading, setLoading] = useState(false);\n\tconst [segmentFetchError, setSegmentFetchError] = useState<string>();\n\tconst [options, setOptions] = useState<DropdownOption[]>([]);\n\n\tconst segmentNameMeta = node.metas.find((meta) => meta.key === 'segmentID');\n\tconst getSegmentName = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'SEGMENT_FILTER');\n\n\tfunction handleTypeSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tsetLoading(true);\n\t\t\tselectType((option as SingleOption).value as QueryBuilderType, node._id);\n\t\t\tif (option['value'] == QueryBuilderType.SEGMENT_FILTER) {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tsetLoading(false);\n\t}\n\n\tfunction handleSegmentIDSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\t/** this will always be true, as option will never be an array */\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\t}\n\n\tconst loadSegmentNames = async () => {\n\t\tsetLoading(true);\n\t\tsetSegmentFetchError(undefined);\n\n\t\tconst response = await getSegmentName();\n\n\t\tif (response && Array.isArray(response)) {\n\t\t\tsetOptions([\n\t\t\t\t...response.map((data) => ({\n\t\t\t\t\tlabel: data.name as string,\n\t\t\t\t\tvalue: data.id as string,\n\t\t\t\t\tdescription: data.description,\n\t\t\t\t\tselected:\n\t\t\t\t\t\tmode !== 'create'\n\t\t\t\t\t\t\t? segmentNameMeta?.value\n\t\t\t\t\t\t\t\t? segmentNameMeta.value === data.id\n\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t: false,\n\t\t\t\t})),\n\t\t\t]);\n\t\t} else if (response) {\n\t\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\t\tresponse,\n\t\t\t\tsegmentNameMeta?.value ? [segmentNameMeta.value as string] : undefined,\n\t\t\t);\n\n\t\t\tsetOptions([...eventNameOptions]);\n\t\t} else {\n\t\t\tsetOptions([]);\n\t\t\tsetSegmentFetchError(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\tsetLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tif (!segmentNameMeta) {\n\t\t\tcreateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tloadSegmentNames();\n\t}, []);\n\n\treturn (\n\t\t<BaseQueryBuilderNode node={node} mode={mode}>\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t<AllowedListDropdown\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\tonSelect={handleTypeSelection}\n\t\t\t\t/>\n\n\t\t\t\t{node?.metas?.[0]?.key && (\n\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\tselectedValues={\n\t\t\t\t\t\t\tsegmentNameMeta?.value\n\t\t\t\t\t\t\t\t? [segmentNameMeta.value as string]\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\tisLoading={loading}\n\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\tsegmentFetchError\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\tsubTitle: segmentFetchError,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRetryOptionsFetch={loadSegmentNames}\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\t\tdropdownLabel={'Select segment'}\n\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\tonSelect={handleSegmentIDSelection}\n\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t(node.metas?.[0]?.error?.key ??\n\t\t\t\t\t\t\t\tsegmentNameMeta?.error?.key ??\n\t\t\t\t\t\t\t\tsegmentNameMeta?.error?.value) as string\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default SegmentFilter;\n"],"names":["apiResponseHelper","ApiResponseHelper","SegmentFilter","node","allowedNodes","apiHandler","mode","selectorKey","updateMeta","selectType","createMeta","useQueryBuilder","cacheWrap","useQueryBuilderCache","loading","setLoading","useState","segmentFetchError","setSegmentFetchError","options","setOptions","segmentNameMeta","metas","find","meta","key","loadSegmentNames","__awaiter","undefined","response","Array","isArray","map","data","label","name","value","id","description","selected","eventNameOptions","convertToGroupOptions","useEffect","_id","_jsx","BaseQueryBuilderNode","_jsxs","Object","assign","style","flexDirection","display","gap","AllowedListDropdown","disabled","selectedType","type","allowedList","onSelect","option","QueryBuilderType","SEGMENT_FILTER","_b","DropdownWrapper","selectedValues","isSearchable","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","width","dropdownLabel","error","_h","_f","_d","_c","_e","_g","_j"],"mappings":"6pBAWA,MAAMA,EAAoB,IAAIC,EAExBC,EAAiDA,EACtDC,OACAC,eACAC,aACAC,OACAC,wCAEA,MAAMC,WAAEA,EAAUC,WAAEA,EAAUC,WAAEA,GAAeC,EAAgBJ,IACzDK,UAAEA,GAAcC,KACfC,EAASC,GAAcC,GAAS,IAChCC,EAAmBC,GAAwBF,KAC3CG,EAASC,GAAcJ,EAA2B,IAEnDK,EAAkBlB,EAAKmB,MAAMC,MAAMC,GAAsB,cAAbA,EAAKC,MAmCvD,MAAMC,EAAmBA,IAAWC,OAAA,OAAA,OAAA,GAAA,YACnCZ,GAAW,GACXG,OAAqBU,GAErB,MAAMC,QArCNjB,GAAU,IAAMP,EAAsB,CAAE,IAAG,kBAuC3C,GAAIwB,GAAYC,MAAMC,QAAQF,GAC7BT,EAAW,IACPS,EAASG,KAAKC,IAAU,CAC1BC,MAAOD,EAAKE,KACZC,MAAOH,EAAKI,GACZC,YAAaL,EAAKK,YAClBC,SACU,WAATjC,OACGe,aAAA,EAAAA,EAAiBe,QAChBf,EAAgBe,QAAUH,EAAKI,eAKhC,GAAIR,EAAU,CACpB,MAAMW,EAAmBxC,EAAkByC,sBAC1CZ,GACAR,aAAA,EAAAA,EAAiBe,OAAQ,CAACf,EAAgBe,YAAmBR,GAG9DR,EAAW,IAAIoB,GACf,MACApB,EAAW,IACXF,EACC,kEAIFH,GAAW,EACZ,IAeA,OAbA2B,GAAU,KACJrB,GACJX,EACC,CACCe,IAAK,aAENtB,EAAKwC,KAIPjB,GAAkB,GAChB,IAGFkB,EAACC,iBAAqB1C,KAAMA,EAAMG,KAAMA,aACvCwC,EAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,cAAe,MAAOC,QAAS,OAAQC,IAAK,gBACzDR,EAACS,GACAC,SAAmB,SAAThD,EACVQ,QAASA,EACTyC,aAAcpD,EAAKqD,KACnBC,YAAarD,EACbsD,SAzFJ,SAA6BC,GACvB7B,MAAMC,QAAQ4B,KAClB5C,GAAW,GACXN,EAAYkD,EAAwBvB,MAA2BjC,EAAKwC,KAChEgB,EAAc,OAAKC,EAAiBC,gBACvCnD,EACC,CACCe,IAAK,aAENtB,EAAKwC,MAKR5B,GAAW,EACZ,aA6EI+C,YAAA3D,aAAA,EAAAA,EAAMmB,4BAAQ,yBAAIG,MAClBmB,EAACmB,GACAC,gBACC3C,aAAA,EAAAA,EAAiBe,OACd,CAACf,EAAgBe,YACjBR,EAEJqC,cAAY,EACZC,UAAWpD,EACXqD,kBACClD,EACG,CACAmD,MAAO,yBACPC,SAAUpD,QAEVW,EAEJ0C,oBAAqB5C,EACrB4B,SAAmB,SAAThD,EACViE,MAAM,QACNC,cAAe,iBACfrD,QAASA,EACTuC,SAjGL,SAAkCC,GAC5B7B,MAAMC,QAAQ4B,IAElBnD,EACC,CACCiB,IAAK,YACLW,MAAQuB,EAAwBvB,MAChCqC,MAAO,CAAE,GAEVtE,EAAKwC,IAGR,EAsFK8B,MAE6B,QAD3BC,EACA,QADAC,EAAwB,UAAT,QAAfC,EAAa,QAAbC,EAAA1E,EAAKmB,aAAQ,IAAAuD,OAAA,EAAAA,EAAA,UAAE,IAAAD,OAAA,EAAAA,EAAEH,aAAO,IAAAK,OAAA,EAAAA,EAAArD,WACxB,IAAAkD,EAAAA,EAAsB,QAAtBI,EAAA1D,aAAA,EAAAA,EAAiBoD,aAAK,IAAAM,OAAA,EAAAA,EAAEtD,WAAG,IAAAiD,EAAAA,EACH,UAAxBrD,aAAe,EAAfA,EAAiBoD,aAAO,IAAAO,OAAA,EAAAA,EAAA5C,cAKP"}

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

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as n,getContainsFilterError as a}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=p=>{let{node:u,allowedNodes:c,apiHandler:y,mode:m,selectorKey:v}=p;var f;const{selectType:h,createProperty:g,updateProperty:j}=d(v),{cacheWrap:w}=l();return r(s,Object.assign({node:u,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===m,selectedType:u.type,allowedList:c,onSelect:e=>h(e.value,u._id)}),r(i,{mode:m,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>w((()=>y({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o;return e(this,void 0,void 0,(function*(){const e=null===(o=u.properties)||void 0===o?void 0:o[0],t=!!e&&e.name===r.id&&e.dataType===r.type;if(e?t||j(Object.assign(Object.assign({},e),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id):g({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield(e=>w((()=>y({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e){var r;const o=u.properties[0],t="string"===o.dataType&&n.includes(null!==(r=o.operator)&&void 0!==r?r:"")?a(e):{};j(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){return e(this,void 0,void 0,(function*(){const t=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield y({query:{propertyName:r,searchKey:o}})})))(o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};export{p as default};
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as n,getContainsFilterError as a}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as l}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=({node:p,allowedNodes:u,apiHandler:c,mode:y,selectorKey:m})=>{var v;const{selectType:f,createProperty:h,updateProperty:g}=d(m),{cacheWrap:j}=s();return r(l,Object.assign({node:p,mode:y},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===y,selectedType:p.type,allowedList:u,onSelect:e=>f(e.value,p._id)}),r(i,{mode:y,property:null===(v=null==p?void 0:p.properties)||void 0===v?void 0:v[0],fetchPropertyData:()=>j((()=>c({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o;return e(this,void 0,void 0,(function*(){const e=null===(o=p.properties)||void 0===o?void 0:o[0],t=!!e&&e.name===r.id&&e.dataType===r.type;if(e?t||g(Object.assign(Object.assign({},e),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),p._id):h({name:r.id,dataType:r.type},p._id),r.needValuesRetrieval){const e=yield(e=>j((()=>c({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}return[]}))},onPropertyOperatorChange:function(e){g(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0,error:{}}),p._id)},onPropertyValueChange:function(e){var r;const o=p.properties[0],t="string"===o.dataType&&n.includes(null!==(r=o.operator)&&void 0!==r?r:"")?a(e):{};g(Object.assign(Object.assign({},o),{value:e,error:t}),p._id)},onPropertyValueSearch:function(r,o){return e(this,void 0,void 0,(function*(){const t=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield c({query:{propertyName:r,searchKey:o}})})))(o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};export{p as default};
 //# sourceMappingURL=UserPropertyFilter.js.map

package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserPropertyFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport { PropertyNodeHeadless } from '@src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '@src/components/QueryBuilder/helpers/SegmentValidator';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tQueryBuilderProperty,\n\tQueryBuilderType,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport { CONNECTOR_OPERATORS } from '@src/components/QueryBuilder/types/QueryBuilderOperator.type';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\n\nconst UserPropertyFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst { selectType, createProperty, updateProperty } =\n\t\tuseQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\n\t/** DATA LAYER /\n\tconst getUserProperties = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'USER_PROPERTIES');\n\n\tconst getUserPropertyValues = (propertyName: string) =>\n\t\tcacheWrap(\n\t\t\t() => apiHandler<{ propertyName: string }>({ query: { propertyName } }),\n\t\t\t`USER_PROPERTIES-${propertyName}`,\n\t\t);\n\n\tconst searchUserPropertiesValue = async (\n\t\tpropertyName: string \| number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait apiHandler<{\n\t\t\tpropertyName: string \| number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { propertyName, searchKey },\n\t\t});\n\n\t/\n\t User property name selection handler. it creates property if 0th property is not present else updates that\n\t * also, it call the property value API the values are required for the property\n\t * @param propertyName\n\t * @returns\n\t */\n\tasync function handlePropertyNameSelection(\n\t\tpropertyName: QueryBuilderAPIData,\n\t) {\n\t\tconst currentProperty = node.properties?.[0];\n\t\tconst isRetry =\n\t\t\t!!currentProperty &&\n\t\t\tcurrentProperty.name === propertyName.id &&\n\t\t\tcurrentProperty.dataType === propertyName.type;\n\n\t\tif (!currentProperty) {\n\t\t\tcreateProperty(\n\t\t\t\t{\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t} as QueryBuilderProperty,\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t} else if (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...currentProperty,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tif (propertyName.needValuesRetrieval) {\n\t\t\tconst response = await getUserPropertyValues(propertyName.id as string);\n\n\t\t\tif (!response) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn response;\n\t\t}\n\n\t\treturn [];\n\t}\n\n\tfunction handleOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...node.properties![0],\n\t\t\t\toperator,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tconst property = node.properties![0];\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue: value,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tasync function onPropertyValueSearch(\n\t\tsearchKey: string,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst response = await searchUserPropertiesValue(\n\t\t\tproperty.name as string,\n\t\t\tsearchKey,\n\t\t);\n\n\t\tif (response?.error \|\| !response?.data) {\n\t\t\tthrow new Error(\n\t\t\t\tresponse?.error \|\|\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn (response.data as QueryBuilderAPIData[]).map((option) => ({\n\t\t\tlabel: option.name,\n\t\t\tvalue: option.id,\n\t\t\tselected: false,\n\t\t}));\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode node={node} mode={mode}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: 12,\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<AllowedListDropdown\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\tonSelect={(option) =>\n\t\t\t\t\t\tselectType(\n\t\t\t\t\t\t\t(option as SingleOption).value as QueryBuilderType,\n\t\t\t\t\t\t\tnode._id,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\n\t\t\t\t<PropertyNodeHeadless\n\t\t\t\t\tmode={mode}\n\t\t\t\t\tproperty={node?.properties?.[0]}\n\t\t\t\t\tfetchPropertyData={getUserProperties}\n\t\t\t\t\tonPropertyNameSelect={handlePropertyNameSelection}\n\t\t\t\t\tonPropertyOperatorChange={handleOperatorChange}\n\t\t\t\t\tonPropertyValueChange={handleValueChange}\n\t\t\t\t\tonPropertyValueSearch={\n\t\t\t\t\t\tonPropertyValueSearch as (\n\t\t\t\t\t\t\tsearchKey: string,\n\t\t\t\t\t\t\tproperty: QueryBuilderProperty,\n\t\t\t\t\t\t) => Promise<DropdownOption[]>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default UserPropertyFilter;\n"],"names":["UserPropertyFilter","~~_ref","~~node","allowedNodes","apiHandler","mode","selectorKey","selectType","createProperty","updateProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","_jsx","BaseQueryBuilderNode","Object","assign","children","_jsxs","style","flexDirection","display","gap","alignItems","AllowedListDropdown","disabled","selectedType","type","allowedList","onSelect","option","value","_id","PropertyNodeHeadless","property","_a","properties","fetchPropertyData","getUserProperties","onPropertyNameSelect","propertyName","currentProperty","isRetry","name","id","dataType","operator","undefined","error","needValuesRetrieval","response","query","getUserPropertyValues","Error","onPropertyOperatorChange","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchUserPropertiesValue","__awaiter","data","map","label","selected"],"mappings":"gnBAoBMA,MAAAA,~~EAAsDC~~,~~IAMvD~~,~~IANwDC~~,~~KAC5DA~~,~~EAAIC~~,~~aACJA~~,~~EAAYC~~,~~WACZA~~,~~EAAUC,KACVA,EAAIC,YACJA,GACAL,QACA,MAAMM,~~WAAEA,EAAUC,eAAEA,EAAcC,eAAEA,GACnCC,EAAgBJ,IACXK,UAAEA,GAAcC,IA+HtB,OACCC,EAACC,EAAoBC,OAAAC,OAAA,CAACd,KAAMA,EAAMG,KAAMA,GACvC,CAAAY,SAAAC,EAAA,MAAAH,OAAAC,OAAA,CACCG,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,GACLC,WAAY,eACZ,CAAAN,SAAA,CAEDJ,EAACW,EAAmB,CACnBC,SAAmB,SAATpB,EACVqB,aAAcxB,EAAKyB,KACnBC,YAAazB,EACb0B,SAAWC,GACVvB,EACEuB,EAAwBC,MACzB7B,EAAK8B,OAKRnB,EAACoB,EAAoB,CACpB5B,KAAMA,EACN6B,SAA0B,QAAhBC,EAAAjC,aAAA,EAAAA,EAAMkC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GAC7BE,kBArJsBC,IACzB3B,GAAU,IAAMP,EAAsB,CAAE,IAAG,mBAqJxCmC,qBA5HJ,SACCC,kDAEA,MAAMC,EAAiC,QAAfN,EAAAjC,EAAKkC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GACpCO,IACHD,GACFA,EAAgBE,OAASH,EAAaI,IACtCH,EAAgBI,WAAaL,EAAab,KAwB3C,GAtBKc,EAQOC,GACXjC,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAyB,GACH,CAAAE,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,KACvBmB,cAAUC,EACVhB,WAAOgB,EACPC,MAAO,CAAA,IAER9C,EAAK8B,KAjBNxB,EACC,CACCmC,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,MAExBzB,EAAK8B,KAgBHQ,EAAaS,oBAAqB,CACrC,MAAMC,OAvDuBV,IAC9B7B,GACC,IAAMP,EAAqC,CAAE+C,MAAO,CAAEX,~~mBACnC~~,~~mBAAAA~~,KAoDIY,CAAsBZ,EAAaI,IAE1D,IAAKM,EACJ,MAAM,IAAIG,MACT,kEAIF,OAAOH,CACP,CAED,MAAO,KACP,EAiFGI,yBA/EJ,SAA8BR,GAC7BrC,EAAcM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAETd,EAAKkC,WAAY,IACpB,CAAAU,WACAf,WAAOgB,EACPC,MAAO,CAAA,IAER9C,EAAK8B,IAEP,EAsEIuB,sBApEJ,SAA2BxB,SAC1B,MAAMG,EAAWhC,EAAKkC,WAAY,GAI5BY,EAFiB,WAAtBd,EAASW,UACTW,EAAmBC,SAA0B,QAAjBtB,EAAAD,EAASY,gBAAQ,IAAAX,EAAAA,EAAI,IACjBuB,EAAuB3B,GAAS,CAAA,EAEjEtB,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAkB,GACH,CAAAH,MAAOA,EACPiB,UAED9C,EAAK8B,IAEP,EAsDI2B,sBApDJ,SACCC,EACA1B,4CAEA,MAAMgB,OAhG2BW,EACjCrB,EACAoB,IACGE,OAAA,OAAA,OAAA,GAAA,YACH,aAAM1D,EAGH,CACF+C,MAAO,CAAEX,eAAcoB,kBAwFDC,CACtB3B,EAASS,KACTiB,GAGD,IAAIV,aAAA,EAAAA,EAAUF,UAAUE,aAAQ,EAARA,EAAUa,MACjC,MAAM,IAAIV,OACTH,aAAQ,EAARA,EAAUF,QACT,kEAIH,OAAQE,EAASa,KAA+BC,KAAKlC,IAAY,CAChEmC,MAAOnC,EAAOa,KACdZ,MAAOD,EAAOc,GACdsB,UAAU,KAEZ,GAAC,UAuCuB"}
1	+ {"version":3,"file":"UserPropertyFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport { PropertyNodeHeadless } from '@src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '@src/components/QueryBuilder/helpers/SegmentValidator';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tQueryBuilderProperty,\n\tQueryBuilderType,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport { CONNECTOR_OPERATORS } from '@src/components/QueryBuilder/types/QueryBuilderOperator.type';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\n\nconst UserPropertyFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst { selectType, createProperty, updateProperty } =\n\t\tuseQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\n\t/** DATA LAYER /\n\tconst getUserProperties = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'USER_PROPERTIES');\n\n\tconst getUserPropertyValues = (propertyName: string) =>\n\t\tcacheWrap(\n\t\t\t() => apiHandler<{ propertyName: string }>({ query: { propertyName } }),\n\t\t\t`USER_PROPERTIES-${propertyName}`,\n\t\t);\n\n\tconst searchUserPropertiesValue = async (\n\t\tpropertyName: string \| number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait apiHandler<{\n\t\t\tpropertyName: string \| number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { propertyName, searchKey },\n\t\t});\n\n\t/\n\t User property name selection handler. it creates property if 0th property is not present else updates that\n\t * also, it call the property value API the values are required for the property\n\t * @param propertyName\n\t * @returns\n\t */\n\tasync function handlePropertyNameSelection(\n\t\tpropertyName: QueryBuilderAPIData,\n\t) {\n\t\tconst currentProperty = node.properties?.[0];\n\t\tconst isRetry =\n\t\t\t!!currentProperty &&\n\t\t\tcurrentProperty.name === propertyName.id &&\n\t\t\tcurrentProperty.dataType === propertyName.type;\n\n\t\tif (!currentProperty) {\n\t\t\tcreateProperty(\n\t\t\t\t{\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t} as QueryBuilderProperty,\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t} else if (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...currentProperty,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tif (propertyName.needValuesRetrieval) {\n\t\t\tconst response = await getUserPropertyValues(propertyName.id as string);\n\n\t\t\tif (!response) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn response;\n\t\t}\n\n\t\treturn [];\n\t}\n\n\tfunction handleOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...node.properties![0],\n\t\t\t\toperator,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tconst property = node.properties![0];\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue: value,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tasync function onPropertyValueSearch(\n\t\tsearchKey: string,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst response = await searchUserPropertiesValue(\n\t\t\tproperty.name as string,\n\t\t\tsearchKey,\n\t\t);\n\n\t\tif (response?.error \|\| !response?.data) {\n\t\t\tthrow new Error(\n\t\t\t\tresponse?.error \|\|\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn (response.data as QueryBuilderAPIData[]).map((option) => ({\n\t\t\tlabel: option.name,\n\t\t\tvalue: option.id,\n\t\t\tselected: false,\n\t\t}));\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode node={node} mode={mode}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: 12,\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<AllowedListDropdown\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\tonSelect={(option) =>\n\t\t\t\t\t\tselectType(\n\t\t\t\t\t\t\t(option as SingleOption).value as QueryBuilderType,\n\t\t\t\t\t\t\tnode._id,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\n\t\t\t\t<PropertyNodeHeadless\n\t\t\t\t\tmode={mode}\n\t\t\t\t\tproperty={node?.properties?.[0]}\n\t\t\t\t\tfetchPropertyData={getUserProperties}\n\t\t\t\t\tonPropertyNameSelect={handlePropertyNameSelection}\n\t\t\t\t\tonPropertyOperatorChange={handleOperatorChange}\n\t\t\t\t\tonPropertyValueChange={handleValueChange}\n\t\t\t\t\tonPropertyValueSearch={\n\t\t\t\t\t\tonPropertyValueSearch as (\n\t\t\t\t\t\t\tsearchKey: string,\n\t\t\t\t\t\t\tproperty: QueryBuilderProperty,\n\t\t\t\t\t\t) => Promise<DropdownOption[]>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default UserPropertyFilter;\n"],"names":["UserPropertyFilter","node","allowedNodes","apiHandler","mode","selectorKey","selectType","createProperty","updateProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","_jsx","BaseQueryBuilderNode","Object","assign","children","_jsxs","style","flexDirection","display","gap","alignItems","AllowedListDropdown","disabled","selectedType","type","allowedList","onSelect","option","value","_id","PropertyNodeHeadless","property","_a","properties","fetchPropertyData","getUserProperties","onPropertyNameSelect","propertyName","currentProperty","isRetry","name","id","dataType","operator","undefined","error","needValuesRetrieval","response","query","getUserPropertyValues","Error","onPropertyOperatorChange","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchUserPropertiesValue","__awaiter","data","map","label","selected"],"mappings":"gnBAoBMA,MAAAA,EAAsDA,EAC3DC,OACAC,eACAC,aACAC,OACAC,wBAEA,MAAMC,WAAEA,EAAUC,eAAEA,EAAcC,eAAEA,GACnCC,EAAgBJ,IACXK,UAAEA,GAAcC,IA+HtB,OACCC,EAACC,EAAoBC,OAAAC,OAAA,CAACd,KAAMA,EAAMG,KAAMA,GACvC,CAAAY,SAAAC,EAAA,MAAAH,OAAAC,OAAA,CACCG,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,GACLC,WAAY,eACZ,CAAAN,SAAA,CAEDJ,EAACW,EAAmB,CACnBC,SAAmB,SAATpB,EACVqB,aAAcxB,EAAKyB,KACnBC,YAAazB,EACb0B,SAAWC,GACVvB,EACEuB,EAAwBC,MACzB7B,EAAK8B,OAKRnB,EAACoB,EAAoB,CACpB5B,KAAMA,EACN6B,SAA0B,QAAhBC,EAAAjC,aAAA,EAAAA,EAAMkC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GAC7BE,kBArJsBC,IACzB3B,GAAU,IAAMP,EAAsB,CAAE,IAAG,mBAqJxCmC,qBA5HJ,SACCC,kDAEA,MAAMC,EAAiC,QAAfN,EAAAjC,EAAKkC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GACpCO,IACHD,GACFA,EAAgBE,OAASH,EAAaI,IACtCH,EAAgBI,WAAaL,EAAab,KAwB3C,GAtBKc,EAQOC,GACXjC,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAyB,GACH,CAAAE,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,KACvBmB,cAAUC,EACVhB,WAAOgB,EACPC,MAAO,CAAA,IAER9C,EAAK8B,KAjBNxB,EACC,CACCmC,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,MAExBzB,EAAK8B,KAgBHQ,EAAaS,oBAAqB,CACrC,MAAMC,OAvDuBV,IAC9B7B,GACC,IAAMP,EAAqC,CAAE+C,MAAO,CAAEX,mBACtD,mBAAmBA,KAoDIY,CAAsBZ,EAAaI,IAE1D,IAAKM,EACJ,MAAM,IAAIG,MACT,kEAIF,OAAOH,CACP,CAED,MAAO,KACP,EAiFGI,yBA/EJ,SAA8BR,GAC7BrC,EAAcM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAETd,EAAKkC,WAAY,IACpB,CAAAU,WACAf,WAAOgB,EACPC,MAAO,CAAA,IAER9C,EAAK8B,IAEP,EAsEIuB,sBApEJ,SAA2BxB,SAC1B,MAAMG,EAAWhC,EAAKkC,WAAY,GAI5BY,EAFiB,WAAtBd,EAASW,UACTW,EAAmBC,SAA0B,QAAjBtB,EAAAD,EAASY,gBAAQ,IAAAX,EAAAA,EAAI,IACjBuB,EAAuB3B,GAAS,CAAA,EAEjEtB,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAkB,GACH,CAAAH,MAAOA,EACPiB,UAED9C,EAAK8B,IAEP,EAsDI2B,sBApDJ,SACCC,EACA1B,4CAEA,MAAMgB,OAhG2BW,EACjCrB,EACAoB,IACGE,OAAA,OAAA,OAAA,GAAA,YACH,aAAM1D,EAGH,CACF+C,MAAO,CAAEX,eAAcoB,kBAwFDC,CACtB3B,EAASS,KACTiB,GAGD,IAAIV,aAAA,EAAAA,EAAUF,UAAUE,aAAQ,EAARA,EAAUa,MACjC,MAAM,IAAIV,OACTH,aAAQ,EAARA,EAAUF,QACT,kEAIH,OAAQE,EAASa,KAA+BC,KAAKlC,IAAY,CAChEmC,MAAOnC,EAAOa,KACdZ,MAAOD,EAAOc,GACdsB,UAAU,KAEZ,GAAC,UAuCuB"}

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

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

package/dist/esm/components/QueryBuilder/QueryBuilder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryBuilder.js","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import React, { Ref, useEffect } from 'react';\nimport { BodyPrimary } from '../TypographyStyle';\nimport QueryBuilderNodes from './components/QueryBuilderNodes';\nimport { useQueryBuilder } from './hooks/useQueryBuilder';\nimport { QueryBuilderType } from './types/QueryBuilder.type';\nimport {\n\tQueryBuilderProps,\n\tQueryBuilderRef,\n} from './types/QueryBuilderProps.type';\n\n/*\n @exported\n * @statfull\n * @param param0\n * @returns\n */\nexport const QueryBuilder = React.forwardRef<\n\tQueryBuilderRef,\n\tQueryBuilderProps\n>(\n\t(\n\t\t{\n\t\t\tqueryPreText,\n\t\t\tinfinite,\n\t\t\taddNodeBtnText,\n\t\t\ttypesAPIHandlers,\n\t\t\tonStateChange,\n\t\t\tmode,\n\t\t\tselectorKey,\n\t\t\tstate,\n\t\t\terrorState,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst { init, fillState } = useQueryBuilder(selectorKey);\n\t\tconst allowedNodes = (\n\t\t\ttypesAPIHandlers ? Object.keys(typesAPIHandlers) : []\n\t\t) as QueryBuilderType[];\n\n\t\tuseEffect(() => {\n\t\t\tif (state) {\n\t\t\t\tfillState(state);\n\t\t\t} else {\n\t\t\t\tinit(allowedNodes?.[0]);\n\t\t\t}\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tif (errorState) {\n\t\t\t\tfillState(errorState);\n\t\t\t}\n\t\t}, [errorState]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BodyPrimary style={{ marginBottom: 12 }}>{queryPreText}</BodyPrimary>\n\t\t\t\t<QueryBuilderNodes\n\t\t\t\t\tref={ref as Ref<QueryBuilderRef>}\n\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\tonStateChange={onStateChange}\n\t\t\t\t\ttypesAPIHandlers={typesAPIHandlers}\n\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\tinfinite={infinite ?? true}\n\t\t\t\t\taddNodeBtnText={addNodeBtnText}\n\t\t\t\t\tmode={mode}\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nQueryBuilder.displayName = 'QueryBuilder';\n"],"names":["QueryBuilder","React","forwardRef","~~_ref","ref","~~queryPreText","infinite","addNodeBtnText","typesAPIHandlers","onStateChange","mode","selectorKey","state","errorState","init","fillState","useQueryBuilder","allowedNodes","Object","keys","useEffect","_jsxs","_Fragment","children","_jsx","BodyPrimary","assign","style","marginBottom","QueryBuilderNodes","displayName"],"mappings":"~~uQAgBO~~,~~MAAMA,~~EAAeC,EAAMC,YAIjC,~~CAAAC~~,~~EAYCC~~,~~KACG~~,~~IAZHC~~,~~aACCA~~,~~EAAYC~~,~~SACZA~~,~~EAAQC~~,~~eACRA~~,~~EAAcC~~,~~iBACdA~~,~~EAAgBC~~,~~cAChBA,EAAaC,KACbA,EAAIC,YACJA,EAAWC,MACXA,EAAKC,WACLA,GACAV,EAGD,MAAMW,~~KAAEA,EAAIC,UAAEA,GAAcC,~~EAAgBL~~,~~GACtCM~~,~~EACLT~~,~~EAAmBU~~,OAAOC,~~KAAKX~~,GAAoB,GAiBpD,~~OAdAY~~,GAAU,~~KACLR~~,~~EACHG~~,~~EAAUH~~,~~GAEVE~~,EAAKG,aAAY,EAAZA,EAAe,GACpB,GACC,IAEHG,GAAU,~~KACLP~~,~~GACHE~~,~~EAAUF~~,EACV,GACC,CAACA,~~IAGHQ~~,EACCC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAWP,OAAAQ,OAAA,CAACC,MAAO,CAAEC,aAAc,KAAI,CAAAL,~~SAAGlB~~,~~KAC3CmB~~,EAACK,EAAiB,~~CACjBzB~~,IAAKA,~~EACLO~~,YAAaA,EACbF,cAAeA,EACfD,iBAAkBA,~~EAClBS~~,aAAcA,~~EACdX~~,SAAUA,SAAAA,EACVC,eAAgBA,EAChBG,KAAMA,MAEL,~~IAKNV~~,~~EAAa8B~~,YAAc"}
1	+ {"version":3,"file":"QueryBuilder.js","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import React, { Ref, useEffect } from 'react';\nimport { BodyPrimary } from '../TypographyStyle';\nimport QueryBuilderNodes from './components/QueryBuilderNodes';\nimport { useQueryBuilder } from './hooks/useQueryBuilder';\nimport { QueryBuilderType } from './types/QueryBuilder.type';\nimport {\n\tQueryBuilderProps,\n\tQueryBuilderRef,\n} from './types/QueryBuilderProps.type';\n\n/*\n @exported\n * @statfull\n * @param param0\n * @returns\n */\nexport const QueryBuilder = React.forwardRef<\n\tQueryBuilderRef,\n\tQueryBuilderProps\n>(\n\t(\n\t\t{\n\t\t\tqueryPreText,\n\t\t\tinfinite,\n\t\t\taddNodeBtnText,\n\t\t\ttypesAPIHandlers,\n\t\t\tonStateChange,\n\t\t\tmode,\n\t\t\tselectorKey,\n\t\t\tstate,\n\t\t\terrorState,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst { init, fillState } = useQueryBuilder(selectorKey);\n\t\tconst allowedNodes = (\n\t\t\ttypesAPIHandlers ? Object.keys(typesAPIHandlers) : []\n\t\t) as QueryBuilderType[];\n\n\t\tuseEffect(() => {\n\t\t\tif (state) {\n\t\t\t\tfillState(state);\n\t\t\t} else {\n\t\t\t\tinit(allowedNodes?.[0]);\n\t\t\t}\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tif (errorState) {\n\t\t\t\tfillState(errorState);\n\t\t\t}\n\t\t}, [errorState]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BodyPrimary style={{ marginBottom: 12 }}>{queryPreText}</BodyPrimary>\n\t\t\t\t<QueryBuilderNodes\n\t\t\t\t\tref={ref as Ref<QueryBuilderRef>}\n\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\tonStateChange={onStateChange}\n\t\t\t\t\ttypesAPIHandlers={typesAPIHandlers}\n\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\tinfinite={infinite ?? true}\n\t\t\t\t\taddNodeBtnText={addNodeBtnText}\n\t\t\t\t\tmode={mode}\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nQueryBuilder.displayName = 'QueryBuilder';\n"],"names":["QueryBuilder","React","forwardRef","queryPreText","infinite","addNodeBtnText","typesAPIHandlers","onStateChange","mode","selectorKey","state","errorState","ref","init","fillState","useQueryBuilder","allowedNodes","Object","keys","useEffect","_jsxs","_Fragment","children","_jsx","BodyPrimary","assign","style","marginBottom","QueryBuilderNodes","displayName"],"mappings":"6QAgBaA,EAAeC,EAAMC,YAIjC,EAEEC,eACAC,WACAC,iBACAC,mBACAC,gBACAC,OACAC,cACAC,QACAC,cAEDC,KAEA,MAAMC,KAAEA,EAAIC,UAAEA,GAAcC,EAAgBN,GACtCO,EACLV,EAAmBW,OAAOC,KAAKZ,GAAoB,GAiBpD,OAdAa,GAAU,KACLT,EACHI,EAAUJ,GAEVG,EAAKG,aAAY,EAAZA,EAAe,GACpB,GACC,IAEHG,GAAU,KACLR,GACHG,EAAUH,EACV,GACC,CAACA,IAGHS,EACCC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAWP,OAAAQ,OAAA,CAACC,MAAO,CAAEC,aAAc,KAAI,CAAAL,SAAGnB,KAC3CoB,EAACK,EAAiB,CACjBhB,IAAKA,EACLH,YAAaA,EACbF,cAAeA,EACfD,iBAAkBA,EAClBU,aAAcA,EACdZ,SAAUA,SAAAA,EACVC,eAAgBA,EAChBG,KAAMA,MAEL,IAKNR,EAAa6B,YAAc"}

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

@@ -1,2 +1,2 @@
-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{CONTAINS_OPERATORS as a,getContainsFilterError as n}from"../../helpers/SegmentValidator.js";import{useQueryBuilder as s}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../hooks/useQueryBuilderCache.js";import d from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as c}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=new i,u="triggerName",v=i=>{let{node:v,apiHandler:y,cacheKey:g,propertyAddBtnText:m,mode:f,selectorKey:h,onPropertyValueSearch:j}=i;var O;const[b,P]=t([]),{updateMeta:w,createMeta:S,createProperty:_,deleteProperty:x,updateProperty:A,selectPropertyJoinOperator:B,clearProperty:T}=s(h),{cacheWrap:N}=l(),[k,$]=t(!0),[D,Q]=t(),V=v.metas.find((e=>e.key===u)),C=()=>e(void 0,void 0,void 0,(function*(){var e;$(!0),Q(void 0);const r=yield N((()=>y({})),g);if(r)if(Array.isArray(r)){const t=null!==(e=null==r?void 0:r.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==f&&(!!(null==V?void 0:V.value)&&V.value===e.id)}))))&&void 0!==e?e:[];P([...t])}else{const e=p.convertToGroupOptions(r,(null==V?void 0:V.value)?[V.value]:void 0);P([...e])}else P([]),Q("Something went wrong while fetching the list. Please try again");$(!1)}));return o((()=>{C()}),[]),r(c,Object.assign({node:v,addPropertyBtnText:(null==V?void 0:V.value)&&m,deleteProperty:x,createProperty:_,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==V?void 0:V.value){return yield(e=null==V?void 0:V.value,N((()=>y({query:{triggerName:e}})),`${g}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){t.name===r.id&&t.dataType===r.type||A(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),v._id);const e=yield((e,r)=>N((()=>y({query:{triggerName:e,propertyName:r}})),`${g}_${e}_${r}`))(null==V?void 0:V.value,r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return{normalized:e,originalData:e}}))},onPropertyOperatorChange:function(e,r){A(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),v._id)},onPropertyValueChange:function(e,r){var t;const o="string"===r.dataType&&a.includes(null!==(t=r.operator)&&void 0!==t?t:"")?n(e):{};A(Object.assign(Object.assign({},r),{value:e,error:o}),v._id)},selectPropertyJoinOperator:B,onPropertyValueSearch:j,mode:f},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(d,{isSearchable:!0,isLoading:k,optionsErrorState:D?{title:"Failed to load options",subTitle:D}:void 0,onRetryOptionsFetch:C,error:null===(O=null==V?void 0:V.error)||void 0===O?void 0:O.key,width:"200px",options:b,onSelect:function(e){Array.isArray(e)||(T(v._id),Array.isArray(b)&&P([...b.map((r=>{if(r.options){const t=r.options.map((r=>r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})));return Object.assign(Object.assign({},r),{options:t})}return r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})}))]),(null==V?void 0:V.key)===u?w(Object.assign(Object.assign({},V),{value:e.value,error:{}}),v._id):S({key:u,value:e.value},v._id))}})}))}))};export{v as default};
+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{CONTAINS_OPERATORS as a,getContainsFilterError as n}from"../../helpers/SegmentValidator.js";import{useQueryBuilder as s}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../hooks/useQueryBuilderCache.js";import d from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as c}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=new i,u="triggerName",v=({node:i,apiHandler:v,cacheKey:y,propertyAddBtnText:g,mode:m,selectorKey:f,onPropertyValueSearch:h})=>{var j;const[O,b]=t([]),{updateMeta:P,createMeta:w,createProperty:S,deleteProperty:_,updateProperty:x,selectPropertyJoinOperator:A,clearProperty:B}=s(f),{cacheWrap:T}=l(),[N,k]=t(!0),[$,D]=t(),Q=i.metas.find((e=>e.key===u)),V=()=>e(void 0,void 0,void 0,(function*(){var e;k(!0),D(void 0);const r=yield T((()=>v({})),y);if(r)if(Array.isArray(r)){const t=null!==(e=null==r?void 0:r.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==m&&(!!(null==Q?void 0:Q.value)&&Q.value===e.id)}))))&&void 0!==e?e:[];b([...t])}else{const e=p.convertToGroupOptions(r,(null==Q?void 0:Q.value)?[Q.value]:void 0);b([...e])}else b([]),D("Something went wrong while fetching the list. Please try again");k(!1)}));return o((()=>{V()}),[]),r(c,Object.assign({node:i,addPropertyBtnText:(null==Q?void 0:Q.value)&&g,deleteProperty:_,createProperty:S,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==Q?void 0:Q.value){return yield(e=null==Q?void 0:Q.value,T((()=>v({query:{triggerName:e}})),`${y}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){t.name===r.id&&t.dataType===r.type||x(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),i._id);const e=yield((e,r)=>T((()=>v({query:{triggerName:e,propertyName:r}})),`${y}_${e}_${r}`))(null==Q?void 0:Q.value,r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return{normalized:e,originalData:e}}))},onPropertyOperatorChange:function(e,r){x(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),i._id)},onPropertyValueChange:function(e,r){var t;const o="string"===r.dataType&&a.includes(null!==(t=r.operator)&&void 0!==t?t:"")?n(e):{};x(Object.assign(Object.assign({},r),{value:e,error:o}),i._id)},selectPropertyJoinOperator:A,onPropertyValueSearch:h,mode:m},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(d,{isSearchable:!0,isLoading:N,optionsErrorState:$?{title:"Failed to load options",subTitle:$}:void 0,onRetryOptionsFetch:V,error:null===(j=null==Q?void 0:Q.error)||void 0===j?void 0:j.key,width:"200px",options:O,onSelect:function(e){Array.isArray(e)||(B(i._id),Array.isArray(O)&&b([...O.map((r=>{if(r.options){const t=r.options.map((r=>r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})));return Object.assign(Object.assign({},r),{options:t})}return r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})}))]),(null==Q?void 0:Q.key)===u?P(Object.assign(Object.assign({},Q),{value:e.value,error:{}}),i._id):w({key:u,value:e.value},i._id))}})}))}))};export{v as default};
 //# sourceMappingURL=BaseTriggerQueryBuilderNode.js.map

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTriggerQueryBuilderNode.js","sources":["../../../../../../src/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '@src/components/dropdown/type';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '@src/components/QueryBuilder/helpers/SegmentValidator';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tQueryBuilderMeta,\n\tQueryBuilderProperty,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport DropdownWrapper from '../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\nimport { CONNECTOR_OPERATORS } from '../../types/QueryBuilderOperator.type';\n\nconst apiResponseHelper = new ApiResponseHelper();\nconst META_KEY = 'triggerName';\n\nconst BaseTriggerQueryBuilderNode: React.FC<\n\tQueryBuilderNodeProps & {\n\t\tcacheKey: string;\n\t\tpropertyAddBtnText: string;\n\t\tonPropertyValueSearch?: (\n\t\t\tsearchKey: string,\n\t\t\tproperty: QueryBuilderProperty,\n\t\t) => Promise<DropdownOption[]>;\n\t}\n> = ({\n\tnode,\n\tapiHandler,\n\tcacheKey,\n\tpropertyAddBtnText,\n\tmode,\n\tselectorKey,\n\tonPropertyValueSearch,\n}) => {\n\tconst [triggerNameOptions, setTriggerNameOptions] = useState<\n\t\tDropdownOption[]\n\t>([]);\n\tconst {\n\t\tupdateMeta,\n\t\tcreateMeta,\n\t\tcreateProperty,\n\t\tdeleteProperty,\n\t\tupdateProperty,\n\t\tselectPropertyJoinOperator,\n\t\tclearProperty,\n\t} = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\tconst [triggerNameLoading, setTriggerNameLoading] = useState(true);\n\tconst [triggerNameFetchError, setTriggerNameFetchError] = useState<string>();\n\tconst triggeNameMeta = node.metas.find((meta) => meta.key === META_KEY);\n\n\tconst getTriggerNames = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), cacheKey);\n\n\tconst getTriggerPropertyNames = (key: string \| number) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ triggerName: string \| number }>({\n\t\t\t\t\tquery: { triggerName: key },\n\t\t\t\t}),\n\t\t\t`${cacheKey}_${key}`,\n\t\t);\n\n\tconst getTriggerPropertyValues = (\n\t\ttriggerName: string,\n\t\tpropertyName: string,\n\t) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ triggerName: string; propertyName: string }>({\n\t\t\t\t\tquery: {\n\t\t\t\t\t\ttriggerName,\n\t\t\t\t\t\tpropertyName,\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t`${cacheKey}_${triggerName}_${propertyName}`,\n\t\t);\n\n\tconst loadTriggerNames = async () => {\n\t\tsetTriggerNameLoading(true);\n\t\tsetTriggerNameFetchError(undefined);\n\t\tconst triggerNameResponse = await getTriggerNames();\n\n\t\tif (triggerNameResponse) {\n\t\t\tif (Array.isArray(triggerNameResponse)) {\n\t\t\t\tconst options: DropdownOption[] =\n\t\t\t\t\ttriggerNameResponse?.map((response) => ({\n\t\t\t\t\t\tlabel: response.name as string,\n\t\t\t\t\t\tvalue: response.id as string,\n\t\t\t\t\t\tdescription: response.description,\n\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\tmode !== 'create'\n\t\t\t\t\t\t\t\t? triggeNameMeta?.value\n\t\t\t\t\t\t\t\t\t? triggeNameMeta.value === response.id\n\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t: false,\n\t\t\t\t\t})) ?? [];\n\n\t\t\t\tsetTriggerNameOptions([...options]);\n\t\t\t} else {\n\t\t\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\t\t\ttriggerNameResponse,\n\t\t\t\t\ttriggeNameMeta?.value ? [triggeNameMeta.value as string] : undefined,\n\t\t\t\t);\n\t\t\t\tsetTriggerNameOptions([...eventNameOptions]);\n\t\t\t}\n\t\t} else {\n\t\t\tsetTriggerNameOptions([]);\n\t\t\tsetTriggerNameFetchError(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\tsetTriggerNameLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tloadTriggerNames();\n\t}, []);\n\n\tfunction handleTriggerNameSelection(\n\t\toption: DropdownOption \| DropdownOption[],\n\t) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tclearProperty(node._id);\n\t\t\t/** always true /\n\n\t\t\tif (Array.isArray(triggerNameOptions)) {\n\t\t\t\tsetTriggerNameOptions([\n\t\t\t\t\t...triggerNameOptions.map((op) => {\n\t\t\t\t\t\tif ((op as GroupedOption).options) {\n\t\t\t\t\t\t\t/* grouped */\n\t\t\t\t\t\t\tconst groupedOptions = (op as GroupedOption).options.map((gp) => {\n\t\t\t\t\t\t\t\tif (gp.value === (option as SingleOption).value) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t...gp,\n\t\t\t\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...gp,\n\t\t\t\t\t\t\t\t\tselected: false,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\toptions: groupedOptions,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t(op as SingleOption).value === (option as SingleOption).value\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn { ...op, selected: false };\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t}\n\n\t\t\tif (triggeNameMeta?.key === META_KEY) {\n\t\t\t\tupdateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\t...triggeNameMeta,\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t\terror: {},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: META_KEY,\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t} as QueryBuilderMeta,\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tasync function fetchPropertyData() {\n\t\tif (triggeNameMeta?.value) {\n\t\t\tconst response = await getTriggerPropertyNames(\n\t\t\t\ttriggeNameMeta?.value as string,\n\t\t\t);\n\t\t\treturn response;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tasync function onPropertyNameSelect(\n\t\tpropertyName: QueryBuilderAPIData,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isRetry =\n\t\t\tproperty.name === propertyName.id &&\n\t\t\tproperty.dataType === propertyName.type;\n\n\t\tif (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...property,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\t// if (!propertyName.needValuesRetrieval) return [];\n\n\t\tconst response = await getTriggerPropertyValues(\n\t\t\ttriggeNameMeta?.value as string,\n\t\t\tpropertyName.id as string,\n\t\t);\n\n\t\tif (!response) {\n\t\t\tthrow new Error(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn {\n\t\t\tnormalized: response as QueryBuilderAPIData[],\n\t\t\toriginalData: response,\n\t\t};\n\t}\n\n\tfunction onPropertyOperatorChange(\n\t\toption: CONNECTOR_OPERATORS,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\toperator: option,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction onPropertyValueChange(\n\t\tvalue: CONNECTOR_VALUE_TYPE \| QueryBuilderAPIData[],\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode\n\t\t\tnode={node}\n\t\t\taddPropertyBtnText={triggeNameMeta?.value && propertyAddBtnText}\n\t\t\tdeleteProperty={deleteProperty}\n\t\t\tcreateProperty={createProperty}\n\t\t\tpropertySelectorText=\"Select condition\"\n\t\t\tfetchPropertyData={fetchPropertyData}\n\t\t\tonPropertyNameSelect={onPropertyNameSelect}\n\t\t\tonPropertyOperatorChange={onPropertyOperatorChange}\n\t\t\tonPropertyValueChange={onPropertyValueChange}\n\t\t\tselectPropertyJoinOperator={selectPropertyJoinOperator}\n\t\t\tonPropertyValueSearch={onPropertyValueSearch}\n\t\t\tmode={mode}\n\t\t>\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 8 }}>\n\t\t\t\t<DropdownWrapper\n\t\t\t\t\tisSearchable\n\t\t\t\t\tisLoading={triggerNameLoading}\n\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\ttriggerNameFetchError\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\tsubTitle: triggerNameFetchError,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRetryOptionsFetch={loadTriggerNames}\n\t\t\t\t\terror={triggeNameMeta?.error?.key}\n\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\toptions={triggerNameOptions}\n\t\t\t\t\tonSelect={handleTriggerNameSelection}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default BaseTriggerQueryBuilderNode;\n"],"names":["apiResponseHelper","ApiResponseHelper","META_KEY","BaseTriggerQueryBuilderNode","_ref","node","apiHandler","cacheKey","propertyAddBtnText","mode","selectorKey","onPropertyValueSearch","triggerNameOptions","setTriggerNameOptions","useState","updateMeta","createMeta","createProperty","deleteProperty","updateProperty","selectPropertyJoinOperator","clearProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","triggerNameLoading","setTriggerNameLoading","triggerNameFetchError","setTriggerNameFetchError","triggeNameMeta","metas","find","meta","key","loadTriggerNames","__awaiter","undefined","triggerNameResponse","Array","isArray","options","_b","map","response","label","name","value","id","description","selected","eventNameOptions","convertToGroupOptions","useEffect","_jsx","BaseQueryBuilderNode","addPropertyBtnText","propertySelectorText","fetchPropertyData","query","triggerName","onPropertyNameSelect","propertyName","property","dataType","type","Object","assign","operator","error","_id","getTriggerPropertyValues","Error","normalized","originalData","onPropertyOperatorChange","option","onPropertyValueChange","CONTAINS_OPERATORS","includes","_a","getContainsFilterError","children","style","flexDirection","display","gap","DropdownWrapper","isSearchable","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","width","onSelect","op","groupedOptions","gp"],"mappings":"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"}
1	+ {"version":3,"file":"BaseTriggerQueryBuilderNode.js","sources":["../../../../../../src/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '@src/components/dropdown/type';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '@src/components/QueryBuilder/helpers/SegmentValidator';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tQueryBuilderMeta,\n\tQueryBuilderProperty,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport DropdownWrapper from '../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\nimport { CONNECTOR_OPERATORS } from '../../types/QueryBuilderOperator.type';\n\nconst apiResponseHelper = new ApiResponseHelper();\nconst META_KEY = 'triggerName';\n\nconst BaseTriggerQueryBuilderNode: React.FC<\n\tQueryBuilderNodeProps & {\n\t\tcacheKey: string;\n\t\tpropertyAddBtnText: string;\n\t\tonPropertyValueSearch?: (\n\t\t\tsearchKey: string,\n\t\t\tproperty: QueryBuilderProperty,\n\t\t) => Promise<DropdownOption[]>;\n\t}\n> = ({\n\tnode,\n\tapiHandler,\n\tcacheKey,\n\tpropertyAddBtnText,\n\tmode,\n\tselectorKey,\n\tonPropertyValueSearch,\n}) => {\n\tconst [triggerNameOptions, setTriggerNameOptions] = useState<\n\t\tDropdownOption[]\n\t>([]);\n\tconst {\n\t\tupdateMeta,\n\t\tcreateMeta,\n\t\tcreateProperty,\n\t\tdeleteProperty,\n\t\tupdateProperty,\n\t\tselectPropertyJoinOperator,\n\t\tclearProperty,\n\t} = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\tconst [triggerNameLoading, setTriggerNameLoading] = useState(true);\n\tconst [triggerNameFetchError, setTriggerNameFetchError] = useState<string>();\n\tconst triggeNameMeta = node.metas.find((meta) => meta.key === META_KEY);\n\n\tconst getTriggerNames = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), cacheKey);\n\n\tconst getTriggerPropertyNames = (key: string \| number) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ triggerName: string \| number }>({\n\t\t\t\t\tquery: { triggerName: key },\n\t\t\t\t}),\n\t\t\t`${cacheKey}_${key}`,\n\t\t);\n\n\tconst getTriggerPropertyValues = (\n\t\ttriggerName: string,\n\t\tpropertyName: string,\n\t) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ triggerName: string; propertyName: string }>({\n\t\t\t\t\tquery: {\n\t\t\t\t\t\ttriggerName,\n\t\t\t\t\t\tpropertyName,\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t`${cacheKey}_${triggerName}_${propertyName}`,\n\t\t);\n\n\tconst loadTriggerNames = async () => {\n\t\tsetTriggerNameLoading(true);\n\t\tsetTriggerNameFetchError(undefined);\n\t\tconst triggerNameResponse = await getTriggerNames();\n\n\t\tif (triggerNameResponse) {\n\t\t\tif (Array.isArray(triggerNameResponse)) {\n\t\t\t\tconst options: DropdownOption[] =\n\t\t\t\t\ttriggerNameResponse?.map((response) => ({\n\t\t\t\t\t\tlabel: response.name as string,\n\t\t\t\t\t\tvalue: response.id as string,\n\t\t\t\t\t\tdescription: response.description,\n\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\tmode !== 'create'\n\t\t\t\t\t\t\t\t? triggeNameMeta?.value\n\t\t\t\t\t\t\t\t\t? triggeNameMeta.value === response.id\n\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t: false,\n\t\t\t\t\t})) ?? [];\n\n\t\t\t\tsetTriggerNameOptions([...options]);\n\t\t\t} else {\n\t\t\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\t\t\ttriggerNameResponse,\n\t\t\t\t\ttriggeNameMeta?.value ? [triggeNameMeta.value as string] : undefined,\n\t\t\t\t);\n\t\t\t\tsetTriggerNameOptions([...eventNameOptions]);\n\t\t\t}\n\t\t} else {\n\t\t\tsetTriggerNameOptions([]);\n\t\t\tsetTriggerNameFetchError(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\tsetTriggerNameLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tloadTriggerNames();\n\t}, []);\n\n\tfunction handleTriggerNameSelection(\n\t\toption: DropdownOption \| DropdownOption[],\n\t) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tclearProperty(node._id);\n\t\t\t/** always true /\n\n\t\t\tif (Array.isArray(triggerNameOptions)) {\n\t\t\t\tsetTriggerNameOptions([\n\t\t\t\t\t...triggerNameOptions.map((op) => {\n\t\t\t\t\t\tif ((op as GroupedOption).options) {\n\t\t\t\t\t\t\t/* grouped */\n\t\t\t\t\t\t\tconst groupedOptions = (op as GroupedOption).options.map((gp) => {\n\t\t\t\t\t\t\t\tif (gp.value === (option as SingleOption).value) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t...gp,\n\t\t\t\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...gp,\n\t\t\t\t\t\t\t\t\tselected: false,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\toptions: groupedOptions,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t(op as SingleOption).value === (option as SingleOption).value\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn { ...op, selected: false };\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t}\n\n\t\t\tif (triggeNameMeta?.key === META_KEY) {\n\t\t\t\tupdateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\t...triggeNameMeta,\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t\terror: {},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: META_KEY,\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t} as QueryBuilderMeta,\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tasync function fetchPropertyData() {\n\t\tif (triggeNameMeta?.value) {\n\t\t\tconst response = await getTriggerPropertyNames(\n\t\t\t\ttriggeNameMeta?.value as string,\n\t\t\t);\n\t\t\treturn response;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tasync function onPropertyNameSelect(\n\t\tpropertyName: QueryBuilderAPIData,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isRetry =\n\t\t\tproperty.name === propertyName.id &&\n\t\t\tproperty.dataType === propertyName.type;\n\n\t\tif (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...property,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\t// if (!propertyName.needValuesRetrieval) return [];\n\n\t\tconst response = await getTriggerPropertyValues(\n\t\t\ttriggeNameMeta?.value as string,\n\t\t\tpropertyName.id as string,\n\t\t);\n\n\t\tif (!response) {\n\t\t\tthrow new Error(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn {\n\t\t\tnormalized: response as QueryBuilderAPIData[],\n\t\t\toriginalData: response,\n\t\t};\n\t}\n\n\tfunction onPropertyOperatorChange(\n\t\toption: CONNECTOR_OPERATORS,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\toperator: option,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction onPropertyValueChange(\n\t\tvalue: CONNECTOR_VALUE_TYPE \| QueryBuilderAPIData[],\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode\n\t\t\tnode={node}\n\t\t\taddPropertyBtnText={triggeNameMeta?.value && propertyAddBtnText}\n\t\t\tdeleteProperty={deleteProperty}\n\t\t\tcreateProperty={createProperty}\n\t\t\tpropertySelectorText=\"Select condition\"\n\t\t\tfetchPropertyData={fetchPropertyData}\n\t\t\tonPropertyNameSelect={onPropertyNameSelect}\n\t\t\tonPropertyOperatorChange={onPropertyOperatorChange}\n\t\t\tonPropertyValueChange={onPropertyValueChange}\n\t\t\tselectPropertyJoinOperator={selectPropertyJoinOperator}\n\t\t\tonPropertyValueSearch={onPropertyValueSearch}\n\t\t\tmode={mode}\n\t\t>\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 8 }}>\n\t\t\t\t<DropdownWrapper\n\t\t\t\t\tisSearchable\n\t\t\t\t\tisLoading={triggerNameLoading}\n\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\ttriggerNameFetchError\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\tsubTitle: triggerNameFetchError,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRetryOptionsFetch={loadTriggerNames}\n\t\t\t\t\terror={triggeNameMeta?.error?.key}\n\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\toptions={triggerNameOptions}\n\t\t\t\t\tonSelect={handleTriggerNameSelection}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default BaseTriggerQueryBuilderNode;\n"],"names":["apiResponseHelper","ApiResponseHelper","META_KEY","BaseTriggerQueryBuilderNode","node","apiHandler","cacheKey","propertyAddBtnText","mode","selectorKey","onPropertyValueSearch","triggerNameOptions","setTriggerNameOptions","useState","updateMeta","createMeta","createProperty","deleteProperty","updateProperty","selectPropertyJoinOperator","clearProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","triggerNameLoading","setTriggerNameLoading","triggerNameFetchError","setTriggerNameFetchError","triggeNameMeta","metas","find","meta","key","loadTriggerNames","__awaiter","undefined","triggerNameResponse","Array","isArray","options","_b","map","response","label","name","value","id","description","selected","eventNameOptions","convertToGroupOptions","useEffect","_jsx","BaseQueryBuilderNode","addPropertyBtnText","propertySelectorText","fetchPropertyData","query","triggerName","onPropertyNameSelect","propertyName","property","dataType","type","Object","assign","operator","error","_id","getTriggerPropertyValues","Error","normalized","originalData","onPropertyOperatorChange","option","onPropertyValueChange","CONTAINS_OPERATORS","includes","_a","getContainsFilterError","children","style","flexDirection","display","gap","DropdownWrapper","isSearchable","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","width","onSelect","op","groupedOptions","gp"],"mappings":"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"}

package/dist/esm/components/QueryBuilder/components/AddNodeButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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,selectorKey:i}=r;const{addNode:m}=s(i);return t(o,{buttonText:u,size:"medium",buttonType:"dashRegular",LeadingIcon:e,onClick:()=>{m(n[0])}})};export{r as default};
+import{jsx as o}from"react/jsx-runtime";import{Button as t}from"../../button/Button.js";import e from"../../../assets/icons/plus.svg.js";import{useQueryBuilder as s}from"../hooks/useQueryBuilder.js";const r=({buttonText:r,allowedNodes:u,selectorKey:n})=>{const{addNode:i}=s(n);return o(t,{buttonText:r,size:"medium",buttonType:"dashRegular",LeadingIcon:e,onClick:()=>{i(u[0])}})};export{r as default};
 //# sourceMappingURL=AddNodeButton.js.map

package/dist/esm/components/QueryBuilder/components/AddNodeButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddNodeButton.js","sources":["../../../../../src/components/QueryBuilder/components/AddNodeButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport PlusIcon from '../../../assets/icons/plus.svg';\nimport { useQueryBuilder } from '../hooks/useQueryBuilder';\nimport { QueryBuilderType } from '../types/QueryBuilder.type';\n\nconst AddNodeButton: React.FC<{\n\tbuttonText: string;\n\tallowedNodes: QueryBuilderType[];\n\tselectorKey: string;\n}> = ({ buttonText, allowedNodes, selectorKey }) => {\n\tconst { addNode } = useQueryBuilder(selectorKey);\n\n\treturn (\n\t\t<Button\n\t\t\tbuttonText={buttonText}\n\t\t\tsize=\"medium\"\n\t\t\tbuttonType=\"dashRegular\"\n\t\t\tLeadingIcon={PlusIcon}\n\t\t\tonClick={() => {\n\t\t\t\taddNode(allowedNodes[0]);\n\t\t\t}}\n\t\t/>\n\t);\n};\n\nexport default AddNodeButton;\n"],"names":["AddNodeButton","~~_ref","~~buttonText","allowedNodes","selectorKey","addNode","useQueryBuilder","_jsx","Button","size","buttonType","LeadingIcon","PlusIcon","onClick"],"mappings":"uMAMMA,MAAAA,~~EAIDC~~,~~IAA8C~~,~~IAA7CC~~,~~WAAEA~~,~~EAAUC~~,~~aAAEA~~,~~EAAYC,YAAEA,GAAaH,EAC9C,MAAMI,~~QAAEA,GAAYC,EAAgBF,GAEpC,OACCG,EAACC,EAAM,CACNN,WAAYA,EACZO,KAAK,SACLC,WAAW,cACXC,YAAaC,EACbC,QAASA,KACRR,EAAQF,EAAa,GAAG,GAExB"}
1	+ {"version":3,"file":"AddNodeButton.js","sources":["../../../../../src/components/QueryBuilder/components/AddNodeButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport PlusIcon from '../../../assets/icons/plus.svg';\nimport { useQueryBuilder } from '../hooks/useQueryBuilder';\nimport { QueryBuilderType } from '../types/QueryBuilder.type';\n\nconst AddNodeButton: React.FC<{\n\tbuttonText: string;\n\tallowedNodes: QueryBuilderType[];\n\tselectorKey: string;\n}> = ({ buttonText, allowedNodes, selectorKey }) => {\n\tconst { addNode } = useQueryBuilder(selectorKey);\n\n\treturn (\n\t\t<Button\n\t\t\tbuttonText={buttonText}\n\t\t\tsize=\"medium\"\n\t\t\tbuttonType=\"dashRegular\"\n\t\t\tLeadingIcon={PlusIcon}\n\t\t\tonClick={() => {\n\t\t\t\taddNode(allowedNodes[0]);\n\t\t\t}}\n\t\t/>\n\t);\n};\n\nexport default AddNodeButton;\n"],"names":["AddNodeButton","buttonText","allowedNodes","selectorKey","addNode","useQueryBuilder","_jsx","Button","size","buttonType","LeadingIcon","PlusIcon","onClick"],"mappings":"uMAMMA,MAAAA,EAIDA,EAAGC,aAAYC,eAAcC,kBACjC,MAAMC,QAAEA,GAAYC,EAAgBF,GAEpC,OACCG,EAACC,EAAM,CACNN,WAAYA,EACZO,KAAK,SACLC,WAAW,cACXC,YAAaC,EACbC,QAASA,KACRR,EAAQF,EAAa,GAAG,GAExB"}

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{QueryBuilderType as l}from"../types/QueryBuilder.type.js";import r from"./DropdownWrapper.js";const a={[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},[l.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:l.ORDER_PROPERTY_FILTER},[l.HAS_CUSTOM_FIELD]:{label:"Has Custom Field",value:l.HAS_CUSTOM_FIELD}},t=l=>{let{allowedList:t,onSelect:E,selectedType:o,loading:i,disabled:n}=l;const u=t.map((e=>{var l;return null!==(l=a[e])&&void 0!==l?l:null})).filter((e=>e)).map((e=>{var l;if(o)return(null==e?void 0:e.value)===(null===(l=a[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:n,width:"200px",isLoading:null!=i&&i,options:u,onSelect:E})};export{a as QUERY_TYPE_TO_OPTION_MAP,t as default};
+import{jsx as e}from"react/jsx-runtime";import{QueryBuilderType as l}from"../types/QueryBuilder.type.js";import r from"./DropdownWrapper.js";const a={[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},[l.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:l.ORDER_PROPERTY_FILTER},[l.HAS_CUSTOM_FIELD]:{label:"Has Custom Field",value:l.HAS_CUSTOM_FIELD}},t=({allowedList:l,onSelect:t,selectedType:E,loading:o,disabled:i})=>{const n=l.map((e=>{var l;return null!==(l=a[e])&&void 0!==l?l:null})).filter((e=>e)).map((e=>{var l;if(E)return(null==e?void 0:e.value)===(null===(l=a[E])||void 0===l?void 0:l.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e(r,{nativeID:"query-builder-initial-node",disabled:i,width:"200px",isLoading:null!=o&&o,options:n,onSelect:t})};export{a as QUERY_TYPE_TO_OPTION_MAP,t as default};
 //# sourceMappingURL=AllowedListDropdown.js.map

package/dist/esm/components/QueryBuilder/components/AllowedListDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AllowedListDropdown.js","sources":["../../../../../src/components/QueryBuilder/components/AllowedListDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { QueryBuilderType } from '../types/QueryBuilder.type';\nimport DropdownWrapper from './DropdownWrapper';\n\nexport const QUERY_TYPE_TO_OPTION_MAP: {\n\t[key in QueryBuilderType]?: SingleOption;\n} = {\n\t[QueryBuilderType.EVENT_FILTER]: {\n\t\tlabel: 'Performed event',\n\t\tvalue: QueryBuilderType.EVENT_FILTER,\n\t},\n\t[QueryBuilderType.NO_EVENT_FILTER]: {\n\t\tlabel: `Didn’t perform event`,\n\t\tvalue: QueryBuilderType.NO_EVENT_FILTER,\n\t},\n\t[QueryBuilderType.USER_PROPERTY_FILTER]: {\n\t\tlabel: 'Have user property',\n\t\tvalue: QueryBuilderType.USER_PROPERTY_FILTER,\n\t},\n\t[QueryBuilderType.SEGMENT_FILTER]: {\n\t\tlabel: 'Part of segment',\n\t\tvalue: QueryBuilderType.SEGMENT_FILTER,\n\t},\n\t[QueryBuilderType.ORDER_PROPERTY_FILTER]: {\n\t\tlabel: 'Have order property',\n\t\tvalue: QueryBuilderType.ORDER_PROPERTY_FILTER,\n\t},\n\t[QueryBuilderType.HAS_CUSTOM_FIELD]: {\n\t\tlabel: 'Has Custom Field',\n\t\tvalue: QueryBuilderType.HAS_CUSTOM_FIELD,\n\t},\n};\n\n/*\n @stateless (being consumed by stateless components)\n * @param param0\n * @returns\n */\nconst AllowedListDropdown: React.FC<{\n\tallowedList: QueryBuilderType[];\n\tselectedType?: QueryBuilderType;\n\tonSelect: (option: DropdownOption \| DropdownOption[]) => void;\n\tloading?: boolean;\n\tdisabled?: boolean;\n}> = ({ allowedList, onSelect, selectedType, loading, disabled }) => {\n\tconst options = allowedList\n\t\t.map((type) => QUERY_TYPE_TO_OPTION_MAP[type] ?? null)\n\t\t.filter((op) => op)\n\t\t.map((op) => {\n\t\t\tif (selectedType) {\n\t\t\t\tif (op?.value === QUERY_TYPE_TO_OPTION_MAP[selectedType]?.value) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...op,\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn op;\n\t\t\t}\n\t\t});\n\n\treturn (\n\t\t<DropdownWrapper\n\t\t\tnativeID={'query-builder-initial-node'}\n\t\t\tdisabled={disabled}\n\t\t\twidth={'200px'}\n\t\t\tisLoading={loading ?? false}\n\t\t\toptions={options as SingleOption[]}\n\t\t\tonSelect={onSelect}\n\t\t/>\n\t);\n};\n\nexport default AllowedListDropdown;\n"],"names":["QUERY_TYPE_TO_OPTION_MAP","QueryBuilderType","EVENT_FILTER","label","value","NO_EVENT_FILTER","USER_PROPERTY_FILTER","SEGMENT_FILTER","ORDER_PROPERTY_FILTER","HAS_CUSTOM_FIELD","AllowedListDropdown","~~_ref","~~allowedList","onSelect","selectedType","loading","disabled","options","map","type","_a","filter","op","Object","assign","selected","_jsx","DropdownWrapper","nativeID","width","isLoading"],"mappings":"6IAKO,MAAMA,EAET,CACH,CAACC,EAAiBC,cAAe,CAChCC,MAAO,kBACPC,MAAOH,EAAiBC,cAEzB,CAACD,EAAiBI,iBAAkB,CACnCF,~~MAA6B~~,~~uBAC7BC~~,MAAOH,EAAiBI,iBAEzB,CAACJ,EAAiBK,sBAAuB,CACxCH,MAAO,qBACPC,MAAOH,EAAiBK,sBAEzB,CAACL,EAAiBM,gBAAiB,CAClCJ,MAAO,kBACPC,MAAOH,EAAiBM,gBAEzB,CAACN,EAAiBO,uBAAwB,CACzCL,MAAO,sBACPC,MAAOH,EAAiBO,uBAEzB,CAACP,EAAiBQ,kBAAmB,CACpCN,MAAO,mBACPC,MAAOH,EAAiBQ,mBASpBC,~~EAMDC~~,~~IAA+D~~,~~IAA9DC~~,~~YAAEA~~,~~EAAWC~~,~~SAAEA~~,~~EAAQC~~,~~aAAEA~~,~~EAAYC,QAAEA,EAAOC,SAAEA,GAAUL,EAC/D,MAAMM,~~EAAUL,EACdM,KAAKC,UAAS,OAA8B,QAA9BC,~~EAAApB~~,~~EAAyBmB~~,UAAK,IAAAC,EAAAA,EAAI,IAAI,IACpDC,QAAQC,GAAOA,IACfJ,KAAKI,UACL,GAAIR,EACH,OAAIQ,aAAE,EAAFA,~~EAAIlB~~,UAAkD,~~QAAxCgB~~,~~EAAApB~~,~~EAAyBc~~,UAAe,IAAAM,OAAA,EAAAA,~~EAAAhB~~,~~OACzDmB~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIF,GAAE,CACLG,UAAU,IAILH,CACP,IAGH,OACCI,EAACC,EAAe,CACfC,SAAU,6BACVZ,SAAUA,EACVa,MAAO,QACPC,UAAWf,SAAAA,EACXE,QAASA,EACTJ,SAAUA,GACT"}
1	+ {"version":3,"file":"AllowedListDropdown.js","sources":["../../../../../src/components/QueryBuilder/components/AllowedListDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { QueryBuilderType } from '../types/QueryBuilder.type';\nimport DropdownWrapper from './DropdownWrapper';\n\nexport const QUERY_TYPE_TO_OPTION_MAP: {\n\t[key in QueryBuilderType]?: SingleOption;\n} = {\n\t[QueryBuilderType.EVENT_FILTER]: {\n\t\tlabel: 'Performed event',\n\t\tvalue: QueryBuilderType.EVENT_FILTER,\n\t},\n\t[QueryBuilderType.NO_EVENT_FILTER]: {\n\t\tlabel: `Didn’t perform event`,\n\t\tvalue: QueryBuilderType.NO_EVENT_FILTER,\n\t},\n\t[QueryBuilderType.USER_PROPERTY_FILTER]: {\n\t\tlabel: 'Have user property',\n\t\tvalue: QueryBuilderType.USER_PROPERTY_FILTER,\n\t},\n\t[QueryBuilderType.SEGMENT_FILTER]: {\n\t\tlabel: 'Part of segment',\n\t\tvalue: QueryBuilderType.SEGMENT_FILTER,\n\t},\n\t[QueryBuilderType.ORDER_PROPERTY_FILTER]: {\n\t\tlabel: 'Have order property',\n\t\tvalue: QueryBuilderType.ORDER_PROPERTY_FILTER,\n\t},\n\t[QueryBuilderType.HAS_CUSTOM_FIELD]: {\n\t\tlabel: 'Has Custom Field',\n\t\tvalue: QueryBuilderType.HAS_CUSTOM_FIELD,\n\t},\n};\n\n/*\n @stateless (being consumed by stateless components)\n * @param param0\n * @returns\n */\nconst AllowedListDropdown: React.FC<{\n\tallowedList: QueryBuilderType[];\n\tselectedType?: QueryBuilderType;\n\tonSelect: (option: DropdownOption \| DropdownOption[]) => void;\n\tloading?: boolean;\n\tdisabled?: boolean;\n}> = ({ allowedList, onSelect, selectedType, loading, disabled }) => {\n\tconst options = allowedList\n\t\t.map((type) => QUERY_TYPE_TO_OPTION_MAP[type] ?? null)\n\t\t.filter((op) => op)\n\t\t.map((op) => {\n\t\t\tif (selectedType) {\n\t\t\t\tif (op?.value === QUERY_TYPE_TO_OPTION_MAP[selectedType]?.value) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...op,\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn op;\n\t\t\t}\n\t\t});\n\n\treturn (\n\t\t<DropdownWrapper\n\t\t\tnativeID={'query-builder-initial-node'}\n\t\t\tdisabled={disabled}\n\t\t\twidth={'200px'}\n\t\t\tisLoading={loading ?? false}\n\t\t\toptions={options as SingleOption[]}\n\t\t\tonSelect={onSelect}\n\t\t/>\n\t);\n};\n\nexport default AllowedListDropdown;\n"],"names":["QUERY_TYPE_TO_OPTION_MAP","QueryBuilderType","EVENT_FILTER","label","value","NO_EVENT_FILTER","USER_PROPERTY_FILTER","SEGMENT_FILTER","ORDER_PROPERTY_FILTER","HAS_CUSTOM_FIELD","AllowedListDropdown","allowedList","onSelect","selectedType","loading","disabled","options","map","type","_a","filter","op","Object","assign","selected","_jsx","DropdownWrapper","nativeID","width","isLoading"],"mappings":"6IAKO,MAAMA,EAET,CACH,CAACC,EAAiBC,cAAe,CAChCC,MAAO,kBACPC,MAAOH,EAAiBC,cAEzB,CAACD,EAAiBI,iBAAkB,CACnCF,MAAO,uBACPC,MAAOH,EAAiBI,iBAEzB,CAACJ,EAAiBK,sBAAuB,CACxCH,MAAO,qBACPC,MAAOH,EAAiBK,sBAEzB,CAACL,EAAiBM,gBAAiB,CAClCJ,MAAO,kBACPC,MAAOH,EAAiBM,gBAEzB,CAACN,EAAiBO,uBAAwB,CACzCL,MAAO,sBACPC,MAAOH,EAAiBO,uBAEzB,CAACP,EAAiBQ,kBAAmB,CACpCN,MAAO,mBACPC,MAAOH,EAAiBQ,mBASpBC,EAMDA,EAAGC,cAAaC,WAAUC,eAAcC,UAASC,eACrD,MAAMC,EAAUL,EACdM,KAAKC,UAAS,OAA8B,QAA9BC,EAAAnB,EAAyBkB,UAAK,IAAAC,EAAAA,EAAI,IAAI,IACpDC,QAAQC,GAAOA,IACfJ,KAAKI,UACL,GAAIR,EACH,OAAIQ,aAAE,EAAFA,EAAIjB,UAAkD,QAAxCe,EAAAnB,EAAyBa,UAAe,IAAAM,OAAA,EAAAA,EAAAf,OACzDkB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIF,GAAE,CACLG,UAAU,IAILH,CACP,IAGH,OACCI,EAACC,EAAe,CACfC,SAAU,6BACVZ,SAAUA,EACVa,MAAO,QACPC,UAAWf,SAAAA,EACXE,QAASA,EACTJ,SAAUA,GACT"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import I from"@emotion/styled/base";import{__awaiter as g}from"../../../../../_virtual/_tslib.js";import{jsx as C,jsxs as A}from"react/jsx-runtime";import c from"../../../../../assets/icons/emoji.svg.js";import b,{useState as l,useRef as i,Suspense as a}from"react";import{IconButton as B}from"../../../../icon-button/IconButton.js";import n from"../../../../input/ChipInput.js";import{useOutside as p}from"../../../../../hooks/useOutside.js";function d(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const o=b.lazy((()=>g(void 0,void 0,void 0,(function*(){return{default:(yield import("emoji-picker-react")).default}})))),G=I=>{let{val:g,onChange:b,errors:d,nativeID:G,disabled:X}=I;const[y,u]=l(!1),Z=(Array.isArray(g)?g:[]).map((I=>I)),H=i();return p(H,(()=>{u(!1)})),A("div",Object.assign({style:{position:"relative",opacity:X?.5:1,width:300},id:G},{children:[!!X&&C("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),A(t,{children:[C(n,{error:null==d?void 0:d.val,onChipsChange:b,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:Z}),C(e,{children:C(B,{Icon:c,onClick:()=>u(!0)})}),y&&C("div",Object.assign({ref:H,className:"absolute-picker"},{children:C(a,Object.assign({fallback:null},{children:C(o,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:"dark",emojiStyle:"native",onEmojiClick:I=>{Z.find((g=>I.emoji===g))||null==b||b([...Z,I.emoji])}})}))}))]})]}))};function X(I){return C(G,Object.assign({},I))}const e=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:d}),t=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}"}:{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:d});export{X as default};
+import I from"@emotion/styled/base";import{__awaiter as g}from"../../../../../_virtual/_tslib.js";import{jsx as C,jsxs as A}from"react/jsx-runtime";import c from"../../../../../assets/icons/emoji.svg.js";import b,{useState as l,useRef as i,Suspense as a}from"react";import{IconButton as B}from"../../../../icon-button/IconButton.js";import n from"../../../../input/ChipInput.js";import{useOutside as p}from"../../../../../hooks/useOutside.js";function d(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const o=b.lazy((()=>g(void 0,void 0,void 0,(function*(){return{default:(yield import("emoji-picker-react")).default}})))),G=({val:I,onChange:g,errors:b,nativeID:d,disabled:G})=>{const[X,y]=l(!1),u=(Array.isArray(I)?I:[]).map((I=>I)),Z=i();return p(Z,(()=>{y(!1)})),A("div",Object.assign({style:{position:"relative",opacity:G?.5:1,width:300},id:d},{children:[!!G&&C("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),A(t,{children:[C(n,{error:null==b?void 0:b.val,onChipsChange:g,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:u}),C(e,{children:C(B,{Icon:c,onClick:()=>y(!0)})}),X&&C("div",Object.assign({ref:Z,className:"absolute-picker"},{children:C(a,Object.assign({fallback:null},{children:C(o,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:"dark",emojiStyle:"native",onEmojiClick:I=>{u.find((g=>I.emoji===g))||null==g||g([...u,I.emoji])}})}))}))]})]}))};function X(I){return C(G,Object.assign({},I))}const e=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:d}),t=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}"}:{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:d});export{X as default};
 //# sourceMappingURL=EmojiPicker.js.map