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/cjs/components/QueryBuilder/Filters/CustomField/components/CustomField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomField.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport { BaseQueryBuilderNode } from '@src/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode';\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';\n\nconst HasCustomFieldFilter: 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 getCustomFields = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'CUSTOM_FIELDS');\n\n\tconst getCustomFieldValues = (propertyName: string, rest) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ propertyName: string }>({\n\t\t\t\t\tquery: { propertyName, ...rest },\n\t\t\t\t}),\n\t\t\t`CUSTOM_FIELDS-${propertyName}`,\n\t\t);\n\n\tconst searchCustomFieldsValue = 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\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 getCustomFieldValues(\n\t\t\t\tpropertyName.id as string,\n\t\t\t\tpropertyName,\n\t\t\t);\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\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 searchCustomFieldsValue(\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={getCustomFields}\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 HasCustomFieldFilter;\n"],"names":["~~_ref~~","node","allowedNodes","apiHandler","mode","selectorKey","selectType","createProperty","updateProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","_jsx","BaseQueryBuilderNode","Object","assign","children","_jsxs","jsxs","style","flexDirection","display","gap","alignItems","AllowedListDropdown","disabled","selectedType","type","allowedList","onSelect","option","value","_id","PropertyNodeHeadless","property","_a","properties","fetchPropertyData","getCustomFields","onPropertyNameSelect","propertyName","currentProperty","isRetry","name","id","dataType","operator","undefined","error","needValuesRetrieval","response","getCustomFieldValues","rest","query","Error","onPropertyOperatorChange","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchCustomFieldsValue","__awaiter","data","map","label","selected"],"mappings":"6gBAoB8DA,~~IAMzD~~,~~IAN0DC~~,~~KAC9DA~~,~~EAAIC~~,~~aACJA~~,~~EAAYC~~,~~WACZA~~,~~EAAUC,KACVA,EAAIC,YACJA,GACAL,QACA,MAAMM,~~WAAEA,EAAUC,eAAEA,EAAcC,eAAEA,GACnCC,EAAAA,gBAAgBJ,IACXK,UAAEA,GAAcC,EAAoBA,uBA6H1C,OACCC,MAACC,EAAAA,qBAAoBC,OAAAC,OAAA,CAACd,KAAMA,EAAMG,KAAMA,GACvC,CAAAY,SAAAC,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCI,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,GACLC,WAAY,eACZ,CAAAP,SAAA,CAEDJ,MAACY,UAAmB,CACnBC,SAAmB,SAATrB,EACVsB,aAAczB,EAAK0B,KACnBC,YAAa1B,EACb2B,SAAWC,GACVxB,EACEwB,EAAwBC,MACzB9B,EAAK+B,OAKRpB,MAACqB,uBAAoB,CACpB7B,KAAMA,EACN8B,SAA0B,QAAhBC,EAAAlC,aAAA,EAAAA,EAAMmC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GAC7BE,kBAnJoBC,IACvB5B,GAAU,IAAMP,EAAsB,CAAE,IAAG,iBAmJxCoC,qBA7HJ,SACCC,4DAEA,MAAMC,EAAiC,QAAfN,EAAAlC,EAAKmC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GACpCO,IACHD,GACFA,EAAgBE,OAASH,EAAaI,IACtCH,EAAgBI,WAAaL,EAAab,KAwB3C,GAtBKc,EAQOC,GACXlC,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA0B,GACH,CAAAE,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,KACvBmB,cAAUC,EACVhB,WAAOgB,EACPC,MAAO,CAAA,IAER/C,EAAK+B,KAjBNzB,EACC,CACCoC,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,MAExB1B,EAAK+B,KAgBHQ,EAAaS,oBAAqB,CACrC,MAAMC,OApDqBC,EAACX,EAAsBY,IACnD1C,GACC,IACCP,EAAqC,CACpCkD,MAASvC,OAAAC,OAAA,CAAAyB,gBAAiBY,MAE5B,iBAAiBZ,KA8CMW,CACtBX,EAAaI,GACbJ,GAED,IAAKU,EACJ,MAAM,IAAII,MACT,kEAGF,OAAOJ,CACP,CAED,MAAO,KACP,EAiFGK,yBA/EJ,SAA8BT,GAC7BtC,EAAcM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAETd,EAAKmC,WAAY,IACpB,CAAAU,WACAf,WAAOgB,EACPC,MAAO,CAAA,IAER/C,EAAK+B,IAEP,EAsEIwB,sBApEJ,SAA2BzB,SAC1B,MAAMG,EAAWjC,EAAKmC,WAAY,GAI5BY,EAFiB,WAAtBd,EAASW,UACTY,EAAAA,mBAAmBC,SAA0B,QAAjBvB,EAAAD,EAASY,gBAAQ,IAAAX,EAAAA,EAAI,IACjBwB,EAAsBA,uBAAC5B,GAAS,CAAA,EAEjEvB,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAmB,GACH,CAAAH,MAAOA,EACPiB,UAED/C,EAAK+B,IAEP,EAsDI4B,sBApDJ,SACCC,EACA3B,sDAEA,MAAMgB,OA3FyBY,EAC/BtB,EACAqB,IACGE,EAAAA,eAAA,OAAA,OAAA,GAAA,YACH,aAAM5D,EAGH,CACFkD,MAAO,CAAEb,eAAcqB,kBAmFDC,CACtB5B,EAASS,KACTkB,GAGD,IAAIX,aAAA,EAAAA,EAAUF,UAAUE,aAAQ,EAARA,EAAUc,MACjC,MAAM,IAAIV,OACTJ,aAAQ,EAARA,EAAUF,QACT,kEAIH,OAAQE,EAASc,KAA+BC,KAAKnC,IAAY,CAChEoC,MAAOpC,EAAOa,KACdZ,MAAOD,EAAOc,GACduB,UAAU,KAEZ,GAAC,UAuCuB"}
1	+ {"version":3,"file":"CustomField.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport { BaseQueryBuilderNode } from '@src/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode';\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';\n\nconst HasCustomFieldFilter: 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 getCustomFields = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'CUSTOM_FIELDS');\n\n\tconst getCustomFieldValues = (propertyName: string, rest) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ propertyName: string }>({\n\t\t\t\t\tquery: { propertyName, ...rest },\n\t\t\t\t}),\n\t\t\t`CUSTOM_FIELDS-${propertyName}`,\n\t\t);\n\n\tconst searchCustomFieldsValue = 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\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 getCustomFieldValues(\n\t\t\t\tpropertyName.id as string,\n\t\t\t\tpropertyName,\n\t\t\t);\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\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 searchCustomFieldsValue(\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={getCustomFields}\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 HasCustomFieldFilter;\n"],"names":["HasCustomFieldFilter","node","allowedNodes","apiHandler","mode","selectorKey","selectType","createProperty","updateProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","_jsx","BaseQueryBuilderNode","Object","assign","children","_jsxs","jsxs","style","flexDirection","display","gap","alignItems","AllowedListDropdown","disabled","selectedType","type","allowedList","onSelect","option","value","_id","PropertyNodeHeadless","property","_a","properties","fetchPropertyData","getCustomFields","onPropertyNameSelect","propertyName","currentProperty","isRetry","name","id","dataType","operator","undefined","error","needValuesRetrieval","response","getCustomFieldValues","rest","query","Error","onPropertyOperatorChange","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchCustomFieldsValue","__awaiter","data","map","label","selected"],"mappings":"6gBAoB8DA,EAC7DC,OACAC,eACAC,aACAC,OACAC,wBAEA,MAAMC,WAAEA,EAAUC,eAAEA,EAAcC,eAAEA,GACnCC,EAAAA,gBAAgBJ,IACXK,UAAEA,GAAcC,EAAoBA,uBA6H1C,OACCC,MAACC,EAAAA,qBAAoBC,OAAAC,OAAA,CAACd,KAAMA,EAAMG,KAAMA,GACvC,CAAAY,SAAAC,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCI,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,GACLC,WAAY,eACZ,CAAAP,SAAA,CAEDJ,MAACY,UAAmB,CACnBC,SAAmB,SAATrB,EACVsB,aAAczB,EAAK0B,KACnBC,YAAa1B,EACb2B,SAAWC,GACVxB,EACEwB,EAAwBC,MACzB9B,EAAK+B,OAKRpB,MAACqB,uBAAoB,CACpB7B,KAAMA,EACN8B,SAA0B,QAAhBC,EAAAlC,aAAA,EAAAA,EAAMmC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GAC7BE,kBAnJoBC,IACvB5B,GAAU,IAAMP,EAAsB,CAAE,IAAG,iBAmJxCoC,qBA7HJ,SACCC,4DAEA,MAAMC,EAAiC,QAAfN,EAAAlC,EAAKmC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GACpCO,IACHD,GACFA,EAAgBE,OAASH,EAAaI,IACtCH,EAAgBI,WAAaL,EAAab,KAwB3C,GAtBKc,EAQOC,GACXlC,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA0B,GACH,CAAAE,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,KACvBmB,cAAUC,EACVhB,WAAOgB,EACPC,MAAO,CAAA,IAER/C,EAAK+B,KAjBNzB,EACC,CACCoC,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,MAExB1B,EAAK+B,KAgBHQ,EAAaS,oBAAqB,CACrC,MAAMC,OApDqBC,EAACX,EAAsBY,IACnD1C,GACC,IACCP,EAAqC,CACpCkD,MAASvC,OAAAC,OAAA,CAAAyB,gBAAiBY,MAE5B,iBAAiBZ,KA8CMW,CACtBX,EAAaI,GACbJ,GAED,IAAKU,EACJ,MAAM,IAAII,MACT,kEAGF,OAAOJ,CACP,CAED,MAAO,KACP,EAiFGK,yBA/EJ,SAA8BT,GAC7BtC,EAAcM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAETd,EAAKmC,WAAY,IACpB,CAAAU,WACAf,WAAOgB,EACPC,MAAO,CAAA,IAER/C,EAAK+B,IAEP,EAsEIwB,sBApEJ,SAA2BzB,SAC1B,MAAMG,EAAWjC,EAAKmC,WAAY,GAI5BY,EAFiB,WAAtBd,EAASW,UACTY,EAAAA,mBAAmBC,SAA0B,QAAjBvB,EAAAD,EAASY,gBAAQ,IAAAX,EAAAA,EAAI,IACjBwB,EAAsBA,uBAAC5B,GAAS,CAAA,EAEjEvB,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAmB,GACH,CAAAH,MAAOA,EACPiB,UAED/C,EAAK+B,IAEP,EAsDI4B,sBApDJ,SACCC,EACA3B,sDAEA,MAAMgB,OA3FyBY,EAC/BtB,EACAqB,IACGE,EAAAA,eAAA,OAAA,OAAA,GAAA,YACH,aAAM5D,EAGH,CACFkD,MAAO,CAAEb,eAAcqB,kBAmFDC,CACtB5B,EAASS,KACTkB,GAGD,IAAIX,aAAA,EAAAA,EAAUF,UAAUE,aAAQ,EAARA,EAAUc,MACjC,MAAM,IAAIV,OACTJ,aAAQ,EAARA,EAAUF,QACT,kEAIH,OAAQE,EAASc,KAA+BC,KAAKnC,IAAY,CAChEoC,MAAOpC,EAAOa,KACdZ,MAAOD,EAAOc,GACduB,UAAU,KAEZ,GAAC,UAuCuB"}

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

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

