@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.8

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),U=require("../../../components/AllowedListDropdown.js"),k=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),c=require("../../../helpers/SegmentValidator.js"),S=require("../../../hooks/useQueryBuilder.js"),E=require("../../../hooks/useQueryBuilderCache.js"),x=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),B=({node:t,allowedNodes:p,apiHandler:n,mode:a,selectorKey:d})=>{const{selectType:y,createProperty:m,updateProperty:l}=S.useQueryBuilder(d),{cacheWrap:u}=E.useQueryBuilderCache(),h=()=>u(()=>n({}),"USER_PROPERTIES"),P=e=>u(()=>n({query:{propertyName:e}}),`USER_PROPERTIES-${e}`),f=async(e,r)=>await n({query:{propertyName:e,searchKey:r}});async function b(e){const r=t.properties?.[0],s=!!r&&r.name===e.id&&r.dataType===e.type;if(r?s||l({...r,name:e.id,dataType:e.type,operator:void 0,value:void 0,error:{}},t._id):m({name:e.id,dataType:e.type},t._id),e.needValuesRetrieval){const i=await P(e.id);if(!i)throw new Error("Something went wrong while fetching the list. Please try again");return i}return[]}function v(e){l({...t.properties[0],operator:e,value:void 0,error:{}},t._id)}function g(e){const r=t.properties[0],i=r.dataType==="string"&&c.CONTAINS_OPERATORS.includes(r.operator??"")?c.getContainsFilterError(e):{};l({...r,value:e,error:i},t._id)}async function w(e,r){const s=await f(r.name,e);if(s?.error||!s?.data)throw new Error(s?.error||"Something went wrong while fetching the list. Please try again");return s.data.map(i=>({label:i.name,value:i.id,selected:!1}))}return o.jsxDEV(x.BaseQueryBuilderNode,{node:t,mode:a,children:o.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"},children:[o.jsxDEV(U.default,{disabled:a==="view",selectedType:t.type,allowedList:p,onSelect:e=>y(e.value,t._id)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:167,columnNumber:5},void 0),o.jsxDEV(k.PropertyNodeHeadless,{mode:a,property:t?.properties?.[0],fetchPropertyData:h,onPropertyNameSelect:b,onPropertyOperatorChange:v,onPropertyValueChange:g,onPropertyValueSearch:w},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:179,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:159,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:158,columnNumber:3},void 0)};exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),v=require("../../../components/AllowedListDropdown.js"),S=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),c=require("../../../helpers/SegmentValidator.js"),E=require("../../../hooks/useQueryBuilder.js"),x=require("../../../hooks/useQueryBuilderCache.js"),B=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),D=({node:t,allowedNodes:d,apiHandler:i,mode:a,selectorKey:y})=>{const{selectType:p,createProperty:m,updateProperty:l}=E.useQueryBuilder(y),{cacheWrap:u}=x.useQueryBuilderCache(),P=()=>u(()=>i({}),"USER_PROPERTIES"),f=e=>u(()=>i({query:{propertyName:e}}),`USER_PROPERTIES-${e}`),h=async(e,r)=>await i({query:{propertyName:e,searchKey:r}});async function w(e){const r=t.properties?.[0],o=!!r&&r.name===e.id&&r.dataType===e.type;if(r?o||l({...r,name:e.id,dataType:e.type,operator:void 0,value:void 0,error:{}},t._id):m({name:e.id,dataType:e.type},t._id),e.needValuesRetrieval){const s=await f(e.id);if(!s)throw new Error("Something went wrong while fetching the list. Please try again");return s}return[]}function g(e){l({...t.properties[0],operator:e,value:void 0,error:{}},t._id)}function b(e){const r=t.properties[0],s=r.dataType==="string"&&c.CONTAINS_OPERATORS.includes(r.operator??"")?c.getContainsFilterError(e):{};l({...r,value:e,error:s},t._id)}async function U(e,r){const o=await h(r.name,e);if(o?.error||!o?.data)throw new Error(o?.error||"Something went wrong while fetching the list. Please try again");return o.data.map(s=>({label:s.name,value:s.id,selected:!1}))}return n.jsxDEV(B.BaseQueryBuilderNode,{node:t,mode:a,children:n.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"},children:[n.jsxDEV(v.default,{disabled:a==="view",selectedType:t.type,allowedList:d,onSelect:e=>p(e.value,t._id)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:167,columnNumber:5},void 0),n.jsxDEV(S.PropertyNodeHeadless,{mode:a,property:t?.properties?.[0],fetchPropertyData:P,onPropertyNameSelect:w,onPropertyOperatorChange:g,onPropertyValueChange:b,onPropertyValueSearch:U},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:179,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:159,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:158,columnNumber:3},void 0)};exports.default=D;
 //# sourceMappingURL=UserPropertyFilter.js.map

package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserPropertyFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport { PropertyNodeHeadless } from '@src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '@src/components/QueryBuilder/helpers/SegmentValidator';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tQueryBuilderProperty,\n\tQueryBuilderType,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport { CONNECTOR_OPERATORS } from '@src/components/QueryBuilder/types/QueryBuilderOperator.type';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\n\nconst UserPropertyFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst { selectType, createProperty, updateProperty } =\n\t\tuseQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\n\t/** DATA LAYER */\n\tconst getUserProperties = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'USER_PROPERTIES');\n\n\tconst getUserPropertyValues = (propertyName: string) =>\n\t\tcacheWrap(\n\t\t\t() => apiHandler<{ propertyName: string }>({ query: { propertyName } }),\n\t\t\t`USER_PROPERTIES-${propertyName}`,\n\t\t);\n\n\tconst searchUserPropertiesValue = async (\n\t\tpropertyName: string | number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait apiHandler<{\n\t\t\tpropertyName: string | number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { propertyName, searchKey },\n\t\t});\n\n\t/**\n\t * User property name selection handler. it creates property if 0th property is not present else updates that\n\t * also, it call the property value API the values are required for the property\n\t * @param propertyName\n\t * @returns\n\t */\n\tasync function handlePropertyNameSelection(\n\t\tpropertyName: QueryBuilderAPIData,\n\t) {\n\t\tconst currentProperty = node.properties?.[0];\n\t\tconst isRetry =\n\t\t\t!!currentProperty &&\n\t\t\tcurrentProperty.name === propertyName.id &&\n\t\t\tcurrentProperty.dataType === propertyName.type;\n\n\t\tif (!currentProperty) {\n\t\t\tcreateProperty(\n\t\t\t\t{\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t} as QueryBuilderProperty,\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t} else if (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...currentProperty,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tif (propertyName.needValuesRetrieval) {\n\t\t\tconst response = await getUserPropertyValues(propertyName.id as string);\n\n\t\t\tif (!response) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn response;\n\t\t}\n\n\t\treturn [];\n\t}\n\n\tfunction handleOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...node.properties![0],\n\t\t\t\toperator,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tconst property = node.properties![0];\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue: value,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tasync function onPropertyValueSearch(\n\t\tsearchKey: string,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst response = await searchUserPropertiesValue(\n\t\t\tproperty.name as string,\n\t\t\tsearchKey,\n\t\t);\n\n\t\tif (response?.error || !response?.data) {\n\t\t\tthrow new Error(\n\t\t\t\tresponse?.error ||\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn (response.data as QueryBuilderAPIData[]).map((option) => ({\n\t\t\tlabel: option.name,\n\t\t\tvalue: option.id,\n\t\t\tselected: false,\n\t\t}));\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode node={node} mode={mode}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: 12,\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<AllowedListDropdown\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\tonSelect={(option) =>\n\t\t\t\t\t\tselectType(\n\t\t\t\t\t\t\t(option as SingleOption).value as QueryBuilderType,\n\t\t\t\t\t\t\tnode._id,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\n\t\t\t\t<PropertyNodeHeadless\n\t\t\t\t\tmode={mode}\n\t\t\t\t\tproperty={node?.properties?.[0]}\n\t\t\t\t\tfetchPropertyData={getUserProperties}\n\t\t\t\t\tonPropertyNameSelect={handlePropertyNameSelection}\n\t\t\t\t\tonPropertyOperatorChange={handleOperatorChange}\n\t\t\t\t\tonPropertyValueChange={handleValueChange}\n\t\t\t\t\tonPropertyValueSearch={\n\t\t\t\t\t\tonPropertyValueSearch as (\n\t\t\t\t\t\t\tsearchKey: string,\n\t\t\t\t\t\t\tproperty: QueryBuilderProperty,\n\t\t\t\t\t\t) => Promise<DropdownOption[]>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default UserPropertyFilter;\n"],"names":["UserPropertyFilter","node","allowedNodes","apiHandler","mode","selectorKey","selectType","createProperty","updateProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","getUserProperties","getUserPropertyValues","propertyName","searchUserPropertiesValue","searchKey","handlePropertyNameSelection","currentProperty","isRetry","response","handleOperatorChange","operator","handleValueChange","value","property","error","CONTAINS_OPERATORS","getContainsFilterError","onPropertyValueSearch","option","jsxDEV","BaseQueryBuilderNode","AllowedListDropdown","this","PropertyNodeHeadless"],"mappings":"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"}
+{"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","getUserProperties","getUserPropertyValues","propertyName","searchUserPropertiesValue","searchKey","handlePropertyNameSelection","currentProperty","isRetry","response","handleOperatorChange","operator","handleValueChange","value","property","error","CONTAINS_OPERATORS","getContainsFilterError","onPropertyValueSearch","option","jsxDEV","BaseQueryBuilderNode","AllowedListDropdown","this","PropertyNodeHeadless"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),n=require("react"),p=require("../TypographyStyle.js"),B=require("./components/QueryBuilderNodes.js"),k=require("./hooks/useQueryBuilder.js"),N=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},Q=N(n),a=Q.default.forwardRef(({queryPreText:e,infinite:c,addNodeBtnText:d,typesAPIHandlers:i,onStateChange:m,mode:f,selectorKey:o,state:t,errorState:u},y)=>{const{init:b,fillState:s}=k.useQueryBuilder(o),l=i?Object.keys(i):[];return n.useEffect(()=>{t?s(t):b(l?.[0])},[]),n.useEffect(()=>{u&&s(u)},[u]),r.jsxDEV(r.Fragment,{children:[r.jsxDEV(p.BodyPrimary,{style:{marginBottom:12},children:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/QueryBuilder.tsx",lineNumber:56,columnNumber:5},void 0),r.jsxDEV(B.default,{ref:y,selectorKey:o,onStateChange:m,typesAPIHandlers:i,allowedNodes:l,infinite:c??!0,addNodeBtnText:d,mode:f},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/QueryBuilder.tsx",lineNumber:57,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/QueryBuilder.tsx",lineNumber:55,columnNumber:4},void 0)});a.displayName="QueryBuilder";exports.QueryBuilder=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),n=require("react"),B=require("../TypographyStyle.js"),N=require("./components/QueryBuilderNodes.js"),Q=require("./hooks/useQueryBuilder.js"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},D=p(n),d=D.default.forwardRef(({queryPreText:e,infinite:a,addNodeBtnText:c,typesAPIHandlers:u,onStateChange:f,mode:m,selectorKey:o,state:l,errorState:i},y)=>{const{init:b,fillState:t}=Q.useQueryBuilder(o),s=u?Object.keys(u):[];return n.useEffect(()=>{l?t(l):b(s?.[0])},[]),n.useEffect(()=>{i&&t(i)},[i]),r.jsxDEV(r.Fragment,{children:[r.jsxDEV(B.BodyPrimary,{style:{marginBottom:12},children:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/QueryBuilder.tsx",lineNumber:56,columnNumber:5},void 0),r.jsxDEV(N.default,{ref:y,selectorKey:o,onStateChange:f,typesAPIHandlers:u,allowedNodes:s,infinite:a??!0,addNodeBtnText:c,mode:m},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/QueryBuilder.tsx",lineNumber:57,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/QueryBuilder.tsx",lineNumber:55,columnNumber:4},void 0)});d.displayName="QueryBuilder";exports.QueryBuilder=d;
 //# sourceMappingURL=QueryBuilder.js.map

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

@@ -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","queryPreText","infinite","addNodeBtnText","typesAPIHandlers","onStateChange","mode","selectorKey","state","errorState","ref","init","fillState","useQueryBuilder","allowedNodes","useEffect","jsxDEV","Fragment","BodyPrimary","this","QueryBuilderNodes"],"mappings":"qUAgBaA,EAAeC,EAAAA,QAAM,WAIjC,CACC,CACC,aAAAC,EACA,SAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,KAAAC,EACA,YAAAC,EACA,MAAAC,EACA,WAAAC,CAAA,EAEDC,IACI,CACJ,KAAM,CAAE,KAAAC,EAAM,UAAAC,GAAcC,EAAAA,gBAAgBN,CAAW,EACjDO,EACLV,EAAmB,OAAO,KAAKA,CAAgB,EAAI,CAAA,EAGpDW,OAAAA,EAAAA,UAAU,IAAM,CACXP,EACHI,EAAUJ,CAAK,EAEfG,EAAKG,IAAe,CAAC,CAAC,CAExB,EAAG,CAAA,CAAE,EAELC,EAAAA,UAAU,IAAM,CACXN,GACHG,EAAUH,CAAU,CAEtB,EAAG,CAACA,CAAU,CAAC,EAGdO,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAACE,EAAAA,aAAY,MAAO,CAAE,aAAc,EAAA,EAAO,SAAAjB,GAA3C,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAwD,EACxDH,EAAAA,OAACI,EAAAA,QAAA,CACA,IAAAV,EACA,YAAAH,EACA,cAAAF,EACA,iBAAAD,EACA,aAAAU,EACA,SAAUZ,GAAY,GACtB,eAAAC,EACA,KAAAG,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,CASA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,CAEF,CACD,EAEApB,EAAa,YAAc"}
+{"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","queryPreText","infinite","addNodeBtnText","typesAPIHandlers","onStateChange","mode","selectorKey","state","errorState","ref","init","fillState","useQueryBuilder","allowedNodes","useEffect","jsxDEV","Fragment","BodyPrimary","this","QueryBuilderNodes"],"mappings":"qUAgBaA,EAAeC,EAAAA,QAAM,WAIjC,CACC,CACC,aAAAC,EACA,SAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,KAAAC,EACA,YAAAC,EACA,MAAAC,EACA,WAAAC,CAAA,EAEDC,IACI,CACJ,KAAM,CAAE,KAAAC,EAAM,UAAAC,GAAcC,EAAAA,gBAAgBN,CAAW,EACjDO,EACLV,EAAmB,OAAO,KAAKA,CAAgB,EAAI,CAAA,EAGpDW,OAAAA,EAAAA,UAAU,IAAM,CACXP,EACHI,EAAUJ,CAAK,EAEfG,EAAKG,IAAe,CAAC,CAAC,CAExB,EAAG,CAAA,CAAE,EAELC,EAAAA,UAAU,IAAM,CACXN,GACHG,EAAUH,CAAU,CAEtB,EAAG,CAACA,CAAU,CAAC,EAGdO,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAACE,EAAAA,aAAY,MAAO,CAAE,aAAc,EAAA,EAAO,SAAAjB,GAA3C,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAwD,EACxDH,EAAAA,OAACI,EAAAA,QAAA,CACA,IAAAV,EACA,YAAAH,EACA,cAAAF,EACA,iBAAAD,EACA,aAAAU,EACA,SAAUZ,GAAY,GACtB,eAAAC,EACA,KAAAG,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,CASA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,CAEF,CACD,EAEApB,EAAa,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-dev-runtime"),l=require("../../components/BaseTriggerQueryBuilderNode.js"),c=t=>{const i=t.node?.metas?.find(r=>r.key==="triggerName"),s=async(r,n,e)=>await t.apiHandler({query:{triggerName:r,propertyName:n,searchKey:e}});async function o(r,n){const e=await s(i?.value,n.name,r);if(e?.error||!e?.data)throw new Error(e?.error||"Something went wrong while fetching the list. Please try again");return e.data.map(a=>({label:a.name,value:a.id,selected:!1}))}return u.jsxDEV(l.default,{onPropertyValueSearch:o,cacheKey:"EVENTS_TRIGGER",propertyAddBtnText:"Add event property",...t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.tsx",lineNumber:51,columnNumber:3},void 0)};exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-dev-runtime"),u=require("../../components/BaseTriggerQueryBuilderNode.js"),d=t=>{const o=t.node?.metas?.find(r=>r.key==="triggerName"),s=async(r,n,e)=>await t.apiHandler({query:{triggerName:r,propertyName:n,searchKey:e}});async function i(r,n){const e=await s(o?.value,n.name,r);if(e?.error||!e?.data)throw new Error(e?.error||"Something went wrong while fetching the list. Please try again");return e.data.map(a=>({label:a.name,value:a.id,selected:!1}))}return l.jsxDEV(u.default,{onPropertyValueSearch:i,cacheKey:"EVENTS_TRIGGER",propertyAddBtnText:"Add event property",...t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.tsx",lineNumber:51,columnNumber:3},void 0)};exports.default=d;
 //# sourceMappingURL=EventsTrigger.js.map

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventsTrigger.js","sources":["../../../../../../../src/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport { QueryBuilderProperty } from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport BaseTriggerQueryBuilderNode from '../../components/BaseTriggerQueryBuilderNode';\n\nconst EventsTrigger: React.FC<QueryBuilderNodeProps> = (props) => {\n\tconst nameMeta = props.node?.metas?.find(\n\t\t(meta) => meta.key === 'triggerName',\n\t);\n\n\tconst searchEventPropertiesValue = async (\n\t\ttriggerName: string,\n\t\tpropertyName: string | number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait props.apiHandler<{\n\t\t\ttriggerName: string;\n\t\t\tpropertyName: string | number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { triggerName, propertyName, searchKey },\n\t\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<BaseTriggerQueryBuilderNode\n\t\t\tonPropertyValueSearch={onPropertyValueSearch}\n\t\t\tcacheKey=\"EVENTS_TRIGGER\"\n\t\t\tpropertyAddBtnText=\"Add event property\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nexport default EventsTrigger;\n"],"names":["EventsTrigger","props","nameMeta","meta","searchEventPropertiesValue","triggerName","propertyName","searchKey","onPropertyValueSearch","property","response","option","jsxDEV","BaseTriggerQueryBuilderNode","this"],"mappings":"kNAOMA,EAAkDC,GAAU,CACjE,MAAMC,EAAWD,EAAM,MAAM,OAAO,KAClCE,GAASA,EAAK,MAAQ,aAAA,EAGlBC,EAA6B,MAClCC,EACAC,EACAC,IAEA,MAAMN,EAAM,WAIT,CACF,MAAO,CAAE,YAAAI,EAAa,aAAAC,EAAc,UAAAC,CAAA,CAAU,CAC9C,EAEF,eAAeC,EACdD,EACAE,EAC4B,CAC5B,MAAMC,EAAW,MAAMN,EACtBF,GAAU,MACVO,EAAS,KACTF,CAAA,EAGD,GAAIG,GAAU,OAAS,CAACA,GAAU,KACjC,MAAM,IAAI,MACTA,GAAU,OACT,gEAAA,EAIH,OAAQA,EAAS,KAA+B,IAAKC,IAAY,CAChE,MAAOA,EAAO,KACd,MAAOA,EAAO,GACd,SAAU,EAAA,EACT,CACH,CAEA,OACCC,EAAAA,OAACC,EAAAA,QAAA,CACA,sBAAAL,EACA,SAAS,iBACT,mBAAmB,qBAClB,GAAGP,CAAA,EAJL,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,CAOF"}
+{"version":3,"file":"EventsTrigger.js","sources":["../../../../../../../src/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport { QueryBuilderProperty } from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport BaseTriggerQueryBuilderNode from '../../components/BaseTriggerQueryBuilderNode';\n\nconst EventsTrigger: React.FC<QueryBuilderNodeProps> = (props) => {\n\tconst nameMeta = props.node?.metas?.find(\n\t\t(meta) => meta.key === 'triggerName',\n\t);\n\n\tconst searchEventPropertiesValue = async (\n\t\ttriggerName: string,\n\t\tpropertyName: string | number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait props.apiHandler<{\n\t\t\ttriggerName: string;\n\t\t\tpropertyName: string | number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { triggerName, propertyName, searchKey },\n\t\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<BaseTriggerQueryBuilderNode\n\t\t\tonPropertyValueSearch={onPropertyValueSearch}\n\t\t\tcacheKey=\"EVENTS_TRIGGER\"\n\t\t\tpropertyAddBtnText=\"Add event property\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nexport default EventsTrigger;\n"],"names":["EventsTrigger","props","nameMeta","meta","searchEventPropertiesValue","triggerName","propertyName","searchKey","onPropertyValueSearch","property","response","option","jsxDEV","BaseTriggerQueryBuilderNode","this"],"mappings":"kNAOMA,EAAkDC,GAAU,CACjE,MAAMC,EAAWD,EAAM,MAAM,OAAO,KAClCE,GAASA,EAAK,MAAQ,aAAA,EAGlBC,EAA6B,MAClCC,EACAC,EACAC,IAEA,MAAMN,EAAM,WAIT,CACF,MAAO,CAAE,YAAAI,EAAa,aAAAC,EAAc,UAAAC,CAAA,CAAU,CAC9C,EAEF,eAAeC,EACdD,EACAE,EAC4B,CAC5B,MAAMC,EAAW,MAAMN,EACtBF,GAAU,MACVO,EAAS,KACTF,CAAA,EAGD,GAAIG,GAAU,OAAS,CAACA,GAAU,KACjC,MAAM,IAAI,MACTA,GAAU,OACT,gEAAA,EAIH,OAAQA,EAAS,KAA+B,IAAKC,IAAY,CAChE,MAAOA,EAAO,KACd,MAAOA,EAAO,GACd,SAAU,EAAA,EACT,CACH,CAEA,OACCC,EAAAA,OAACC,EAAAA,QAAA,CACA,sBAAAL,EACA,SAAS,iBACT,mBAAmB,qBAClB,GAAGP,CAAA,EAJL,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,CAOF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-dev-runtime"),i=require("../../components/BaseTriggerQueryBuilderNode.js"),t=e=>r.jsxDEV(i.default,{cacheKey:"IG_TRIGGER",propertyAddBtnText:"Add condition",...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/Triggers/IG/components/IGTrigger.tsx",lineNumber:7,columnNumber:3},void 0);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-dev-runtime"),o=require("../../components/BaseTriggerQueryBuilderNode.js"),n=e=>r.jsxDEV(o.default,{cacheKey:"IG_TRIGGER",propertyAddBtnText:"Add condition",...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Triggers/IG/components/IGTrigger.tsx",lineNumber:7,columnNumber:3},void 0);exports.default=n;
 //# sourceMappingURL=IGTrigger.js.map

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"IGTrigger.js","sources":["../../../../../../../src/components/QueryBuilder/Triggers/IG/components/IGTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport BaseTriggerQueryBuilderNode from '../../components/BaseTriggerQueryBuilderNode';\n\nconst IGTrigger: React.FC<QueryBuilderNodeProps> = (props) => {\n\treturn (\n\t\t<BaseTriggerQueryBuilderNode\n\t\t\tcacheKey=\"IG_TRIGGER\"\n\t\t\tpropertyAddBtnText=\"Add condition\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nexport default IGTrigger;\n"],"names":["IGTrigger","props","jsxDEV","BaseTriggerQueryBuilderNode","this"],"mappings":"kNAIMA,EAA8CC,GAElDC,EAAAA,OAACC,EAAAA,QAAA,CACA,SAAS,aACT,mBAAmB,gBAClB,GAAGF,CAAA,EAHL,OAAA,GAAA,CAAA,SAAA,sJAAA,WAAA,EAAA,aAAA,CAAA,EAAAG,MAAA"}
+{"version":3,"file":"IGTrigger.js","sources":["../../../../../../../src/components/QueryBuilder/Triggers/IG/components/IGTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport BaseTriggerQueryBuilderNode from '../../components/BaseTriggerQueryBuilderNode';\n\nconst IGTrigger: React.FC<QueryBuilderNodeProps> = (props) => {\n\treturn (\n\t\t<BaseTriggerQueryBuilderNode\n\t\t\tcacheKey=\"IG_TRIGGER\"\n\t\t\tpropertyAddBtnText=\"Add condition\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nexport default IGTrigger;\n"],"names":["IGTrigger","props","jsxDEV","BaseTriggerQueryBuilderNode","this"],"mappings":"kNAIMA,EAA8CC,GAElDC,EAAAA,OAACC,EAAAA,QAAA,CACA,SAAS,aACT,mBAAmB,gBAClB,GAAGF,CAAA,EAHL,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,EAAA,aAAA,CAAA,EAAAG,MAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-dev-runtime"),a=require("react"),V=require("../../helpers/ApiResponse.helper.js"),T=require("../../helpers/SegmentValidator.js"),j=require("../../hooks/useQueryBuilder.js"),W=require("../../hooks/useQueryBuilderCache.js"),$=require("../../components/DropdownWrapper.js"),L=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),U=new V.ApiResponseHelper,p="triggerName",z=({node:s,apiHandler:u,cacheKey:l,propertyAddBtnText:b,mode:y,selectorKey:B,onPropertyValueSearch:S})=>{const[c,n]=a.useState([]),{updateMeta:P,createMeta:k,createProperty:w,deleteProperty:_,updateProperty:d,selectPropertyJoinOperator:Q,clearProperty:x}=j.useQueryBuilder(B),{cacheWrap:g}=W.useQueryBuilderCache(),[E,f]=a.useState(!0),[v,h]=a.useState(),t=s.metas.find(e=>e.key===p),O=()=>g(()=>u({}),l),A=e=>g(()=>u({query:{triggerName:e}}),`${l}_${e}`),D=(e,r)=>g(()=>u({query:{triggerName:e,propertyName:r}}),`${l}_${e}_${r}`),N=async()=>{f(!0),h(void 0);const e=await O();if(e)if(Array.isArray(e)){const r=e?.map(o=>({label:o.name,value:o.id,description:o.description,selected:y!=="create"&&t?.value?t.value===o.id:!1}))??[];n([...r])}else{const r=U.convertToGroupOptions(e,t?.value?[t.value]:void 0);n([...r])}else n([]),h("Something went wrong while fetching the list. Please try again");f(!1)};a.useEffect(()=>{N()},[]);function R(e){Array.isArray(e)||(x(s._id),Array.isArray(c)&&n([...c.map(r=>{if(r.options){const o=r.options.map(i=>i.value===e.value?{...i,selected:!0}:{...i,selected:!1});return{...r,options:o}}else return r.value===e.value?{...r,selected:!0}:{...r,selected:!1}})]),t?.key===p?P({...t,value:e.value,error:{}},s._id):k({key:p,value:e.value},s._id))}async function q(){return t?.value?await A(t?.value):null}async function C(e,r){r.name===e.id&&r.dataType===e.type||d({...r,name:e.id,dataType:e.type,operator:void 0,value:void 0,error:{}},s._id);const i=await D(t?.value,e.id);if(!i)throw new Error("Something went wrong while fetching the list. Please try again");return{normalized:i,originalData:i}}function F(e,r){d({...r,operator:e,value:void 0,error:{}},s._id)}function M(e,r){const i=r.dataType==="string"&&T.CONTAINS_OPERATORS.includes(r.operator??"")?T.getContainsFilterError(e):{};d({...r,value:e,error:i},s._id)}return m.jsxDEV(L.BaseQueryBuilderNode,{node:s,addPropertyBtnText:t?.value&&b,deleteProperty:_,createProperty:w,propertySelectorText:"Select condition",fetchPropertyData:q,onPropertyNameSelect:C,onPropertyOperatorChange:F,onPropertyValueChange:M,selectPropertyJoinOperator:Q,onPropertyValueSearch:S,mode:y,children:m.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:8},children:m.jsxDEV($.default,{isSearchable:!0,isLoading:E,optionsErrorState:v?{title:"Failed to load options",subTitle:v}:void 0,onRetryOptionsFetch:N,error:t?.error?.key,width:"200px",options:c,onSelect:R},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.tsx",lineNumber:301,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.tsx",lineNumber:300,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.tsx",lineNumber:286,columnNumber:3},void 0)};exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-dev-runtime"),a=require("react"),V=require("../../helpers/ApiResponse.helper.js"),h=require("../../helpers/SegmentValidator.js"),j=require("../../hooks/useQueryBuilder.js"),$=require("../../hooks/useQueryBuilderCache.js"),L=require("../../components/DropdownWrapper.js"),U=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),W=new V.ApiResponseHelper,m="triggerName",z=({node:s,apiHandler:l,cacheKey:u,propertyAddBtnText:B,mode:p,selectorKey:w,onPropertyValueSearch:b})=>{const[c,n]=a.useState([]),{updateMeta:S,createMeta:P,createProperty:_,deleteProperty:Q,updateProperty:d,selectPropertyJoinOperator:x,clearProperty:E}=j.useQueryBuilder(w),{cacheWrap:g}=$.useQueryBuilderCache(),[O,f]=a.useState(!0),[v,N]=a.useState(),t=s.metas.find(e=>e.key===m),A=()=>g(()=>l({}),u),D=e=>g(()=>l({query:{triggerName:e}}),`${u}_${e}`),R=(e,r)=>g(()=>l({query:{triggerName:e,propertyName:r}}),`${u}_${e}_${r}`),T=async()=>{f(!0),N(void 0);const e=await A();if(e)if(Array.isArray(e)){const r=e?.map(o=>({label:o.name,value:o.id,description:o.description,selected:p!=="create"&&t?.value?t.value===o.id:!1}))??[];n([...r])}else{const r=W.convertToGroupOptions(e,t?.value?[t.value]:void 0);n([...r])}else n([]),N("Something went wrong while fetching the list. Please try again");f(!1)};a.useEffect(()=>{T()},[]);function q(e){Array.isArray(e)||(E(s._id),Array.isArray(c)&&n([...c.map(r=>{if(r.options){const o=r.options.map(i=>i.value===e.value?{...i,selected:!0}:{...i,selected:!1});return{...r,options:o}}else return r.value===e.value?{...r,selected:!0}:{...r,selected:!1}})]),t?.key===m?S({...t,value:e.value,error:{}},s._id):P({key:m,value:e.value},s._id))}async function C(){return t?.value?await D(t?.value):null}async function F(e,r){r.name===e.id&&r.dataType===e.type||d({...r,name:e.id,dataType:e.type,operator:void 0,value:void 0,error:{}},s._id);const i=await R(t?.value,e.id);if(!i)throw new Error("Something went wrong while fetching the list. Please try again");return{normalized:i,originalData:i}}function k(e,r){d({...r,operator:e,value:void 0,error:{}},s._id)}function M(e,r){const i=r.dataType==="string"&&h.CONTAINS_OPERATORS.includes(r.operator??"")?h.getContainsFilterError(e):{};d({...r,value:e,error:i},s._id)}return y.jsxDEV(U.BaseQueryBuilderNode,{node:s,addPropertyBtnText:t?.value&&B,deleteProperty:Q,createProperty:_,propertySelectorText:"Select condition",fetchPropertyData:C,onPropertyNameSelect:F,onPropertyOperatorChange:k,onPropertyValueChange:M,selectPropertyJoinOperator:x,onPropertyValueSearch:b,mode:p,children:y.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:8},children:y.jsxDEV(L.default,{isSearchable:!0,isLoading:O,optionsErrorState:v?{title:"Failed to load options",subTitle:v}:void 0,onRetryOptionsFetch:T,error:t?.error?.key,width:"200px",options:c,onSelect:q},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.tsx",lineNumber:301,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.tsx",lineNumber:300,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.tsx",lineNumber:286,columnNumber:3},void 0)};exports.default=z;
 //# sourceMappingURL=BaseTriggerQueryBuilderNode.js.map

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTriggerQueryBuilderNode.js","sources":["../../../../../../src/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '@src/components/dropdown/type';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '@src/components/QueryBuilder/helpers/SegmentValidator';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tQueryBuilderMeta,\n\tQueryBuilderProperty,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport DropdownWrapper from '../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\nimport { CONNECTOR_OPERATORS } from '../../types/QueryBuilderOperator.type';\n\nconst apiResponseHelper = new ApiResponseHelper();\nconst META_KEY = 'triggerName';\n\nconst BaseTriggerQueryBuilderNode: React.FC<\n\tQueryBuilderNodeProps & {\n\t\tcacheKey: string;\n\t\tpropertyAddBtnText: string;\n\t\tonPropertyValueSearch?: (\n\t\t\tsearchKey: string,\n\t\t\tproperty: QueryBuilderProperty,\n\t\t) => Promise<DropdownOption[]>;\n\t}\n> = ({\n\tnode,\n\tapiHandler,\n\tcacheKey,\n\tpropertyAddBtnText,\n\tmode,\n\tselectorKey,\n\tonPropertyValueSearch,\n}) => {\n\tconst [triggerNameOptions, setTriggerNameOptions] = useState<\n\t\tDropdownOption[]\n\t>([]);\n\tconst {\n\t\tupdateMeta,\n\t\tcreateMeta,\n\t\tcreateProperty,\n\t\tdeleteProperty,\n\t\tupdateProperty,\n\t\tselectPropertyJoinOperator,\n\t\tclearProperty,\n\t} = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\tconst [triggerNameLoading, setTriggerNameLoading] = useState(true);\n\tconst [triggerNameFetchError, setTriggerNameFetchError] = useState<string>();\n\tconst triggeNameMeta = node.metas.find((meta) => meta.key === META_KEY);\n\n\tconst getTriggerNames = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), cacheKey);\n\n\tconst getTriggerPropertyNames = (key: string | number) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ triggerName: string | number }>({\n\t\t\t\t\tquery: { triggerName: key },\n\t\t\t\t}),\n\t\t\t`${cacheKey}_${key}`,\n\t\t);\n\n\tconst getTriggerPropertyValues = (\n\t\ttriggerName: string,\n\t\tpropertyName: string,\n\t) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ triggerName: string; propertyName: string }>({\n\t\t\t\t\tquery: {\n\t\t\t\t\t\ttriggerName,\n\t\t\t\t\t\tpropertyName,\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t`${cacheKey}_${triggerName}_${propertyName}`,\n\t\t);\n\n\tconst loadTriggerNames = async () => {\n\t\tsetTriggerNameLoading(true);\n\t\tsetTriggerNameFetchError(undefined);\n\t\tconst triggerNameResponse = await getTriggerNames();\n\n\t\tif (triggerNameResponse) {\n\t\t\tif (Array.isArray(triggerNameResponse)) {\n\t\t\t\tconst options: DropdownOption[] =\n\t\t\t\t\ttriggerNameResponse?.map((response) => ({\n\t\t\t\t\t\tlabel: response.name as string,\n\t\t\t\t\t\tvalue: response.id as string,\n\t\t\t\t\t\tdescription: response.description,\n\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\tmode !== 'create'\n\t\t\t\t\t\t\t\t? triggeNameMeta?.value\n\t\t\t\t\t\t\t\t\t? triggeNameMeta.value === response.id\n\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t: false,\n\t\t\t\t\t})) ?? [];\n\n\t\t\t\tsetTriggerNameOptions([...options]);\n\t\t\t} else {\n\t\t\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\t\t\ttriggerNameResponse,\n\t\t\t\t\ttriggeNameMeta?.value ? [triggeNameMeta.value as string] : undefined,\n\t\t\t\t);\n\t\t\t\tsetTriggerNameOptions([...eventNameOptions]);\n\t\t\t}\n\t\t} else {\n\t\t\tsetTriggerNameOptions([]);\n\t\t\tsetTriggerNameFetchError(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\tsetTriggerNameLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tloadTriggerNames();\n\t}, []);\n\n\tfunction handleTriggerNameSelection(\n\t\toption: DropdownOption | DropdownOption[],\n\t) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tclearProperty(node._id);\n\t\t\t/** always true */\n\n\t\t\tif (Array.isArray(triggerNameOptions)) {\n\t\t\t\tsetTriggerNameOptions([\n\t\t\t\t\t...triggerNameOptions.map((op) => {\n\t\t\t\t\t\tif ((op as GroupedOption).options) {\n\t\t\t\t\t\t\t/** grouped */\n\t\t\t\t\t\t\tconst groupedOptions = (op as GroupedOption).options.map((gp) => {\n\t\t\t\t\t\t\t\tif (gp.value === (option as SingleOption).value) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t...gp,\n\t\t\t\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...gp,\n\t\t\t\t\t\t\t\t\tselected: false,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\toptions: groupedOptions,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t(op as SingleOption).value === (option as SingleOption).value\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn { ...op, selected: false };\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t}\n\n\t\t\tif (triggeNameMeta?.key === META_KEY) {\n\t\t\t\tupdateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\t...triggeNameMeta,\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t\terror: {},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: META_KEY,\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t} as QueryBuilderMeta,\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tasync function fetchPropertyData() {\n\t\tif (triggeNameMeta?.value) {\n\t\t\tconst response = await getTriggerPropertyNames(\n\t\t\t\ttriggeNameMeta?.value as string,\n\t\t\t);\n\t\t\treturn response;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tasync function onPropertyNameSelect(\n\t\tpropertyName: QueryBuilderAPIData,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isRetry =\n\t\t\tproperty.name === propertyName.id &&\n\t\t\tproperty.dataType === propertyName.type;\n\n\t\tif (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...property,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\t// if (!propertyName.needValuesRetrieval) return [];\n\n\t\tconst response = await getTriggerPropertyValues(\n\t\t\ttriggeNameMeta?.value as string,\n\t\t\tpropertyName.id as string,\n\t\t);\n\n\t\tif (!response) {\n\t\t\tthrow new Error(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn {\n\t\t\tnormalized: response as QueryBuilderAPIData[],\n\t\t\toriginalData: response,\n\t\t};\n\t}\n\n\tfunction onPropertyOperatorChange(\n\t\toption: CONNECTOR_OPERATORS,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\toperator: option,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction onPropertyValueChange(\n\t\tvalue: CONNECTOR_VALUE_TYPE | QueryBuilderAPIData[],\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode\n\t\t\tnode={node}\n\t\t\taddPropertyBtnText={triggeNameMeta?.value && propertyAddBtnText}\n\t\t\tdeleteProperty={deleteProperty}\n\t\t\tcreateProperty={createProperty}\n\t\t\tpropertySelectorText=\"Select condition\"\n\t\t\tfetchPropertyData={fetchPropertyData}\n\t\t\tonPropertyNameSelect={onPropertyNameSelect}\n\t\t\tonPropertyOperatorChange={onPropertyOperatorChange}\n\t\t\tonPropertyValueChange={onPropertyValueChange}\n\t\t\tselectPropertyJoinOperator={selectPropertyJoinOperator}\n\t\t\tonPropertyValueSearch={onPropertyValueSearch}\n\t\t\tmode={mode}\n\t\t>\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 8 }}>\n\t\t\t\t<DropdownWrapper\n\t\t\t\t\tisSearchable\n\t\t\t\t\tisLoading={triggerNameLoading}\n\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\ttriggerNameFetchError\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\tsubTitle: triggerNameFetchError,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRetryOptionsFetch={loadTriggerNames}\n\t\t\t\t\terror={triggeNameMeta?.error?.key}\n\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\toptions={triggerNameOptions}\n\t\t\t\t\tonSelect={handleTriggerNameSelection}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default BaseTriggerQueryBuilderNode;\n"],"names":["apiResponseHelper","ApiResponseHelper","META_KEY","BaseTriggerQueryBuilderNode","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","meta","getTriggerNames","getTriggerPropertyNames","key","getTriggerPropertyValues","triggerName","propertyName","loadTriggerNames","triggerNameResponse","options","response","eventNameOptions","useEffect","handleTriggerNameSelection","option","op","groupedOptions","gp","fetchPropertyData","onPropertyNameSelect","property","onPropertyOperatorChange","onPropertyValueChange","value","error","CONTAINS_OPERATORS","getContainsFilterError","jsxDEV","BaseQueryBuilderNode","DropdownWrapper","this"],"mappings":"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"}
+{"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","meta","getTriggerNames","getTriggerPropertyNames","key","getTriggerPropertyValues","triggerName","propertyName","loadTriggerNames","triggerNameResponse","options","response","eventNameOptions","useEffect","handleTriggerNameSelection","option","op","groupedOptions","gp","fetchPropertyData","onPropertyNameSelect","property","onPropertyOperatorChange","onPropertyValueChange","value","error","CONTAINS_OPERATORS","getContainsFilterError","jsxDEV","BaseQueryBuilderNode","DropdownWrapper","this"],"mappings":"keAwBMA,EAAoB,IAAIC,EAAAA,kBACxBC,EAAW,cAEXC,EASF,CAAC,CACJ,KAAAC,EACA,WAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,KAAAC,EACA,YAAAC,EACA,sBAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAoBC,CAAqB,EAAIC,EAAAA,SAElD,CAAA,CAAE,EACE,CACL,WAAAC,EACA,WAAAC,EACA,eAAAC,EACA,eAAAC,EACA,eAAAC,EACA,2BAAAC,EACA,cAAAC,CAAA,EACGC,EAAAA,gBAAgBZ,CAAW,EACzB,CAAE,UAAAa,CAAA,EAAcC,uBAAA,EAChB,CAACC,EAAoBC,CAAqB,EAAIZ,EAAAA,SAAS,EAAI,EAC3D,CAACa,EAAuBC,CAAwB,EAAId,WAAA,EACpDe,EAAiBxB,EAAK,MAAM,KAAMyB,GAASA,EAAK,MAAQ3B,CAAQ,EAEhE4B,EAAkB,IACvBR,EAAU,IAAMjB,EAAsB,CAAA,CAAE,EAAGC,CAAQ,EAE9CyB,EAA2BC,GAChCV,EACC,IACCjB,EAA6C,CAC5C,MAAO,CAAE,YAAa2B,CAAA,CAAI,CAC1B,EACF,GAAG1B,CAAQ,IAAI0B,CAAG,EAAA,EAGdC,EAA2B,CAChCC,EACAC,IAEAb,EACC,IACCjB,EAA0D,CACzD,MAAO,CACN,YAAA6B,EACA,aAAAC,CAAA,CACD,CACA,EACF,GAAG7B,CAAQ,IAAI4B,CAAW,IAAIC,CAAY,EAAA,EAGtCC,EAAmB,SAAY,CACpCX,EAAsB,EAAI,EAC1BE,EAAyB,MAAS,EAClC,MAAMU,EAAsB,MAAMP,EAAA,EAElC,GAAIO,EACH,GAAI,MAAM,QAAQA,CAAmB,EAAG,CACvC,MAAMC,EACLD,GAAqB,IAAKE,IAAc,CACvC,MAAOA,EAAS,KAChB,MAAOA,EAAS,GAChB,YAAaA,EAAS,YACtB,SACC/B,IAAS,UACNoB,GAAgB,MACfA,EAAe,QAAUW,EAAS,GAEnC,EAAA,EACH,GAAK,CAAA,EAER3B,EAAsB,CAAC,GAAG0B,CAAO,CAAC,CACnC,KAAO,CACN,MAAME,EAAmBxC,EAAkB,sBAC1CqC,EACAT,GAAgB,MAAQ,CAACA,EAAe,KAAe,EAAI,MAAA,EAE5DhB,EAAsB,CAAC,GAAG4B,CAAgB,CAAC,CAC5C,MAEA5B,EAAsB,CAAA,CAAE,EACxBe,EACC,gEAAA,EAIFF,EAAsB,EAAK,CAC5B,EAEAgB,EAAAA,UAAU,IAAM,CACfL,EAAA,CACD,EAAG,CAAA,CAAE,EAEL,SAASM,EACRC,EACC,CACI,MAAM,QAAQA,CAAM,IACxBvB,EAAchB,EAAK,GAAG,EAGlB,MAAM,QAAQO,CAAkB,GACnCC,EAAsB,CACrB,GAAGD,EAAmB,IAAKiC,GAAO,CACjC,GAAKA,EAAqB,QAAS,CAElC,MAAMC,EAAkBD,EAAqB,QAAQ,IAAKE,GACrDA,EAAG,QAAWH,EAAwB,MAClC,CACN,GAAGG,EACH,SAAU,EAAA,EAIL,CACN,GAAGA,EACH,SAAU,EAAA,CAEX,EAED,MAAO,CACN,GAAGF,EACH,QAASC,CAAA,CAEX,KACC,QACED,EAAoB,QAAWD,EAAwB,MAEjD,CACN,GAAGC,EACH,SAAU,EAAA,EAIL,CAAE,GAAGA,EAAI,SAAU,EAAA,CAE5B,CAAC,CAAA,CACD,EAGEhB,GAAgB,MAAQ1B,EAC3BY,EACC,CACC,GAAGc,EACH,MAAQe,EAAwB,MAChC,MAAO,CAAA,CAAC,EAETvC,EAAK,GAAA,EAGNW,EACC,CACC,IAAKb,EACL,MAAQyC,EAAwB,KAAA,EAEjCvC,EAAK,GAAA,EAIT,CAEA,eAAe2C,GAAoB,CAClC,OAAInB,GAAgB,MACF,MAAMG,EACtBH,GAAgB,KAAA,EAKX,IACR,CAEA,eAAeoB,EACdb,EACAc,EACC,CAEAA,EAAS,OAASd,EAAa,IAC/Bc,EAAS,WAAad,EAAa,MAGnCjB,EACC,CACC,GAAG+B,EACH,KAAMd,EAAa,GACnB,SAAUA,EAAa,KACvB,SAAU,OACV,MAAO,OACP,MAAO,CAAA,CAAC,EAET/B,EAAK,GAAA,EAMP,MAAMmC,EAAW,MAAMN,EACtBL,GAAgB,MAChBO,EAAa,EAAA,EAGd,GAAI,CAACI,EACJ,MAAM,IAAI,MACT,gEAAA,EAIF,MAAO,CACN,WAAYA,EACZ,aAAcA,CAAA,CAEhB,CAEA,SAASW,EACRP,EACAM,EACC,CACD/B,EACC,CACC,GAAG+B,EACH,SAAUN,EACV,MAAO,OACP,MAAO,CAAA,CAAC,EAETvC,EAAK,GAAA,CAEP,CAEA,SAAS+C,EACRC,EACAH,EACC,CAID,MAAMI,EAFLJ,EAAS,WAAa,UACtBK,EAAAA,mBAAmB,SAASL,EAAS,UAAY,EAAE,EACnBM,yBAAuBH,CAAK,EAAI,CAAA,EAEjElC,EACC,CACC,GAAG+B,EACH,MAAAG,EACA,MAAAC,CAAA,EAEDjD,EAAK,GAAA,CAEP,CAEA,OACCoD,EAAAA,OAACC,EAAAA,qBAAA,CACA,KAAArD,EACA,mBAAoBwB,GAAgB,OAASrB,EAC7C,eAAAU,EACA,eAAAD,EACA,qBAAqB,mBACrB,kBAAA+B,EACA,qBAAAC,EACA,yBAAAE,EACA,sBAAAC,EACA,2BAAAhC,EACA,sBAAAT,EACA,KAAAF,EAEA,SAAAgD,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,cAAe,MAAO,QAAS,OAAQ,IAAK,CAAA,EACzD,SAAAA,EAAAA,OAACE,EAAAA,QAAA,CACA,aAAY,GACZ,UAAWlC,EACX,kBACCE,EACG,CACA,MAAO,yBACP,SAAUA,CAAA,EAEV,OAEJ,oBAAqBU,EACrB,MAAOR,GAAgB,OAAO,IAC9B,MAAM,QACN,QAASjB,EACT,SAAU+B,CAAA,EAfX,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,IAAA,aAAA,CAAA,EAAAiB,MAAA,CAgBA,EAjBD,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAkBA,CAAA,EAhCD,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAmCF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-dev-runtime"),n=require("../../../assets/icons/plus.svg.js"),s=require("../hooks/useQueryBuilder.js"),i=require("../../button/Button.js"),d=({buttonText:e,allowedNodes:u,selectorKey:t})=>{const{addNode:o}=s.useQueryBuilder(t);return r.jsxDEV(i.Button,{buttonText:e,size:"medium",buttonType:"dashRegular",LeadingIcon:n.default,onClick:()=>{o(u[0])}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/AddNodeButton.tsx",lineNumber:15,columnNumber:3},void 0)};exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),r=require("../../../assets/icons/plus.svg.js"),s=require("../hooks/useQueryBuilder.js"),d=require("../../button/Button.js"),i=({buttonText:e,allowedNodes:u,selectorKey:o})=>{const{addNode:n}=s.useQueryBuilder(o);return t.jsxDEV(d.Button,{buttonText:e,size:"medium",buttonType:"dashRegular",LeadingIcon:r.default,onClick:()=>{n(u[0])}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/AddNodeButton.tsx",lineNumber:15,columnNumber:3},void 0)};exports.default=i;
 //# sourceMappingURL=AddNodeButton.js.map

package/dist/cjs/components/QueryBuilder/components/AddNodeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodeButton.js","sources":["../../../../../src/components/QueryBuilder/components/AddNodeButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport PlusIcon from '../../../assets/icons/plus.svg';\nimport { useQueryBuilder } from '../hooks/useQueryBuilder';\nimport { QueryBuilderType } from '../types/QueryBuilder.type';\n\nconst AddNodeButton: React.FC<{\n\tbuttonText: string;\n\tallowedNodes: QueryBuilderType[];\n\tselectorKey: string;\n}> = ({ buttonText, allowedNodes, selectorKey }) => {\n\tconst { addNode } = useQueryBuilder(selectorKey);\n\n\treturn (\n\t\t<Button\n\t\t\tbuttonText={buttonText}\n\t\t\tsize=\"medium\"\n\t\t\tbuttonType=\"dashRegular\"\n\t\t\tLeadingIcon={PlusIcon}\n\t\t\tonClick={() => {\n\t\t\t\taddNode(allowedNodes[0]);\n\t\t\t}}\n\t\t/>\n\t);\n};\n\nexport default AddNodeButton;\n"],"names":["AddNodeButton","buttonText","allowedNodes","selectorKey","addNode","useQueryBuilder","jsxDEV","Button","PlusIcon","this"],"mappings":"iRAMMA,EAID,CAAC,CAAE,WAAAC,EAAY,aAAAC,EAAc,YAAAC,KAAkB,CACnD,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAAA,gBAAgBF,CAAW,EAE/C,OACCG,EAAAA,OAACC,EAAAA,OAAA,CACA,WAAAN,EACA,KAAK,SACL,WAAW,cACX,YAAaO,EAAAA,QACb,QAAS,IAAM,CACdJ,EAAQF,EAAa,CAAC,CAAC,CACxB,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAUF"}
+{"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","jsxDEV","Button","PlusIcon","this"],"mappings":"iRAMMA,EAID,CAAC,CAAE,WAAAC,EAAY,aAAAC,EAAc,YAAAC,KAAkB,CACnD,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAAA,gBAAgBF,CAAW,EAE/C,OACCG,EAAAA,OAACC,EAAAA,OAAA,CACA,WAAAN,EACA,KAAK,SACL,WAAW,cACX,YAAaO,EAAAA,QACb,QAAS,IAAM,CACdJ,EAAQF,EAAa,CAAC,CAAC,CACxB,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAUF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),e=require("../types/QueryBuilder.type.js"),E=require("./DropdownWrapper.js"),u={[e.QueryBuilderType.EVENT_FILTER]:{label:"Performed event",value:e.QueryBuilderType.EVENT_FILTER},[e.QueryBuilderType.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:e.QueryBuilderType.NO_EVENT_FILTER},[e.QueryBuilderType.USER_PROPERTY_FILTER]:{label:"Have user property",value:e.QueryBuilderType.USER_PROPERTY_FILTER},[e.QueryBuilderType.SEGMENT_FILTER]:{label:"Part of segment",value:e.QueryBuilderType.SEGMENT_FILTER},[e.QueryBuilderType.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:e.QueryBuilderType.ORDER_PROPERTY_FILTER},[e.QueryBuilderType.HAS_CUSTOM_FIELD]:{label:"Has Custom Field",value:e.QueryBuilderType.HAS_CUSTOM_FIELD}},d=({allowedList:i,onSelect:t,selectedType:l,loading:o,disabled:T})=>{const a=i.map(r=>u[r]??null).filter(r=>r).map(r=>{if(l)return r?.value===u[l]?.value?{...r,selected:!0}:r});return n.jsxDEV(E.default,{nativeID:"query-builder-initial-node",disabled:T,width:"200px",isLoading:o??!1,options:a,onSelect:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/AllowedListDropdown.tsx",lineNumber:64,columnNumber:3},void 0)};exports.QUERY_TYPE_TO_OPTION_MAP=u;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-dev-runtime"),e=require("../types/QueryBuilder.type.js"),E=require("./DropdownWrapper.js"),u={[e.QueryBuilderType.EVENT_FILTER]:{label:"Performed event",value:e.QueryBuilderType.EVENT_FILTER},[e.QueryBuilderType.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:e.QueryBuilderType.NO_EVENT_FILTER},[e.QueryBuilderType.USER_PROPERTY_FILTER]:{label:"Have user property",value:e.QueryBuilderType.USER_PROPERTY_FILTER},[e.QueryBuilderType.SEGMENT_FILTER]:{label:"Part of segment",value:e.QueryBuilderType.SEGMENT_FILTER},[e.QueryBuilderType.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:e.QueryBuilderType.ORDER_PROPERTY_FILTER},[e.QueryBuilderType.HAS_CUSTOM_FIELD]:{label:"Has Custom Field",value:e.QueryBuilderType.HAS_CUSTOM_FIELD}},a=({allowedList:i,onSelect:o,selectedType:l,loading:t,disabled:T})=>{const n=i.map(r=>u[r]??null).filter(r=>r).map(r=>{if(l)return r?.value===u[l]?.value?{...r,selected:!0}:r});return d.jsxDEV(E.default,{nativeID:"query-builder-initial-node",disabled:T,width:"200px",isLoading:t??!1,options:n,onSelect:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/AllowedListDropdown.tsx",lineNumber:64,columnNumber:3},void 0)};exports.QUERY_TYPE_TO_OPTION_MAP=u;exports.default=a;
 //# sourceMappingURL=AllowedListDropdown.js.map

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

@@ -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","AllowedListDropdown","allowedList","onSelect","selectedType","loading","disabled","options","type","op","jsxDEV","DropdownWrapper","this"],"mappings":"kOAKaA,EAET,CACH,CAACC,EAAAA,iBAAiB,YAAY,EAAG,CAChC,MAAO,kBACP,MAAOA,EAAAA,iBAAiB,YAAA,EAEzB,CAACA,EAAAA,iBAAiB,eAAe,EAAG,CACnC,MAAO,uBACP,MAAOA,EAAAA,iBAAiB,eAAA,EAEzB,CAACA,EAAAA,iBAAiB,oBAAoB,EAAG,CACxC,MAAO,qBACP,MAAOA,EAAAA,iBAAiB,oBAAA,EAEzB,CAACA,EAAAA,iBAAiB,cAAc,EAAG,CAClC,MAAO,kBACP,MAAOA,EAAAA,iBAAiB,cAAA,EAEzB,CAACA,EAAAA,iBAAiB,qBAAqB,EAAG,CACzC,MAAO,sBACP,MAAOA,EAAAA,iBAAiB,qBAAA,EAEzB,CAACA,EAAAA,iBAAiB,gBAAgB,EAAG,CACpC,MAAO,mBACP,MAAOA,EAAAA,iBAAiB,gBAAA,CAE1B,EAOMC,EAMD,CAAC,CAAE,YAAAC,EAAa,SAAAC,EAAU,aAAAC,EAAc,QAAAC,EAAS,SAAAC,KAAe,CACpE,MAAMC,EAAUL,EACd,IAAKM,GAAST,EAAyBS,CAAI,GAAK,IAAI,EACpD,OAAQC,GAAOA,CAAE,EACjB,IAAKA,GAAO,CACZ,GAAIL,EACH,OAAIK,GAAI,QAAUV,EAAyBK,CAAY,GAAG,MAClD,CACN,GAAGK,EACH,SAAU,EAAA,EAILA,CAET,CAAC,EAEF,OACCC,EAAAA,OAACC,EAAAA,QAAA,CACA,SAAU,6BACV,SAAAL,EACA,MAAO,QACP,UAAWD,GAAW,GACtB,QAAAE,EACA,SAAAJ,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,CASF"}
+{"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","AllowedListDropdown","allowedList","onSelect","selectedType","loading","disabled","options","type","op","jsxDEV","DropdownWrapper","this"],"mappings":"kOAKaA,EAET,CACH,CAACC,EAAAA,iBAAiB,YAAY,EAAG,CAChC,MAAO,kBACP,MAAOA,EAAAA,iBAAiB,YAAA,EAEzB,CAACA,EAAAA,iBAAiB,eAAe,EAAG,CACnC,MAAO,uBACP,MAAOA,EAAAA,iBAAiB,eAAA,EAEzB,CAACA,EAAAA,iBAAiB,oBAAoB,EAAG,CACxC,MAAO,qBACP,MAAOA,EAAAA,iBAAiB,oBAAA,EAEzB,CAACA,EAAAA,iBAAiB,cAAc,EAAG,CAClC,MAAO,kBACP,MAAOA,EAAAA,iBAAiB,cAAA,EAEzB,CAACA,EAAAA,iBAAiB,qBAAqB,EAAG,CACzC,MAAO,sBACP,MAAOA,EAAAA,iBAAiB,qBAAA,EAEzB,CAACA,EAAAA,iBAAiB,gBAAgB,EAAG,CACpC,MAAO,mBACP,MAAOA,EAAAA,iBAAiB,gBAAA,CAE1B,EAOMC,EAMD,CAAC,CAAE,YAAAC,EAAa,SAAAC,EAAU,aAAAC,EAAc,QAAAC,EAAS,SAAAC,KAAe,CACpE,MAAMC,EAAUL,EACd,IAAKM,GAAST,EAAyBS,CAAI,GAAK,IAAI,EACpD,OAAQC,GAAOA,CAAE,EACjB,IAAKA,GAAO,CACZ,GAAIL,EACH,OAAIK,GAAI,QAAUV,EAAyBK,CAAY,GAAG,MAClD,CACN,GAAGK,EACH,SAAU,EAAA,EAILA,CAET,CAAC,EAEF,OACCC,EAAAA,OAACC,EAAAA,QAAA,CACA,SAAU,6BACV,SAAAL,EACA,MAAO,QACP,UAAWD,GAAW,GACtB,QAAAE,EACA,SAAAJ,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,CASF"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js

@@ -1,8 +1,8 @@
-"use strict";var f=Object.create;var l=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var C=(e,o,r,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of v(o))!j.call(e,i)&&i!==r&&l(e,i,{get:()=>o[i],enumerable:!(s=y(o,i))||s.enumerable});return e};var N=(e,o,r)=>(r=e!=null?f(h(e)):{},C(o||!e||!e.__esModule?l(r,"default",{value:e,enumerable:!0}):r,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),x=require("../../../../../assets/icons/emoji.svg.js"),c=require("react"),E=require("styled-components"),D=require("../../../../input/ChipInput.js"),P=require("../../../../../hooks/useOutside.js"),B=require("../../../../icon-button/IconButton.js"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},Q=p(c),d=p(E),U=Q.default.lazy(async()=>({default:(await import("emoji-picker-react")).default})),V=({val:e,onChange:o,errors:r,nativeID:s,disabled:i})=>{const[b,m]=c.useState(!1),a=(Array.isArray(e)?e:[]).map(t=>t),u=c.useRef();return P.useOutside(u,()=>{m(!1)}),n.jsxDEV("div",{style:{position:"relative",opacity:i?.5:1,width:300},id:s,children:[!!i&&n.jsxDEV("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:47,columnNumber:5},void 0),n.jsxDEV(q,{children:[n.jsxDEV(D.default,{error:r?.val,onChipsChange:o,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:59,columnNumber:5},void 0),n.jsxDEV(w,{children:n.jsxDEV(B.IconButton,{Icon:x.default,onClick:()=>m(!0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:71,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:70,columnNumber:5},void 0),b&&n.jsxDEV("div",{ref:u,className:"absolute-picker",children:n.jsxDEV(c.Suspense,{fallback:null,children:n.jsxDEV(U,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:"dark",emojiStyle:"native",onEmojiClick:t=>{a.find(k=>t.emoji===k)||o?.([...a,t.emoji])}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:79,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:78,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:74,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:58,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:42,columnNumber:3},void 0)};function W(e){return n.jsxDEV(V,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:103,columnNumber:9},this)}const w=d.default.div`
+"use strict";var y=Object.create;var m=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var x=(e,o,i,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of k(o))!N.call(e,s)&&s!==i&&m(e,s,{get:()=>o[s],enumerable:!(r=j(o,s))||r.enumerable});return e};var E=(e,o,i)=>(i=e!=null?y(C(e)):{},x(o||!e||!e.__esModule?m(i,"default",{value:e,enumerable:!0}):i,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),v=require("../../../../../assets/icons/emoji.svg.js"),c=require("react"),D=require("styled-components"),h=require("../../../../input/ChipInput.js"),w=require("../../../../../hooks/useOutside.js"),P=require("../../../../icon-button/IconButton.js"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},B=d(c),p=d(D),Q=B.default.lazy(async()=>({default:(await import("emoji-picker-react")).default})),U=({val:e,onChange:o,errors:i,nativeID:r,disabled:s})=>{const[f,u]=c.useState(!1),l=(Array.isArray(e)?e:[]).map(t=>t),a=c.useRef();return w.useOutside(a,()=>{u(!1)}),n.jsxDEV("div",{style:{position:"relative",opacity:s?.5:1,width:300},id:r,children:[!!s&&n.jsxDEV("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:47,columnNumber:5},void 0),n.jsxDEV(S,{children:[n.jsxDEV(h.default,{error:i?.val,onChipsChange:o,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:59,columnNumber:5},void 0),n.jsxDEV(q,{children:n.jsxDEV(P.IconButton,{Icon:v.default,onClick:()=>u(!0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:71,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:70,columnNumber:5},void 0),f&&n.jsxDEV("div",{ref:a,className:"absolute-picker",children:n.jsxDEV(c.Suspense,{fallback:null,children:n.jsxDEV(Q,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:"dark",emojiStyle:"native",onEmojiClick:t=>{l.find(b=>t.emoji===b)||o?.([...l,t.emoji])}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:79,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:78,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:74,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:58,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:42,columnNumber:3},void 0)};function V(e){return n.jsxDEV(U,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx",lineNumber:103,columnNumber:9},this)}const q=p.default.div`
 	position: absolute;
 	right: 0;
 	top: 0;
-`,q=d.default.div`
+`,S=p.default.div`
 	input {
 		pointer-events: none;
 	}
@@ -11,5 +11,5 @@
 		top: 50px;
 		z-index: 1;
 	}
-`;exports.default=W;
+`;exports.default=V;
 //# sourceMappingURL=EmojiPicker.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx"],"sourcesContent":["import EmojiIcon from '@src/assets/icons/emoji.svg';\nimport React, { LegacyRef, Suspense, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { IconButton } from '@src/components/icon-button';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { useOutside } from '@src/hooks/useOutside';\n\ntype EmojiClickData = {\n\temoji: string;\n};\n\nconst LazyEmojiPicker = React.lazy(async () => {\n\tconst mod = await import('emoji-picker-react');\n\treturn { default: mod.default };\n});\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst EmojiPicker: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst [showPicker, setShowPicker] = useState<boolean>(false);\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\treturn valEl;\n\t});\n\tconst ref = useRef();\n\n\tuseOutside(ref, () => {\n\t\tsetShowPicker(false);\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1, width: 300 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<EmojiInput>\n\t\t\t\t<ChipInput\n\t\t\t\t\terror={errors?.val as string}\n\t\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\t\tpadding: '0px 32px 0px 8px',\n\t\t\t\t\t}}\n\t\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\t\tplaceholder={'add emojis'}\n\t\t\t\t\tchips={valArr}\n\t\t\t\t/>\n\n\t\t\t\t<EmojiContainer>\n\t\t\t\t\t<IconButton Icon={EmojiIcon} onClick={() => setShowPicker(true)} />\n\t\t\t\t</EmojiContainer>\n\t\t\t\t{showPicker && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ref as unknown as LegacyRef<HTMLDivElement>}\n\t\t\t\t\t\tclassName=\"absolute-picker\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Suspense fallback={null}>\n\t\t\t\t\t\t\t<LazyEmojiPicker\n\t\t\t\t\t\t\t\tpreviewConfig={{ showPreview: false }}\n\t\t\t\t\t\t\t\tskinTonesDisabled\n\t\t\t\t\t\t\t\tsearchDisabled\n\t\t\t\t\t\t\t\ttheme={'dark' as unknown as never}\n\t\t\t\t\t\t\t\temojiStyle={'native' as unknown as never}\n\t\t\t\t\t\t\t\tonEmojiClick={(emoji: EmojiClickData) => {\n\t\t\t\t\t\t\t\t\tconst exists = valArr.find((em) => emoji.emoji === em);\n\t\t\t\t\t\t\t\t\tif (exists) return;\n\t\t\t\t\t\t\t\t\tonChange?.([\n\t\t\t\t\t\t\t\t\t\t...valArr,\n\t\t\t\t\t\t\t\t\t\temoji.emoji,\n\t\t\t\t\t\t\t\t\t] as unknown as CONNECTOR_VALUE_TYPE);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</EmojiInput>\n\t\t</div>\n\t);\n};\n\nexport default function EmojiPickerConnector(props: ConnectorComponentProps) {\n\treturn <EmojiPicker {...props} />;\n}\n\nconst EmojiContainer = styled.div`\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n`;\n\nconst EmojiInput = styled.div`\n\tinput {\n\t\tpointer-events: none;\n\t}\n\t.absolute-picker {\n\t\tposition: absolute;\n\t\ttop: 50px;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["LazyEmojiPicker","React","EmojiPicker","val","onChange","errors","nativeID","disabled","showPicker","setShowPicker","useState","valArr","valEl","ref","useRef","useOutside","jsxDEV","this","EmojiInput","ChipInput","EmojiContainer","IconButton","EmojiIcon","Suspense","emoji","em","EmojiPickerConnector","props","styled"],"mappings":"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"}
+{"version":3,"file":"EmojiPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx"],"sourcesContent":["import EmojiIcon from '@src/assets/icons/emoji.svg';\nimport React, { LegacyRef, Suspense, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { IconButton } from '@src/components/icon-button';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { useOutside } from '@src/hooks/useOutside';\n\ntype EmojiClickData = {\n\temoji: string;\n};\n\nconst LazyEmojiPicker = React.lazy(async () => {\n\tconst mod = await import('emoji-picker-react');\n\treturn { default: mod.default };\n});\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst EmojiPicker: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst [showPicker, setShowPicker] = useState<boolean>(false);\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\treturn valEl;\n\t});\n\tconst ref = useRef();\n\n\tuseOutside(ref, () => {\n\t\tsetShowPicker(false);\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1, width: 300 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<EmojiInput>\n\t\t\t\t<ChipInput\n\t\t\t\t\terror={errors?.val as string}\n\t\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\t\tpadding: '0px 32px 0px 8px',\n\t\t\t\t\t}}\n\t\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\t\tplaceholder={'add emojis'}\n\t\t\t\t\tchips={valArr}\n\t\t\t\t/>\n\n\t\t\t\t<EmojiContainer>\n\t\t\t\t\t<IconButton Icon={EmojiIcon} onClick={() => setShowPicker(true)} />\n\t\t\t\t</EmojiContainer>\n\t\t\t\t{showPicker && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ref as unknown as LegacyRef<HTMLDivElement>}\n\t\t\t\t\t\tclassName=\"absolute-picker\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Suspense fallback={null}>\n\t\t\t\t\t\t\t<LazyEmojiPicker\n\t\t\t\t\t\t\t\tpreviewConfig={{ showPreview: false }}\n\t\t\t\t\t\t\t\tskinTonesDisabled\n\t\t\t\t\t\t\t\tsearchDisabled\n\t\t\t\t\t\t\t\ttheme={'dark' as unknown as never}\n\t\t\t\t\t\t\t\temojiStyle={'native' as unknown as never}\n\t\t\t\t\t\t\t\tonEmojiClick={(emoji: EmojiClickData) => {\n\t\t\t\t\t\t\t\t\tconst exists = valArr.find((em) => emoji.emoji === em);\n\t\t\t\t\t\t\t\t\tif (exists) return;\n\t\t\t\t\t\t\t\t\tonChange?.([\n\t\t\t\t\t\t\t\t\t\t...valArr,\n\t\t\t\t\t\t\t\t\t\temoji.emoji,\n\t\t\t\t\t\t\t\t\t] as unknown as CONNECTOR_VALUE_TYPE);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</EmojiInput>\n\t\t</div>\n\t);\n};\n\nexport default function EmojiPickerConnector(props: ConnectorComponentProps) {\n\treturn <EmojiPicker {...props} />;\n}\n\nconst EmojiContainer = styled.div`\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n`;\n\nconst EmojiInput = styled.div`\n\tinput {\n\t\tpointer-events: none;\n\t}\n\t.absolute-picker {\n\t\tposition: absolute;\n\t\ttop: 50px;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["LazyEmojiPicker","React","EmojiPicker","val","onChange","errors","nativeID","disabled","showPicker","setShowPicker","useState","valArr","valEl","ref","useRef","useOutside","jsxDEV","this","EmojiInput","ChipInput","EmojiContainer","IconButton","EmojiIcon","Suspense","emoji","em","EmojiPickerConnector","props","styled"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),m=require("../../../../input/ChipInput.js"),u=({val:e,onChange:t,errors:s,nativeID:i,disabled:r})=>{const a=(Array.isArray(e)?e:[]).map(o=>typeof o=="object"?o.id:o);return n.jsxDEV("div",{style:{position:"relative",opacity:r?.5:1},id:i,children:[!!r&&n.jsxDEV("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx",lineNumber:30,columnNumber:5},void 0),n.jsxDEV(m.default,{error:s?.val,onChipsChange:t,chipsContainerCustomStyle:{padding:"0px 8px",minWidth:256},createChipKeys:[13,188],placeholder:"add multiple values with commas",chips:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx",lineNumber:42,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx",lineNumber:25,columnNumber:3},void 0)},c=e=>n.jsxDEV(u,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx",lineNumber:57,columnNumber:52},void 0);exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),l=require("../../../../input/ChipInput.js"),a=({val:e,onChange:t,errors:s,nativeID:i,disabled:r})=>{const u=(Array.isArray(e)?e:[]).map(o=>typeof o=="object"?o.id:o);return n.jsxDEV("div",{style:{position:"relative",opacity:r?.5:1},id:i,children:[!!r&&n.jsxDEV("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx",lineNumber:30,columnNumber:5},void 0),n.jsxDEV(l.default,{error:s?.val,onChipsChange:t,chipsContainerCustomStyle:{padding:"0px 8px",minWidth:256},createChipKeys:[13,188],placeholder:"add multiple values with commas",chips:u},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx",lineNumber:42,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx",lineNumber:25,columnNumber:3},void 0)},d=e=>n.jsxDEV(a,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx",lineNumber:57,columnNumber:52},void 0);exports.default=d;
 //# sourceMappingURL=FreeText.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FreeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx"],"sourcesContent":["import React from 'react';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst FreeText: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\tif (typeof valEl === 'object') {\n\t\t\treturn valEl.id;\n\t\t}\n\t\treturn valEl;\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<ChipInput\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\tpadding: '0px 8px',\n\t\t\t\t\tminWidth: 256,\n\t\t\t\t}}\n\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\tplaceholder={'add multiple values with commas'}\n\t\t\t\tchips={valArr}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => <FreeText {...props} />;\n"],"names":["FreeText","val","onChange","errors","nativeID","disabled","valArr","valEl","jsxDEV","this","ChipInput","props"],"mappings":"iMASMA,EAA8C,CAAC,CACpD,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,CACD,IAAM,CACL,MAAMC,GAAU,MAAM,QAAQL,CAAG,EAAIA,EAAM,CAAA,GAAI,IAAKM,GAC/C,OAAOA,GAAU,SACbA,EAAM,GAEPA,CACP,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,MAAO,CAAE,SAAU,WAAY,QAASH,EAAW,GAAM,CAAA,EACzD,GAAID,EAEH,SAAA,CAAA,CAAC,CAACC,GACFG,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAU,WACV,MAAO,OACP,OAAQ,OACR,IAAK,EACL,KAAM,EACN,OAAQ,CAAA,CACT,EARD,OAAA,GAAA,CAAA,SAAA,+JAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAYDD,EAAAA,OAACE,EAAAA,QAAA,CACA,MAAOP,GAAQ,IACf,cAAeD,EACf,0BAA2B,CAC1B,QAAS,UACT,SAAU,GAAA,EAEX,eAAgB,CAAC,GAAI,GAAG,EACxB,YAAa,kCACb,MAAOI,CAAA,EATR,OAAA,GAAA,CAAA,SAAA,+JAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAUA,CAAA,EA3BD,OAAA,GAAA,CAAA,SAAA,+JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA8BF,EAEAT,EAAgBW,GAAmCH,EAAAA,OAACR,EAAA,CAAU,GAAGW,CAAA,EAAd,OAAA,GAAA,CAAA,SAAA,+JAAA,WAAA,GAAA,aAAA,EAAA,EAAAF,MAAqB"}
+{"version":3,"file":"FreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx"],"sourcesContent":["import React from 'react';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst FreeText: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\tif (typeof valEl === 'object') {\n\t\t\treturn valEl.id;\n\t\t}\n\t\treturn valEl;\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<ChipInput\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\tpadding: '0px 8px',\n\t\t\t\t\tminWidth: 256,\n\t\t\t\t}}\n\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\tplaceholder={'add multiple values with commas'}\n\t\t\t\tchips={valArr}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => <FreeText {...props} />;\n"],"names":["FreeText","val","onChange","errors","nativeID","disabled","valArr","valEl","jsxDEV","this","ChipInput","props"],"mappings":"iMASMA,EAA8C,CAAC,CACpD,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,CACD,IAAM,CACL,MAAMC,GAAU,MAAM,QAAQL,CAAG,EAAIA,EAAM,CAAA,GAAI,IAAKM,GAC/C,OAAOA,GAAU,SACbA,EAAM,GAEPA,CACP,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,MAAO,CAAE,SAAU,WAAY,QAASH,EAAW,GAAM,CAAA,EACzD,GAAID,EAEH,SAAA,CAAA,CAAC,CAACC,GACFG,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAU,WACV,MAAO,OACP,OAAQ,OACR,IAAK,EACL,KAAM,EACN,OAAQ,CAAA,CACT,EARD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAYDD,EAAAA,OAACE,EAAAA,QAAA,CACA,MAAOP,GAAQ,IACf,cAAeD,EACf,0BAA2B,CAC1B,QAAS,UACT,SAAU,GAAA,EAEX,eAAgB,CAAC,GAAI,GAAG,EACxB,YAAa,kCACb,MAAOI,CAAA,EATR,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAUA,CAAA,EA3BD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA8BF,EAEAT,EAAgBW,GAAmCH,EAAAA,OAACR,EAAA,CAAU,GAAGW,CAAA,EAAd,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,EAAA,EAAAF,MAAqB"}

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),s=require("styled-components"),l=require("../../../../TypographyStyle.js"),u=require("./IntegerPositiveSingle.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=c(s),m=a.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),s=require("styled-components"),l=require("../../../../TypographyStyle.js"),u=require("./IntegerPositiveSingle.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=c(s),a=d.default.div`
 	flex-direction: row;
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,d=({val:e,onChange:o,errors:r,disabled:t,connectorType:i})=>n.jsxDEV(m,{children:[n.jsxDEV(u.default,{disabled:t,val:e,onChange:o,errors:r,connectorType:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx",lineNumber:23,columnNumber:4},void 0),n.jsxDEV(l.BodySecondary,{children:"time(s)"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx",lineNumber:30,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx",lineNumber:22,columnNumber:3},void 0),p=e=>n.jsxDEV(d,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx",lineNumber:37,columnNumber:2},void 0);exports.default=p;
+`,m=({val:e,onChange:o,errors:r,disabled:t,connectorType:i})=>n.jsxDEV(a,{children:[n.jsxDEV(u.default,{disabled:t,val:e,onChange:o,errors:r,connectorType:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx",lineNumber:23,columnNumber:4},void 0),n.jsxDEV(l.BodySecondary,{children:"time(s)"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx",lineNumber:30,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx",lineNumber:22,columnNumber:3},void 0),y=e=>n.jsxDEV(m,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx",lineNumber:37,columnNumber:2},void 0);exports.default=y;
 //# sourceMappingURL=FrequencyIntegerPositiveSingle.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrequencyIntegerPositiveSingle.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport IntegerPositiveSingle from './IntegerPositiveSingle';\n\nconst Container = styled.div`\n\tflex-direction: row;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nconst FrequencyIntegerPositiveSingle: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tdisabled,\n\tconnectorType,\n}) => {\n\treturn (\n\t\t<Container>\n\t\t\t<IntegerPositiveSingle\n\t\t\t\tdisabled={disabled}\n\t\t\t\tval={val}\n\t\t\t\tonChange={onChange}\n\t\t\t\terrors={errors}\n\t\t\t\tconnectorType={connectorType}\n\t\t\t/>\n\t\t\t<BodySecondary>time(s)</BodySecondary>\n\t\t</Container>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => (\n\t<FrequencyIntegerPositiveSingle {...props} />\n);\n"],"names":["Container","styled","FrequencyIntegerPositiveSingle","val","onChange","errors","disabled","connectorType","jsxDEV","IntegerPositiveSingle","this","BodySecondary","props"],"mappings":"uUAMMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBC,EAAoE,CAAC,CAC1E,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,cAAAC,CACD,aAEGP,EAAA,CACA,SAAA,CAAAQ,EAAAA,OAACC,EAAAA,QAAA,CACA,SAAAH,EACA,IAAAH,EACA,SAAAC,EACA,OAAAC,EACA,cAAAE,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,qLAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,EAOAF,EAAAA,OAACG,EAAAA,eAAc,SAAA,SAAA,EAAf,OAAA,GAAA,CAAA,SAAA,qLAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAsB,CAAA,CAAA,EARvB,OAAA,GAAA,CAAA,SAAA,qLAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EAKFR,EAAgBU,GACfJ,EAAAA,OAACN,EAAA,CAAgC,GAAGU,CAAA,EAApC,OAAA,GAAA,CAAA,SAAA,qLAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAA2C"}
+{"version":3,"file":"FrequencyIntegerPositiveSingle.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport IntegerPositiveSingle from './IntegerPositiveSingle';\n\nconst Container = styled.div`\n\tflex-direction: row;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nconst FrequencyIntegerPositiveSingle: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tdisabled,\n\tconnectorType,\n}) => {\n\treturn (\n\t\t<Container>\n\t\t\t<IntegerPositiveSingle\n\t\t\t\tdisabled={disabled}\n\t\t\t\tval={val}\n\t\t\t\tonChange={onChange}\n\t\t\t\terrors={errors}\n\t\t\t\tconnectorType={connectorType}\n\t\t\t/>\n\t\t\t<BodySecondary>time(s)</BodySecondary>\n\t\t</Container>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => (\n\t<FrequencyIntegerPositiveSingle {...props} />\n);\n"],"names":["Container","styled","FrequencyIntegerPositiveSingle","val","onChange","errors","disabled","connectorType","jsxDEV","IntegerPositiveSingle","this","BodySecondary","props"],"mappings":"uUAMMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBC,EAAoE,CAAC,CAC1E,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,cAAAC,CACD,aAEGP,EAAA,CACA,SAAA,CAAAQ,EAAAA,OAACC,EAAAA,QAAA,CACA,SAAAH,EACA,IAAAH,EACA,SAAAC,EACA,OAAAC,EACA,cAAAE,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,sJAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,EAOAF,EAAAA,OAACG,EAAAA,eAAc,SAAA,SAAA,EAAf,OAAA,GAAA,CAAA,SAAA,sJAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAsB,CAAA,CAAA,EARvB,OAAA,GAAA,CAAA,SAAA,sJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EAKFR,EAAgBU,GACfJ,EAAAA,OAACN,EAAA,CAAgC,GAAGU,CAAA,EAApC,OAAA,GAAA,CAAA,SAAA,sJAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAA2C"}