@izara_frontend/shared-complex-filter 1.0.1 → 1.0.2

package/dist/complexFilter.js

@@ -0,0 +1,285 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./src/complexFilterMain/mainCaseUseConditionAndMultipleIdentifersComponent.jsx"
+/*!**************************************************************************************!*\
+  !*** ./src/complexFilterMain/mainCaseUseConditionAndMultipleIdentifersComponent.jsx ***!
+  \**************************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ConditionLinkStepAndMultipleIdentifersComponent: () => (/* binding */ _ConditionLinkStepAndMultipleIdentifersComponent),\n/* harmony export */   MainCaseUseConditionAndMultipleIdentifersComponent: () => (/* binding */ MainCaseUseConditionAndMultipleIdentifersComponent)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ \"use-immer\");\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(use_immer__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @izaraFrontends/styles */ \"@izaraFrontends/styles\");\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ \"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _izara_project_izara_shared_search_and_sort__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @izara_project/izara-shared-search-and-sort */ \"@izara_project/izara-shared-search-and-sort\");\n/* harmony import */ var _izara_project_izara_shared_search_and_sort__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_izara_project_izara_shared_search_and_sort__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../linkSteps/modalLinkStepsComponent.jsx */ \"./src/linkSteps/modalLinkStepsComponent.jsx\");\n/* harmony import */ var _modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modalComplexFilterComponent.jsx */ \"./src/complexFilterMain/modalComplexFilterComponent.jsx\");\n/* harmony import */ var _izara_project_izara_shared_service_schemas__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @izara_project/izara-shared-service-schemas */ \"@izara_project/izara-shared-service-schemas\");\n/* harmony import */ var _izara_project_izara_shared_service_schemas__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_izara_project_izara_shared_service_schemas__WEBPACK_IMPORTED_MODULE_7__);\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n\n\n\n\n// import { DataFieldsSharedLib } from \"@izara_project/izara-shared-search-and-sort\";\n\n\n\n\nvar hash = __webpack_require__(/*! object-hash */ \"object-hash\");\nfunction createObjTypeConcat(objType) {\n  console.log(\"objType:dfcvcbcxb \", objType);\n  return \"\".concat(objType.serviceTag, \"_\").concat(objType.objectType);\n}\nfunction createRelTypeConcat(relType) {\n  console.log(\"objType:sdsadwsd \", relType);\n  return \"\".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, \"_\").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);\n}\nfunction objTypeFromObjTypeConcat(objTypeConcat) {\n  console.log(\"objTypeConcat:aeaeaeww \", objTypeConcat);\n  var result = objTypeConcat.split(\"_\");\n  if (result.length !== 2) {\n    throw Error(\"objTypeConcat invalid\");\n  }\n  return {\n    serviceTag: result[0],\n    objectType: result[1]\n  };\n}\nvar MainCaseUseConditionAndMultipleIdentifersComponent = function MainCaseUseConditionAndMultipleIdentifersComponent(_ref) {\n  var titleModal = _ref.titleModal,\n    statusModalFunc = _ref.statusModalFunc,\n    objConfigUseCase = _ref.objConfigUseCase,\n    objTypeMain = _ref.objTypeMain,\n    nameReducer = _ref.nameReducer,\n    parentOutputId = _ref.parentOutputId,\n    valueUserTags = _ref.valueUserTags,\n    successFunc = _ref.successFunc,\n    collectObjectLinksWithRequestProperties = _ref.collectObjectLinksWithRequestProperties,\n    collectObjectSchemaWithHierarchy = _ref.collectObjectSchemaWithHierarchy,\n    nameObjectLinkStepEdit = _ref.nameObjectLinkStepEdit,\n    keyElement = _ref.keyElement,\n    LastStepsComponentUseCase = _ref.LastStepsComponentUseCase;\n  //-----------------------state---------------------------------------\n  // const [nameObjectLinkStep, setNameObjectLinkStep] = useState(\n  //   nameObjectLinkStepEdit,\n  // );\n\n  //--------------------------------------------------------------\n\n  //-----------------------Shared function-----------------------------------\n\n  //-----------------------End Shared function-----------------------------------\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();\n  console.log(\"objTypeMain:xczczxvv \", objTypeMain);\n  function submitLinkSteps() {}\n  function validateRequestProperties() {\n    var _linkSteps$linkStepsO;\n    if ((_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO !== void 0 && _linkSteps$linkStepsO.requestProperties) {\n      for (var key in linkSteps[linkStepsOutput.active].requestProperties) {\n        if (!linkSteps[linkStepsOutput.active].requestProperties[key]) {\n          alert(\"please select \" + key + \" requestProperties\");\n          return false;\n        }\n      }\n    }\n    return true;\n  }\n\n  //----------------------func prop---------------------------------\n\n  // function handleInputNameLinkStep(e) {\n  //   setNameObjectLinkStep(e.target.value);\n  // }\n\n  //----------------------func prop---------------------------------\n\n  console.log(\"nameReducer:sdxcvzxvcxv \", nameReducer);\n  console.log(\"component ssswxvcxz\");\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_5__.ModalLinkStepsComponent, {\n    titleModal: titleModal,\n    statusModalFunc: statusModalFunc,\n    objConfigUseCase: objConfigUseCase,\n    objTypeMain: objTypeMain,\n    nameReducer: nameReducer,\n    parentOutputId: parentOutputId,\n    successFunc: successFunc,\n    collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,\n    collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy\n    //---------------use case----------------------------\n    ,\n    keyElement: keyElement\n    // nameObjectLinkStep={nameObjectLinkStep}\n    //------------------------------------------\n    // funcUseCase={{ handleInputNameLinkStep, validateRequestProperties }}\n    ,\n    ComponentUseCase: _ConditionLinkStepAndMultipleIdentifersComponent,\n    LastStepsComponentUseCase: LastStepsComponentUseCase,\n    valueUserTags: valueUserTags,\n    nameObjectLinkStepEdit: nameObjectLinkStepEdit\n    // keyObjectUseCase\n  }));\n};\nvar _ConditionLinkStepAndMultipleIdentifersComponent = function ConditionLinkStepAndMultipleIdentifersComponent(_ref2) {\n  var allObjTypesLinkConfigs = _ref2.allObjTypesLinkConfigs,\n    resultFieldName = _ref2.resultFieldName,\n    linkSteps = _ref2.linkSteps,\n    nameReducer = _ref2.nameReducer,\n    parentOutputId = _ref2.parentOutputId,\n    setLinkSteps = _ref2.setLinkSteps,\n    linkStepsOutput = _ref2.linkStepsOutput,\n    objTypeMain = _ref2.objTypeMain,\n    valueUserTags = _ref2.valueUserTags,\n    objConfigUseCase = _ref2.objConfigUseCase,\n    collectObjectLinksWithRequestProperties = _ref2.collectObjectLinksWithRequestProperties,\n    collectObjectSchemaWithHierarchy = _ref2.collectObjectSchemaWithHierarchy,\n    LastStepsComponentUseCase = _ref2.LastStepsComponentUseCase;\n  var checkConditionsLinkStep = _izara_project_izara_shared_search_and_sort__WEBPACK_IMPORTED_MODULE_4__.DataFieldsSharedLib.checkConditionsLinkStep,\n    checkMultipleIdentifers = _izara_project_izara_shared_search_and_sort__WEBPACK_IMPORTED_MODULE_4__.DataFieldsSharedLib.checkMultipleIdentifers;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState2 = _slicedToArray(_useState, 2),\n    modalSortField = _useState2[0],\n    setModalSortField = _useState2[1];\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState4 = _slicedToArray(_useState3, 2),\n    modalComplexFilter = _useState4[0],\n    setModalComplexFilter = _useState4[1];\n  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState6 = _slicedToArray(_useState5, 2),\n    modalUseCase = _useState6[0],\n    setModalUseCase = _useState6[1];\n  var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)({}),\n    _useImmer2 = _slicedToArray(_useImmer, 2),\n    newUserTags = _useImmer2[0],\n    setNewUserTags = _useImmer2[1]; //not sure\n\n  function statusModalSortField(status) {\n    setModalSortField(status);\n  }\n  function statusModalComplexFilter(status) {\n    setModalComplexFilter(status);\n  }\n  function checkObjTypeLinkStep(activeIndex) {\n    var objTypeConcat; // objTypeConcat\n    objTypeConcat = createObjTypeConcat(objTypeMain);\n    if (activeIndex !== 0) {\n      objTypeConcat = createObjTypeConcat(linkSteps[activeIndex - 1].pathLinkType.objType);\n    }\n    return objTypeConcat;\n  }\n  function conditionsObject(indexLinkStep) {\n    var conditions = {};\n    if (linkSteps[indexLinkStep - 1].hasOwnProperty(\"aggregate\")) {\n      conditions.aggregate = true;\n    }\n    if (linkSteps[indexLinkStep - 1].hasOwnProperty(\"comparison\")) {\n      conditions.comparison = true;\n    }\n    if (linkSteps[indexLinkStep - 1].hasOwnProperty(\"combine\")) {\n      conditions.combine = linkSteps[indexLinkStep - 1].combine;\n    }\n    if (linkSteps[indexLinkStep - 1].hasOwnProperty(\"requestProperties\")) {\n      for (var keyRequestProperties in linkSteps[indexLinkStep - 1].requestProperties) if (valueUserTags[linkSteps[indexLinkStep - 1].requestProperties[keyRequestProperties]].hasOwnProperty(\"complexFilterCombinationId\")) {\n        console.log(\"dhawdshffaf\"), linkSteps;\n        conditions.applyCombinations = true;\n      }\n    }\n    return conditions;\n  }\n  function checkMultipleIdentifersResult() {\n    var resultCheckMultipleIdentifers = false;\n    var linkConfig = null;\n    for (var indexLinkStep = 0; indexLinkStep < linkSteps.length; indexLinkStep++) {\n      if (indexLinkStep !== 0) {\n        var _linkSteps, _linkSteps2;\n        var conditions = conditionsObject(indexLinkStep);\n        var linkTypeId = _izara_project_izara_shared_service_schemas__WEBPACK_IMPORTED_MODULE_7__.utils.createPathLinkTypeId((_linkSteps = linkSteps[indexLinkStep - 1]) === null || _linkSteps === void 0 ? void 0 : _linkSteps.pathLinkType);\n        if (allObjTypesLinkConfigs[createObjTypeConcat(indexLinkStep === 1 ? objTypeMain : (_linkSteps2 = linkSteps[indexLinkStep - 2]) === null || _linkSteps2 === void 0 ? void 0 : _linkSteps2.pathLinkType.objType)]) {\n          var _linkSteps3, _linkSteps4;\n          linkConfig = allObjTypesLinkConfigs[createObjTypeConcat(indexLinkStep === 1 ? objTypeMain : (_linkSteps3 = linkSteps[indexLinkStep - 2]) === null || _linkSteps3 === void 0 ? void 0 : _linkSteps3.pathLinkType.objType)][allObjTypesLinkConfigs[createObjTypeConcat(indexLinkStep === 1 ? objTypeMain : (_linkSteps4 = linkSteps[indexLinkStep - 2]) === null || _linkSteps4 === void 0 ? void 0 : _linkSteps4.pathLinkType.objType) + \"_pathLinkTypeIdIndex\"][linkTypeId === null || linkTypeId === void 0 ? void 0 : linkTypeId.result]];\n        }\n        resultCheckMultipleIdentifers = checkMultipleIdentifers(linkConfig,\n        //link ก่่อนหน้า active -1\n        conditions, resultCheckMultipleIdentifers);\n        if (linkStepsOutput.active === indexLinkStep) {\n          return resultCheckMultipleIdentifers;\n        }\n      }\n    }\n  }\n  function outputResultCheckConditionsLinkStep(index) {\n    var _linkSteps5;\n    var objTypeConcat = checkObjTypeLinkStep(linkStepsOutput.active);\n    var combine = false;\n    if ((_linkSteps5 = linkSteps[linkStepsOutput.active - 1]) !== null && _linkSteps5 !== void 0 && _linkSteps5.combine) {\n      combine = true;\n    }\n    var resultCheckConditionsLinkStep = checkConditionsLinkStep(checkMultipleIdentifersResult(), allObjTypesLinkConfigs[objTypeConcat][index], combine);\n    return resultCheckConditionsLinkStep;\n  }\n  function handleConditionLinkSteps(type, value) {\n    // let value = e.target.value;\n\n    setLinkSteps(function (linkSteps) {\n      if (value === \"none\") {\n        delete linkSteps[linkStepsOutput.active][type];\n        if (type === \"aggregate\") {\n          delete linkSteps[linkStepsOutput.active].sortFields;\n        }\n      } else {\n        if (type === \"comparisonSortField\") {\n          var dataType;\n          console.log(\"sadawdsd\", resultFieldName[createObjTypeConcat(linkSteps[linkStepsOutput.active].pathLinkType.objType)].fieldNames[value]);\n          switch (resultFieldName[createObjTypeConcat(linkSteps[linkStepsOutput.active].pathLinkType.objType)].fieldNames[value].type) {\n            case \"integer\":\n            case \"number\":\n            case \"currencyValue\":\n              dataType = \"number\";\n              break;\n            case \"currency\":\n            case \"string\":\n              dataType = \"string\";\n              break;\n\n            // default:\n            //   dataType = \"string\";\n          }\n          linkSteps[linkStepsOutput.active].comparisonDataType = dataType;\n        }\n        linkSteps[linkStepsOutput.active][type] = value;\n        if (type === \"aggregate\") {\n          var _linkSteps$linkStepsO2;\n          if (!((_linkSteps$linkStepsO2 = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO2 !== void 0 && _linkSteps$linkStepsO2.sortFields)) {\n            linkSteps[linkStepsOutput.active].sortFields = [];\n          }\n        }\n      }\n      if (linkStepsOutput.active + 1 !== linkSteps.length) {\n        linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);\n      }\n    });\n  }\n  function handleSelectSortOrder(e, idSortField) {\n    var value = e.target.value;\n    setLinkSteps(function (linkSteps) {\n      linkSteps[linkStepsOutput.active].sortFields[idSortField].sortOrder = value;\n    });\n  }\n  function handleNewOrEditFilter() {\n    statusModalUseCase(\"filterElements\");\n  }\n  var COMPARISON = [\"equals\", \"greaterThan\", \"greaterThanEquals\", \"lessThan\", \"lessThanEquals\", \"highLow\", \"high\", \"low\", \"izaraSyntax\"];\n\n  // valueUserTags not sure if need to be here\n  function handleValueSelect(e, key) {\n    var value = e.target.value;\n    if (value === \"createUserTag\") {\n      setLinkSteps(function (linkSteps) {\n        linkSteps[linkStepsOutput.active].requestProperties[key] = null;\n      });\n      setNewUserTags(function (newUserTags) {\n        newUserTags[key] = {\n          name: \"\",\n          obj: {\n            defaultValue: \"\"\n          }\n        };\n      });\n    } else {\n      setLinkSteps(function (linkSteps) {\n        linkSteps[linkStepsOutput.active].requestProperties[key] = value;\n      });\n      setNewUserTags(function (newUserTags) {\n        delete newUserTags[key];\n      });\n    }\n    // setNewUserTags({});\n  }\n  function handleRequestPropertiesSelect(e, key) {\n    var type = e.target.value;\n    var objUserTag = {};\n    if (type === \"defaultValue\") {\n      objUserTag = {\n        defaultValue: \"\"\n      };\n    }\n    if (type === \"complexFilterCombination\") {\n      objUserTag = {\n        valueSource: \"complexFilterCombination\"\n      };\n    }\n    if (type === \"perParentCombination\") {\n      objUserTag = {\n        valueSource: \"perParentCombination\"\n      };\n    }\n    setNewUserTags(function (newUserTags) {\n      newUserTags[key].name = \"\";\n      newUserTags[key].obj = objUserTag;\n    });\n  }\n  function handleChangeNameUserTag(e, key) {\n    var value = e.target.value;\n    setNewUserTags(function (newUserTags) {\n      newUserTags[key].name = value;\n    });\n  }\n  function handleCreateuserTagTypeValue(e, key) {\n    if (newUserTags[key].name === \"\" || newUserTags[key].obj.defaultValue === \"\") {\n      alert(\"please fill in name and defaultValue\");\n    } else {\n      setLinkSteps(function (linkSteps) {\n        linkSteps[linkStepsOutput.active].requestProperties[key] = newUserTags[key].name;\n      });\n\n      // setValueDataUserTags((valueDataUserTags) => {\n      //   valueDataUserTags[newUserTags[key].name] = {\n      //     defaultValue: newUserTags[key].obj.defaultValue,\n      //   };\n      // });\n\n      setNewUserTags(function (newUserTags) {\n        delete newUserTags[key];\n      });\n    }\n  }\n  function createFilterElement(objType, initialLogicalElementId, logicalElementObj) {\n    setLinkSteps(function (linkSteps) {\n      linkSteps[linkStepsOutput.active].filterElements = {\n        objType: objType,\n        initialLogicalElementId: initialLogicalElementId,\n        logicalElements: logicalElementObj\n      };\n    });\n  }\n  function handleCreateUserTagComplexOrPerParent(key, type) {\n    if (newUserTags[key].name === \"\") {\n      alert(\"please fill in name\");\n    } else {\n      statusModalUseCase(type);\n    }\n  }\n  function statusModalUseCase(type) {\n    if (type === \"complexFilterCombination\" || type === \"perParentCombination\") {\n      setModalUseCase(type);\n    } else {\n      setModalUseCase(type);\n    }\n  }\n  function createComplexFilterCombinations(objTypeConcat, initialLogicalElementId, filterElement, valueDataUserTagsNew, keyUseCase) {\n    console.log(\"newUserTags:dfgxvxvx \", newUserTags, keyUseCase);\n    var objComplexFilterCombination = {};\n    objComplexFilterCombination = {\n      objType: objTypeFromObjTypeConcat(objTypeConcat),\n      initialLogicalElementId: initialLogicalElementId,\n      logicalElements: filterElement\n    };\n    var hashComplexFilterCombination = hash(objComplexFilterCombination);\n    console.log(\"objComplexFilterCombination: fdfcgrtgd\", objComplexFilterCombination);\n\n    // setComplexFilterCombinations((complexFilterCombinations) => {\n    //   delete complexFilterCombinations[\n    //     valueDataUserTags[\n    //       requiredDataLinkStep[requiredDataOutput.active].requestProperties[\n    //         keyUseCase\n    //       ]\n    //     ]?.complexFilterCombinationId\n    //   ];\n    //   complexFilterCombinations[hashComplexFilterCombination] =\n    //     objComplexFilterCombination;\n    // });\n\n    // setRequiredDataLinkStep((requiredDataLinkStep) => {\n    //   requiredDataLinkStep[requiredDataOutput.active].requestProperties[\n    //     keyUseCase\n    //   ] = newUserTags[keyUseCase].name;\n    // });\n  }\n  var testAA = [];\n  var testBB = [];\n  testAA;\n  function successFuncCreateSortField(parentOutputId, sortLinkSteps, objTypeMain, nameLinkSteps, dataType) {\n    console.log(\"sortObj:sdccvxxcv \", sortLinkSteps);\n    var linkStepsArr = [];\n    for (var index in sortLinkSteps) {\n      var linkStepObj = sortLinkSteps[index];\n      var hashRequiredData = hash(linkStepObj);\n      linkStepsArr.push(hashRequiredData);\n    }\n    setLinkSteps(function (linkSteps) {\n      linkSteps[linkStepsOutput.active].sortFields.push({\n        requiredDataLinkStepObjectId: nameLinkSteps,\n        dataType: dataType\n      });\n    });\n  }\n  console.log(modalSortField, \"modalSortField:widixcaeews\");\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, allObjTypesLinkConfigs[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].map(function (data, indexLink) {\n    var _linkSteps$linkStepsO3;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, _.isEqual(data.relType, (_linkSteps$linkStepsO3 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO3 === void 0 ? void 0 : _linkSteps$linkStepsO3.pathLinkType.relType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Object.entries(outputResultCheckConditionsLinkStep(indexLink)).map(function (_ref3) {\n      var _linkSteps$linkStepsO4, _linkSteps$linkStepsO5, _linkSteps$linkStepsO6, _linkSteps$linkStepsO7, _linkSteps$linkStepsO8, _linkSteps$linkStepsO9, _linkSteps$linkStepsO0, _linkSteps$linkStepsO1, _linkSteps$linkStepsO10, _linkSteps$linkStepsO11;\n      var _ref4 = _slicedToArray(_ref3, 2),\n        key = _ref4[0],\n        value = _ref4[1];\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, key === \"canAggregateCompare\" && value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"aggregate\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n        onChange: function onChange(e) {\n          return handleConditionLinkSteps(\"aggregate\", e.target.value);\n        },\n        value: (_linkSteps$linkStepsO4 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO4 === void 0 ? void 0 : _linkSteps$linkStepsO4.aggregate\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: null\n      }, \"none\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"max\"\n      }, \"max\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"min\"\n      }, \"min\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"average\"\n      }, \"average\"))), ((_linkSteps$linkStepsO5 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO5 === void 0 ? void 0 : _linkSteps$linkStepsO5.aggregate) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraButtonStyle, {\n        styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"button\"),\n        onClick: function onClick(e) {\n          return statusModalSortField(true);\n        }\n      }, \"create sortField\"), ((_linkSteps$linkStepsO6 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO6 === void 0 ? void 0 : _linkSteps$linkStepsO6.sortFields) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, (_linkSteps$linkStepsO7 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO7 === void 0 ? void 0 : _linkSteps$linkStepsO7.sortFields.map(function (data, idSortField) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"li\", null, data.linkStepsObjectId, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"data Type\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n          onChange: function onChange(e) {\n            return handleSelectDataType(e, idSortField);\n          },\n          value: linkSteps[linkStepsOutput.active].sortFields[idSortField].dataType\n          // value={currentStep.lastFieldname}\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"string\"\n        }, \"string\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"number\"\n        }, \"number\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"array\"\n        }, \"array\")), linkSteps[linkStepsOutput.active].sortFields[idSortField].dataType === \"array\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, linkSteps[linkStepsOutput.active].sortFields[idSortField].sortByValueUserTags.map(function (value, index) {\n          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"li\", null, value, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", null, \"X\")));\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n          onChange: function onChange(e) {\n            return handleDataTypeArray(e);\n          },\n          value: dataTypeArray\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"\"\n        }, \"-- choose --\"), Object.entries(valueUserTags).map(function (_ref5) {\n          var _ref6 = _slicedToArray(_ref5, 2),\n            key = _ref6[0],\n            valueUserTag = _ref6[1];\n          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, valueUserTag.hasOwnProperty(\"defaultValue\") && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n            value: key\n          }, key));\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n          onClick: function onClick() {\n            return handleAddDataTypeArray(idSortField);\n          }\n        }, \"add\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n          onClick: function onClick(e) {\n            return statusModalSortField(data.linkStepsObjectId);\n          }\n        }, \"edit\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", null, \"x\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"sortOrder\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n          onChange: function onChange(e) {\n            handleSelectSortOrder(e, idSortField);\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"\"\n        }, \"choose\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"ascending\"\n        }, \"ascending\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"descending\"\n        }, \"descending\"))));\n      }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"hr\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"comparison\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n        onChange: function onChange(e) {\n          return handleConditionLinkSteps(\"comparison\", e.target.value);\n        },\n        value: linkSteps[linkStepsOutput.active].comparison\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: null\n      }, \"none\"), COMPARISON.map(function (key) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          key: key,\n          value: key\n        }, key);\n      }))), ((_linkSteps$linkStepsO8 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO8 === void 0 ? void 0 : _linkSteps$linkStepsO8.comparison) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"comparisonValue\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n        onChange: function onChange(e) {\n          return handleConditionLinkSteps(\"comparisonValue\", e.target.value);\n        },\n        value: linkSteps[linkStepsOutput.active].comparisonValue\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: null\n      }, \"none\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"createUserTag\"\n      }, \"create new userTag\"), Object.entries(valueUserTags).filter(function (_ref7) {\n        var _ref8 = _slicedToArray(_ref7, 2),\n          key = _ref8[0],\n          val = _ref8[1];\n        return \"defaultValue\" in val;\n      }).map(function (_ref9) {\n        var _ref0 = _slicedToArray(_ref9, 2),\n          key = _ref0[0],\n          val = _ref0[1];\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          key: key,\n          value: key\n        }, val.defaultValue ? key : \"\");\n      }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"comparisonSortField\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n        onChange: function onChange(e) {\n          return handleConditionLinkSteps(\"comparisonSortField\", e.target.value);\n        },\n        value: linkSteps[linkStepsOutput.active].comparisonSortField\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: null\n      }, \"none\"), Object.keys(resultFieldName[createObjTypeConcat(linkSteps[linkStepsOutput.active].pathLinkType.objType)].fieldNames).map(function (key) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          key: key,\n          value: key\n        }, key);\n      }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"comparisonDataType\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n        onChange: function onChange(e) {\n          return handleConditionLinkSteps(\"comparisonDataType\", e.target.value);\n        },\n        value: linkSteps[linkStepsOutput.active].comparisonDataType\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: null\n      }, \"none\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"string\"\n      }, \"string\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"number\"\n      }, \"number\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"array\"\n      }, \"array\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"hr\", null)), key === \"canCombine\" && value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"Combine\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n        type: \"checkbox\",\n        checked: (_linkSteps$linkStepsO9 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO9 === void 0 ? void 0 : _linkSteps$linkStepsO9.combine,\n        value: (_linkSteps$linkStepsO0 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO0 === void 0 ? void 0 : _linkSteps$linkStepsO0.combine,\n        onChange: function onChange(e) {\n          return handleConditionLinkSteps(\"combine\", e.target.checked);\n        }\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"hr\", null)), key === \"canFilters\" && value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"addFilterMain\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n        type: \"checkbox\",\n        checked: (_linkSteps$linkStepsO1 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO1 === void 0 ? void 0 : _linkSteps$linkStepsO1.addFilterMain,\n        value: (_linkSteps$linkStepsO10 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO10 === void 0 ? void 0 : _linkSteps$linkStepsO10.addFilterMain,\n        onChange: function onChange(e) {\n          return handleConditionLinkSteps(\"addFilterMain\", e.target.checked);\n        }\n      }), (_linkSteps$linkStepsO11 = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO11 !== void 0 && _linkSteps$linkStepsO11.filterElements ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"li\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"haveFilter\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n        onClick: function onClick(e) {\n          return statusModalComplexFilter(true);\n        }\n      }, \"edit filterElements\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n        onClick: function onClick(e) {\n          return statusModalComplexFilter(true);\n        }\n      }, \"create filterElements\")), key === \"canPerParent\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, (data === null || data === void 0 ? void 0 : data.requestProperties) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"requestProperties\"), Object.entries(data.requestProperties).map(function (_ref1) {\n        var _newUserTags$keyReque, _valueUserTags$linkSt;\n        var _ref10 = _slicedToArray(_ref1, 2),\n          keyRequestProperties = _ref10[0],\n          objRequestProperties = _ref10[1];\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n          styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"background\", \"scroll\", \"div\"),\n          key: keyRequestProperties\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, keyRequestProperties), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n          onChange: function onChange(e) {\n            return handleValueSelect(e, keyRequestProperties);\n          },\n          value: linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties]\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"\",\n          disabled: linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties] !== \"\"\n        }, \"-- choose --\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"createUserTag\"\n        }, \"create new userTag\"), Object.entries(valueUserTags).map(function (_ref11) {\n          var _ref12 = _slicedToArray(_ref11, 2),\n            key = _ref12[0],\n            valueUserTag = _ref12[1];\n          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, valueUserTag.hasOwnProperty(\"defaultValue\") && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n            value: key\n          }, key), (valueUserTag === null || valueUserTag === void 0 ? void 0 : valueUserTag.valueSource) === \"complexFilterCombination\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, _.isEqual(complexFilterCombinations[valueUserTag.complexFilterCombinationId].objType, objRequestProperties.objType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n            value: key\n          }, key)), value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, (valueUserTag === null || valueUserTag === void 0 ? void 0 : valueUserTag.valueSource) === \"perParentCombination\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, _.isEqual(perParentCombinations[valueUserTag.perParentCombinationId].objType, objRequestProperties.objType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n            value: key\n          }, key))));\n        })), linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n          onClick: function onClick(e) {\n            return handleEditUserTag(e, keyRequestProperties, linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties]);\n          },\n          disabled: newUserTags[keyRequestProperties]\n        }, \"edit\"), linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties] === null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n          onChange: function onChange(e) {\n            return handleRequestPropertiesSelect(e, keyRequestProperties);\n          },\n          value: newUserTags[keyRequestProperties].obj.hasOwnProperty(\"defaultValue\") ? \"defaultValue\" : newUserTags[keyRequestProperties].obj.valueSource\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"defaultValue\"\n        }, \"defaultValue\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"complexFilterCombination\"\n        }, \"complexFilterCombination\"), value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          value: \"perParentCombination\"\n        }, \"perParentCombination\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, ((_newUserTags$keyReque = newUserTags[keyRequestProperties]) === null || _newUserTags$keyReque === void 0 ? void 0 : _newUserTags$keyReque.hasOwnProperty(\"name\")) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"userTagName\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n          onChange: function onChange(e) {\n            handleChangeNameUserTag(e, keyRequestProperties);\n          },\n          value: newUserTags[keyRequestProperties].name\n        })), newUserTags[keyRequestProperties].obj.hasOwnProperty(\"defaultValue\") && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"defaultValue\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n          onChange: function onChange(e) {\n            return handleChangeUserTag(e, \"defaultValue\", keyRequestProperties);\n          },\n          value: newUserTags[keyRequestProperties].obj.defaultValue\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n          onClick: function onClick(e) {\n            return handleCreateuserTagTypeValue(e, keyRequestProperties);\n          }\n        }, linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, \"update\") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, \"create\"))), newUserTags[keyRequestProperties].obj.hasOwnProperty(\"valueSource\") && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, newUserTags[keyRequestProperties].obj.valueSource === \"perParentCombination\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n          onClick: function onClick() {\n            return handleCreateUserTagComplexOrPerParent(keyRequestProperties, \"perParentCombination\");\n          }\n        }, \"create\")), newUserTags[keyRequestProperties].obj.valueSource === \"complexFilterCombination\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n          onClick: function onClick() {\n            return handleCreateUserTagComplexOrPerParent(keyRequestProperties, \"complexFilterCombination\");\n          }\n        }, \"create\"))), modalUseCase === \"complexFilterCombination\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.ModalComplexFilterComponent, {\n          statusModal: statusModalUseCase,\n          titleModel: \"complexFilterCombination\",\n          objTypeMain: data.requestProperties[keyRequestProperties].objType,\n          createFilterElement: createComplexFilterCombinations,\n          nameReducer: nameReducer,\n          parentOutputId: parentOutputId,\n          keyUseCase: keyRequestProperties,\n          valueUserTag: Object.fromEntries(Object.entries(valueUserTags).filter(function (_ref13) {\n            var _ref14 = _slicedToArray(_ref13, 2),\n              _ = _ref14[0],\n              val = _ref14[1];\n            return \"defaultValue\" in val;\n          }))\n          // objConfigUseCase={\n          //   complexFilterCombinations[\n          //     valueUserTags[\n          //       linkSteps[\n          //         linkStepsOutput.active\n          //       ].requestProperties[\n          //         keyRequestProperties\n          //       ]\n          //     ]?.complexFilterCombinationId\n          //   ]\n          // }\n          ,\n          collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,\n          collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy\n          // editLogicalElementObj={\n          //   complexFilterCombinations[\n          //     valueUserTags[\n          //       linkSteps[\n          //         linkStepsOutput\n          //           .active\n          //       ]\n          //         .requestProperties[\n          //         keyRequestProperties\n          //       ]\n          //     ]\n          //       ?.complexFilterCombinationId\n          //   ]\n          // }\n        })), modalUseCase === \"perParentCombination\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.ModalComplexFilterComponent, {\n          statusModal: statusModalUseCase,\n          titleModel: \"perParentCombination\",\n          objTypeMain: data.requestProperties[keyRequestProperties].objType,\n          createFilterElement: createPerParentCombinations,\n          nameReducer: nameReducer,\n          parentOutputId: parentOutputId,\n          keyUseCase: keyRequestProperties,\n          valueUserTag: Object.fromEntries(Object.entries(valueUserTags).filter(function (_ref15) {\n            var _ref16 = _slicedToArray(_ref15, 2),\n              _ = _ref16[0],\n              val = _ref16[1];\n            return \"defaultValue\" in val || \"perParentIdentifierFieldname\" in val;\n          })),\n          objConfigUseCase: perParentCombinations[(_valueUserTags$linkSt = valueUserTags[linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties]]) === null || _valueUserTags$linkSt === void 0 ? void 0 : _valueUserTags$linkSt.perParentCombinationId],\n          perParentIdentifierFieldname: resultFieldName[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].identifiers,\n          collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,\n          collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy\n          // editLogicalElementObj={\n          //   perParentCombinations[\n          //     valueUserTags[\n          //       linkSteps[\n          //         linkStepsOutput\n          //           .active\n          //       ]\n          //         .requestProperties[\n          //         keyRequestProperties\n          //       ]\n          //     ]\n          //       ?.perParentCombinationId\n          //   ]\n          // }\n        })))));\n      }))));\n    }), modalComplexFilter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.ModalComplexFilterComponent, {\n      titleModel: \"complexFilter\",\n      statusModal: statusModalComplexFilter\n      // objTypeMain={{\n      //   serviceTag: \"SellOfferPlan\",\n      //   objectType: \"sellOfferPlan\",\n      // }}\n      ,\n      objTypeMain: linkSteps[linkStepsOutput.active].pathLinkType.objType,\n      nameReducer: nameReducer,\n      parentOutputId: parentOutputId\n      // objConfigUseCase={objConfigUseCase}\n      ,\n      createFilterElement: createFilterElement,\n      collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,\n      collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,\n      valueUserTags: valueUserTags\n      // successTraversal={successTraversal}\n    }), modalSortField && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_5__.ModalLinkStepsComponent, {\n      titleModal: \"srortField\",\n      statusModalFunc: statusModalSortField,\n      objConfigUseCase: objConfigUseCase,\n      objTypeMain: objTypeMain,\n      nameReducer: nameReducer,\n      parentOutputId: parentOutputId\n      // successFunc={successFuncCreateSortField}\n      ,\n      successFuncUseCase: successFuncCreateSortField,\n      collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,\n      collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy\n      //---------------use case----------------------------\n      // keyElement={keyElement}\n      // nameObjectLinkStep={nameObjectLinkStep}\n      //------------------------------------------\n      // funcUseCase={{ handleInputNameLinkStep, validateRequestProperties }}\n      ,\n      ComponentUseCase: _ConditionLinkStepAndMultipleIdentifersComponent,\n      LastStepsComponentUseCase: LastStepsComponentUseCase,\n      valueUserTags: valueUserTags,\n      nameObjectLinkStepEdit: \"\"\n      // keyObjectUseCase\n    })));\n  }));\n};\n//----------------------------- use Lib -----------------------------------------------\n\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/complexFilterMain/mainCaseUseConditionAndMultipleIdentifersComponent.jsx?\n}");
+
+/***/ },
+
+/***/ "./src/complexFilterMain/modalComplexFilterComponent.jsx"
+/*!***************************************************************!*\
+  !*** ./src/complexFilterMain/modalComplexFilterComponent.jsx ***!
+  \***************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   FieldValueUserTagsComponent: () => (/* binding */ FieldValueUserTagsComponent),\n/* harmony export */   ModalComplexFilterComponent: () => (/* binding */ ModalComplexFilterComponent),\n/* harmony export */   OutputListLogicalElement: () => (/* binding */ _OutputListLogicalElement),\n/* harmony export */   TraversalComponent: () => (/* binding */ TraversalComponent),\n/* harmony export */   findLogicalRoot: () => (/* binding */ findLogicalRoot)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @izaraFrontends/styles */ \"@izaraFrontends/styles\");\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! use-immer */ \"use-immer\");\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(use_immer__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ \"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var nanoid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! nanoid */ \"nanoid\");\n/* harmony import */ var nanoid__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(nanoid__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../linkSteps/modalLinkStepsComponent.jsx */ \"./src/linkSteps/modalLinkStepsComponent.jsx\");\n/* harmony import */ var _valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../valueUserTags/valueUserTagsComponent.jsx */ \"./src/valueUserTags/valueUserTagsComponent.jsx\");\n/* harmony import */ var _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../function/createActionLibCreateLinkStepAndComplexFilter */ \"./src/function/createActionLibCreateLinkStepAndComplexFilter.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = \"function\" == typeof Symbol ? Symbol : {}, n = r.iterator || \"@@iterator\", o = r.toStringTag || \"@@toStringTag\"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, \"_invoke\", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError(\"Generator is already running\"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = \"next\"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError(\"iterator result is not an object\"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i[\"return\"]) && t.call(i), c < 2 && (u = TypeError(\"The iterator does not provide a '\" + o + \"' method\"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, \"GeneratorFunction\")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, \"constructor\", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, \"constructor\", GeneratorFunction), GeneratorFunction.displayName = \"GeneratorFunction\", _regeneratorDefine2(GeneratorFunctionPrototype, o, \"GeneratorFunction\"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, \"Generator\"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, \"toString\", function () { return \"[object Generator]\"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }\nfunction _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, \"\", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o(\"next\", 0), o(\"throw\", 1), o(\"return\", 2)); }, _regeneratorDefine2(e, r, n, t); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _createForOfIteratorHelper(r, e) { var t = \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && \"number\" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t[\"return\"] || t[\"return\"](); } finally { if (u) throw o; } } }; }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\n\n\n\n\n// import {\n//   getObjectSchema,\n//   reformatObjectSchema,\n// } from \"@izara_project/izara-shared-service-schemas\";\n\n// import { get_objectLinksSchema } from \"../../../../izara-frontend-lib-core-page-output-config_rut/configPageOutputSection/getSchemaNewLibrary/getObjectSchemaQuery\";\n// import {\n//   collectObjectLinksWithRequestProperties,\n//   collectObjectSchemaWithHierarchy,\n// } from \"@izara_frontend/service-schemas\";\n\n\n\n\n\n\n\n// import { ModalRequiredData } from \"./modalRequiredData\";\n// import _, { flatMap, last } from \"lodash\";\nvar hash = __webpack_require__(/*! object-hash */ \"object-hash\");\nfunction createObjTypeConcat(objType) {\n  console.log(\"objType:sdsadwsd \", objType);\n  return \"\".concat(objType === null || objType === void 0 ? void 0 : objType.serviceTag, \"_\").concat(objType === null || objType === void 0 ? void 0 : objType.objectType);\n}\nfunction createRelTypeConcat(relType) {\n  console.log(\"objType:sdsadwsd \", relType);\n  return \"\".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, \"_\").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);\n}\nfunction objTypeFromObjTypeConcat(objTypeConcat) {\n  console.log(\"objTypeConcat:aeaeaeww \", objTypeConcat);\n  var result = objTypeConcat.split(\"_\");\n  if (result.length !== 2) {\n    throw Error(\"objTypeConcat invalid\");\n  }\n  return {\n    serviceTag: result[0],\n    objectType: result[1]\n  };\n}\nfunction findLogicalRoot(activeId, logicalElementObj) {\n  var _logicalElementObj$ac;\n  var prevId = (_logicalElementObj$ac = logicalElementObj[activeId]) === null || _logicalElementObj$ac === void 0 ? void 0 : _logicalElementObj$ac.previousLogicalElementId;\n  console.log(\"prevId:sdasdaszc \", prevId);\n  console.log(\"activeId:sdasdaszc \", activeId);\n  if (prevId) {\n    var _logicalElementObj$pr;\n    if (((_logicalElementObj$pr = logicalElementObj[prevId]) === null || _logicalElementObj$pr === void 0 ? void 0 : _logicalElementObj$pr.logicalElementType) === \"childComplexFilter\") {\n      if (activeId === logicalElementObj[prevId].childLogicalElementId) {\n        return activeId;\n      } else {\n        return findLogicalRoot(prevId, logicalElementObj);\n      }\n    } else {\n      return findLogicalRoot(prevId, logicalElementObj);\n    }\n  }\n  return activeId;\n}\nvar _OutputListLogicalElement = function OutputListLogicalElement(_ref) {\n  var _ref2, _le$operation, _logicalElementObj$lo;\n  var logicalElementObj = _ref.logicalElementObj,\n    setLogicalElementObj = _ref.setLogicalElementObj,\n    logicalElementId = _ref.logicalElementId,\n    logicalElementOutput = _ref.logicalElementOutput,\n    setLogicalElementOutput = _ref.setLogicalElementOutput,\n    handleAddLogicalElement = _ref.handleAddLogicalElement,\n    hadleActiveLogicalElement = _ref.hadleActiveLogicalElement;\n  function handelRemoveLogical(startKey) {\n    var toDelete = new Set();\n    function loopLogical(key) {\n      if (!logicalElementObj[key]) return;\n      var current = logicalElementObj[key];\n      if (current.nextLogicalElementId) {\n        loopLogical(current.nextLogicalElementId);\n      }\n      if (current.childLogicalElementId) {\n        loopLogical(current.childLogicalElementId);\n      }\n      toDelete.add(key);\n    }\n    loopLogical(startKey);\n    setLogicalElementOutput(function (logicalElementOutput) {\n      logicalElementOutput.active = logicalElementObj[startKey].previousLogicalElementId;\n    });\n    setLogicalElementObj(function (logicalElementObj) {\n      var _iterator = _createForOfIteratorHelper(toDelete),\n        _step;\n      try {\n        for (_iterator.s(); !(_step = _iterator.n()).done;) {\n          var keyDelete = _step.value;\n          logicalElementObj[logicalElementObj[keyDelete].previousLogicalElementId].nextLogicalElementId = null;\n          delete logicalElementObj[keyDelete];\n        }\n      } catch (err) {\n        _iterator.e(err);\n      } finally {\n        _iterator.f();\n      }\n    });\n  }\n  var le = logicalElementObj[logicalElementId];\n  var bracketObj = {\n    openBracket: \"(\",\n    closeBracket: \")\"\n  };\n  var display = (_ref2 = (_le$operation = le === null || le === void 0 ? void 0 : le.operation) !== null && _le$operation !== void 0 ? _le$operation : bracketObj[le === null || le === void 0 ? void 0 : le.logicalElementType]) !== null && _ref2 !== void 0 ? _ref2 : le === null || le === void 0 ? void 0 : le.logicalElementType;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, logicalElementId && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridColumn\", \"\", \"311\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    disabled: logicalElementId === logicalElementOutput.active,\n    onClick: function onClick(e) {\n      return hadleActiveLogicalElement(logicalElementId);\n    }\n  }, display), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, logicalElementId === logicalElementOutput.active && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: function onClick(e) {\n      return handelRemoveLogical(logicalElementId);\n    }\n  }, \"x\"))), ((_logicalElementObj$lo = logicalElementObj[logicalElementId]) === null || _logicalElementObj$lo === void 0 ? void 0 : _logicalElementObj$lo.nextLogicalElementId) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_OutputListLogicalElement, {\n    logicalElementObj: logicalElementObj,\n    setLogicalElementObj: setLogicalElementObj,\n    logicalElementId: logicalElementObj[logicalElementId].nextLogicalElementId,\n    logicalElementOutput: logicalElementOutput,\n    setLogicalElementOutput: setLogicalElementOutput,\n    handleAddLogicalElement: handleAddLogicalElement,\n    hadleActiveLogicalElement: hadleActiveLogicalElement\n  }))));\n};\n\nvar ModalComplexFilterComponent = function ModalComplexFilterComponent(_ref3) {\n  var _resultFieldName, _logicalElementObj$lo3, _logicalElementObj$lo5;\n  var titleModel = _ref3.titleModel,\n    statusModal = _ref3.statusModal,\n    objTypeMain = _ref3.objTypeMain,\n    createFilterElement = _ref3.createFilterElement,\n    parentOutputId = _ref3.parentOutputId,\n    nameReducer = _ref3.nameReducer,\n    keyUseCase = _ref3.keyUseCase,\n    valueUserTags = _ref3.valueUserTags,\n    perParentIdentifierFieldname = _ref3.perParentIdentifierFieldname,\n    successFunction = _ref3.successFunction,\n    collectObjectLinksWithRequestProperties = _ref3.collectObjectLinksWithRequestProperties,\n    collectObjectSchemaWithHierarchy = _ref3.collectObjectSchemaWithHierarchy,\n    objConfigUseCase = _ref3.objConfigUseCase;\n  // console.log(\"keyUseCase:dfecvxvd \", keyUseCase);\n  if (!objTypeMain) {\n    objTypeMain = objConfigUseCase.objType;\n  }\n  console.log(\"valueUserTags:dfcxvcxvxc \", valueUserTags);\n  console.log(\"successFunction: sdxcxcaAD\", successFunction);\n  // console.log(\"objConfigUseCase:adxzvcxbxb \", objConfigUseCase, valueUserTag);\n\n  // if (!valueUserTag) {\n  //   if (objConfigUseCase?.valueUserTags) {\n  //     valueUserTag = objConfigUseCase.valueUserTags;\n  //   } else {\n  //     valueUserTag = {};\n  //   }\n  // }\n\n  // const valueUserTags = Object.fromEntries(\n  //   Object.entries(objConfigUseCase?.valueUserTags).filter(\n  //     ([_, val]) =>\n  //       \"defaultValue\" in val || \"perParentIdentifierFieldname\" in val,\n  //   ),\n  // );\n\n  // console.log(\"valueUserTag:sxzcvxcb \", valueUserTags);\n\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    _useState2 = _slicedToArray(_useState, 2),\n    modalTraversal = _useState2[0],\n    setModalTraversal = _useState2[1];\n\n  //----------------------------logical-----------------------------------------\n  var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({\n      // fieldName: \"\",\n      // valueUserTag: \"\",\n    }),\n    _useImmer2 = _slicedToArray(_useImmer, 2),\n    fieldValueUserTag = _useImmer2[0],\n    setFieldValueUserTag = _useImmer2[1];\n  function selectValueUserTagForPartitionKey(e, key) {\n    var value = e.target.value;\n    setLogicalElementObj(function (logicalElementObj) {\n      logicalElementObj[logicalElementOutput.active].partitionKeyValueUserTags[key] = value;\n    });\n  }\n  function handleSelectFieldNameAndValueUserTag(e, type) {\n    var value = e.target.value;\n    console.log(\"type:sdadfdsfd \", type);\n    console.log(\"value:sdadfdsfd \", value);\n    setFieldValueUserTag(function (fieldValueUserTag) {\n      fieldValueUserTag[type] = value;\n    });\n  }\n  function handleAddFieldName() {\n    setFieldValueUserTag({\n      fieldName: \"\",\n      valueUserTag: \"\"\n    });\n  }\n  function handleSaveFieldValueUserTag() {\n    setLogicalElementObj(function (logicalElementObj) {\n      if (!logicalElementObj[logicalElementOutput.active].conditionalFieldValues) {\n        logicalElementObj[logicalElementOutput.active].conditionalFieldValues = [];\n      }\n      logicalElementObj[logicalElementOutput.active].conditionalFieldValues.push({\n        fieldname: fieldValueUserTag.fieldName,\n        includeValueUserTags: [fieldValueUserTag.valueUserTag]\n        // excludeValueUserTags: [\"xx\",\"sdd\"]\n      });\n    });\n    setFieldValueUserTag({});\n  }\n  function handleSaveChildIdentifiers() {\n    setLogicalElementObj(function (logicalElementObj) {\n      if (!logicalElementObj[logicalElementOutput.active].childIdentifiers) {\n        logicalElementObj[logicalElementOutput.active].childIdentifiers = [];\n      }\n      logicalElementObj[logicalElementOutput.active].childIdentifiers.push(_defineProperty({}, fieldValueUserTag.fieldName, fieldValueUserTag.valueUserTag));\n    });\n    setFieldValueUserTag({});\n  }\n\n  //----------------------------logical-----------------------------------------\n\n  var _collectObjectLinksWi = collectObjectLinksWithRequestProperties(),\n    _collectObjectLinksWi2 = _slicedToArray(_collectObjectLinksWi, 3),\n    allObjTypesLinkConfigs = _collectObjectLinksWi2[0],\n    collectRequireLinksFn = _collectObjectLinksWi2[1],\n    collectLinksOpt = _collectObjectLinksWi2[2]; // allObjTypesLinkConfigs\n\n  var _collectObjectSchemaW = collectObjectSchemaWithHierarchy(),\n    _collectObjectSchemaW2 = _slicedToArray(_collectObjectSchemaW, 3),\n    resultFieldName = _collectObjectSchemaW2[0],\n    getObjSchemaHieFn = _collectObjectSchemaW2[1],\n    collectLinksOpt2 = _collectObjectSchemaW2[2];\n  console.log(\"objConfigUseCase:dsfevcxvzxc \", objConfigUseCase);\n  console.log(\"dataRelationship:wsxzx data \", allObjTypesLinkConfigs, resultFieldName);\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(objConfigUseCase ? objConfigUseCase.initialLogicalElementId : \"\"),\n    _useState4 = _slicedToArray(_useState3, 2),\n    initialLogicalElementId = _useState4[0],\n    setInitialLogicalElementId = _useState4[1];\n  var _useImmer3 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)(objConfigUseCase ? objConfigUseCase.logicalElements : {}),\n    _useImmer4 = _slicedToArray(_useImmer3, 2),\n    logicalElementObj = _useImmer4[0],\n    setLogicalElementObj = _useImmer4[1];\n  var _useImmer5 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({\n      status: true,\n      active: objConfigUseCase ? objConfigUseCase.initialLogicalElementId : \"\"\n    }),\n    _useImmer6 = _slicedToArray(_useImmer5, 2),\n    logicalElementOutput = _useImmer6[0],\n    setLogicalElementOutput = _useImmer6[1];\n  var _useImmer7 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({}),\n    _useImmer8 = _slicedToArray(_useImmer7, 2),\n    valueDataUserTags = _useImmer8[0],\n    setValueDataUserTags = _useImmer8[1];\n  var _useImmer9 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({}),\n    _useImmer0 = _slicedToArray(_useImmer9, 2),\n    newUserTags = _useImmer0[0],\n    setNewUserTags = _useImmer0[1];\n  var _useImmer1 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({}),\n    _useImmer10 = _slicedToArray(_useImmer1, 2),\n    newUserTagsRequestProperties = _useImmer10[0],\n    setNewUserTagsRequestProperties = _useImmer10[1];\n  console.log(\"logicalElementOutput: awscxzzvbm\", initialLogicalElementId, logicalElementOutput, logicalElementObj);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    collectRequireLinksFn(objTypeMain);\n    getObjSchemaHieFn(objTypeMain);\n  }, []);\n  console.log(\"objTypeMain:sdwdxzxzxcc \", objTypeMain);\n  function createArrObjTypeLogical(activeId, logicalElementObj) {\n    var result = {\n      arrOutput: [],\n      lastObjtype: \"\"\n    };\n    function loopLogical(id) {\n      var _logicalElementObj$cu, _logicalElementObj$cu2;\n      console.log(\"logicalElementObj:xsadfdfds \", logicalElementObj, id);\n      var currentLogical = logicalElementObj[id];\n      console.log(\"currentLogical:createArrObjTypeLogical \", currentLogical);\n      if (!currentLogical) return;\n      if (currentLogical.previousLogicalElementId !== null) {\n        console.log(\"IF:createArrObjTypeLogical\");\n        loopLogical(currentLogical.previousLogicalElementId);\n      }\n      console.log(\"createArrObjTypeLogical\", id, (_logicalElementObj$cu = logicalElementObj[currentLogical.previousLogicalElementId]) === null || _logicalElementObj$cu === void 0 ? void 0 : _logicalElementObj$cu.childLogicalElementId);\n      if (id === ((_logicalElementObj$cu2 = logicalElementObj[currentLogical.previousLogicalElementId]) === null || _logicalElementObj$cu2 === void 0 ? void 0 : _logicalElementObj$cu2.childLogicalElementId)) {\n        var _logicalElementObj$id;\n        var objTypeOutput;\n        if ((_logicalElementObj$id = logicalElementObj[id]) !== null && _logicalElementObj$id !== void 0 && _logicalElementObj$id.objType) {\n          objTypeOutput = createObjTypeConcat(currentLogical.objType);\n        } else {\n          objTypeOutput = createObjTypeConcat(logicalElementObj[currentLogical.previousLogicalElementId].pathLinkType.objType);\n        }\n        console.log(\"objTypeOutput:createArrObjTypeLogical\", objTypeOutput);\n        result.lastObjtype = objTypeOutput;\n        result.arrOutput.push(_defineProperty({}, objTypeOutput, id));\n      }\n    }\n    loopLogical(activeId);\n    console.log(\"result:createArrObjTypeLogical \", result);\n    return result;\n  }\n  function findObjTypeStep(activeId, logicalElementObj) {\n    var result = null;\n    function loop(id) {\n      console.log(\"id:wdsfdfdf \", id);\n      var current = logicalElementObj[id];\n      console.log(\"current:sadfdf \", current);\n      if (!current) return;\n      if (current.logicalElementType === \"childComplexFilter\" || current.logicalElementType === \"logical\"\n      // !current.previousLogicalElementId\n      ) {\n        result = current.objType || null;\n        return;\n      }\n      var prevId = current.previousLogicalElementId;\n      console.log(\"prevId:findObjTypeStep \", prevId);\n      if (!prevId) {\n        if (current.objType) {\n          result = current.objType;\n        }\n        return;\n      }\n      var prev = logicalElementObj[prevId];\n      if (!prev) return;\n\n      // ถ้า previous มี childLogicalElementId === currentId แสดงว่า current เป็น child ของ prev  หยุด (ไม่ข้ามขึ้น)\n      if (prev.childLogicalElementId === id) {\n        // แต่ถ้ามี objType ของตัวเอง ใช้ตัวเอง\n        if (current.objType) {\n          result = current.objType;\n        }\n        return;\n      }\n\n      //  ถ้า previous มี objType  ใช้เลย\n      if (prev.objType) {\n        result = prev.objType;\n        return;\n      }\n\n      //  ไม่เข้าเงื่อนไขไหน  เดินย้อนขึ้นต่อ\n      loop(prevId);\n    }\n    loop(activeId);\n    return result;\n  }\n  function findObjTypeStepChild(activeId, logicalElementObj) {\n    var result = null;\n    function loop(id) {\n      console.log(\"id:wdsfdfdf \", id);\n      var current = logicalElementObj[id];\n      // console.log(\"current:sadfdf \", current);\n      // if (!current) {\n      //   result = null;\n      //   return;\n      // } else {\n      //   result = current.objType;\n      //   return;\n      // }\n\n      // if (\n      //   current.logicalElementType === \"childComplexFilter\" ||\n      //   current.logicalElementType === \"logical\"\n      //   // !current.previousLogicalElementId\n      // ) {\n      //   result = current.objType || null;\n      //   return;\n      // }\n\n      var prevId = current.previousLogicalElementId;\n      console.log(\"prevId:findObjTypeStep \", prevId);\n      if (!prevId) {\n        if (current.objType) {\n          result = current.objType;\n        }\n        return;\n      }\n      var prev = logicalElementObj[prevId];\n      if (!prev) return;\n\n      // ถ้า previous มี childLogicalElementId === currentId แสดงว่า current เป็น child ของ prev  หยุด (ไม่ข้ามขึ้น)\n      if (prev.childLogicalElementId === id) {\n        // แต่ถ้ามี objType ของตัวเอง ใช้ตัวเอง\n        if (current.objType) {\n          result = current.objType;\n        }\n        return;\n      }\n\n      //  ถ้า previous มี objType  ใช้เลย\n      if (prev.objType) {\n        result = prev.objType;\n        return;\n      }\n\n      //  ไม่เข้าเงื่อนไขไหน  เดินย้อนขึ้นต่อ\n      loop(prevId);\n    }\n    loop(activeId);\n    return result;\n  }\n  function handleLogicalElementTypeChange(_x) {\n    return _handleLogicalElementTypeChange.apply(this, arguments);\n  } // console.log(\n  //   \"typeLogicalOutFunction:ttyyxfchs\",\n  //   createObjTypeConcat(\n  //     findObjTypeStep(logicalElementOutput.active, logicalElementObj),\n  //   ),\n  //   resultFieldName[\n  //     logicalElementObj[logicalElementOutput.active]\n  //       ?.previousLogicalElementId === null\n  //       ? createObjTypeConcat(objTypeMain)\n  //       : createObjTypeConcat(\n  //           findObjTypeStep(logicalElementOutput.active, logicalElementObj),\n  //         )\n  //   ],\n  // );\n  function _handleLogicalElementTypeChange() {\n    _handleLogicalElementTypeChange = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {\n      var logicalElementType, mainLoigcalObj, logicalObj, objType;\n      return _regenerator().w(function (_context) {\n        while (1) switch (_context.n) {\n          case 0:\n            logicalElementType = e.target.value;\n            mainLoigcalObj = objTemplateLogicalElement(logicalElementType, logicalElementObj[logicalElementOutput.active].previousLogicalElementId, logicalElementObj[logicalElementOutput.active].nextLogicalElementId);\n            logicalObj = {};\n            console.log(\"dfofjdf\", logicalElementObj[logicalElementOutput.active]);\n            setLogicalElementOutput(function (logicalElementOutput) {\n              logicalElementOutput.status = false;\n            });\n            objType = objTypeMain;\n            if (createArrObjTypeLogical(logicalElementOutput.active, logicalElementObj).lastObjtype !== \"\") {\n              objType = objTypeFromObjTypeConcat(createArrObjTypeLogical(logicalElementOutput.active, logicalElementObj).lastObjtype);\n            }\n            if (logicalElementType === \"childComplexFilter\") {\n              logicalObj = _objectSpread(_objectSpread({}, mainLoigcalObj), {}, {\n                objType: objType,\n                pathLinkType: {\n                  objType: \"\",\n                  relType: \"\",\n                  direction: \"\"\n                },\n                childLogicalElementId: null\n              });\n            }\n            if (logicalElementType === \"translateIds\") {\n              logicalObj = _objectSpread(_objectSpread({}, mainLoigcalObj), {}, {\n                objType: objType,\n                pathLinkType: {\n                  objType: \"\",\n                  relType: \"\",\n                  direction: \"\"\n                },\n                childIdentifiers: []\n              });\n            }\n            if (logicalElementType === \"logical\") {\n              console.log(\"typeLogicalInFunction:ttyyxfchs\", createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj)), resultFieldName[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))]);\n              logicalObj = _objectSpread(_objectSpread({}, mainLoigcalObj), {}, {\n                objType: objType,\n                partitionKeyValueUserTags: {}\n                // fieldName: \"\",\n                // comparison: \"\",\n                // valueUserTag: \"\",\n              });\n            }\n            if (logicalElementType === \"openBracket\" || logicalElementType === \"closeBracket\") {\n              setLogicalElementOutput(function (logicalElementOutput) {\n                logicalElementOutput.status = true;\n              });\n            }\n            setLogicalElementObj(function (logicalElementObj) {\n              logicalElementObj[logicalElementOutput.active] = _objectSpread(_objectSpread({}, mainLoigcalObj), logicalObj);\n            });\n          case 1:\n            return _context.a(2);\n        }\n      }, _callee);\n    }));\n    return _handleLogicalElementTypeChange.apply(this, arguments);\n  }\n  function handleOperationChange(e) {\n    var operation = e.target.value;\n    setLogicalElementObj(function (logicalElementObj) {\n      logicalElementObj[logicalElementOutput.active].operation = operation;\n    });\n    setLogicalElementOutput(function (logicalElementOutput) {\n      logicalElementOutput.status = true;\n    });\n  }\n  function objTemplateLogicalElement(logicalElementType, previousLogicalElementId, nextLogicalElementId) {\n    var objTemplate = {\n      logicalElementType: logicalElementType,\n      previousLogicalElementId: previousLogicalElementId,\n      nextLogicalElementId: nextLogicalElementId\n    };\n    return objTemplate;\n  }\n  function handelSelectRelTypeAndDirection(e) {\n    var relType = e.target.value;\n    var index = e.target.selectedIndex - 1;\n    var objTypeConcat = createObjTypeConcat(logicalElementObj[logicalElementOutput.active].objType);\n    collectRequireLinksFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType);\n    getObjSchemaHieFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType);\n    setLogicalElementObj(function (logicalElementObj) {\n      var _allObjTypesLinkConfi;\n      logicalElementObj[logicalElementOutput.active].pathLinkType = {\n        relType: JSON.parse(relType),\n        objType: allObjTypesLinkConfigs[objTypeConcat][index].other.objType,\n        direction: allObjTypesLinkConfigs[objTypeConcat][index].base.direction\n      };\n      if ((_allObjTypesLinkConfi = allObjTypesLinkConfigs[objTypeConcat][index]) !== null && _allObjTypesLinkConfi !== void 0 && _allObjTypesLinkConfi.requestProperties) {\n        var requestProperties = {};\n        for (var key in (_allObjTypesLinkConfi2 = allObjTypesLinkConfigs[objTypeConcat][index]) === null || _allObjTypesLinkConfi2 === void 0 ? void 0 : _allObjTypesLinkConfi2.requestProperties) {\n          var _allObjTypesLinkConfi2;\n          requestProperties[key] = \"\";\n        }\n        logicalElementObj[logicalElementOutput.active].requestProperties = requestProperties;\n      } else {\n        delete logicalElementObj[logicalElementOutput.active].requestProperties;\n      }\n    });\n    setLogicalElementOutput(function (logicalElementOutput) {\n      logicalElementOutput.status = true;\n    });\n  }\n  function handleAddLogicalElement(action) {\n    var uuid = (0,nanoid__WEBPACK_IMPORTED_MODULE_4__.nanoid)(10);\n    console.log(\"action:asfdsgsdg \", action);\n    if (action === \"addChild\") {\n      collectRequireLinksFn(logicalElementObj[logicalElementOutput.active].pathLinkType.objType);\n      getObjSchemaHieFn(logicalElementObj[logicalElementOutput.active].pathLinkType.objType);\n    }\n    setLogicalElementObj(function (logicalElementObj) {\n      if (Object.keys(logicalElementObj).length === 0) {\n        setInitialLogicalElementId(uuid);\n        logicalElementObj[uuid] = objTemplateLogicalElement(\"newLogicalElement\", null, null);\n      } else {\n        if (action === \"addParent\") {\n          if (logicalElementObj[logicalElementOutput.active].nextLogicalElementId !== null) {\n            logicalElementObj[uuid] = objTemplateLogicalElement(\"newLogicalElement\", logicalElementOutput.active, logicalElementObj[logicalElementOutput.active].nextLogicalElementId);\n            logicalElementObj[logicalElementOutput.active].nextLogicalElementId = uuid;\n          } else {\n            logicalElementObj[logicalElementOutput.active].nextLogicalElementId = uuid;\n            logicalElementObj[uuid] = objTemplateLogicalElement(\"newLogicalElement\", logicalElementOutput.active, null);\n          }\n        }\n        if (action === \"addChild\") {\n          logicalElementObj[uuid] = objTemplateLogicalElement(\"newLogicalElement\", logicalElementOutput.active, null);\n          logicalElementObj[logicalElementOutput.active].childLogicalElementId = uuid;\n        }\n      }\n    });\n    setLogicalElementOutput(function (logicalElementOutput) {\n      logicalElementOutput.status = false;\n      logicalElementOutput.active = uuid;\n    });\n  }\n  function hadleActiveLogicalElement(key) {\n    setLogicalElementOutput(function (logicalElementOutput) {\n      logicalElementOutput.active = key;\n    });\n  }\n  function hadelActiveTopParent(objType) {\n    console.log(\"objType:sdsacascz \", objType);\n    setLogicalElementOutput(function (logicalElementOutput) {\n      logicalElementOutput.active = Object.values(objType)[0];\n    });\n  }\n  console.log(\"afsofiud\", createArrObjTypeLogical(logicalElementOutput.active, logicalElementObj));\n  function handleSelectFieldName(e, type) {\n    var value = e.target.value;\n    setLogicalElementObj(function (logicalElementObj) {\n      logicalElementObj[logicalElementOutput.active][type] = value;\n    });\n    if (type === \"partitionKeyValueUserTag\" || type === \"sortKeyValueUserTags\") {\n      if (value === \"createUserTag\") {\n        setNewUserTags(function (newUserTags) {\n          newUserTags.name = \"\";\n          newUserTags.obj = {\n            defaultValue: \"\"\n          };\n        });\n        setLogicalElementOutput(function (logicalElementOutput) {\n          logicalElementOutput.status = \"createUserTag\";\n        });\n      } else {\n        setLogicalElementOutput(function (logicalElementOutput) {\n          logicalElementOutput.status = false;\n        });\n      }\n    }\n  }\n  function handleUpdateNameNewValue(e) {\n    setNewUserTags(function (newUserTags) {\n      newUserTags.name = e.target.value;\n    });\n  }\n  function handleUpdateNewValue(e, type) {\n    console.log(\"type: safddfdgcxg\", type, newUserTags);\n    setNewUserTags(function (newUserTags) {\n      newUserTags.obj[type] = e.target.value;\n    });\n  }\n  function handleUpdateNewValueRequestProperties(e, type, keyRequestProperties) {\n    setNewUserTagsRequestProperties(function (newUserTagsRequestProperties) {\n      newUserTagsRequestProperties[keyRequestProperties][type] = e.target.value;\n    });\n  }\n  function handleSelectCreateNewValue(e) {\n    var type = e.target.value;\n    console.log(\"type:fgrgdfgfdh \", type);\n    setNewUserTags(function (newUserTags) {\n      if (type === \"valueUserTag\") {\n        newUserTags.obj = {\n          defaultValue: \"\"\n        };\n      } else {\n        newUserTags.obj = {\n          valueSource: \"perParentIdentifier\",\n          perParentIdentifierFieldname: \"\"\n        };\n        if (resultFieldName[createObjTypeConcat(objTypeMain)].identifiers.length === 1) {\n          newUserTags.obj.perParentIdentifierFieldname = perParentIdentifierFieldname[0].fieldName;\n        }\n      }\n    });\n    // setNewUserTags({});\n  }\n  console.log(\"newUserTags:sadsxczvbbvb \", newUserTagsRequestProperties, valueDataUserTags);\n  function handleCreateNewValue(e) {\n    setLogicalElementObj(function (logicalElementObj) {\n      logicalElementObj[logicalElementOutput.active].valueUserTag = newUserTags.nameUserTag;\n    });\n    setValueDataUserTags(function (valueDataUserTags) {\n      valueDataUserTags[newUserTags.name] = newUserTags.obj;\n    });\n    setLogicalElementOutput(function (logicalElementOutput) {\n      logicalElementOutput.status = true;\n    });\n    setNewUserTags({});\n  }\n  function handleCreateNewValueRequestProperties(e, keyRequestProperties) {\n    setLogicalElementObj(function (logicalElementObj) {\n      logicalElementObj[logicalElementOutput.active].requestProperties[keyRequestProperties] = newUserTags.nameUserTag;\n    });\n    setValueDataUserTags(function (valueDataUserTags) {\n      valueDataUserTags[newUserTagsRequestProperties[keyRequestProperties].name] = {\n        defaultValue: newUserTagsRequestProperties[keyRequestProperties].defaultValue\n      };\n    });\n    setLogicalElementOutput(function (logicalElementOutput) {\n      logicalElementOutput.status = true;\n    });\n    setNewUserTagsRequestProperties(function (newUserTagsRequestProperties) {\n      newUserTagsRequestProperties[keyRequestProperties] = {};\n    });\n  }\n  console.log(\"newUserTags: \", newUserTags);\n  var logicalElementType = [\"openBracket\", \"closeBracket\", \"childComplexFilter\", \"operation\", \"traversal\", \"translateIds\"];\n  var operation = [\"AND\", \"OR\"];\n  var comparison = [\"equals\", \"greaterThan\", \"greaterThanEquals\", \"lessThan\", \"lessThanEquals\", \"highLow\", \"high\", \"low\", \"izaraSyntax\"];\n  function handelCreateFilterElement() {\n    console.log(\"createFilterElement:dcvnnnbjxdx \", createFilterElement);\n    if (createFilterElement) {\n      createFilterElement(createObjTypeConcat(objTypeMain), initialLogicalElementId, logicalElementObj, valueDataUserTags, keyUseCase);\n    } else {\n      dispatch(successFunction({\n        parentOutputId: parentOutputId,\n        // keyElement,\n        initialLogicalElementId: initialLogicalElementId,\n        logicalElements: logicalElementObj,\n        valueDataUserTags: valueDataUserTags\n      }));\n    }\n    statusModal(false);\n  }\n  function handleValueSelect(e, key) {\n    var value = e.target.value;\n    if (value === \"createUserTag\") {\n      setLogicalElementObj(function (logicalElementObj) {\n        logicalElementObj[logicalElementOutput.active].requestProperties[key] = null;\n      });\n      setNewUserTagsRequestProperties(function (newUserTagsRequestProperties) {\n        newUserTagsRequestProperties[key] = {};\n      });\n    } else {\n      setLogicalElementObj(function (logicalElementObj) {\n        logicalElementObj[logicalElementOutput.active].requestProperties[key] = value;\n      });\n    }\n  }\n  function statusModalTraversal(status) {\n    setModalTraversal(status);\n  }\n  function sussessComplexFilterTypeTraversal(parentOutputId, arrTraversalSteps) {\n    console.log(\"arrTraversalSteps:dsfcxvxbx \", arrTraversalSteps);\n    var linkStepsArr = [];\n    var linkStepObj = {};\n    for (var index in arrTraversalSteps) {\n      var _linkStep$pathLinkTyp, _linkStep$pathLinkTyp2;\n      var linkStep = arrTraversalSteps[index];\n      console.log(\"linkStep:fdvdcxfedfxcv \", linkStep);\n      console.log(\"linkStep?.pathLinkType?.relType:fdvdcxfedfxcv \", linkStep === null || linkStep === void 0 || (_linkStep$pathLinkTyp = linkStep.pathLinkType) === null || _linkStep$pathLinkTyp === void 0 ? void 0 : _linkStep$pathLinkTyp.relType);\n      if (linkStep !== null && linkStep !== void 0 && (_linkStep$pathLinkTyp2 = linkStep.pathLinkType) !== null && _linkStep$pathLinkTyp2 !== void 0 && _linkStep$pathLinkTyp2.relType) {\n        var _linkStep$pathLinkTyp3;\n        if (Object.keys(linkStep === null || linkStep === void 0 || (_linkStep$pathLinkTyp3 = linkStep.pathLinkType) === null || _linkStep$pathLinkTyp3 === void 0 ? void 0 : _linkStep$pathLinkTyp3.relType).length === 0) {\n          alert(\"relType in traversal step is empty, please select relType\");\n          return true;\n        }\n      }\n      if (linkStep !== null && linkStep !== void 0 && linkStep.hopsPassObjType) {\n        if (linkStep !== null && linkStep !== void 0 && linkStep.hopsStart && linkStep !== null && linkStep !== void 0 && linkStep.hopsEnd) {\n          alert(\"relType in traversal step is empty, please select relType\");\n          return true;\n        }\n      }\n      var hashTraversal = hash(linkStep);\n      linkStepObj[hashTraversal] = linkStep;\n      linkStepsArr.push(hashTraversal);\n    }\n    setLogicalElementObj(function (logicalElementObj) {\n      logicalElementObj[logicalElementOutput.active].traversalSteps = linkStepsArr;\n    });\n    dispatch((0,_function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_7__.successTraversalConfig)({\n      parentOutputId: parentOutputId,\n      traversalLinkStepsObj: linkStepObj\n      // keyElement,\n    }));\n  }\n  function handleRemovePartitionKeyValueUserTags(key) {\n    setLogicalElementObj(function (logicalElementObj) {\n      delete logicalElementObj[logicalElementOutput.active].partitionKeyValueUserTags[key];\n    });\n  }\n  console.log(\"createFilterElement:fsdfbcsdfe\", createFilterElement);\n  console.log(\"valueDataUserTags: \", valueDataUserTags);\n  console.log(\"logicalElementObj:dfcxvxzzcs \", logicalElementObj);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"modal\", \"\", \"main\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"modal\", \"\", \"box\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridColumn\", \"\", \"1\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h2\", null, titleModel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"hr\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"pagination\", \"\", \"template\")\n  }, initialLogicalElementId && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n    onClick: function onClick(e) {\n      return hadelActiveTopParent(_defineProperty({}, createObjTypeConcat(objTypeMain), initialLogicalElementId));\n    }\n  }, createObjTypeConcat(objTypeMain)), createArrObjTypeLogical(logicalElementOutput.active, logicalElementObj).arrOutput.map(function (objType, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, \"/\", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n      onClick: function onClick(e) {\n        return hadelActiveTopParent(objType);\n      }\n    }, Object.keys(objType)));\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"background\", \"scroll\", \"div\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"logicalElement list\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridTab\", \"\", \"logicalElment\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"pagination\", \"\", \"template\")\n  }, initialLogicalElementId && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_OutputListLogicalElement, {\n    logicalElementObj: logicalElementObj,\n    setLogicalElementObj: setLogicalElementObj,\n    logicalElementId: findLogicalRoot(logicalElementOutput.active, logicalElementObj),\n    logicalElementOutput: logicalElementOutput,\n    setLogicalElementOutput: setLogicalElementOutput,\n    handleAddLogicalElement: handleAddLogicalElement,\n    hadleActiveLogicalElement: hadleActiveLogicalElement\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    disabled: !allObjTypesLinkConfigs && !resultFieldName,\n    onClick: function onClick(e) {\n      return handleAddLogicalElement(\"addParent\");\n    }\n  }, \"add\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridColumn\", \"\", \"1\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, Object.keys(logicalElementObj).length !== 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"background\", \"scroll\", \"div\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridColumn\", \"\", \"11\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"logicalElementType\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    onChange: function onChange(e) {\n      handleLogicalElementTypeChange(e);\n    },\n    value: logicalElementObj[logicalElementOutput.active].logicalElementType\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    disabled: logicalElementObj[logicalElementOutput.active].logicalElementType !== \"newLogicalElement\",\n    value: \"\"\n  }, \"---choose---\"), logicalElementType.map(function (key, id) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      key: key,\n      value: key\n    }, key);\n  }), resultFieldName && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, ((_resultFieldName = resultFieldName[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createArrObjTypeLogical(logicalElementOutput.active, logicalElementObj).lastObjtype]) === null || _resultFieldName === void 0 ? void 0 : _resultFieldName.identifiers.some(function (identifier) {\n    return identifier.type === \"partitionKey\";\n  })) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"logical\"\n  }, \"logical\"))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridColumn\", \"\", \"1\")\n  }, logicalElementObj[logicalElementOutput.active].logicalElementType === \"childComplexFilter\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"background\", \"scroll\", \"div\")\n  }, console.log(allObjTypesLinkConfigs, \"foopesofods\"), !allObjTypesLinkConfigs[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" relationship type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    value: JSON.stringify(logicalElementObj[logicalElementOutput.active].pathLinkType.relType),\n    onChange: function onChange(e) {\n      return handelSelectRelTypeAndDirection(e);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    disabled: logicalElementObj[logicalElementOutput.active].pathLinkType.relType !== \"\",\n    value: \"\"\n  }, \"-- relType --\"), allObjTypesLinkConfigs[createObjTypeConcat(logicalElementObj[logicalElementOutput.active].objType)].map(function (data, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      key: index,\n      value: JSON.stringify(data.relType)\n    }, createRelTypeConcat(data.relType)));\n  })), ((_logicalElementObj$lo3 = logicalElementObj[logicalElementOutput.active]) === null || _logicalElementObj$lo3 === void 0 ? void 0 : _logicalElementObj$lo3.pathLinkType.objType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" object type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, createObjTypeConcat(logicalElementObj[logicalElementOutput.active].pathLinkType.objType)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"direction\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, logicalElementObj[logicalElementOutput.active].pathLinkType.direction))), allObjTypesLinkConfigs[createObjTypeConcat(logicalElementObj[logicalElementOutput.active].objType)].map(function (data, index) {\n    var _logicalElementObj$lo4;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, _.isEqual(data.relType, (_logicalElementObj$lo4 = logicalElementObj[logicalElementOutput.active]) === null || _logicalElementObj$lo4 === void 0 ? void 0 : _logicalElementObj$lo4.pathLinkType.relType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, data.requestProperties && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Object.keys(data.requestProperties).map(function (keyRequestProperties, index) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, keyRequestProperties), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n        onChange: function onChange(e) {\n          return handleValueSelect(e, keyRequestProperties);\n        },\n        value: logicalElementObj[logicalElementOutput.active].requestProperties[keyRequestProperties]\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"\"\n      }, \"-- choose --\"), Object.entries(valueUserTags).filter(function (_ref4) {\n        var _ref5 = _slicedToArray(_ref4, 2),\n          key = _ref5[0],\n          val = _ref5[1];\n        return \"defaultValue\" in val;\n      }).map(function (_ref6) {\n        var _ref7 = _slicedToArray(_ref6, 2),\n          key = _ref7[0],\n          val = _ref7[1];\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          key: key,\n          value: key\n        }, val.defaultValue ? key : \"\");\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"createUserTag\"\n      }, \"create new userTag\")), logicalElementObj[logicalElementOutput.active].requestProperties[keyRequestProperties] === null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"createUserTag \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"nameUserTag\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n        onChange: function onChange(e) {\n          return handleUpdateNewValueRequestProperties(e, \"name\", keyRequestProperties);\n        }\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"defaultValue\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n        onChange: function onChange(e) {\n          return handleUpdateNewValueRequestProperties(e, \"defaultValue\", keyRequestProperties);\n        }\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n        styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridColumn\", \"\", \"11\")\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n        onClick: function onClick(e) {\n          return handleCreateNewValueRequestProperties(e, keyRequestProperties);\n        }\n      }, \"create\"))));\n    }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null));\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"br\", null), logicalElementObj[logicalElementOutput.active].childLogicalElementId === null ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: function onClick(e) {\n      return handleAddLogicalElement(\"addChild\");\n    }\n  }, \"create Child\") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: function onClick(e) {\n      return hadleActiveLogicalElement(logicalElementObj[logicalElementOutput.active].childLogicalElementId);\n    }\n  }, \"view Child\")), logicalElementObj[logicalElementOutput.active].logicalElementType === \"translateIds\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"background\", \"scroll\", \"div\")\n  }, !allObjTypesLinkConfigs[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" relationship type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    value: JSON.stringify(logicalElementObj[logicalElementOutput.active].pathLinkType.relType),\n    onChange: function onChange(e) {\n      return handelSelectRelTypeAndDirection(e);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    disabled: logicalElementObj[logicalElementOutput.active].pathLinkType.relType !== \"\",\n    value: \"\"\n  }, \"-- relType --\"), allObjTypesLinkConfigs[createObjTypeConcat(logicalElementObj[logicalElementOutput.active].objType)].map(function (data, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      key: index,\n      value: JSON.stringify(data.relType)\n    }, createRelTypeConcat(data.relType)));\n  })), ((_logicalElementObj$lo5 = logicalElementObj[logicalElementOutput.active]) === null || _logicalElementObj$lo5 === void 0 ? void 0 : _logicalElementObj$lo5.pathLinkType.objType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" object type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, createObjTypeConcat(logicalElementObj[logicalElementOutput.active].pathLinkType.objType)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"direction\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, logicalElementObj[logicalElementOutput.active].pathLinkType.direction))), allObjTypesLinkConfigs[createObjTypeConcat(logicalElementObj[logicalElementOutput.active].objType)].map(function (data, index) {\n    var _logicalElementObj$lo6;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, _.isEqual(data.relType, (_logicalElementObj$lo6 = logicalElementObj[logicalElementOutput.active]) === null || _logicalElementObj$lo6 === void 0 ? void 0 : _logicalElementObj$lo6.pathLinkType.relType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, data.requestProperties && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Object.keys(data.requestProperties).map(function (keyRequestProperties, index) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, keyRequestProperties), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n        onChange: function onChange(e) {\n          return handleValueSelect(e, keyRequestProperties);\n        },\n        value: logicalElementObj[logicalElementOutput.active].requestProperties[keyRequestProperties]\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"\"\n      }, \"-- choose --\"), Object.entries(valueUserTags).filter(function (_ref8) {\n        var _ref9 = _slicedToArray(_ref8, 2),\n          key = _ref9[0],\n          val = _ref9[1];\n        return \"defaultValue\" in val;\n      }).map(function (_ref0) {\n        var _ref1 = _slicedToArray(_ref0, 2),\n          key = _ref1[0],\n          val = _ref1[1];\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n          key: key,\n          value: key\n        }, val.defaultValue ? key : \"\");\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        value: \"createUserTag\"\n      }, \"create new userTag\")), logicalElementObj[logicalElementOutput.active].requestProperties[keyRequestProperties] === null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"createUserTag \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"nameUserTag\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n        onChange: function onChange(e) {\n          return handleUpdateNewValueRequestProperties(e, \"name\", keyRequestProperties);\n        }\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"defaultValue\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n        onChange: function onChange(e) {\n          return handleUpdateNewValueRequestProperties(e, \"defaultValue\", keyRequestProperties);\n        }\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n        styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridColumn\", \"\", \"11\")\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n        onClick: function onClick(e) {\n          return handleCreateNewValueRequestProperties(e, keyRequestProperties);\n        }\n      }, \"create\"))));\n    })), logicalElementObj[logicalElementOutput.active].childIdentifiers.map(function (valueChildIdentifiers, idChildIdentifiers) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, JSON.stringify(valueChildIdentifiers));\n    }), Object.keys(fieldValueUserTag).length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" fieldName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n      value: fieldValueUserTag.fieldName,\n      onChange: function onChange(e) {\n        handleSelectFieldNameAndValueUserTag(e, \"fieldName\");\n      }\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      disabled: true,\n      value: \"\"\n    }, \"-- fieldName --\"), resultFieldName[createObjTypeConcat(logicalElementObj[logicalElementOutput.active].pathLinkType.objType)] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Object.keys(resultFieldName[createObjTypeConcat(logicalElementObj[logicalElementOutput.active].pathLinkType.objType)].fieldNames).map(function (key) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        key: key,\n        value: key\n      }, key);\n    }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.UserTagsSelectAndCreateComponent, {\n      valueUserTags: valueUserTags,\n      parentOutputId: parentOutputId,\n      handleSelectUserTag: function handleSelectUserTag(e) {\n        return handleSelectFieldNameAndValueUserTag(e, \"valueUserTag\");\n      },\n      valueSelect: fieldValueUserTag.valueUserTag\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n      onClick: handleSaveChildIdentifiers\n    }, \"save\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n      onClick: handleAddFieldName\n    }, \"add childIdentifiers\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null));\n  })), logicalElementObj[logicalElementOutput.active].logicalElementType === \"logical\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, resultFieldName && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !resultFieldName[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"background\", \"scroll\", \"div\")\n  }, resultFieldName[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))].identifiers.map(function (identifier, index) {\n    var _logicalElementObj$lo7;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, identifier.type === \"partitionKey\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, \"FieldName :\", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"b\", null, identifier.fieldName), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.UserTagsSelectAndCreateComponent, {\n      valueUserTags: valueUserTags,\n      parentOutputId: parentOutputId,\n      handleSelectUserTag: function handleSelectUserTag(e) {\n        return selectValueUserTagForPartitionKey(e, identifier.fieldName);\n      },\n      valueSelect: (_logicalElementObj$lo7 = logicalElementObj[logicalElementOutput.active]) === null || _logicalElementObj$lo7 === void 0 ? void 0 : _logicalElementObj$lo7.partitionKeyValueUserTags[identifier.fieldName]\n    })));\n  }), resultFieldName[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))].identifiers.map(function (identifier, index) {\n    var _logicalElementObj$lo8, _logicalElementObj$lo9;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, identifier.type === \"partitionKey\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Object.keys(fieldValueUserTag).length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" \", \"conditionalFieldValues:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n      value: fieldValueUserTag.fieldName,\n      onChange: function onChange(e) {\n        handleSelectFieldNameAndValueUserTag(e, \"fieldName\");\n      }\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      disabled: true,\n      value: \"\"\n    }, \"-- fieldName --\"), Object.keys(resultFieldName[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))].fieldNames).map(function (key) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, console.log(\"ewyyydsydfd\", identifier.fieldName, key), identifier.fieldName !== key && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        key: key,\n        value: key\n      }, key));\n    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.UserTagsSelectAndCreateComponent, {\n      valueUserTags: valueUserTags,\n      parentOutputId: parentOutputId,\n      handleSelectUserTag: function handleSelectUserTag(e) {\n        return handleSelectFieldNameAndValueUserTag(e, \"valueUserTag\");\n      },\n      valueSelect: fieldValueUserTag.valueUserTag\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n      onClick: handleSaveFieldValueUserTag\n    }, \"save\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n      onClick: handleAddFieldName\n    }, \"add conditionalFieldValues\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"br\", null), ((_logicalElementObj$lo8 = logicalElementObj[logicalElementOutput.active]) === null || _logicalElementObj$lo8 === void 0 ? void 0 : _logicalElementObj$lo8.conditionalFieldValues) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, (_logicalElementObj$lo9 = logicalElementObj[logicalElementOutput.active]) === null || _logicalElementObj$lo9 === void 0 ? void 0 : _logicalElementObj$lo9.conditionalFieldValues.map(function (keyFieldName, indexFieldName) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, keyFieldName.fieldname, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", null, \"X\"));\n    }))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" comparison:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n      value: logicalElementObj[logicalElementOutput.active].comparison,\n      onChange: function onChange(e) {\n        handleSelectFieldName(e, \"comparison\");\n      }\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      disabled: logicalElementObj[logicalElementOutput.active].comparison !== \"\",\n      value: \"\"\n    }, \"choose comparison\"), comparison.map(function (key) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        key: key,\n        value: key\n      }, key);\n    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"sortKeyValueUserTags :\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n      onChange: function onChange(e) {\n        return handleSelectFieldName(e, \"sortKeyValueUserTags\");\n      },\n      value: logicalElementObj[logicalElementOutput.active].valueUserTag\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      value: \"\"\n    }, \"-- choose --\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      value: \"createUserTag\"\n    }, \"create new userTag\"), perParentIdentifierFieldname ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Object.entries(valueUserTags).filter(function (_ref10) {\n      var _ref11 = _slicedToArray(_ref10, 2),\n        key = _ref11[0],\n        val = _ref11[1];\n      return \"defaultValue\" || 0;\n    }).map(function (_ref12) {\n      var _ref13 = _slicedToArray(_ref12, 2),\n        key = _ref13[0],\n        val = _ref13[1];\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        key: key,\n        value: key\n      }, key);\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Object.entries(valueDataUserTags).filter(function (_ref14) {\n      var _ref15 = _slicedToArray(_ref14, 2),\n        key = _ref15[0],\n        val = _ref15[1];\n      return \"defaultValue\" in val;\n    }).map(function (_ref16) {\n      var _ref17 = _slicedToArray(_ref16, 2),\n        key = _ref17[0],\n        val = _ref17[1];\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n        key: key,\n        value: key\n      }, val.defaultValue ? key : \"\");\n    })))));\n  }), logicalElementOutput.status === \"createUserTag\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"hr\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"createUserTag \"), perParentIdentifierFieldname && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    onChange: function onChange(e) {\n      return handleSelectCreateNewValue(e);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"defaultValue\"\n  }, \"defaultValue\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"perParentIdentifier\"\n  }, \"perParentIdentifier\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"nameUserTag\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n    onChange: function onChange(e) {\n      return handleUpdateNameNewValue(e);\n    }\n  })), newUserTags.obj.hasOwnProperty(\"defaultValue\") ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"defaultValue\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n    onChange: function onChange(e) {\n      return handleUpdateNewValue(e, \"defaultValue\");\n    }\n  }))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"perParentIdentifierFieldname\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    onChange: function onChange(e) {\n      return handleUpdateNewValue(e, \"perParentIdentifierFieldname\");\n    }\n  }, perParentIdentifierFieldname.map(function (identifier, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", null, identifier.fieldName);\n  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridColumn\", \"\", \"11\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: function onClick(e) {\n      return handleCreateNewValue(e);\n    }\n  }, \"create\"))))))), logicalElementObj[logicalElementOutput.active].logicalElementType === \"traversal\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, modalTraversal && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_5__.ModalLinkStepsComponent, {\n    titleModal: \"traversal\",\n    statusModalFunc: statusModalTraversal,\n    objTypeMain: objTypeMain,\n    objConfigUseCase: objConfigUseCase,\n    nameReducer: nameReducer,\n    parentOutputId: parentOutputId\n    // successFunc={successRequiredDataConfig}\n    ,\n    collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,\n    collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,\n    valueUserTags: valueUserTags\n    // nameObjectLinkStepEdit={\n    //   stausModalSortFiled === true\n    //     ? \"\"\n    //     : stausModalSortFiled\n    // }\n    //----------------------------------\n    ,\n    ComponentUseCase: TraversalComponent,\n    LastStepsComponentUseCase: FieldValueUserTagsComponent,\n    successFuncUseCase: sussessComplexFilterTypeTraversal\n    // nameUserTag={undefined}\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: function onClick() {\n      return statusModalTraversal(\"traversal\");\n    }\n  }, \"add traversal\"))))), logicalElementObj[logicalElementOutput.active].logicalElementType === \"operation\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"background\", \"scroll\", \"div\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"operation\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    onChange: handleOperationChange,\n    value: logicalElementObj[logicalElementOutput.active].operation\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", null, \"--- choose ---\"), operation.map(function (key, id) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      key: key\n    }, key);\n  }))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, \"not found select\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"gridColumn\", \"\", \"11\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraButtonStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"modal\", \"\", \"button\"),\n    type: \"button\",\n    onClick: function onClick(e) {\n      return handelCreateFilterElement();\n    }\n  }, \"save\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraButtonStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"modal\", \"\", \"button\"),\n    type: \"button\",\n    onClick: function onClick(e) {\n      return statusModal(false);\n    }\n  }, \"cancel\"))))));\n};\nvar TraversalComponent = function TraversalComponent(_ref18) {\n  var _linkSteps$linkStepsO, _linkSteps$linkStepsO2, _linkSteps$linkStepsO3, _linkSteps$linkStepsO4, _linkSteps$linkStepsO5;\n  var linkSteps = _ref18.linkSteps,\n    setLinkSteps = _ref18.setLinkSteps,\n    linkStepsOutput = _ref18.linkStepsOutput,\n    resultFieldName = _ref18.resultFieldName,\n    valueUserTags = _ref18.valueUserTags,\n    objTypeMain = _ref18.objTypeMain,\n    parentOutputId = _ref18.parentOutputId;\n  function handleHopsPassObjType(e) {\n    setLinkSteps(function (linkSteps) {\n      linkSteps[linkStepsOutput.active].hopsPassObjType = e.target.checked;\n    });\n  }\n  function handleHopsStartEnd(e, type) {\n    setLinkSteps(function (linkSteps) {\n      linkSteps[linkStepsOutput.active][type] = +e.target.value;\n    });\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, linkStepsOutput.status !== \"lastStep\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"hopsPassObjType\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n    type: \"checkbox\",\n    checked: ((_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO === void 0 ? void 0 : _linkSteps$linkStepsO.hopsPassObjType) || false,\n    onChange: handleHopsPassObjType\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"hopsStart\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n    type: \"number\",\n    value: ((_linkSteps$linkStepsO2 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO2 === void 0 ? void 0 : _linkSteps$linkStepsO2.hopsStart) || \"\",\n    onChange: function onChange(e) {\n      return handleHopsStartEnd(e, \"hopsStart\");\n    },\n    min: 1,\n    disabled: ((_linkSteps$linkStepsO3 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO3 === void 0 ? void 0 : _linkSteps$linkStepsO3.hopsPassObjType) === true\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"hopsEnd\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n    type: \"number\",\n    value: ((_linkSteps$linkStepsO4 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO4 === void 0 ? void 0 : _linkSteps$linkStepsO4.hopsEnd) || \"\",\n    onChange: function onChange(e) {\n      return handleHopsStartEnd(e, \"hopsEnd\");\n    },\n    min: 1,\n    disabled: ((_linkSteps$linkStepsO5 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO5 === void 0 ? void 0 : _linkSteps$linkStepsO5.hopsPassObjType) === true\n  }))));\n};\nvar FieldValueUserTagsComponent = function FieldValueUserTagsComponent(_ref19) {\n  var _linkSteps$linkStepsO7, _linkSteps$linkStepsO8, _linkSteps$linkStepsO9;\n  var linkSteps = _ref19.linkSteps,\n    setLinkSteps = _ref19.setLinkSteps,\n    linkStepsOutput = _ref19.linkStepsOutput,\n    resultFieldName = _ref19.resultFieldName,\n    objTypeMain = _ref19.objTypeMain,\n    valueUserTags = _ref19.valueUserTags,\n    parentOutputId = _ref19.parentOutputId;\n  console.log(linkSteps[linkStepsOutput.active], \"last step:FieldValueUserTagsComponent\");\n  var _useImmer11 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({\n      // fieldName: \"\",\n      // valueUserTag: \"\",\n    }),\n    _useImmer12 = _slicedToArray(_useImmer11, 2),\n    fieldValueUserTag = _useImmer12[0],\n    setFieldValueUserTag = _useImmer12[1];\n  function handleSelectFieldNameAndValueUserTag(e, type) {\n    var value = e.target.value;\n    console.log(\"type:sdadfdsfd \", type);\n    console.log(\"value:sdadfdsfd \", value);\n    setFieldValueUserTag(function (fieldValueUserTag) {\n      fieldValueUserTag[type] = value;\n    });\n  }\n  function handleAddFieldName() {\n    if (linkSteps[linkStepsOutput.active].fieldValueUserTags === undefined) {\n      setLinkSteps(function (linkSteps) {\n        linkSteps[linkStepsOutput.active].fieldValueUserTags = [];\n        delete linkSteps[linkStepsOutput.active].lastStep;\n      });\n    }\n    setFieldValueUserTag({\n      fieldName: \"\",\n      valueUserTag: \"\"\n    });\n  }\n  function handleSaveFieldValueUserTag() {\n    setLinkSteps(function (linkSteps) {\n      linkSteps[linkStepsOutput.active].fieldValueUserTags.push(_defineProperty({}, fieldValueUserTag.fieldName, fieldValueUserTag.valueUserTag));\n    });\n    setFieldValueUserTag({});\n  }\n  console.log(\"fieldValueUserTag:efdgcvgfdrg \", fieldValueUserTag);\n  console.log(\"valueUserTags:FieldValueUserTagsComponent \", valueUserTags);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !resultFieldName[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)(\"background\", \"scroll\", \"div\")\n  }, console.log((_linkSteps$linkStepsO7 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO7 === void 0 ? void 0 : _linkSteps$linkStepsO7.fieldValueUserTags, \"dfjiusf0sdjfgop\"), ((_linkSteps$linkStepsO8 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO8 === void 0 ? void 0 : _linkSteps$linkStepsO8.fieldValueUserTags) !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, (_linkSteps$linkStepsO9 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO9 === void 0 || (_linkSteps$linkStepsO9 = _linkSteps$linkStepsO9.fieldValueUserTags) === null || _linkSteps$linkStepsO9 === void 0 ? void 0 : _linkSteps$linkStepsO9.map(function (fieldValueUserTag, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      key: index\n    }, console.log(fieldValueUserTag, \"sdafdfsdfewrse\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, JSON.stringify(fieldValueUserTag)));\n  })), Object.keys(fieldValueUserTag).length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" fieldName:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    value: fieldValueUserTag.fieldName,\n    onChange: function onChange(e) {\n      handleSelectFieldNameAndValueUserTag(e, \"fieldName\");\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    disabled: true,\n    value: \"\"\n  }, \"-- fieldName --\"), Object.keys(resultFieldName[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].fieldNames).map(function (key) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      key: key,\n      value: key\n    }, key);\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.UserTagsSelectAndCreateComponent, {\n    valueUserTags: valueUserTags,\n    parentOutputId: parentOutputId,\n    handleSelectUserTag: function handleSelectUserTag(e) {\n      return handleSelectFieldNameAndValueUserTag(e, \"valueUserTag\");\n    },\n    valueSelect: fieldValueUserTag.valueUserTag\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: handleSaveFieldValueUserTag\n  }, \"save\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: handleAddFieldName\n  }, \"add fieldname\")))));\n};\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/complexFilterMain/modalComplexFilterComponent.jsx?\n}");
+
+/***/ },
+
+/***/ "./src/function/complexFilterFunction.js"
+/*!***********************************************!*\
+  !*** ./src/function/complexFilterFunction.js ***!
+  \***********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   successFilterElement: () => (/* binding */ successFilterElement),\n/* harmony export */   successTraversal: () => (/* binding */ successTraversal)\n/* harmony export */ });\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction successTraversal(state, action) {\n  var _action$payload = action.payload,\n    parentOutputId = _action$payload.parentOutputId,\n    traversalLinkStepsObj = _action$payload.traversalLinkStepsObj;\n  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.traversalSteps = _objectSpread(_objectSpread({}, state[parentOutputId].currentValues.pageOutputMainConfigUseCase.traversalSteps), traversalLinkStepsObj);\n}\nfunction successFilterElement(state, action) {\n  var _action$payload2 = action.payload,\n    parentOutputId = _action$payload2.parentOutputId,\n    initialLogicalElementId = _action$payload2.initialLogicalElementId,\n    logicalElements = _action$payload2.logicalElements;\n  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.initialLogicalElementId = initialLogicalElementId;\n  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.logicalElements = _objectSpread(_objectSpread({}, state[parentOutputId].currentValues.pageOutputMainConfigUseCase.logicalElements), logicalElements);\n}\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/function/complexFilterFunction.js?\n}");
+
+/***/ },
+
+/***/ "./src/function/createActionLibCreateLinkStepAndComplexFilter.js"
+/*!***********************************************************************!*\
+  !*** ./src/function/createActionLibCreateLinkStepAndComplexFilter.js ***!
+  \***********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   sendExtraReducerLibCreateLinkStepAndComplexFilter: () => (/* binding */ sendExtraReducerLibCreateLinkStepAndComplexFilter),\n/* harmony export */   successTraversalConfig: () => (/* binding */ successTraversalConfig),\n/* harmony export */   validateValueUserTagNotUsedConfig: () => (/* binding */ validateValueUserTagNotUsedConfig),\n/* harmony export */   valueUserTagCreateConfig: () => (/* binding */ valueUserTagCreateConfig)\n/* harmony export */ });\n/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @reduxjs/toolkit */ \"@reduxjs/toolkit\");\n/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _valueUserTagFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./valueUserTagFunction */ \"./src/function/valueUserTagFunction.js\");\n/* harmony import */ var _complexFilterFunction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./complexFilterFunction */ \"./src/function/complexFilterFunction.js\");\n\n\n//--------------------------valueUserTag----------------------------------------\n\nvar valueUserTagCreateConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAction)(\"valueUserTagCreateConfig\");\nvar validateValueUserTagNotUsedConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAction)(\"validateValueUserTagNotUsedConfig\");\n\n//-------------------------------complexFilterFunction-----------------------------------\n\n\nvar successTraversalConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAction)(\"successTraversalConfig\");\n// export const successFilterElementConfig = createAction(\n//   \"successFilterElementConfig\",\n// );\n\n//--------------------------------linkStepFunctionAndUseCase-----------------------------------\n// import { successRequiredData } from \"./linkStepFunction\";\n\n// export const successRequiredDataConfig = createAction(\n//   \"successRequiredDataConfig\",\n// );\n\nvar sendExtraReducerLibCreateLinkStepAndComplexFilter = function sendExtraReducerLibCreateLinkStepAndComplexFilter(builder) {\n  //----------------------------valueUserTag---------------------------------------\n  builder.addCase(valueUserTagCreateConfig, _valueUserTagFunction__WEBPACK_IMPORTED_MODULE_1__.valueUserTagCreate);\n  builder.addCase(validateValueUserTagNotUsedConfig, _valueUserTagFunction__WEBPACK_IMPORTED_MODULE_1__.validateValueUserTagNotUsed);\n  //----------------------------------complexFilterFunction----------------------------\n  builder.addCase(successTraversalConfig, _complexFilterFunction__WEBPACK_IMPORTED_MODULE_2__.successTraversal);\n  // builder.addCase(successFilterElementConfig, successFilterElement);\n  // builder.addCase(successRequiredDataConfig, successRequiredData);\n};\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/function/createActionLibCreateLinkStepAndComplexFilter.js?\n}");
+
+/***/ },
+
+/***/ "./src/function/linkStepFunction.js"
+/*!******************************************!*\
+  !*** ./src/function/linkStepFunction.js ***!
+  \******************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   successRequiredData: () => (/* binding */ successRequiredData)\n/* harmony export */ });\nfunction _readOnlyError(r) { throw new TypeError('\"' + r + '\" is read-only'); }\nfunction successRequiredData(state, action) {\n  var _action$payload = action.payload,\n    parentOutputId = _action$payload.parentOutputId,\n    linkSteps = _action$payload.linkSteps,\n    initialObjType = _action$payload.initialObjType,\n    nameLinkStepObject = _action$payload.nameLinkStepObject,\n    dataType = _action$payload.dataType,\n    linkStepsArr = _action$payload.linkStepsArr;\n  if (linkStepsArr === undefined) {\n    [], _readOnlyError(\"linkStepsArr\");\n    for (var index in linkSteps) {\n      var linkStepObj = _.cloneDeep(linkSteps[index]);\n      var hashRequiredData = hash(linkStepObj);\n      state[parentOutputId].currentValues.pageOutputMainConfigUseCase.requiredDataLinkSteps[hashRequiredData] = linkStepObj;\n      linkStepsArr.push(hashRequiredData);\n    }\n  }\n  var requiredDataLinkStepObjects = {\n    initialObjType: initialObjType,\n    linkSteps: linkStepsArr\n  };\n  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.requiredDataLinkStepObjects[nameLinkStepObject] = requiredDataLinkStepObjects;\n}\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/function/linkStepFunction.js?\n}");
+
+/***/ },
+
+/***/ "./src/function/valueUserTagFunction.js"
+/*!**********************************************!*\
+  !*** ./src/function/valueUserTagFunction.js ***!
+  \**********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   findUsedUserTagsFast: () => (/* binding */ findUsedUserTagsFast),\n/* harmony export */   validateValueUserTagNotUsed: () => (/* binding */ validateValueUserTagNotUsed),\n/* harmony export */   valueUserTagCreate: () => (/* binding */ valueUserTagCreate)\n/* harmony export */ });\n/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @reduxjs/toolkit */ \"@reduxjs/toolkit\");\n/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__);\nfunction _createForOfIteratorHelper(r, e) { var t = \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && \"number\" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t[\"return\"] || t[\"return\"](); } finally { if (u) throw o; } } }; }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\n\nvar valueUserTagCreate = function valueUserTagCreate(state, action) {\n  var _action$payload = action.payload,\n    parentOutputId = _action$payload.parentOutputId,\n    objCreateValueUserTag = _action$payload.objCreateValueUserTag;\n  console.log(\"objCreateValueUserTag:rdfsdgfhfb \", parentOutputId, objCreateValueUserTag);\n  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.valueUserTags[objCreateValueUserTag.keyName] = {\n    defaultValue: objCreateValueUserTag.defaultValue\n  };\n};\nvar validateValueUserTagNotUsed = function validateValueUserTagNotUsed(state, action) {\n  //linkstep\n  for (var linkStepId in state[parentOutputId].currentValues.pageOutputMainConfigUseCase.linkSteps) {\n    console.log(\"linkStepId: \", linkStepId);\n  }\n};\n\n// function scanLogicalElements(set, logicalElements) {\n//   if (!logicalElements) return;\n\n//   Object.values(logicalElements).forEach((el) => {\n//     addTagsFromObjectValues(set, el.partitionKeyValueUserTags);\n//     addTagsFromObjectValues(set, el.sortKeyValueUserTags);\n\n//     if (el.conditionalFieldValues) {\n//       el.conditionalFieldValues.forEach((cond) => {\n//         addTags(set, cond.includeValueUserTags);\n//         addTags(set, cond.excludeValueUserTags);\n//       });\n//     }\n\n//     addTagsFromObjectValues(set, el.requestProperties);\n//   });\n// }\n\n// function scanTraversalSteps(set, traversalSteps) {\n//   if (!traversalSteps) return;\n\n//   Object.values(traversalSteps).forEach((step) => {\n//     if (step.fieldValueUserTags) {\n//       step.fieldValueUserTags.forEach((obj) => {\n//         addTagsFromObjectValues(set, obj);\n//       });\n//     }\n//   });\n// }\n\n// function scanSortFields(set, sortFields) {\n//   if (!sortFields) return;\n\n//   sortFields.forEach((sf) => {\n//     addTags(set, sf.sortByValueUserTags);\n//   });\n// }\n\n// function scanCombinations(set, combinations) {\n//   if (!combinations) return;\n\n//   Object.values(combinations).forEach((c) => {\n//     scanLogicalElements(set, c.logicalElements);\n//   });\n// }\n\n//------------------------\nvar _addTags = function addTags(usedSet, tagKeys, arr) {\n  console.log(\"usedSet, tagKeys, arr:addTags:xzxzxawffbbc \", usedSet, tagKeys, arr);\n  if (!Array.isArray(arr)) return;\n  var _iterator = _createForOfIteratorHelper(arr),\n    _step;\n  try {\n    for (_iterator.s(); !(_step = _iterator.n()).done;) {\n      var v = _step.value;\n      _addTags(usedSet, tagKeys, v);\n    }\n  } catch (err) {\n    _iterator.e(err);\n  } finally {\n    _iterator.f();\n  }\n};\nvar addTagsFromObjectValues = function addTagsFromObjectValues(usedSet, tagKeys, obj) {\n  if (!obj) return;\n  for (var _i = 0, _Object$values = Object.values(obj); _i < _Object$values.length; _i++) {\n    var v = _Object$values[_i];\n    _addTags(usedSet, tagKeys, v);\n  }\n};\nfunction scanLogicalElements(usedSet, tagKeys, logicalElements) {\n  console.log(\"logicalElements:dxczxcvasrfdwaefasdf \", usedSet, tagKeys, logicalElements);\n  if (!logicalElements) return;\n  for (var _i2 = 0, _Object$values2 = Object.values(logicalElements); _i2 < _Object$values2.length; _i2++) {\n    var el = _Object$values2[_i2];\n    addTagsFromObjectValues(usedSet, tagKeys, el.partitionKeyValueUserTags);\n    addTagsFromObjectValues(usedSet, tagKeys, el.sortKeyValueUserTags);\n\n    // if (el.conditionalFieldValues) {\n    //   for (const cond of el.conditionalFieldValues) {\n    //     addTags(usedSet, tagKeys, cond.includeValueUserTags);\n\n    //     addTags(usedSet, tagKeys, cond.excludeValueUserTags);\n    //   }\n    // }\n\n    addTagsFromObjectValues(usedSet, tagKeys, el.requestProperties);\n  }\n}\nfunction scanTraversalSteps(usedSet, tagKeys, traversalSteps) {\n  if (!traversalSteps) return;\n  for (var _i3 = 0, _Object$values3 = Object.values(traversalSteps); _i3 < _Object$values3.length; _i3++) {\n    var step = _Object$values3[_i3];\n    if (!step.fieldValueUserTags) continue;\n    var _iterator2 = _createForOfIteratorHelper(step.fieldValueUserTags),\n      _step2;\n    try {\n      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {\n        var obj = _step2.value;\n        addTagsFromObjectValues(usedSet, tagKeys, obj);\n      }\n    } catch (err) {\n      _iterator2.e(err);\n    } finally {\n      _iterator2.f();\n    }\n  }\n}\nfunction scanRequiredDataLinkSteps(usedSet, tagKeys, steps) {\n  if (!steps) return;\n  for (var _i4 = 0, _Object$values4 = Object.values(steps); _i4 < _Object$values4.length; _i4++) {\n    var step = _Object$values4[_i4];\n    addTagsFromObjectValues(usedSet, tagKeys, step.requestProperties);\n    console.log(\"step: dfcvxbcxb\", step);\n    if (step.filterElements) {\n      scanLogicalElements(usedSet, tagKeys, step.filterElements.logicalElements);\n    }\n    if (step.sortFields) {\n      var _iterator3 = _createForOfIteratorHelper(step.sortFields),\n        _step3;\n      try {\n        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {\n          var sf = _step3.value;\n          _addTags(usedSet, tagKeys, sf.sortByValueUserTags);\n        }\n      } catch (err) {\n        _iterator3.e(err);\n      } finally {\n        _iterator3.f();\n      }\n    }\n    _addTags(usedSet, tagKeys, step.comparisonValue);\n  }\n}\nfunction scanSortFields(usedSet, tagKeys, sortFields) {\n  if (!sortFields) return;\n  var _iterator4 = _createForOfIteratorHelper(sortFields),\n    _step4;\n  try {\n    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {\n      var sf = _step4.value;\n      _addTags(usedSet, tagKeys, sf.sortByValueUserTags);\n    }\n  } catch (err) {\n    _iterator4.e(err);\n  } finally {\n    _iterator4.f();\n  }\n}\nfunction scanCombinations(usedSet, tagKeys, combinations) {\n  if (!combinations) return;\n  for (var _i5 = 0, _Object$values5 = Object.values(combinations); _i5 < _Object$values5.length; _i5++) {\n    var combo = _Object$values5[_i5];\n    scanLogicalElements(usedSet, tagKeys, combo.logicalElements);\n  }\n}\nfunction findUsedUserTagsFast(param) {\n  var used = new Set();\n  var tagKeys = new Set(Object.keys(param.valueUserTags));\n  scanLogicalElements(used, tagKeys, param.logicalElements);\n  scanTraversalSteps(used, tagKeys, param.traversalSteps);\n  scanRequiredDataLinkSteps(used, tagKeys, param.requiredDataLinkSteps);\n  scanSortFields(used, tagKeys, param.sortFields);\n  scanCombinations(used, tagKeys, param.complexFilterCombinations);\n  scanCombinations(used, tagKeys, param.perParentCombinations);\n  console.log(\"used:wsdxcvzvxcv \", used, tagKeys);\n  return used;\n}\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/function/valueUserTagFunction.js?\n}");
+
+/***/ },
+
+/***/ "./src/index.js"
+/*!**********************!*\
+  !*** ./src/index.js ***!
+  \**********************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ConditionLinkStepAndMultipleIdentifersComponent: () => (/* reexport safe */ _complexFilterMain_mainCaseUseConditionAndMultipleIdentifersComponent_jsx__WEBPACK_IMPORTED_MODULE_0__.ConditionLinkStepAndMultipleIdentifersComponent),\n/* harmony export */   FieldNameComponent: () => (/* reexport safe */ _valueUserTags_fieldNameComponent_jsx__WEBPACK_IMPORTED_MODULE_4__.FieldNameComponent),\n/* harmony export */   MainCaseUseConditionAndMultipleIdentifersComponent: () => (/* reexport safe */ _complexFilterMain_mainCaseUseConditionAndMultipleIdentifersComponent_jsx__WEBPACK_IMPORTED_MODULE_0__.MainCaseUseConditionAndMultipleIdentifersComponent),\n/* harmony export */   ModalComplexFilterComponent: () => (/* reexport safe */ _complexFilterMain_modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_1__.ModalComplexFilterComponent),\n/* harmony export */   ModalLinkStepsComponent: () => (/* reexport safe */ _linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_2__.ModalLinkStepsComponent),\n/* harmony export */   UserTagsSelectAndCreateComponent: () => (/* reexport safe */ _valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_3__.UserTagsSelectAndCreateComponent),\n/* harmony export */   sendExtraReducerLibCreateLinkStepAndComplexFilter: () => (/* reexport safe */ _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_5__.sendExtraReducerLibCreateLinkStepAndComplexFilter),\n/* harmony export */   successFilterElement: () => (/* reexport safe */ _function_complexFilterFunction__WEBPACK_IMPORTED_MODULE_6__.successFilterElement),\n/* harmony export */   successRequiredData: () => (/* reexport safe */ _function_linkStepFunction__WEBPACK_IMPORTED_MODULE_7__.successRequiredData)\n/* harmony export */ });\n/* harmony import */ var _complexFilterMain_mainCaseUseConditionAndMultipleIdentifersComponent_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./complexFilterMain/mainCaseUseConditionAndMultipleIdentifersComponent.jsx */ \"./src/complexFilterMain/mainCaseUseConditionAndMultipleIdentifersComponent.jsx\");\n/* harmony import */ var _complexFilterMain_modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./complexFilterMain/modalComplexFilterComponent.jsx */ \"./src/complexFilterMain/modalComplexFilterComponent.jsx\");\n/* harmony import */ var _linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./linkSteps/modalLinkStepsComponent.jsx */ \"./src/linkSteps/modalLinkStepsComponent.jsx\");\n/* harmony import */ var _valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./valueUserTags/valueUserTagsComponent.jsx */ \"./src/valueUserTags/valueUserTagsComponent.jsx\");\n/* harmony import */ var _valueUserTags_fieldNameComponent_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./valueUserTags/fieldNameComponent.jsx */ \"./src/valueUserTags/fieldNameComponent.jsx\");\n/* harmony import */ var _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./function/createActionLibCreateLinkStepAndComplexFilter */ \"./src/function/createActionLibCreateLinkStepAndComplexFilter.js\");\n/* harmony import */ var _function_complexFilterFunction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./function/complexFilterFunction */ \"./src/function/complexFilterFunction.js\");\n/* harmony import */ var _function_linkStepFunction__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./function/linkStepFunction */ \"./src/function/linkStepFunction.js\");\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/index.js?\n}");
+
+/***/ },
+
+/***/ "./src/linkSteps/modalLinkStepsComponent.jsx"
+/*!***************************************************!*\
+  !*** ./src/linkSteps/modalLinkStepsComponent.jsx ***!
+  \***************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ModalLinkStepsComponent: () => (/* binding */ ModalLinkStepsComponent)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ \"use-immer\");\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(use_immer__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @izaraFrontends/styles */ \"@izaraFrontends/styles\");\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ \"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _createForOfIteratorHelper(r, e) { var t = \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && \"number\" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t[\"return\"] || t[\"return\"](); } finally { if (u) throw o; } } }; }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\n\n\n\n\n//test---------------------------------\n// import { successTraversalConfig } from \"./function/createActionLibCreateLinkStepAndComplexFilter\";\n// import { ConditionsAndMultipleIdentifersComponent } from \"./conditionsAndMultipleIdentifersComponent\";\n\nfunction createObjTypeConcat(objType) {\n  console.log(\"objType:dfcvcbcxb \", objType);\n  return \"\".concat(objType.serviceTag, \"_\").concat(objType.objectType);\n}\nfunction createRelTypeConcat(relType) {\n  console.log(\"objType:sdsadwsd \", relType);\n  return \"\".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, \"_\").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);\n}\nfunction objTypeFromObjTypeConcat(objTypeConcat) {\n  console.log(\"objTypeConcat:aeaeaeww \", objTypeConcat);\n  var result = objTypeConcat.split(\"_\");\n  if (result.length !== 2) {\n    throw Error(\"objTypeConcat invalid\");\n  }\n  return {\n    serviceTag: result[0],\n    objectType: result[1]\n  };\n}\nvar ModalLinkStepsComponent = function ModalLinkStepsComponent(_ref) {\n  var _linkSteps$linkStepsO, _linkSteps$linkStepsO2, _linkSteps$linkStepsO3, _linkSteps$linkStepsO4, _linkSteps$linkStepsO5, _linkSteps$linkStepsO6, _linkSteps$linkStepsO7, _linkSteps$linkStepsO8;\n  var titleModal = _ref.titleModal,\n    statusModalFunc = _ref.statusModalFunc,\n    objConfigUseCase = _ref.objConfigUseCase,\n    objTypeMain = _ref.objTypeMain,\n    nameReducer = _ref.nameReducer,\n    parentOutputId = _ref.parentOutputId,\n    successFunc = _ref.successFunc,\n    collectObjectLinksWithRequestProperties = _ref.collectObjectLinksWithRequestProperties,\n    collectObjectSchemaWithHierarchy = _ref.collectObjectSchemaWithHierarchy,\n    nameObjectLinkStepEdit = _ref.nameObjectLinkStepEdit,\n    userTag = _ref.userTag,\n    keyElement = _ref.keyElement,\n    ComponentUseCase = _ref.ComponentUseCase,\n    LastStepsComponentUseCase = _ref.LastStepsComponentUseCase,\n    valueUserTags = _ref.valueUserTags,\n    successFuncUseCase = _ref.successFuncUseCase;\n  // InitialSchemaLib.initSchemaFn(\n  //   getObjSchemaS3WithHierarchyShared,\n  //   getObjectLinksShared\n  // );\n\n  console.log(\"valueUserTags:ModalLinkStepsComponent \", valueUserTags);\n  var arrObjRequiredData = [{}];\n  arrObjRequiredData = [];\n  if (nameObjectLinkStepEdit) {\n    if (objConfigUseCase !== null && objConfigUseCase !== void 0 && objConfigUseCase.linkStepsObjects) {\n      var _iterator = _createForOfIteratorHelper(objConfigUseCase.linkStepsObjects[nameObjectLinkStepEdit].linkSteps),\n        _step;\n      try {\n        for (_iterator.s(); !(_step = _iterator.n()).done;) {\n          var keyLinkStep = _step.value;\n          arrObjRequiredData.push(objConfigUseCase.linkSteps[keyLinkStep]);\n        }\n      } catch (err) {\n        _iterator.e(err);\n      } finally {\n        _iterator.f();\n      }\n    }\n  }\n  if (objConfigUseCase !== null && objConfigUseCase !== void 0 && objConfigUseCase.traversalSteps) {\n    var _iterator2 = _createForOfIteratorHelper(objConfigUseCase.traversalSteps),\n      _step2;\n    try {\n      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {\n        var keyTraversalStep = _step2.value;\n        arrObjRequiredData.push(objConfigUseCase.traversalSteps[keyTraversalStep]);\n      }\n    } catch (err) {\n      _iterator2.e(err);\n    } finally {\n      _iterator2.f();\n    }\n  }\n  console.log(\"arrObjRequiredData: xxxxaaawwweee\", arrObjRequiredData);\n  if (!objTypeMain) {\n    objTypeMain = objConfigUseCase.objType;\n  }\n  console.time(\"renderTimeInModalRequiredData\");\n\n  //--------------------------------------------------------------\n\n  var _collectObjectLinksWi = collectObjectLinksWithRequestProperties(),\n    _collectObjectLinksWi2 = _slicedToArray(_collectObjectLinksWi, 3),\n    allObjTypesLinkConfigs = _collectObjectLinksWi2[0],\n    collectRequireLinksFn = _collectObjectLinksWi2[1],\n    collectLinksOpt = _collectObjectLinksWi2[2]; // allObjTypesLinkConfigs\n\n  var _collectObjectSchemaW = collectObjectSchemaWithHierarchy(),\n    _collectObjectSchemaW2 = _slicedToArray(_collectObjectSchemaW, 3),\n    resultFieldName = _collectObjectSchemaW2[0],\n    getObjSchemaHieFn = _collectObjectSchemaW2[1],\n    collectLinksOpt2 = _collectObjectSchemaW2[2];\n\n  //--------------------------------------------------------------\n\n  var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)(arrObjRequiredData),\n    _useImmer2 = _slicedToArray(_useImmer, 2),\n    linkSteps = _useImmer2[0],\n    setLinkSteps = _useImmer2[1];\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(nameObjectLinkStepEdit),\n    _useState2 = _slicedToArray(_useState, 2),\n    nameLinkSteps = _useState2[0],\n    setNameLinkSteps = _useState2[1];\n  var _useImmer3 = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)({\n      status: null,\n      //link or lastStep\n      active: 0\n    }),\n    _useImmer4 = _slicedToArray(_useImmer3, 2),\n    linkStepsOutput = _useImmer4[0],\n    setLinkStepsOutput = _useImmer4[1];\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();\n  console.log(\"linkSteps:linkStepsLog \", linkSteps);\n  console.log(\"collectLinks: \", allObjTypesLinkConfigs, collectLinksOpt);\n  console.log(\"allObjTypesLinkConfigs: \", allObjTypesLinkConfigs);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    collectRequireLinksFn(objTypeMain, {\n      returnLinkTypeId: false,\n      returnPathLinkTypeId: true\n    });\n    getObjSchemaHieFn(objTypeMain);\n    if (nameObjectLinkStepEdit) {\n      for (var _keyLinkStep = 0; _keyLinkStep < arrObjRequiredData.length; _keyLinkStep++) {\n        var linkStep = arrObjRequiredData[_keyLinkStep];\n        if (linkStep.hasOwnProperty(\"pathLinkType\")) {\n          collectRequireLinksFn(linkStep.pathLinkType.objType, {\n            returnLinkTypeId: false,\n            returnPathLinkTypeId: true\n          });\n          getObjSchemaHieFn(linkStep.pathLinkType.objType);\n\n          // if (keyLinkStep === arrObjRequiredData.length - 1) {\n          //   setLinkStepsOutput((linkStepsOutput) => {\n          //     linkStepsOutput.status = true;\n          //   });\n          // }\n        } else {\n          getObjSchemaHieFn(_keyLinkStep === 0 ? objTypeMain : arrObjRequiredData[_keyLinkStep - 1].pathLinkType.objType);\n        }\n        console.log(\"linkStep: sddfdfdfgcvb\", linkStep);\n      }\n    }\n  }, []);\n  //-----------------------Shared function-----------------------------------\n\n  function checkObjTypeLinkStep(activeIndex) {\n    var objTypeConcat; // objTypeConcat\n    objTypeConcat = createObjTypeConcat(objTypeMain);\n    if (activeIndex !== 0) {\n      objTypeConcat = createObjTypeConcat(linkSteps[activeIndex - 1].pathLinkType.objType);\n    }\n    return objTypeConcat;\n  }\n\n  //-----------------------End Shared function-----------------------------------\n\n  function hadelSelectType(e) {\n    var type = e.target.value;\n    setLinkStepsOutput(function (linkStepsOutput) {\n      linkStepsOutput.status = type;\n    });\n    if (type === \"link\") {\n      setLinkSteps(function (linkSteps) {\n        linkSteps[linkStepsOutput.active] = {\n          pathLinkType: {\n            relType: {},\n            objType: {},\n            direction: \"\"\n          }\n        };\n      });\n    } else {\n      setLinkSteps(function (linkSteps) {\n        linkSteps[linkStepsOutput.active] = {\n          lastStep: null\n        };\n      });\n    }\n    setLinkSteps(function (linkSteps) {\n      if (linkStepsOutput.active + 1 !== linkSteps.length) {\n        linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);\n      }\n    });\n  }\n  function handelSelectRelTypeAndDirection(e) {\n    var relType = e.target.value;\n    var index = e.target.selectedIndex - 1;\n    console.log(\"index:handelSelectRelTypeAndDirection \", index, _typeof(index));\n    var objTypeConcat = checkObjTypeLinkStep(linkStepsOutput.active);\n    collectRequireLinksFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType, {\n      returnLinkTypeId: false,\n      returnPathLinkTypeId: true\n    });\n    getObjSchemaHieFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType);\n    setLinkSteps(function (linkSteps) {\n      var _allObjTypesLinkConfi;\n      linkSteps[linkStepsOutput.active].pathLinkType = {\n        relType: JSON.parse(relType),\n        objType: allObjTypesLinkConfigs[objTypeConcat][index].other.objType,\n        direction: allObjTypesLinkConfigs[objTypeConcat][index].base.direction\n      };\n\n      // linkSteps[\n      //   linkStepsOutput.active\n      // ].allObjTypesLinkConfigIndex = index;\n\n      if ((_allObjTypesLinkConfi = allObjTypesLinkConfigs[objTypeConcat][index]) !== null && _allObjTypesLinkConfi !== void 0 && _allObjTypesLinkConfi.requestProperties) {\n        var requestProperties = {};\n        for (var key in (_allObjTypesLinkConfi2 = allObjTypesLinkConfigs[objTypeConcat][index]) === null || _allObjTypesLinkConfi2 === void 0 ? void 0 : _allObjTypesLinkConfi2.requestProperties) {\n          var _allObjTypesLinkConfi2;\n          requestProperties[key] = \"\";\n        }\n        linkSteps[linkStepsOutput.active].requestProperties = requestProperties;\n      } else {\n        delete linkSteps[linkStepsOutput.active].requestProperties;\n      }\n      if (linkStepsOutput.active + 1 !== linkSteps.length) {\n        linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);\n      }\n    });\n  }\n  function handelActiveStep(index) {\n    setLinkStepsOutput(function (linkStepsOutput) {\n      linkStepsOutput.active = index;\n    });\n    if (index !== 0) {\n      collectRequireLinksFn(linkSteps[index - 1].pathLinkType.objType, {\n        returnLinkTypeId: false,\n        returnPathLinkTypeId: true\n      });\n      getObjSchemaHieFn(linkSteps[index - 1].pathLinkType.objType);\n    }\n  }\n  function handleNextStep() {\n    // funcUseCase.testA();\n    var validateResult = true;\n    // validateAggregateCompare() &&\n    // validateComparison() &&\n    // validateRequestProperties();\n\n    if (validateResult) {\n      setLinkStepsOutput(function (linkStepsOutput) {\n        linkStepsOutput.active++;\n      }); //\n\n      if (linkSteps.length === linkStepsOutput.active + 1) {\n        setLinkSteps(function (linkSteps) {\n          linkSteps[linkStepsOutput.active + 1] = {};\n        }); //\n      }\n    }\n  }\n  function handlePrevStep() {\n    setLinkStepsOutput(function (linkStepsOutput) {\n      linkStepsOutput.active--;\n    });\n  }\n  function handleNameRequiredData(e) {\n    setNameLinkSteps(e.target.value);\n  }\n  function submitLinkSteps() {\n    console.log(\"nameObjectLinkStepEdit:xczxczxsd \", nameObjectLinkStepEdit);\n    console.log(\"nameLinkSteps:xczxczxsd \", nameLinkSteps);\n    if (nameObjectLinkStepEdit !== undefined) {\n      if (nameLinkSteps) {\n        console.log(\"xczxczxsd\");\n        if (successFunc) {\n          dispatch(successFunc({\n            parentOutputId: parentOutputId,\n            linkSteps: linkSteps,\n            initialObjType: objTypeMain,\n            nameLinkStepObject: nameLinkSteps,\n            dataType: \"text\"\n          }));\n        } else {\n          //sortFields in requiredData\n          successFuncUseCase(parentOutputId, linkSteps, objTypeMain, nameLinkSteps, {\n            dataType: \"text\"\n          });\n        }\n        statusModalFunc(false);\n      } else {\n        alert(\"please fill name\");\n      }\n    } else {\n      if (successFuncUseCase) {\n        console.log(\"dofigusoigdjigfdg\");\n        var resultStaus = successFuncUseCase(parentOutputId, linkSteps);\n        statusModalFunc(resultStaus);\n      }\n\n      // dispatch(\n      //   successTraversalConfig({\n      //     parentOutputId: parentOutputId,\n      //     traversalLinkStepsObj: linkSteps,\n      //   }),\n      // );\n      // statusModalFunc(false);\n    }\n\n    // }\n  }\n  console.log(\"nameObjectLinkStepEdit: \", nameObjectLinkStepEdit);\n  console.timeEnd(\"renderTimeInModalRequiredData\");\n  return /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"mainBackgroundTemplate\")\n  }, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"mainBoxTemplate\")\n  }, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"gridTemplate\")\n  }, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"headerTemplate\")\n  }, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"textAlign\", \"\", \"left\")\n  }, /*#__PURE__*/React.createElement(\"h1\", null, titleModal)), nameObjectLinkStepEdit !== undefined && /*#__PURE__*/React.createElement(\"input\", {\n    onChange: function onChange(e) {\n      return handleNameRequiredData(e);\n    },\n    placeholder: \"name\",\n    value: nameLinkSteps,\n    disabled: nameObjectLinkStepEdit\n  }), /*#__PURE__*/React.createElement(\"button\", {\n    onClick: function onClick(e) {\n      return submitLinkSteps();\n    }\n  }, \"save\"), /*#__PURE__*/React.createElement(\"button\", {\n    onClick: function onClick(e) {\n      return statusModalFunc(false);\n    }\n  }, \"cancel\")), /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"pagination\", \"\", \"template\")\n  }, /*#__PURE__*/React.createElement(React.Fragment, null, linkStepsOutput.active === 0 ? /*#__PURE__*/React.createElement(\"a\", {\n    style: {\n      color: \"red\",\n      pointerEvents: \"none\"\n    }\n  }, createObjTypeConcat(objTypeMain)) : /*#__PURE__*/React.createElement(\"a\", {\n    onClick: function onClick(e) {\n      return handelActiveStep(0);\n    }\n  }, createObjTypeConcat(objTypeMain)), linkSteps.length > 1 && /*#__PURE__*/React.createElement(React.Fragment, null, linkSteps.map(function (step, index) {\n    var _linkSteps;\n    return /*#__PURE__*/React.createElement(React.Fragment, null, ((_linkSteps = linkSteps[index - 1]) === null || _linkSteps === void 0 ? void 0 : _linkSteps.pathLinkType.objType) && /*#__PURE__*/React.createElement(React.Fragment, null, \"/\", linkStepsOutput.active === index ? /*#__PURE__*/React.createElement(\"a\", {\n      style: {\n        color: \"red\",\n        pointerEvents: \"none\"\n      }\n    }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType)) : /*#__PURE__*/React.createElement(\"a\", {\n      onClick: function onClick(e) {\n        return handelActiveStep(index);\n      }\n    }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType))));\n  })))), /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle\n  // styletags={createStyleDefualtTags(\"background\", \"scroll\", \"div\")}\n  , null, /*#__PURE__*/React.createElement(\"p\", null, \"type:\"), /*#__PURE__*/React.createElement(\"select\", _defineProperty(_defineProperty({\n    value: linkSteps.length === 0 ? \"\" : (_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active].pathLinkType) !== null && _linkSteps$linkStepsO !== void 0 && _linkSteps$linkStepsO.objType ? \"link\" : \"lastStep\"\n  }, \"value\", linkSteps.length === 0 ? \"\" : (_linkSteps$linkStepsO2 = linkSteps[linkStepsOutput.active].pathLinkType) === null || _linkSteps$linkStepsO2 === void 0 ? void 0 : _linkSteps$linkStepsO2.objType), \"onChange\", function onChange(e) {\n    hadelSelectType(e);\n  }), /*#__PURE__*/React.createElement(\"option\", null, \"-- choose type --\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"link\"\n  }, \"link\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"lastStep\"\n  }, \"lastStep\"))), allObjTypesLinkConfigs ? /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"gridColumn\", \"\", \"1\")\n  }, linkSteps.length === 0 || ((_linkSteps$linkStepsO3 = linkSteps[linkStepsOutput.active].pathLinkType) === null || _linkSteps$linkStepsO3 === void 0 ? void 0 : _linkSteps$linkStepsO3.objType) && /*#__PURE__*/React.createElement(React.Fragment, null, !allObjTypesLinkConfigs[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)] ? /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle\n  // styletags={createStyleDefualtTags(\n  //   \"background\",\n  //   \"scroll \",\n  //   \"div\"\n  // )}\n  , null, /*#__PURE__*/React.createElement(\"p\", null, \" relationship type:\"), /*#__PURE__*/React.createElement(\"select\", {\n    value: JSON.stringify(linkSteps[linkStepsOutput.active].pathLinkType.relType),\n    onChange: handelSelectRelTypeAndDirection\n  }, /*#__PURE__*/React.createElement(\"option\", {\n    value: \"\",\n    disabled: Object.keys(linkSteps[linkStepsOutput.active].pathLinkType.relType).length !== 0\n  }, \"-- relType --\"), allObjTypesLinkConfigs[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].map(function (dataLink, index) {\n    return /*#__PURE__*/React.createElement(\"option\", {\n      key: index,\n      value: JSON.stringify(dataLink.relType)\n    }, createRelTypeConcat(dataLink.relType));\n  })), Object.keys((_linkSteps$linkStepsO4 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO4 === void 0 || (_linkSteps$linkStepsO4 = _linkSteps$linkStepsO4.pathLinkType) === null || _linkSteps$linkStepsO4 === void 0 ? void 0 : _linkSteps$linkStepsO4.relType).length !== 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"p\", null, \" object type:\"), /*#__PURE__*/React.createElement(\"span\", null, createObjTypeConcat((_linkSteps$linkStepsO5 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO5 === void 0 ? void 0 : _linkSteps$linkStepsO5.pathLinkType.objType)), /*#__PURE__*/React.createElement(\"p\", null, \"direction\"), /*#__PURE__*/React.createElement(\"span\", null, (_linkSteps$linkStepsO6 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO6 === void 0 ? void 0 : _linkSteps$linkStepsO6.pathLinkType.direction), /*#__PURE__*/React.createElement(\"br\", null), /*#__PURE__*/React.createElement(\"hr\", null), ComponentUseCase && /*#__PURE__*/React.createElement(ComponentUseCase, {\n    allObjTypesLinkConfigs: allObjTypesLinkConfigs,\n    resultFieldName: resultFieldName,\n    linkSteps: linkSteps,\n    setLinkSteps: setLinkSteps,\n    linkStepsOutput: linkStepsOutput,\n    objTypeMain: objTypeMain,\n    valueUserTags: valueUserTags,\n    objConfigUseCase: objConfigUseCase,\n    parentOutputId: parentOutputId,\n    collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,\n    collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,\n    LastStepsComponentUseCase: LastStepsComponentUseCase\n    // funcUseCase={funcUseCase}\n  }))))), LastStepsComponentUseCase && /*#__PURE__*/React.createElement(LastStepsComponentUseCase, {\n    parentOutputId: parentOutputId,\n    linkSteps: linkSteps,\n    setLinkSteps: setLinkSteps,\n    linkStepsOutput: linkStepsOutput,\n    objTypeMain: objTypeMain,\n    resultFieldName: resultFieldName,\n    valueUserTags: valueUserTags\n  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n  }))), /*#__PURE__*/React.createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"gridColumn\", \"\", \"11\")\n  }, /*#__PURE__*/React.createElement(\"button\", {\n    onClick: handlePrevStep,\n    disabled: linkStepsOutput.active === 0\n  }, \"prev\"), /*#__PURE__*/React.createElement(\"button\", {\n    onClick: handleNextStep,\n    disabled: ((_linkSteps$linkStepsO7 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO7 === void 0 || (_linkSteps$linkStepsO7 = _linkSteps$linkStepsO7.pathLinkType) === null || _linkSteps$linkStepsO7 === void 0 ? void 0 : _linkSteps$linkStepsO7.direction) === \"\" || !((_linkSteps$linkStepsO8 = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO8 !== void 0 && (_linkSteps$linkStepsO8 = _linkSteps$linkStepsO8.pathLinkType) !== null && _linkSteps$linkStepsO8 !== void 0 && _linkSteps$linkStepsO8.objType)\n  }, \"next\")))));\n};\n\n//----------------------------- use Lib -----------------------------------------------\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/linkSteps/modalLinkStepsComponent.jsx?\n}");
+
+/***/ },
+
+/***/ "./src/valueUserTags/fieldNameComponent.jsx"
+/*!**************************************************!*\
+  !*** ./src/valueUserTags/fieldNameComponent.jsx ***!
+  \**************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   FieldNameComponent: () => (/* binding */ FieldNameComponent)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ \"use-immer\");\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(use_immer__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @izaraFrontends/styles */ \"@izaraFrontends/styles\");\n/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__);\n\n\n\nvar hash = __webpack_require__(/*! object-hash */ \"object-hash\");\nfunction createObjTypeConcat(objType) {\n  console.log(\"objType:dfcvcbcxb \", objType);\n  return \"\".concat(objType.serviceTag, \"_\").concat(objType.objectType);\n}\nfunction createRelTypeConcat(relType) {\n  console.log(\"objType:sdsadwsd \", relType);\n  return \"\".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, \"_\").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);\n}\nfunction objTypeFromObjTypeConcat(objTypeConcat) {\n  console.log(\"objTypeConcat:aeaeaeww \", objTypeConcat);\n  var result = objTypeConcat.split(\"_\");\n  if (result.length !== 2) {\n    throw Error(\"objTypeConcat invalid\");\n  }\n  return {\n    serviceTag: result[0],\n    objectType: result[1]\n  };\n}\nvar FieldNameComponent = function FieldNameComponent(_ref) {\n  var _linkSteps$linkStepsO;\n  var objTypeMain = _ref.objTypeMain,\n    setLinkSteps = _ref.setLinkSteps,\n    linkSteps = _ref.linkSteps,\n    linkStepsOutput = _ref.linkStepsOutput,\n    resultFieldName = _ref.resultFieldName;\n  function handelSelectFieldName(e) {\n    var value = e.target.value;\n    setLinkSteps(function (linkSteps) {\n      linkSteps[linkStepsOutput.active] = {\n        fieldName: value\n      };\n    });\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, linkStepsOutput.status === \"lastStep\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !resultFieldName[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"loadingCircle\", \"20px\", \"template\")\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"background\", \"scroll\", \"div\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \" fieldname:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    value: (_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO === void 0 ? void 0 : _linkSteps$linkStepsO.fieldName,\n    onChange: function onChange(e) {\n      handelSelectFieldName(e);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"\"\n  }, \"-- fieldName --\"), Object.keys(resultFieldName[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].fieldNames).map(function (key) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      key: key,\n      value: key\n    }, key);\n  })))))));\n};\n\n//----------------------------- use Lib -----------------------------------------------\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/valueUserTags/fieldNameComponent.jsx?\n}");
+
+/***/ },
+
+/***/ "./src/valueUserTags/valueUserTagsComponent.jsx"
+/*!******************************************************!*\
+  !*** ./src/valueUserTags/valueUserTagsComponent.jsx ***!
+  \******************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   UserTagsSelectAndCreateComponent: () => (/* binding */ UserTagsSelectAndCreateComponent)\n/* harmony export */ });\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! use-immer */ \"use-immer\");\n/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(use_immer__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../function/createActionLibCreateLinkStepAndComplexFilter */ \"./src/function/createActionLibCreateLinkStepAndComplexFilter.js\");\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n// import React, { memo, Fragment, useContext, useEffect, useState } from \"react\";\n// import { createAction } from \"@reduxjs/toolkit\";\n// import {\n//   IzaraDivStyle,\n//   createStyleDefualtTags,\n//   IzaraButtonStyle,\n// } from \"@izaraFrontends/styles\";\n\n\n\n//----------------------------Lib-Test------------------------------\n\nvar UserTagsSelectAndCreateComponent = function UserTagsSelectAndCreateComponent(_ref) {\n  var parentOutputId = _ref.parentOutputId,\n    valueUserTags = _ref.valueUserTags,\n    handleSelectUserTag = _ref.handleSelectUserTag,\n    valueSelect = _ref.valueSelect;\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n  var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_0__.useImmer)({}),\n    _useImmer2 = _slicedToArray(_useImmer, 2),\n    objCreateValueUserTag = _useImmer2[0],\n    setObjCreateValueUserTag = _useImmer2[1];\n  function handleChangeValueUserTag(e, type, value) {\n    setObjCreateValueUserTag(function (objCreateValueUserTag) {\n      objCreateValueUserTag[type] = value;\n    });\n  }\n  function handleCreateuserTagTypeValue() {\n    setObjCreateValueUserTag({\n      keyName: \"\",\n      defaultValue: \"\"\n    });\n  }\n  function handleAddValueUserTag() {\n    dispatch((0,_function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_2__.valueUserTagCreateConfig)({\n      parentOutputId: parentOutputId,\n      objCreateValueUserTag: objCreateValueUserTag\n    }));\n    setObjCreateValueUserTag({});\n  }\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"fieldset\", null, /*#__PURE__*/React.createElement(\"legend\", null, \"valueUserTag\"), /*#__PURE__*/React.createElement(\"select\", {\n    value: valueSelect,\n    onChange: function onChange(e) {\n      return handleSelectUserTag(e);\n    }\n  }, /*#__PURE__*/React.createElement(\"option\", null, \"choose userTag\"), Object.keys(valueUserTags).map(function (key) {\n    return /*#__PURE__*/React.createElement(\"option\", {\n      key: key,\n      value: key\n    }, key);\n  }))), /*#__PURE__*/React.createElement(React.Fragment, null, Object.keys(objCreateValueUserTag).length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"fieldset\", null, /*#__PURE__*/React.createElement(\"legend\", null, \"userTagName\"), /*#__PURE__*/React.createElement(\"input\", {\n    onChange: function onChange(e) {\n      handleChangeValueUserTag(e, \"keyName\", e.target.value);\n    },\n    value: objCreateValueUserTag.keyName\n  })), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"fieldset\", null, /*#__PURE__*/React.createElement(\"legend\", null, \"defaultValue\"), \"null\", /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    checked: objCreateValueUserTag.defaultValue,\n    onChange: function onChange(e) {\n      return handleChangeValueUserTag(e, \"defaultValue\", e.target.checked ? null : \"\");\n    }\n  }), /*#__PURE__*/React.createElement(\"input\", {\n    onChange: function onChange(e) {\n      return handleChangeValueUserTag(e, \"defaultValue\", e.target.value);\n    },\n    value: objCreateValueUserTag.defaultValue,\n    disabled: objCreateValueUserTag.defaultValue === null\n  }))), /*#__PURE__*/React.createElement(\"button\", {\n    onClick: function onClick() {\n      return handleAddValueUserTag();\n    }\n  }, \"add valueUserTag\")), /*#__PURE__*/React.createElement(\"button\", {\n    onClick: function onClick() {\n      return handleCreateuserTagTypeValue();\n    }\n  }, \"create valueUserTag\")));\n};\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/valueUserTags/valueUserTagsComponent.jsx?\n}");
+
+/***/ },
+
+/***/ "@izaraFrontends/styles"
+/*!**********************************************************************************************************************************************************!*\
+  !*** external {"commonjs":"@izaraFrontends/styles","commonjs2":"@izaraFrontends/styles","amd":"@izaraFrontends/styles","root":"@izaraFrontends/styles"} ***!
+  \**********************************************************************************************************************************************************/
+(module) {
+
+module.exports = require("@izaraFrontends/styles");
+
+/***/ },
+
+/***/ "@izara_project/izara-shared-search-and-sort"
+/*!**********************************************************************************************************************************************************************************************************************************************!*\
+  !*** external {"commonjs":"@izara_project/izara-shared-search-and-sort","commonjs2":"@izara_project/izara-shared-search-and-sort","amd":"@izara_project/izara-shared-search-and-sort","root":"@izara_project/izara-shared-search-and-sort"} ***!
+  \**********************************************************************************************************************************************************************************************************************************************/
+(module) {
+
+module.exports = require("@izara_project/izara-shared-search-and-sort");
+
+/***/ },
+
+/***/ "@izara_project/izara-shared-service-schemas"
+/*!**********************************************************************************************************************************************************************************************************************************************!*\
+  !*** external {"commonjs":"@izara_project/izara-shared-service-schemas","commonjs2":"@izara_project/izara-shared-service-schemas","amd":"@izara_project/izara-shared-service-schemas","root":"@izara_project/izara-shared-service-schemas"} ***!
+  \**********************************************************************************************************************************************************************************************************************************************/
+(module) {
+
+module.exports = require("@izara_project/izara-shared-service-schemas");
+
+/***/ },
+
+/***/ "@reduxjs/toolkit"
+/*!**********************************************************************************************************************************!*\
+  !*** external {"commonjs":"@reduxjs/toolkit","commonjs2":"@reduxjs/toolkit","amd":"@reduxjs/toolkit","root":"@reduxjs/toolkit"} ***!
+  \**********************************************************************************************************************************/
+(module) {
+
+module.exports = require("@reduxjs/toolkit");
+
+/***/ },
+
+/***/ "nanoid"
+/*!******************************************************************************************!*\
+  !*** external {"commonjs":"nanoid","commonjs2":"nanoid","amd":"nanoid","root":"nanoid"} ***!
+  \******************************************************************************************/
+(module) {
+
+module.exports = require("nanoid");
+
+/***/ },
+
+/***/ "object-hash"
+/*!**************************************************************************************************************!*\
+  !*** external {"commonjs":"object-hash","commonjs2":"object-hash","amd":"object-hash","root":"object-hash"} ***!
+  \**************************************************************************************************************/
+(module) {
+
+module.exports = require("object-hash");
+
+/***/ },
+
+/***/ "react"
+/*!**************************************************************************************!*\
+  !*** external {"commonjs":"react","commonjs2":"react","amd":"React","root":"React"} ***!
+  \**************************************************************************************/
+(module) {
+
+module.exports = require("react");
+
+/***/ },
+
+/***/ "react-redux"
+/*!**************************************************************************************************************!*\
+  !*** external {"commonjs":"react-redux","commonjs2":"react-redux","amd":"react-redux","root":"react-redux"} ***!
+  \**************************************************************************************************************/
+(module) {
+
+module.exports = require("react-redux");
+
+/***/ },
+
+/***/ "use-immer"
+/*!******************************************************************************************************!*\
+  !*** external {"commonjs":"use-immer","commonjs2":"use-immer","amd":"use-immer","root":"use-immer"} ***!
+  \******************************************************************************************************/
+(module) {
+
+module.exports = require("use-immer");
+
+/***/ }
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		if (!(moduleId in __webpack_modules__)) {
+/******/ 			delete __webpack_module_cache__[moduleId];
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module can't be inlined because the eval devtool is used.
+/******/ 	var __webpack_exports__ = __webpack_require__("./src/index.js");
+/******/ 	module.exports = __webpack_exports__;
+/******/ 	
+/******/ })()
+;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@izara_frontend/shared-complex-filter",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "./dist/complexFilter.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",