package/dist/cjs/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","_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","jsxs","style","flexDirection","display","gap","jsx","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","jsxs","style","flexDirection","display","gap","jsx","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/cjs/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js CHANGED Viewed

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

package/dist/cjs/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","~~_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","jsxs","Object","assign","style","flexDirection","display","gap","jsx","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":"4iBAWA,MAAMA,EAAoB,IAAIC,EAAAA,kCAEyBC,~~IAMlD~~,~~IANmDC~~,~~KACvDA~~,~~EAAIC~~,~~aACJA~~,~~EAAYC~~,~~WACZA~~,~~EAAUC,KACVA,EAAIC,YACJA,GACAL,wBACA,MAAMM,~~WAAEA,EAAUC,WAAEA,EAAUC,WAAEA,GAAeC,EAAAA,gBAAgBJ,IACzDK,UAAEA,GAAcC,EAAoBA,wBACnCC,EAASC,GAAcC,EAAQA,UAAC,IAChCC,EAAmBC,GAAwBF,EAAQA,YACnDG,EAASC,GAAcJ,EAAQA,SAAmB,IAEnDK,EAAkBlB,EAAKmB,MAAMC,MAAMC,GAAsB,cAAbA,EAAKC,MAmCvD,MAAMC,EAAmBA,IAAWC,iBAAA,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,EAAAA,WAAU,KACJrB,GACJX,EACC,CACCe,IAAK,aAENtB,EAAKwC,KAIPjB,GAAkB,GAChB,IAGFkB,MAACC,EAAAA,oCAAqB1C,KAAMA,EAAMG,KAAMA,aACvCwC,EAAKC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,cAAe,MAAOC,QAAS,OAAQC,IAAK,gBACzDT,EAACU,IAAAC,WACAC,SAAmB,SAATlD,EACVQ,QAASA,EACT2C,aAActD,EAAKuD,KACnBC,YAAavD,EACbwD,SAzFJ,SAA6BC,GACvB/B,MAAMC,QAAQ8B,KAClB9C,GAAW,GACXN,EAAYoD,EAAwBzB,MAA2BjC,EAAKwC,KAChEkB,EAAc,OAAKC,EAAAA,iBAAiBC,gBACvCrD,EACC,CACCe,IAAK,aAENtB,EAAKwC,MAKR5B,GAAW,EACZ,aA6EIiD,YAAA7D,aAAA,EAAAA,EAAMmB,4BAAQ,yBAAIG,MAClBmB,EAAAA,IAACqB,EAAAA,SACAC,gBACC7C,aAAA,EAAAA,EAAiBe,OACd,CAACf,EAAgBe,YACjBR,EAEJuC,cAAY,EACZC,UAAWtD,EACXuD,kBACCpD,EACG,CACAqD,MAAO,yBACPC,SAAUtD,QAEVW,EAEJ4C,oBAAqB9C,EACrB8B,SAAmB,SAATlD,EACVmE,MAAM,QACNC,cAAe,iBACfvD,QAASA,EACTyC,SAjGL,SAAkCC,GAC5B/B,MAAMC,QAAQ8B,IAElBrD,EACC,CACCiB,IAAK,YACLW,MAAQyB,EAAwBzB,MAChCuC,MAAO,CAAE,GAEVxE,EAAKwC,IAGR,EAsFKgC,MAE6B,QAD3BC,EACA,QADAC,EAAwB,UAAT,QAAfC,EAAa,QAAbC,EAAA5E,EAAKmB,aAAQ,IAAAyD,OAAA,EAAAA,EAAA,UAAE,IAAAD,OAAA,EAAAA,EAAEH,aAAO,IAAAK,OAAA,EAAAA,EAAAvD,WACxB,IAAAoD,EAAAA,EAAsB,QAAtBI,EAAA5D,aAAA,EAAAA,EAAiBsD,aAAK,IAAAM,OAAA,EAAAA,EAAExD,WAAG,IAAAmD,EAAAA,EACH,UAAxBvD,aAAe,EAAfA,EAAiBsD,aAAO,IAAAO,OAAA,EAAAA,EAAA9C,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","jsxs","Object","assign","style","flexDirection","display","gap","jsx","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":"4iBAWA,MAAMA,EAAoB,IAAIC,EAAAA,kCAEyBC,EACtDC,OACAC,eACAC,aACAC,OACAC,wCAEA,MAAMC,WAAEA,EAAUC,WAAEA,EAAUC,WAAEA,GAAeC,EAAAA,gBAAgBJ,IACzDK,UAAEA,GAAcC,EAAoBA,wBACnCC,EAASC,GAAcC,EAAQA,UAAC,IAChCC,EAAmBC,GAAwBF,EAAQA,YACnDG,EAASC,GAAcJ,EAAQA,SAAmB,IAEnDK,EAAkBlB,EAAKmB,MAAMC,MAAMC,GAAsB,cAAbA,EAAKC,MAmCvD,MAAMC,EAAmBA,IAAWC,iBAAA,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,EAAAA,WAAU,KACJrB,GACJX,EACC,CACCe,IAAK,aAENtB,EAAKwC,KAIPjB,GAAkB,GAChB,IAGFkB,MAACC,EAAAA,oCAAqB1C,KAAMA,EAAMG,KAAMA,aACvCwC,EAAKC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,cAAe,MAAOC,QAAS,OAAQC,IAAK,gBACzDT,EAACU,IAAAC,WACAC,SAAmB,SAATlD,EACVQ,QAASA,EACT2C,aAActD,EAAKuD,KACnBC,YAAavD,EACbwD,SAzFJ,SAA6BC,GACvB/B,MAAMC,QAAQ8B,KAClB9C,GAAW,GACXN,EAAYoD,EAAwBzB,MAA2BjC,EAAKwC,KAChEkB,EAAc,OAAKC,EAAAA,iBAAiBC,gBACvCrD,EACC,CACCe,IAAK,aAENtB,EAAKwC,MAKR5B,GAAW,EACZ,aA6EIiD,YAAA7D,aAAA,EAAAA,EAAMmB,4BAAQ,yBAAIG,MAClBmB,EAAAA,IAACqB,EAAAA,SACAC,gBACC7C,aAAA,EAAAA,EAAiBe,OACd,CAACf,EAAgBe,YACjBR,EAEJuC,cAAY,EACZC,UAAWtD,EACXuD,kBACCpD,EACG,CACAqD,MAAO,yBACPC,SAAUtD,QAEVW,EAEJ4C,oBAAqB9C,EACrB8B,SAAmB,SAATlD,EACVmE,MAAM,QACNC,cAAe,iBACfvD,QAASA,EACTyC,SAjGL,SAAkCC,GAC5B/B,MAAMC,QAAQ8B,IAElBrD,EACC,CACCiB,IAAK,YACLW,MAAQyB,EAAwBzB,MAChCuC,MAAO,CAAE,GAEVxE,EAAKwC,IAGR,EAsFKgC,MAE6B,QAD3BC,EACA,QADAC,EAAwB,UAAT,QAAfC,EAAa,QAAbC,EAAA5E,EAAKmB,aAAQ,IAAAyD,OAAA,EAAAA,EAAA,UAAE,IAAAD,OAAA,EAAAA,EAAEH,aAAO,IAAAK,OAAA,EAAAA,EAAAvD,WACxB,IAAAoD,EAAAA,EAAsB,QAAtBI,EAAA5D,aAAA,EAAAA,EAAiBsD,aAAK,IAAAM,OAAA,EAAAA,EAAExD,WAAG,IAAAmD,EAAAA,EACH,UAAxBvD,aAAe,EAAfA,EAAiBsD,aAAO,IAAAO,OAAA,EAAAA,EAAA9C,cAKP"}

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

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

