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

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

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

Files changed (1557) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EmojiPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport EmojiIcon from '@src/assets/icons/emoji.svg';\nimport React, { LegacyRef, Suspense, useRef, useState } from 'react';\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","lazy","__awaiter","default","import","EmojiPicker","val","onChange","errors","nativeID","disabled","showPicker","setShowPicker","useState","valArr","Array","isArray","map","valEl","ref","useRef","useOutside","_jsxs","Object","assign","style","position","opacity","width","id","children","_jsx","height","top","left","zIndex","EmojiInput","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","createChipKeys","placeholder","chips","EmojiContainer","IconButton","Icon","EmojiIcon","onClick","className","Suspense","fallback","previewConfig","showPreview","skinTonesDisabled","searchDisabled","theme","emojiStyle","onEmojiClick","emoji","find","em","EmojiPickerConnector","props","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":"grBAaA,MAAMA,EAAkBC,EAAMC,MAAK,IAAWC,OAAA,OAAA,OAAA,GAAA,YAE7C,MAAO,CAAEC,eADSC,OAAO,uBACHD,QACvB,MAOME,~~EAAiDA~~,~~EACtDC~~,~~MACAC~~,~~WACAC~~,~~SACAC~~,~~WACAC~~,~~eAEA~~,~~MAAOC~~,EAAYC,GAAiBC,GAAkB,GAChDC,GAAUC,MAAMC,QAAQV,GAAOA,EAAM,IAAIW,KAAKC,GAC5CA,IAEFC,EAAMC,IAMZ,OAJAC,EAAWF,GAAK,KACfP,GAAc,EAAM,IAIpBU,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYC,QAASjB,EAAW,GAAM,EAAGkB,MAAO,KACnEC,GAAIpB,GAAQ,CAAAqB,SAAA,GAETpB,GACFqB,EAAA,MAAA,CACCN,MAAO,CACNC,SAAU,WACVE,MAAO,OACPI,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAIXb,EAACc,aACAL,EAACM,EACA,CAAAC,MAAO9B,aAAM,EAANA,EAAQF,IACfiC,cAAehC,EACfiC,0BAA2B,CAC1BC,QAAS,oBAEVC,eAAgB,CAAC,GAAI,KACrBC,YAAa,aACbC,MAAO9B,IAGRiB,EAACc,EAAc,CAAAf,SACdC,EAACe,GAAWC,KAAMC,EAAWC,QAASA,IAAMrC,GAAc,OAE1DD,GACAoB,EAAA,MAAAR,OAAAC,OAAA,CACCL,IAAKA,EACL+B,UAAU,mBAAiB,CAAApB,SAE3BC,EAACoB,EAAQ5B,OAAAC,OAAA,CAAC4B,SAAU,MACnB,CAAAtB,SAAAC,~~EAAChC~~,EACA,~~CAAAsD~~,cAAe,CAAEC,aAAa,GAC9BC,qBACAC,gBAAc,EACdC,MAAO,OACPC,WAAY,SACZC,aAAeC,IACC9C,EAAO+C,MAAMC,GAAOF,EAAMA,QAAUE,KAEnDvD,SAAAA,EAAW,IACPO,EACH8C,EAAMA,OAC8B,gBAOtC,EAIgB,SAAAG,EAAqBC,GAC5C,OAAOjC,~~EAAC1B~~,~~EAAgBkB~~,OAAAC,OAAA,CAAA,EAAAwC,GACzB,CAEA,MAAMnB,EAAcoB,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,kBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,mCAAA,CAAAD,KAAA,UAAAC,OAAA,kCAAAvD,IAAA,00IAAAwD,SAAAC,IAMdtC,EAAU6B,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,cAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,sFAAA,CAAAD,KAAA,UAAAC,OAAA,qFAAAvD,IAAA,00IAAAwD,SAAAC"}
1	+ {"version":3,"file":"EmojiPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport EmojiIcon from '@src/assets/icons/emoji.svg';\nimport React, { LegacyRef, Suspense, useRef, useState } from 'react';\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","lazy","__awaiter","default","import","EmojiPicker","_ref","val","onChange","errors","nativeID","disabled","showPicker","setShowPicker","useState","valArr","Array","isArray","map","valEl","ref","useRef","useOutside","_jsxs","Object","assign","style","position","opacity","width","id","children","_jsx","height","top","left","zIndex","EmojiInput","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","createChipKeys","placeholder","chips","EmojiContainer","IconButton","Icon","EmojiIcon","onClick","className","Suspense","fallback","previewConfig","showPreview","skinTonesDisabled","searchDisabled","theme","emojiStyle","onEmojiClick","emoji","find","em","EmojiPickerConnector","props","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":"grBAaA,MAAMA,EAAkBC,EAAMC,MAAK,IAAWC,OAAA,OAAA,OAAA,GAAA,YAE7C,MAAO,CAAEC,eADSC,OAAO,uBACHD,QACvB,MAOME,EAAiDC,IAMlD,IANmDC,IACvDA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,SACRA,GACAL,EACA,MAAOM,EAAYC,GAAiBC,GAAkB,GAChDC,GAAUC,MAAMC,QAAQV,GAAOA,EAAM,IAAIW,KAAKC,GAC5CA,IAEFC,EAAMC,IAMZ,OAJAC,EAAWF,GAAK,KACfP,GAAc,EAAM,IAIpBU,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYC,QAASjB,EAAW,GAAM,EAAGkB,MAAO,KACnEC,GAAIpB,GAAQ,CAAAqB,SAAA,GAETpB,GACFqB,EAAA,MAAA,CACCN,MAAO,CACNC,SAAU,WACVE,MAAO,OACPI,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAIXb,EAACc,aACAL,EAACM,EACA,CAAAC,MAAO9B,aAAM,EAANA,EAAQF,IACfiC,cAAehC,EACfiC,0BAA2B,CAC1BC,QAAS,oBAEVC,eAAgB,CAAC,GAAI,KACrBC,YAAa,aACbC,MAAO9B,IAGRiB,EAACc,EAAc,CAAAf,SACdC,EAACe,GAAWC,KAAMC,EAAWC,QAASA,IAAMrC,GAAc,OAE1DD,GACAoB,EAAA,MAAAR,OAAAC,OAAA,CACCL,IAAKA,EACL+B,UAAU,mBAAiB,CAAApB,SAE3BC,EAACoB,EAAQ5B,OAAAC,OAAA,CAAC4B,SAAU,MACnB,CAAAtB,SAAAC,EAACjC,EACA,CAAAuD,cAAe,CAAEC,aAAa,GAC9BC,qBACAC,gBAAc,EACdC,MAAO,OACPC,WAAY,SACZC,aAAeC,IACC9C,EAAO+C,MAAMC,GAAOF,EAAMA,QAAUE,KAEnDvD,SAAAA,EAAW,IACPO,EACH8C,EAAMA,OAC8B,gBAOtC,EAIgB,SAAAG,EAAqBC,GAC5C,OAAOjC,EAAC3B,EAAgBmB,OAAAC,OAAA,CAAA,EAAAwC,GACzB,CAEA,MAAMnB,EAAcoB,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,kBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,mCAAA,CAAAD,KAAA,UAAAC,OAAA,kCAAAvD,IAAA,00IAAAwD,SAAAC,IAMdtC,EAAU6B,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,cAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,sFAAA,CAAAD,KAAA,UAAAC,OAAA,qFAAAvD,IAAA,00IAAAwD,SAAAC"}

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

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

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

	@@ -1 +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","Array","isArray","map","valEl","id","_jsxs","Object","assign","style","position","opacity","children","_jsx","width","height","top","left","zIndex","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","minWidth","createChipKeys","placeholder","chips","FreeText$1","props"],"mappings":"gGASA,MAAMA,~~EAA8CA~~,~~EACnDC~~,~~MACAC~~,~~WACAC~~,~~SACAC~~,~~WACAC~~,~~eAEA~~,~~MAAMC~~,GAAUC,MAAMC,QAAQP,GAAOA,EAAM,IAAIQ,KAAKC,GAC9B,iBAAVA,EACHA,EAAMC,GAEPD,IAGR,OACCE,EAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CAAEC,SAAU,WAAYC,QAASZ,EAAW,GAAM,GACzDM,GAAIP,GAEH,CAAAc,SAAA,GAAEb,GACFc,EAAA,MAAA,CACCJ,MAAO,CACNC,SAAU,WACVI,MAAO,OACPC,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAKXL,EAACM,GACAC,MAAOvB,eAAAA,EAAQF,IACf0B,cAAezB,EACf0B,0BAA2B,CAC1BC,QAAS,UACTC,SAAU,KAEXC,eAAgB,CAAC,GAAI,KACrBC,YAAa,kCACbC,MAAO3B,OAEH,EAIR,IAAA4B,EAAgBC,GAAmChB,~~EAACnB~~,~~EAAQa~~,OAAAC,OAAA,CAAA,EAAKqB"}
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","_ref","val","onChange","errors","nativeID","disabled","valArr","Array","isArray","map","valEl","id","_jsxs","Object","assign","style","position","opacity","children","_jsx","width","height","top","left","zIndex","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","minWidth","createChipKeys","placeholder","chips","FreeText$1","props"],"mappings":"gGASA,MAAMA,EAA8CC,IAM/C,IANgDC,IACpDA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,SACRA,GACAL,EACA,MAAMM,GAAUC,MAAMC,QAAQP,GAAOA,EAAM,IAAIQ,KAAKC,GAC9B,iBAAVA,EACHA,EAAMC,GAEPD,IAGR,OACCE,EAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CAAEC,SAAU,WAAYC,QAASZ,EAAW,GAAM,GACzDM,GAAIP,GAEH,CAAAc,SAAA,GAAEb,GACFc,EAAA,MAAA,CACCJ,MAAO,CACNC,SAAU,WACVI,MAAO,OACPC,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAKXL,EAACM,GACAC,MAAOvB,eAAAA,EAAQF,IACf0B,cAAezB,EACf0B,0BAA2B,CAC1BC,QAAS,UACTC,SAAU,KAEXC,eAAgB,CAAC,GAAI,KACrBC,YAAa,kCACbC,MAAO3B,OAEH,EAIR,IAAA4B,EAAgBC,GAAmChB,EAACpB,EAAQc,OAAAC,OAAA,CAAA,EAAKqB"}

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

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

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

	@@ -1 +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","div","FrequencyIntegerPositiveSingle","val","onChange","errors","disabled","connectorType","_jsxs","children","_jsx","IntegerPositiveSingle","BodySecondary","FrequencyIntegerPositiveSingle$1","props","Object","assign"],"mappings":"4LAMA,MAAMA,EAAYC,EAAOC,GAAG;;;;;EAOtBC,~~EAAoEA~~,~~EACzEC~~,~~MACAC~~,~~WACAC~~,~~SACAC~~,~~WACAC~~,~~mBAGCC~~,~~EAACT~~,EAAS,~~CAAAU~~,SAAA,CACTC,EAACC,EAAqB,CACrBL,SAAUA,EACVH,IAAKA,EACLC,SAAUA,EACVC,OAAQA,EACRE,cAAeA,IAEhBG,EAACE,EAAqC,CAAAH,SAAA,~~eAMzC~~,IAAAI,EAAgBC,GACfJ,~~EAACR~~,~~EAAmCa~~,OAAAC,OAAA,CAAA,EAAAF"}
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","div","FrequencyIntegerPositiveSingle","_ref","val","onChange","errors","disabled","connectorType","_jsxs","children","_jsx","IntegerPositiveSingle","BodySecondary","FrequencyIntegerPositiveSingle$1","props","Object","assign"],"mappings":"4LAMA,MAAMA,EAAYC,EAAOC,GAAG;;;;;EAOtBC,EAAoEC,IAMrE,IANsEC,IAC1EA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,cACRA,GACAL,EACA,OACCM,EAACV,EAAS,CAAAW,SAAA,CACTC,EAACC,EAAqB,CACrBL,SAAUA,EACVH,IAAKA,EACLC,SAAUA,EACVC,OAAQA,EACRE,cAAeA,IAEhBG,EAACE,EAAqC,CAAAH,SAAA,cAC3B,EAKd,IAAAI,EAAgBC,GACfJ,EAACT,EAAmCc,OAAAC,OAAA,CAAA,EAAAF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IgPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport InstagramIcon from '@src/assets/icons/instagram.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport React, { useEffect, useState } from 'react';\nimport * as Sc from '@src/components/button/Button.styled';\nimport { Media, MEDIA_TYPES, PostPicker } from '@src/components/postPicker';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\n\nconst IgPicker: React.FC<\n\tConnectorComponentProps & { mediaType: MEDIA_TYPES }\n> = (props) => {\n\tconst [showModal, setShowModal] = useState<boolean>(false);\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>([]);\n\tconst [allMedia, setAllMedia] = useState<Media[]>([]);\n\tconst [error, setError] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (props.errors && props.errors.val) {\n\t\t\tsetError(true);\n\t\t}\n\t}, [props.errors?.val]);\n\n\tuseEffect(() => {\n\t\tif (props.val && (props.val as Media[])?.length > 0) {\n\t\t\tsetSelectedMedia(props.val as Media[]);\n\t\t}\n\t}, [(props.val as Media[])?.length]);\n\n\tuseEffect(() => {\n\t\tif (props?.extra?.originalData && props?.extra?.originalData?.length > 0) {\n\t\t\tconst formattedData = props?.extra?.originalData?.map((item) => {\n\t\t\t\treturn {\n\t\t\t\t\tid: item.id,\n\t\t\t\t\timageUrl:\n\t\t\t\t\t\titem.media_type === 'VIDEO' ? item.thumbnail_url : item.media_url,\n\t\t\t\t\tredirectionUrl: item.permalink,\n\t\t\t\t\toverlayCaption: `posted on: ${formatTimestamp(item.timestamp)}`,\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetAllMedia(formattedData);\n\t\t}\n\t}, [props?.extra?.originalData]);\n\n\tconst formatTimestamp = (date: string) => {\n\t\tconst inputDate = new Date(date);\n\t\tconst month = inputDate.getMonth() + 1;\n\t\tconst day = inputDate.getDate();\n\t\tconst year = inputDate.getFullYear();\n\t\treturn `${day}/${month}/${year}`;\n\t};\n\n\tconst handleSelection = (selection: Media[]) => {\n\t\tsetSelectedMedia(selection);\n\t\tsetShowModal(false);\n\t\tprops.onChange?.(selection);\n\t};\n\n\tconst handlePostPicker = () => {\n\t\tsetShowModal(true);\n\t};\n\n\tconst handlePickerClose = () => {\n\t\tsetShowModal(false);\n\t};\n\n\tconst handleDeleteSelection = (id: string) => {\n\t\tconst currentlySelected = [...selectedMedia];\n\t\tconst updatedMedia = currentlySelected.filter((media) => media.id !== id);\n\t\tsetSelectedMedia(updatedMedia);\n\t\tif (updatedMedia.length > 0) {\n\t\t\tprops.onChange?.(updatedMedia);\n\t\t} else {\n\t\t\tprops.onChange?.(undefined);\n\t\t}\n\t};\n\n\tconst generateTitle = (mediaType: MEDIA_TYPES) => {\n\t\tif (mediaType === MEDIA_TYPES.POST \|\| mediaType === MEDIA_TYPES.REEL) {\n\t\t\treturn `Select upto 10 ${props.mediaType}s`;\n\t\t} else {\n\t\t\treturn `Select upto 10 stories`;\n\t\t}\n\t};\n\n\treturn (\n\t\t<IgPickerStyled mediaType={props.mediaType}>\n\t\t\t<div style={{ padding: 12 }}>\n\t\t\t\t<button\n\t\t\t\t\tclassName={`${error ? 'add-media-btn error' : 'add-media-btn'}`}\n\t\t\t\t\tonClick={() => handlePostPicker()}\n\t\t\t\t>\n\t\t\t\t\t<Sc.ButtonCustomDashedBorder />\n\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\tcolor={error ? COLORS.content.negative : COLORS.content.secondary}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tstyle={{ marginBottom: 15 }}\n\t\t\t\t\t/>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: error ? COLORS.content.negative : COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tAdd {unCamelCase(props.mediaType)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<div className=\"overlay-container\"></div>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div className=\"product-card-container\">\n\t\t\t\t{selectedMedia?.length > 0 &&\n\t\t\t\t\tselectedMedia.map((media) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={media.id} style={{ padding: '7px' }}>\n\t\t\t\t\t\t\t\t<ProductCard mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t\t<img src={media.imageUrl} alt={media.overlayCaption} />\n\n\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\thref={media.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t{media.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclassName=\"cross-icon\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleDeleteSelection(media.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</ProductCard>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t\t{showModal && (\n\t\t\t\t<PostPicker\n\t\t\t\t\tlimit={10}\n\t\t\t\t\tselected={selectedMedia}\n\t\t\t\t\tonSelect={handleSelection}\n\t\t\t\t\ttitle={generateTitle(props.mediaType)}\n\t\t\t\t\tshowModal={showModal}\n\t\t\t\t\tonClose={() => handlePickerClose()}\n\t\t\t\t\tmedia={allMedia}\n\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</IgPickerStyled>\n\t);\n};\n\nconst PostIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.POST} />\n);\nconst ReelIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.REEL} />\n);\nconst StoryIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.STORY} />\n);\nexport { PostIgPicker, ReelIgPicker, StoryIgPicker };\n\nconst IgPickerStyled = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tflex: 1;\n\toverflow: hidden;\n\n\t.product-card-container {\n\t\tdisplay: flex;\n\t\toverflow: auto;\n\t\tmax-width: calc(\n\t\t\t${(props) =>\n\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? '100% - 172px' : '100% - 132px'}\n\t\t);\n\t}\n\n\t.add-media-btn.error {\n\t\t.line-top {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n\n\t.add-media-btn {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t\tposition: relative;\n\t\tbackground-color: transparent;\n\t\tborder-radius: 4px;\n\t\t.line-top {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\tbottom: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.add-media-btn:hover {\n\t\t.overlay-container {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tpadding: 0;\n\t\t\tpadding-top: 1px;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tbackground-color: #000000;\n\t\t\topacity: 0.03;\n\t\t}\n\t}\n\t.add-media-btn:active {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\n\t\t.line-top,\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right,\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n`;\n\nconst ProductCard = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tposition: relative;\n\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 150 : 182)}px;\n\n\t.overlay {\n\t\tdisplay: none;\n\t}\n\n\t.overlay__caption {\n\t\ttext-align: center;\n\t\tbackground: #fafafa;\n\t\tpadding: 10px 20px;\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-bottom-left-radius: 4px;\n\t\tborder-bottom-right-radius: 4px;\n\t}\n\n\t.overlay__redirection {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 5px;\n\t\tpadding: 10px;\n\t}\n\n\timg {\n\t\tborder-radius: 4px;\n\t\tobject-fit: cover;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t}\n\t.cross-icon {\n\t\tposition: absolute;\n\t\tright: -8px;\n\t\ttop: -8px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 10px;\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\tbackground-color: ${COLORS.surface.subdued};\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\t\tpadding: 0;\n\t}\n\n\t&:hover {\n\t\t.overlay {\n\t\t\ttop: 0;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.9);\n\t\t\tborder-radius: 4px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tposition: absolute;\n\t\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\t\theight: ${(props) =>\n\t\t\t\tprops.mediaType === MEDIA_TYPES.POST ? 148 : 180}px;\n\t\t\ta {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["IgPicker","props","showModal","setShowModal","useState","selectedMedia","setSelectedMedia","allMedia","setAllMedia","error","setError","useEffect","errors","val","_a","length","_b","extra","originalData","_c","formattedData","_e","_d","map","item","id","imageUrl","media_type","thumbnail_url","media_url","redirectionUrl","permalink","overlayCaption","formatTimestamp","timestamp","date","inputDate","Date","month","getMonth","getDate","getFullYear","_jsxs","IgPickerStyled","Object","assign","mediaType","children","_jsx","style","padding","className","onClick","Sc","PlusIcon","color","COLORS","content","negative","secondary","width","height","marginBottom","BodySecondary","primary","unCamelCase","media","ProductCard","src","alt","target","rel","href","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","placeholder","updatedMedia","filter","onChange","call","undefined","handleDeleteSelection","CrossIcon","PostPicker","limit","selected","onSelect","selection","title","MEDIA_TYPES","POST","REEL","onClose","PostIgPicker","ReelIgPicker","StoryIgPicker","STORY","_styled","process","env","NODE_ENV","label","background","brandLight","brand","stroke","surface","subdued"],"mappings":"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"}
1	+ {"version":3,"file":"IgPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport InstagramIcon from '@src/assets/icons/instagram.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport React, { useEffect, useState } from 'react';\nimport * as Sc from '@src/components/button/Button.styled';\nimport { Media, MEDIA_TYPES, PostPicker } from '@src/components/postPicker';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\n\nconst IgPicker: React.FC<\n\tConnectorComponentProps & { mediaType: MEDIA_TYPES }\n> = (props) => {\n\tconst [showModal, setShowModal] = useState<boolean>(false);\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>([]);\n\tconst [allMedia, setAllMedia] = useState<Media[]>([]);\n\tconst [error, setError] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (props.errors && props.errors.val) {\n\t\t\tsetError(true);\n\t\t}\n\t}, [props.errors?.val]);\n\n\tuseEffect(() => {\n\t\tif (props.val && (props.val as Media[])?.length > 0) {\n\t\t\tsetSelectedMedia(props.val as Media[]);\n\t\t}\n\t}, [(props.val as Media[])?.length]);\n\n\tuseEffect(() => {\n\t\tif (props?.extra?.originalData && props?.extra?.originalData?.length > 0) {\n\t\t\tconst formattedData = props?.extra?.originalData?.map((item) => {\n\t\t\t\treturn {\n\t\t\t\t\tid: item.id,\n\t\t\t\t\timageUrl:\n\t\t\t\t\t\titem.media_type === 'VIDEO' ? item.thumbnail_url : item.media_url,\n\t\t\t\t\tredirectionUrl: item.permalink,\n\t\t\t\t\toverlayCaption: `posted on: ${formatTimestamp(item.timestamp)}`,\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetAllMedia(formattedData);\n\t\t}\n\t}, [props?.extra?.originalData]);\n\n\tconst formatTimestamp = (date: string) => {\n\t\tconst inputDate = new Date(date);\n\t\tconst month = inputDate.getMonth() + 1;\n\t\tconst day = inputDate.getDate();\n\t\tconst year = inputDate.getFullYear();\n\t\treturn `${day}/${month}/${year}`;\n\t};\n\n\tconst handleSelection = (selection: Media[]) => {\n\t\tsetSelectedMedia(selection);\n\t\tsetShowModal(false);\n\t\tprops.onChange?.(selection);\n\t};\n\n\tconst handlePostPicker = () => {\n\t\tsetShowModal(true);\n\t};\n\n\tconst handlePickerClose = () => {\n\t\tsetShowModal(false);\n\t};\n\n\tconst handleDeleteSelection = (id: string) => {\n\t\tconst currentlySelected = [...selectedMedia];\n\t\tconst updatedMedia = currentlySelected.filter((media) => media.id !== id);\n\t\tsetSelectedMedia(updatedMedia);\n\t\tif (updatedMedia.length > 0) {\n\t\t\tprops.onChange?.(updatedMedia);\n\t\t} else {\n\t\t\tprops.onChange?.(undefined);\n\t\t}\n\t};\n\n\tconst generateTitle = (mediaType: MEDIA_TYPES) => {\n\t\tif (mediaType === MEDIA_TYPES.POST \|\| mediaType === MEDIA_TYPES.REEL) {\n\t\t\treturn `Select upto 10 ${props.mediaType}s`;\n\t\t} else {\n\t\t\treturn `Select upto 10 stories`;\n\t\t}\n\t};\n\n\treturn (\n\t\t<IgPickerStyled mediaType={props.mediaType}>\n\t\t\t<div style={{ padding: 12 }}>\n\t\t\t\t<button\n\t\t\t\t\tclassName={`${error ? 'add-media-btn error' : 'add-media-btn'}`}\n\t\t\t\t\tonClick={() => handlePostPicker()}\n\t\t\t\t>\n\t\t\t\t\t<Sc.ButtonCustomDashedBorder />\n\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\tcolor={error ? COLORS.content.negative : COLORS.content.secondary}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tstyle={{ marginBottom: 15 }}\n\t\t\t\t\t/>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: error ? COLORS.content.negative : COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tAdd {unCamelCase(props.mediaType)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<div className=\"overlay-container\"></div>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div className=\"product-card-container\">\n\t\t\t\t{selectedMedia?.length > 0 &&\n\t\t\t\t\tselectedMedia.map((media) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={media.id} style={{ padding: '7px' }}>\n\t\t\t\t\t\t\t\t<ProductCard mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t\t<img src={media.imageUrl} alt={media.overlayCaption} />\n\n\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\thref={media.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t{media.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclassName=\"cross-icon\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleDeleteSelection(media.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</ProductCard>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t\t{showModal && (\n\t\t\t\t<PostPicker\n\t\t\t\t\tlimit={10}\n\t\t\t\t\tselected={selectedMedia}\n\t\t\t\t\tonSelect={handleSelection}\n\t\t\t\t\ttitle={generateTitle(props.mediaType)}\n\t\t\t\t\tshowModal={showModal}\n\t\t\t\t\tonClose={() => handlePickerClose()}\n\t\t\t\t\tmedia={allMedia}\n\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</IgPickerStyled>\n\t);\n};\n\nconst PostIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.POST} />\n);\nconst ReelIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.REEL} />\n);\nconst StoryIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.STORY} />\n);\nexport { PostIgPicker, ReelIgPicker, StoryIgPicker };\n\nconst IgPickerStyled = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tflex: 1;\n\toverflow: hidden;\n\n\t.product-card-container {\n\t\tdisplay: flex;\n\t\toverflow: auto;\n\t\tmax-width: calc(\n\t\t\t${(props) =>\n\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? '100% - 172px' : '100% - 132px'}\n\t\t);\n\t}\n\n\t.add-media-btn.error {\n\t\t.line-top {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n\n\t.add-media-btn {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t\tposition: relative;\n\t\tbackground-color: transparent;\n\t\tborder-radius: 4px;\n\t\t.line-top {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\tbottom: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.add-media-btn:hover {\n\t\t.overlay-container {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tpadding: 0;\n\t\t\tpadding-top: 1px;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tbackground-color: #000000;\n\t\t\topacity: 0.03;\n\t\t}\n\t}\n\t.add-media-btn:active {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\n\t\t.line-top,\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right,\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n`;\n\nconst ProductCard = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tposition: relative;\n\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 150 : 182)}px;\n\n\t.overlay {\n\t\tdisplay: none;\n\t}\n\n\t.overlay__caption {\n\t\ttext-align: center;\n\t\tbackground: #fafafa;\n\t\tpadding: 10px 20px;\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-bottom-left-radius: 4px;\n\t\tborder-bottom-right-radius: 4px;\n\t}\n\n\t.overlay__redirection {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 5px;\n\t\tpadding: 10px;\n\t}\n\n\timg {\n\t\tborder-radius: 4px;\n\t\tobject-fit: cover;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t}\n\t.cross-icon {\n\t\tposition: absolute;\n\t\tright: -8px;\n\t\ttop: -8px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 10px;\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\tbackground-color: ${COLORS.surface.subdued};\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\t\tpadding: 0;\n\t}\n\n\t&:hover {\n\t\t.overlay {\n\t\t\ttop: 0;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.9);\n\t\t\tborder-radius: 4px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tposition: absolute;\n\t\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\t\theight: ${(props) =>\n\t\t\t\tprops.mediaType === MEDIA_TYPES.POST ? 148 : 180}px;\n\t\t\ta {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["IgPicker","props","showModal","setShowModal","useState","selectedMedia","setSelectedMedia","allMedia","setAllMedia","error","setError","useEffect","errors","val","_a","length","_b","extra","originalData","_c","formattedData","_e","_d","map","item","id","imageUrl","media_type","thumbnail_url","media_url","redirectionUrl","permalink","overlayCaption","formatTimestamp","timestamp","date","inputDate","Date","month","getMonth","getDate","getFullYear","_jsxs","IgPickerStyled","Object","assign","mediaType","children","_jsx","style","padding","className","onClick","Sc","PlusIcon","color","COLORS","content","negative","secondary","width","height","marginBottom","BodySecondary","primary","unCamelCase","media","ProductCard","src","alt","target","rel","href","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","placeholder","updatedMedia","filter","onChange","call","undefined","handleDeleteSelection","CrossIcon","PostPicker","limit","selected","onSelect","selection","title","MEDIA_TYPES","POST","REEL","onClose","PostIgPicker","ReelIgPicker","StoryIgPicker","STORY","_styled","process","env","NODE_ENV","label","background","brandLight","brand","stroke","surface","subdued"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import I from"@emotion/styled/base";import{jsx as g,jsxs as l}from"react/jsx-runtime";import{useState as C,useEffect as c}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as d}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as o}from"../../../../input/Input.js";import{InputStyleContext as b}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import{QueryBuilderConnectorType as A}from"../../../types/QueryBuilderEnum.type.js";import e from"../../InputLoader.js";const n=I("div","production"===process.env.NODE_ENV?{target:"e18hgh550"}:{target:"e18hgh550",label:"Container"})("production"===process.env.NODE_ENV?{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px"}:{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVGhlTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZCIiwiZmlsZSI6IkluVGhlTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXMvUXVlcnlCdWlsZGVyRW51bS50eXBlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IChjb25uZWN0b3JUeXBlKSA9PiB7XHJcbiAgICBpZiAoY29ubmVjdG9yVHlwZSA9PT0gUXVlcnlCdWlsZGVyQ29ubmVjdG9yVHlwZS5leGFjdGx5IHx8XHJcbiAgICAgICAgY29ubmVjdG9yVHlwZSA9PT0gUXVlcnlCdWlsZGVyQ29ubmVjdG9yVHlwZS5kYXRlRGF5c09ubHkpIHtcclxuICAgICAgICByZXR1cm4gW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgICAgICAgICB2YWx1ZTogJ2RheXMnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgICByZXR1cm4gW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgICAgICAgICB2YWx1ZTogJ2RheXMnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgICAgICAgICB7IGxhYmVsOiAnaG91cihzKScsIHZhbHVlOiAnaG91cnMnIH0sXHJcbiAgICAgICAgXTtcclxuICAgIH1cclxufTtcclxuY29uc3QgSW5UaGVMYXN0ID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBpc0xvYWRpbmcsIGRpc2FibGVkLCBjb25uZWN0b3JUeXBlLCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgY29uc3QgW29wdGlvbnMsIHNldE9wdGlvbnNdID0gdXNlU3RhdGUodGltZU9wdGlvbnMoY29ubmVjdG9yVHlwZSkpO1xyXG4gICAgY29uc3QgdGltZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFsxXSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgY29uc3QgbnVtID0gKF9iID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzBdKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnMSc7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2I7XHJcbiAgICAgICAgY29uc3QgbmV3T3B0aW9ucyA9IHRpbWVPcHRpb25zKGNvbm5lY3RvclR5cGUpO1xyXG4gICAgICAgIGNvbnN0IGFsbG93ZWRWYWx1ZXMgPSBuZXdPcHRpb25zLm1hcCgobykgPT4gby52YWx1ZSk7XHJcbiAgICAgICAgY29uc3QgY3VycmVudFRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBjb25zdCBub3JtYWxpemVkVGltZSA9IGFsbG93ZWRWYWx1ZXMuaW5jbHVkZXMoY3VycmVudFRpbWUpXHJcbiAgICAgICAgICAgID8gY3VycmVudFRpbWVcclxuICAgICAgICAgICAgOiAnZGF5cyc7XHJcbiAgICAgICAgc2V0T3B0aW9ucyhuZXdPcHRpb25zLm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogbm9ybWFsaXplZFRpbWUgPT09IG9wLnZhbHVlIH0pKSkpO1xyXG4gICAgICAgIGlmIChub3JtYWxpemVkVGltZSAhPT0gY3VycmVudFRpbWUpIHtcclxuICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFsoX2IgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6ICcxJywgbm9ybWFsaXplZFRpbWVdKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29ubmVjdG9yVHlwZSwgdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBpZiAodHlwZW9mICh2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pID09PSAndW5kZWZpbmVkJykge1xyXG4gICAgICAgICAgICBjb25zdCB0aW1lID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzFdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbJzEnLCB0aW1lXSk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW10pO1xyXG4gICAgaWYgKGlzTG9hZGluZykge1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6IDIwMCB9IH0sIHsgY2hpbGRyZW46IF9qc3goSW5wdXRMb2FkZXIsIHsgY29udGFpbmVyU3R5bGU6IHsgcGFkZGluZzogJzVweCA4cHgnIH0gfSkgfSkpKTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeChJbnB1dFN0eWxlQ29udGV4dC5Qcm92aWRlciwgT2JqZWN0LmFzc2lnbih7IHZhbHVlOiB7XHJcbiAgICAgICAgICAgIElucHV0V3JhcHBlcjoge1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwNCxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBudW0sIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbdGV4dCwgdGltZV0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbbnVtLCBvcHRpb24udmFsdWVdKTtcclxuICAgICAgICAgICAgICAgICAgICB9IH0pXSB9KSB9KSkpO1xyXG59O1xyXG5jb25zdCBJblRoZUxhc3RXcmFwcGVyID0gKHByb3BzKSA9PiAoX2pzeChJblRoZUxhc3QsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzKSkpO1xyXG5leHBvcnQgZGVmYXVsdCBJblRoZUxhc3RXcmFwcGVyO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1JblRoZUxhc3QuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),i=I=>I===A.exactly||I===A.dateDaysOnly?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],t=({val:I,onChange:A,errors:t,isLoading:s,disabled:u,connectorType:p})=>{var m,y;const[B,G]=C(i(p)),a=null!==(m=null==I?void 0:I[1])&&void 0!==m?m:"days",X=null!==(y=null==I?void 0:I[0])&&void 0!==y?y:"1";return c((()=>{var g,l;const C=i(p),c=C.map((I=>I.value)),d=null!==(g=null==I?void 0:I[1])&&void 0!==g?g:"days",o=c.includes(d)?d:"days";G(C.map((I=>Object.assign(Object.assign({},I),{selected:o===I.value})))),o!==d&&(null==A||A([null!==(l=null==I?void 0:I[0])&&void 0!==l?l:"1",o]))}),[p,I]),c((()=>{var g;if(void 0===(null==I?void 0:I[0])){const l=null!==(g=null==I?void 0:I[1])&&void 0!==g?g:"days";null==A||A(["1",l])}}),[]),s?g("div",Object.assign({style:{width:200}},{children:g(e,{containerStyle:{padding:"5px 8px"}})})):g(b.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:l(n,{children:[g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==t?void 0:t.val,value:X,onChangeText:I=>null==A?void 0:A([I,a])}),g(d,{disabled:u,placeHolder:"Time",width:"108px",size:"small",options:B,onSelect:I=>{null==A||A([X,I.value])}})]})}))},s=I=>g(t,Object.assign({},I));export{s as default};
+import I from"@emotion/styled/base";import{jsx as g,jsxs as l}from"react/jsx-runtime";import{useState as C,useEffect as c}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as d}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as o}from"../../../../input/Input.js";import{InputStyleContext as b}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import{QueryBuilderConnectorType as e}from"../../../types/QueryBuilderEnum.type.js";import A from"../../InputLoader.js";const n=I("div","production"===process.env.NODE_ENV?{target:"e18hgh550"}:{target:"e18hgh550",label:"Container"})("production"===process.env.NODE_ENV?{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px"}:{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVGhlTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZCIiwiZmlsZSI6IkluVGhlTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXMvUXVlcnlCdWlsZGVyRW51bS50eXBlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IChjb25uZWN0b3JUeXBlKSA9PiB7XHJcbiAgICBpZiAoY29ubmVjdG9yVHlwZSA9PT0gUXVlcnlCdWlsZGVyQ29ubmVjdG9yVHlwZS5leGFjdGx5IHx8XHJcbiAgICAgICAgY29ubmVjdG9yVHlwZSA9PT0gUXVlcnlCdWlsZGVyQ29ubmVjdG9yVHlwZS5kYXRlRGF5c09ubHkpIHtcclxuICAgICAgICByZXR1cm4gW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgICAgICAgICB2YWx1ZTogJ2RheXMnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgICByZXR1cm4gW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgICAgICAgICB2YWx1ZTogJ2RheXMnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgICAgICAgICB7IGxhYmVsOiAnaG91cihzKScsIHZhbHVlOiAnaG91cnMnIH0sXHJcbiAgICAgICAgXTtcclxuICAgIH1cclxufTtcclxuY29uc3QgSW5UaGVMYXN0ID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBpc0xvYWRpbmcsIGRpc2FibGVkLCBjb25uZWN0b3JUeXBlLCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgY29uc3QgW29wdGlvbnMsIHNldE9wdGlvbnNdID0gdXNlU3RhdGUodGltZU9wdGlvbnMoY29ubmVjdG9yVHlwZSkpO1xyXG4gICAgY29uc3QgdGltZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFsxXSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgY29uc3QgbnVtID0gKF9iID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzBdKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnMSc7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2I7XHJcbiAgICAgICAgY29uc3QgbmV3T3B0aW9ucyA9IHRpbWVPcHRpb25zKGNvbm5lY3RvclR5cGUpO1xyXG4gICAgICAgIGNvbnN0IGFsbG93ZWRWYWx1ZXMgPSBuZXdPcHRpb25zLm1hcCgobykgPT4gby52YWx1ZSk7XHJcbiAgICAgICAgY29uc3QgY3VycmVudFRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBjb25zdCBub3JtYWxpemVkVGltZSA9IGFsbG93ZWRWYWx1ZXMuaW5jbHVkZXMoY3VycmVudFRpbWUpXHJcbiAgICAgICAgICAgID8gY3VycmVudFRpbWVcclxuICAgICAgICAgICAgOiAnZGF5cyc7XHJcbiAgICAgICAgc2V0T3B0aW9ucyhuZXdPcHRpb25zLm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogbm9ybWFsaXplZFRpbWUgPT09IG9wLnZhbHVlIH0pKSkpO1xyXG4gICAgICAgIGlmIChub3JtYWxpemVkVGltZSAhPT0gY3VycmVudFRpbWUpIHtcclxuICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFsoX2IgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6ICcxJywgbm9ybWFsaXplZFRpbWVdKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29ubmVjdG9yVHlwZSwgdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBpZiAodHlwZW9mICh2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pID09PSAndW5kZWZpbmVkJykge1xyXG4gICAgICAgICAgICBjb25zdCB0aW1lID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzFdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbJzEnLCB0aW1lXSk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW10pO1xyXG4gICAgaWYgKGlzTG9hZGluZykge1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6IDIwMCB9IH0sIHsgY2hpbGRyZW46IF9qc3goSW5wdXRMb2FkZXIsIHsgY29udGFpbmVyU3R5bGU6IHsgcGFkZGluZzogJzVweCA4cHgnIH0gfSkgfSkpKTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeChJbnB1dFN0eWxlQ29udGV4dC5Qcm92aWRlciwgT2JqZWN0LmFzc2lnbih7IHZhbHVlOiB7XHJcbiAgICAgICAgICAgIElucHV0V3JhcHBlcjoge1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwNCxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBudW0sIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbdGV4dCwgdGltZV0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbbnVtLCBvcHRpb24udmFsdWVdKTtcclxuICAgICAgICAgICAgICAgICAgICB9IH0pXSB9KSB9KSkpO1xyXG59O1xyXG5jb25zdCBJblRoZUxhc3RXcmFwcGVyID0gKHByb3BzKSA9PiAoX2pzeChJblRoZUxhc3QsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzKSkpO1xyXG5leHBvcnQgZGVmYXVsdCBJblRoZUxhc3RXcmFwcGVyO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1JblRoZUxhc3QuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),i=I=>I===e.exactly||I===e.dateDaysOnly?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],t=I=>{let{val:e,onChange:t,errors:s,isLoading:u,disabled:p,connectorType:m}=I;var y,B;const[G,a]=C(i(m)),X=null!==(y=null==e?void 0:e[1])&&void 0!==y?y:"days",H=null!==(B=null==e?void 0:e[0])&&void 0!==B?B:"1";return c((()=>{var I,g;const l=i(m),C=l.map((I=>I.value)),c=null!==(I=null==e?void 0:e[1])&&void 0!==I?I:"days",d=C.includes(c)?c:"days";a(l.map((I=>Object.assign(Object.assign({},I),{selected:d===I.value})))),d!==c&&(null==t||t([null!==(g=null==e?void 0:e[0])&&void 0!==g?g:"1",d]))}),[m,e]),c((()=>{var I;if(void 0===(null==e?void 0:e[0])){const g=null!==(I=null==e?void 0:e[1])&&void 0!==I?I:"days";null==t||t(["1",g])}}),[]),u?g("div",Object.assign({style:{width:200}},{children:g(A,{containerStyle:{padding:"5px 8px"}})})):g(b.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:l(n,{children:[g(o,{type:"number",variant:"small",state:p?"disabled":"none",errorMessage:null==s?void 0:s.val,value:H,onChangeText:I=>null==t?void 0:t([I,X])}),g(d,{disabled:p,placeHolder:"Time",width:"108px",size:"small",options:G,onSelect:I=>{null==t||t([H,I.value])}})]})}))},s=I=>g(t,Object.assign({},I));export{s as default};
 //# sourceMappingURL=InTheLast.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InTheLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n`;\n\nconst timeOptions = (connectorType: string) => {\n\tif (\n\t\tconnectorType === QueryBuilderConnectorType.exactly \|\|\n\t\tconnectorType === QueryBuilderConnectorType.dateDaysOnly\n\t) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t} else {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t\t{ label: 'hour(s)', value: 'hours' },\n\t\t];\n\t}\n};\n\nconst InTheLast: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n\tconnectorType,\n}) => {\n\tconst [options, setOptions] = useState(timeOptions(connectorType));\n\n\tconst time = val?.[1] ?? 'days';\n\tconst num = val?.[0] ?? '1';\n\n\tuseEffect(() => {\n\t\tconst newOptions = timeOptions(connectorType);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentTime = val?.[1] ?? 'days';\n\t\tconst normalizedTime = allowedValues.includes(currentTime)\n\t\t\t? currentTime\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedTime === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedTime !== currentTime) {\n\t\t\tonChange?.([val?.[0] ?? '1', normalizedTime]);\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.[0] === 'undefined') {\n\t\t\tconst time = val?.[1] ?? 'days';\n\t\t\tonChange?.(['1', time]);\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={num}\n\t\t\t\t\tonChangeText={(text) => onChange?.([text, time])}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.([num, (option as SingleOption).value]);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nconst InTheLastWrapper = (props: ConnectorComponentProps) => (\n\t<InTheLast {...props} />\n);\n\nexport default InTheLastWrapper;\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","timeOptions","connectorType","QueryBuilderConnectorType","exactly","dateDaysOnly","value","InTheLast","val","onChange","errors","isLoading","disabled","options","setOptions","useState","time","_a","num","_b","useEffect","newOptions","allowedValues","o","currentTime","normalizedTime","includes","op","Object","assign","selected","_jsx","style","width","children","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","Input","type","variant","state","errorMessage","onChangeText","text","Dropdown","placeHolder","size","onSelect","option","InTheLastWrapper","props"],"mappings":"+7CAUA,MAAMA,EAASC,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,4CAAA,CAAAD,KAAA,UAAAC,OAAA,2CAAAC,IAAA,s2KAAAC,+PAMTC,EAAeC,GAEnBA,IAAkBC,EAA0BC,SAC5CF,IAAkBC,EAA0BE,aAErC,CACN,CACCT,MAAO,SACPU,MAAO,SAIF,CACN,CACCV,MAAO,SACPU,MAAO,QAER,CAAEV,MAAO,YAAaU,MAAO,WAC7B,CAAEV,MAAO,UAAWU,MAAO,UAKxBC,EAA+CA,~~EACpDC~~,~~MACAC~~,~~WACAC~~,~~SACAC~~,~~YACAC~~,~~WACAV~~,~~4BAEA~~,~~MAAOW~~,EAASC,GAAcC,~~EAASd~~,EAAYC,~~IAE7Cc~~,EAAe,QAARC,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OACnBC,EAAc,QAARC,EAAAX,aAAA,EAAAA,EAAM,UAAE,IAAAW,EAAAA,EAAI,IA2BxB,OAzBAC,GAAU,aACT,MAAMC,~~EAAapB~~,EAAYC,~~GACzBoB~~,EAAgBD,~~EAAWtB~~,~~KAAKwB~~,GAAMA,~~EAAEjB~~,~~QACxCkB~~,EAAsB,QAARP,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OAC1BQ,EAAiBH,EAAcI,SAASF,GAC3CA,EACA,OACHV,EACCO,~~EAAWtB~~,~~KAAK4B~~,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACnBF,GACH,CAAAG,SAAUL,IAAmBE,~~EAAGrB~~,~~WAG9BmB~~,IAAmBD,IACtBf,SAAAA,EAAW,CAAS,QAARU,EAAAX,eAAAA,EAAM,UAAE,IAAAW,EAAAA,EAAI,IAAKM,IAC7B,GACC,~~CAACvB~~,~~EAAeM~~,IAEnBY,GAAU,WACT,QAAwB,KAAbZ,aAAG,EAAHA,EAAM,IAAoB,CACpC,MAAMQ,EAAe,QAARC,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OACzBR,SAAAA,EAAW,CAAC,IAAKO,GACjB,IACC,IAECL,EAEFoB,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQX,OAAAC,OAAA,~~CAC1BvB~~,MAAO,~~CACNkC~~,aAAc,CACbP,MAAO,OAER,CAAAC,SAEDO,~~EAACnD~~,EAAS,~~CAAA4C~~,SAAA,CACTH,EAACW,EAAK,CACLC,KAAK,SACLC,QAAQ,QACRC,MAAOjC,EAAW,WAAa,OAC/BkC,aAAcpC,aAAM,EAANA,EAAQF,~~IACtBF~~,~~MAAOY~~,EACP6B,aAAeC,GAASvC,aAAA,EAAAA,EAAW,CAACuC,EAAMhC,MAE3Ce,EAACkB,EAAQ,CACRrC,SAAUA,EACVsC,YAAY,OACZjB,MAAM,QACNkB,KAAK,QACLtC,QAASA,EACTuC,SAAWC,IACV5C,SAAAA,EAAW,CAACS,EAAMmC,~~EAAwB/C~~,OAAO,SAIxB,~~EAIzBgD~~,EAAoBC,GACzBxB,~~EAACxB~~,~~EAASqB~~,OAAAC,OAAA,CAAA,EAAK0B"}
1	+ {"version":3,"file":"InTheLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n`;\n\nconst timeOptions = (connectorType: string) => {\n\tif (\n\t\tconnectorType === QueryBuilderConnectorType.exactly \|\|\n\t\tconnectorType === QueryBuilderConnectorType.dateDaysOnly\n\t) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t} else {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t\t{ label: 'hour(s)', value: 'hours' },\n\t\t];\n\t}\n};\n\nconst InTheLast: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n\tconnectorType,\n}) => {\n\tconst [options, setOptions] = useState(timeOptions(connectorType));\n\n\tconst time = val?.[1] ?? 'days';\n\tconst num = val?.[0] ?? '1';\n\n\tuseEffect(() => {\n\t\tconst newOptions = timeOptions(connectorType);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentTime = val?.[1] ?? 'days';\n\t\tconst normalizedTime = allowedValues.includes(currentTime)\n\t\t\t? currentTime\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedTime === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedTime !== currentTime) {\n\t\t\tonChange?.([val?.[0] ?? '1', normalizedTime]);\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.[0] === 'undefined') {\n\t\t\tconst time = val?.[1] ?? 'days';\n\t\t\tonChange?.(['1', time]);\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={num}\n\t\t\t\t\tonChangeText={(text) => onChange?.([text, time])}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.([num, (option as SingleOption).value]);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nconst InTheLastWrapper = (props: ConnectorComponentProps) => (\n\t<InTheLast {...props} />\n);\n\nexport default InTheLastWrapper;\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","timeOptions","connectorType","QueryBuilderConnectorType","exactly","dateDaysOnly","value","InTheLast","_ref","val","onChange","errors","isLoading","disabled","options","setOptions","useState","time","_a","num","_b","useEffect","newOptions","allowedValues","o","currentTime","normalizedTime","includes","op","Object","assign","selected","_jsx","style","width","children","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","Input","type","variant","state","errorMessage","onChangeText","text","Dropdown","placeHolder","size","onSelect","option","InTheLastWrapper","props"],"mappings":"+7CAUA,MAAMA,EAASC,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,4CAAA,CAAAD,KAAA,UAAAC,OAAA,2CAAAC,IAAA,s2KAAAC,+PAMTC,EAAeC,GAEnBA,IAAkBC,EAA0BC,SAC5CF,IAAkBC,EAA0BE,aAErC,CACN,CACCT,MAAO,SACPU,MAAO,SAIF,CACN,CACCV,MAAO,SACPU,MAAO,QAER,CAAEV,MAAO,YAAaU,MAAO,WAC7B,CAAEV,MAAO,UAAWU,MAAO,UAKxBC,EAA+CC,IAOhD,IAPiDC,IACrDA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,UACNA,EAASC,SACTA,EAAQX,cACRA,GACAM,UACA,MAAOM,EAASC,GAAcC,EAASf,EAAYC,IAE7Ce,EAAe,QAARC,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OACnBC,EAAc,QAARC,EAAAX,aAAA,EAAAA,EAAM,UAAE,IAAAW,EAAAA,EAAI,IA2BxB,OAzBAC,GAAU,aACT,MAAMC,EAAarB,EAAYC,GACzBqB,EAAgBD,EAAWvB,KAAKyB,GAAMA,EAAElB,QACxCmB,EAAsB,QAARP,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OAC1BQ,EAAiBH,EAAcI,SAASF,GAC3CA,EACA,OACHV,EACCO,EAAWvB,KAAK6B,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACnBF,GACH,CAAAG,SAAUL,IAAmBE,EAAGtB,WAG9BoB,IAAmBD,IACtBf,SAAAA,EAAW,CAAS,QAARU,EAAAX,eAAAA,EAAM,UAAE,IAAAW,EAAAA,EAAI,IAAKM,IAC7B,GACC,CAACxB,EAAeO,IAEnBY,GAAU,WACT,QAAwB,KAAbZ,aAAG,EAAHA,EAAM,IAAoB,CACpC,MAAMQ,EAAe,QAARC,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OACzBR,SAAAA,EAAW,CAAC,IAAKO,GACjB,IACC,IAECL,EAEFoB,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQX,OAAAC,OAAA,CAC1BxB,MAAO,CACNmC,aAAc,CACbP,MAAO,OAER,CAAAC,SAEDO,EAACpD,EAAS,CAAA6C,SAAA,CACTH,EAACW,EAAK,CACLC,KAAK,SACLC,QAAQ,QACRC,MAAOjC,EAAW,WAAa,OAC/BkC,aAAcpC,aAAM,EAANA,EAAQF,IACtBH,MAAOa,EACP6B,aAAeC,GAASvC,aAAA,EAAAA,EAAW,CAACuC,EAAMhC,MAE3Ce,EAACkB,EAAQ,CACRrC,SAAUA,EACVsC,YAAY,OACZjB,MAAM,QACNkB,KAAK,QACLtC,QAASA,EACTuC,SAAWC,IACV5C,SAAAA,EAAW,CAACS,EAAMmC,EAAwBhD,OAAO,SAIxB,EAIzBiD,EAAoBC,GACzBxB,EAACzB,EAASsB,OAAAC,OAAA,CAAA,EAAK0B"}