package/dist/cjs/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":["~~_ref~~","node","allowedNodes","apiHandler","mode","selectorKey","selectType","createProperty","updateProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","_jsx","BaseQueryBuilderNode","Object","assign","children","_jsxs","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":"6gBAoB4DA,~~IAMvD~~,~~IANwDC~~,~~KAC5DA~~,~~EAAIC~~,~~aACJA~~,~~EAAYC~~,~~WACZA~~,~~EAAUC,KACVA,EAAIC,YACJA,GACAL,QACA,MAAMM,~~WAAEA,EAAUC,eAAEA,EAAcC,eAAEA,GACnCC,EAAAA,gBAAgBJ,IACXK,UAAEA,GAAcC,EAAoBA,uBA+H1C,OACCC,MAACC,EAAAA,qBAAoBC,OAAAC,OAAA,CAACd,KAAMA,EAAMG,KAAMA,GACvC,CAAAY,SAAAC,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCI,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,GACLC,WAAY,eACZ,CAAAP,SAAA,CAEDJ,MAACY,UAAmB,CACnBC,SAAmB,SAATrB,EACVsB,aAAczB,EAAK0B,KACnBC,YAAa1B,EACb2B,SAAWC,GACVxB,EACEwB,EAAwBC,MACzB9B,EAAK+B,OAKRpB,MAACqB,uBAAoB,CACpB7B,KAAMA,EACN8B,SAA0B,QAAhBC,EAAAlC,aAAA,EAAAA,EAAMmC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GAC7BE,kBArJsBC,IACzB5B,GAAU,IAAMP,EAAsB,CAAE,IAAG,mBAqJxCoC,qBA5HJ,SACCC,4DAEA,MAAMC,EAAiC,QAAfN,EAAAlC,EAAKmC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GACpCO,IACHD,GACFA,EAAgBE,OAASH,EAAaI,IACtCH,EAAgBI,WAAaL,EAAab,KAwB3C,GAtBKc,EAQOC,GACXlC,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA0B,GACH,CAAAE,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,KACvBmB,cAAUC,EACVhB,WAAOgB,EACPC,MAAO,CAAA,IAER/C,EAAK+B,KAjBNzB,EACC,CACCoC,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,MAExB1B,EAAK+B,KAgBHQ,EAAaS,oBAAqB,CACrC,MAAMC,OAvDuBV,IAC9B9B,GACC,IAAMP,EAAqC,CAAEgD,MAAO,CAAEX,~~mBACnC~~,~~mBAAAA~~,KAoDIY,CAAsBZ,EAAaI,IAE1D,IAAKM,EACJ,MAAM,IAAIG,MACT,kEAIF,OAAOH,CACP,CAED,MAAO,KACP,EAiFGI,yBA/EJ,SAA8BR,GAC7BtC,EAAcM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAETd,EAAKmC,WAAY,IACpB,CAAAU,WACAf,WAAOgB,EACPC,MAAO,CAAA,IAER/C,EAAK+B,IAEP,EAsEIuB,sBApEJ,SAA2BxB,SAC1B,MAAMG,EAAWjC,EAAKmC,WAAY,GAI5BY,EAFiB,WAAtBd,EAASW,UACTW,EAAAA,mBAAmBC,SAA0B,QAAjBtB,EAAAD,EAASY,gBAAQ,IAAAX,EAAAA,EAAI,IACjBuB,EAAsBA,uBAAC3B,GAAS,CAAA,EAEjEvB,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAmB,GACH,CAAAH,MAAOA,EACPiB,UAED/C,EAAK+B,IAEP,EAsDI2B,sBApDJ,SACCC,EACA1B,sDAEA,MAAMgB,OAhG2BW,EACjCrB,EACAoB,IACGE,EAAAA,eAAA,OAAA,OAAA,GAAA,YACH,aAAM3D,EAGH,CACFgD,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","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":"6gBAoB4DA,EAC3DC,OACAC,eACAC,aACAC,OACAC,wBAEA,MAAMC,WAAEA,EAAUC,eAAEA,EAAcC,eAAEA,GACnCC,EAAAA,gBAAgBJ,IACXK,UAAEA,GAAcC,EAAoBA,uBA+H1C,OACCC,MAACC,EAAAA,qBAAoBC,OAAAC,OAAA,CAACd,KAAMA,EAAMG,KAAMA,GACvC,CAAAY,SAAAC,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCI,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,GACLC,WAAY,eACZ,CAAAP,SAAA,CAEDJ,MAACY,UAAmB,CACnBC,SAAmB,SAATrB,EACVsB,aAAczB,EAAK0B,KACnBC,YAAa1B,EACb2B,SAAWC,GACVxB,EACEwB,EAAwBC,MACzB9B,EAAK+B,OAKRpB,MAACqB,uBAAoB,CACpB7B,KAAMA,EACN8B,SAA0B,QAAhBC,EAAAlC,aAAA,EAAAA,EAAMmC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GAC7BE,kBArJsBC,IACzB5B,GAAU,IAAMP,EAAsB,CAAE,IAAG,mBAqJxCoC,qBA5HJ,SACCC,4DAEA,MAAMC,EAAiC,QAAfN,EAAAlC,EAAKmC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GACpCO,IACHD,GACFA,EAAgBE,OAASH,EAAaI,IACtCH,EAAgBI,WAAaL,EAAab,KAwB3C,GAtBKc,EAQOC,GACXlC,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA0B,GACH,CAAAE,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,KACvBmB,cAAUC,EACVhB,WAAOgB,EACPC,MAAO,CAAA,IAER/C,EAAK+B,KAjBNzB,EACC,CACCoC,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,MAExB1B,EAAK+B,KAgBHQ,EAAaS,oBAAqB,CACrC,MAAMC,OAvDuBV,IAC9B9B,GACC,IAAMP,EAAqC,CAAEgD,MAAO,CAAEX,mBACtD,mBAAmBA,KAoDIY,CAAsBZ,EAAaI,IAE1D,IAAKM,EACJ,MAAM,IAAIG,MACT,kEAIF,OAAOH,CACP,CAED,MAAO,KACP,EAiFGI,yBA/EJ,SAA8BR,GAC7BtC,EAAcM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAETd,EAAKmC,WAAY,IACpB,CAAAU,WACAf,WAAOgB,EACPC,MAAO,CAAA,IAER/C,EAAK+B,IAEP,EAsEIuB,sBApEJ,SAA2BxB,SAC1B,MAAMG,EAAWjC,EAAKmC,WAAY,GAI5BY,EAFiB,WAAtBd,EAASW,UACTW,EAAAA,mBAAmBC,SAA0B,QAAjBtB,EAAAD,EAASY,gBAAQ,IAAAX,EAAAA,EAAI,IACjBuB,EAAsBA,uBAAC3B,GAAS,CAAA,EAEjEvB,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAmB,GACH,CAAAH,MAAOA,EACPiB,UAED/C,EAAK+B,IAEP,EAsDI2B,sBApDJ,SACCC,EACA1B,sDAEA,MAAMgB,OAhG2BW,EACjCrB,EACAoB,IACGE,EAAAA,eAAA,OAAA,OAAA,GAAA,YACH,aAAM3D,EAGH,CACFgD,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/cjs/components/QueryBuilder/QueryBuilder.js CHANGED Viewed

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

package/dist/cjs/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","jsx","BodyPrimary","assign","style","marginBottom","QueryBuilderNodes","displayName"],"mappings":"~~4TAgBO~~,~~MAAMA,~~OAAeC,QAAMC,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,EAAAA,~~gBAAgBL~~,~~GACtCM~~,~~EACLT~~,~~EAAmBU~~,OAAOC,~~KAAKX~~,GAAoB,GAiBpD,~~OAdAY~~,EAAAA,WAAU,~~KACLR~~,~~EACHG~~,~~EAAUH~~,~~GAEVE~~,EAAKG,aAAY,EAAZA,EAAe,GACpB,GACC,IAEHG,EAAAA,WAAU,~~KACLP~~,~~GACHE~~,~~EAAUF~~,EACV,GACC,CAACA,~~IAGHQ~~,EAAAA,KACCC,EAAAA,SAAA,CAAAC,SAAA,CAAAC,EAAAC,IAACC,cAAWR,OAAAS,OAAA,CAACC,MAAO,CAAEC,aAAc,KAAI,CAAAN,~~SAAGlB~~,~~KAC3CmB~~,EAAAC,IAACK,UAAiB,~~CACjB1B~~,IAAKA,~~EACLO~~,YAAaA,EACbF,cAAeA,EACfD,iBAAkBA,~~EAClBS~~,aAAcA,~~EACdX~~,SAAUA,SAAAA,EACVC,eAAgBA,EAChBG,KAAMA,MAEL,~~IAKNV~~,~~EAAa+B~~,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","jsx","BodyPrimary","assign","style","marginBottom","QueryBuilderNodes","displayName"],"mappings":"kUAgBaA,OAAeC,QAAMC,YAIjC,EAEEC,eACAC,WACAC,iBACAC,mBACAC,gBACAC,OACAC,cACAC,QACAC,cAEDC,KAEA,MAAMC,KAAEA,EAAIC,UAAEA,GAAcC,EAAAA,gBAAgBN,GACtCO,EACLV,EAAmBW,OAAOC,KAAKZ,GAAoB,GAiBpD,OAdAa,EAAAA,WAAU,KACLT,EACHI,EAAUJ,GAEVG,EAAKG,aAAY,EAAZA,EAAe,GACpB,GACC,IAEHG,EAAAA,WAAU,KACLR,GACHG,EAAUH,EACV,GACC,CAACA,IAGHS,EAAAA,KACCC,EAAAA,SAAA,CAAAC,SAAA,CAAAC,EAAAC,IAACC,cAAWR,OAAAS,OAAA,CAACC,MAAO,CAAEC,aAAc,KAAI,CAAAN,SAAGnB,KAC3CoB,EAAAC,IAACK,UAAiB,CACjBjB,IAAKA,EACLH,YAAaA,EACbF,cAAeA,EACfD,iBAAkBA,EAClBU,aAAcA,EACdZ,SAAUA,SAAAA,EACVC,eAAgBA,EAChBG,KAAMA,MAEL,IAKNR,EAAa8B,YAAc"}

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

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

package/dist/cjs/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","_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","jsx","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","jsx","DropdownWrapper","isSearchable","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","width","onSelect","op","groupedOptions","gp"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../button/Button.js"),u=require("../../../assets/icons/plus.svg.js"),r=require("../hooks/useQueryBuilder.js");exports.default=s=>{let{buttonText:o,allowedNodes:d,selectorKey:i}=s;const{addNode:n}=r.useQueryBuilder(i);return e.jsx(t.Button,{buttonText:o,size:"medium",buttonType:"dashRegular",LeadingIcon:u.default,onClick:()=>{n(d[0])}})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../button/Button.js"),u=require("../../../assets/icons/plus.svg.js"),r=require("../hooks/useQueryBuilder.js");exports.default=({buttonText:s,allowedNodes:o,selectorKey:d})=>{const{addNode:i}=r.useQueryBuilder(d);return e.jsx(t.Button,{buttonText:s,size:"medium",buttonType:"dashRegular",LeadingIcon:u.default,onClick:()=>{i(o[0])}})};
 //# sourceMappingURL=AddNodeButton.js.map

package/dist/cjs/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":["~~_ref~~","buttonText","allowedNodes","selectorKey","addNode","useQueryBuilder","_jsx","Button","size","buttonType","LeadingIcon","PlusIcon","onClick"],"mappings":"mPAUKA,~~IAA8C~~,~~IAA7CC~~,~~WAAEA~~,~~EAAUC~~,~~aAAEA~~,~~EAAYC,YAAEA,GAAaH,EAC9C,MAAMI,~~QAAEA,GAAYC,EAAAA,gBAAgBF,GAEpC,OACCG,EAAAA,IAACC,EAAAA,OAAM,CACNN,WAAYA,EACZO,KAAK,SACLC,WAAW,cACXC,YAAaC,EAAQ,QACrBC,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":"mPAUKA,EAAGC,aAAYC,eAAcC,kBACjC,MAAMC,QAAEA,GAAYC,EAAAA,gBAAgBF,GAEpC,OACCG,EAAAA,IAACC,EAAAA,OAAM,CACNN,WAAYA,EACZO,KAAK,SACLC,WAAW,cACXC,YAAaC,EAAQ,QACrBC,QAASA,KACRR,EAAQF,EAAa,GAAG,GAExB"}

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

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

package/dist/cjs/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","~~_ref~~","allowedList","onSelect","selectedType","loading","disabled","options","map","type","_a","filter","op","Object","assign","selected","_jsx","DropdownWrapper","nativeID","width","isLoading"],"mappings":"oLAKO,MAAMA,EAET,CACH,CAACC,EAAAA,iBAAiBC,cAAe,CAChCC,MAAO,kBACPC,MAAOH,EAAgBA,iBAACC,cAEzB,CAACD,EAAAA,iBAAiBI,iBAAkB,CACnCF,~~MAA6B~~,~~uBAC7BC~~,MAAOH,EAAgBA,iBAACI,iBAEzB,CAACJ,EAAAA,iBAAiBK,sBAAuB,CACxCH,MAAO,qBACPC,MAAOH,EAAgBA,iBAACK,sBAEzB,CAACL,EAAAA,iBAAiBM,gBAAiB,CAClCJ,MAAO,kBACPC,MAAOH,EAAgBA,iBAACM,gBAEzB,CAACN,EAAAA,iBAAiBO,uBAAwB,CACzCL,MAAO,sBACPC,MAAOH,EAAgBA,iBAACO,uBAEzB,CAACP,EAAAA,iBAAiBQ,kBAAmB,CACpCN,MAAO,mBACPC,MAAOH,EAAgBA,iBAACQ,sEAerBC,~~IAA+D~~,~~IAA9DC~~,~~YAAEA~~,~~EAAWC~~,~~SAAEA~~,~~EAAQC~~,~~aAAEA~~,~~EAAYC,QAAEA,EAAOC,SAAEA,GAAUL,EAC/D,MAAMM,~~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,EAAAA,IAACC,EAAAA,QAAe,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":"oLAKO,MAAMA,EAET,CACH,CAACC,EAAAA,iBAAiBC,cAAe,CAChCC,MAAO,kBACPC,MAAOH,EAAgBA,iBAACC,cAEzB,CAACD,EAAAA,iBAAiBI,iBAAkB,CACnCF,MAAO,uBACPC,MAAOH,EAAgBA,iBAACI,iBAEzB,CAACJ,EAAAA,iBAAiBK,sBAAuB,CACxCH,MAAO,qBACPC,MAAOH,EAAgBA,iBAACK,sBAEzB,CAACL,EAAAA,iBAAiBM,gBAAiB,CAClCJ,MAAO,kBACPC,MAAOH,EAAgBA,iBAACM,gBAEzB,CAACN,EAAAA,iBAAiBO,uBAAwB,CACzCL,MAAO,sBACPC,MAAOH,EAAgBA,iBAACO,uBAEzB,CAACP,EAAAA,iBAAiBQ,kBAAmB,CACpCN,MAAO,mBACPC,MAAOH,EAAgBA,iBAACQ,sEAerBC,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,EAAAA,IAACC,EAAAA,QAAe,CACfC,SAAU,6BACVZ,SAAUA,EACVa,MAAO,QACPC,UAAWf,SAAAA,EACXE,QAASA,EACTJ,SAAUA,GACT"}