@izara_frontend/shared-complex-filter 1.0.3 → 1.0.4

package/dist/complexFilter.js

@@ -1,14 +1,13 @@
-/*
- * 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__ = ({
+import * as __WEBPACK_EXTERNAL_MODULE__izaraFrontends_styles_d00b03da__ from "@izaraFrontends/styles";
+import * as __WEBPACK_EXTERNAL_MODULE__izara_project_izara_shared_search_and_sort_a559dbe6__ from "@izara_project/izara-shared-search-and-sort";
+import * as __WEBPACK_EXTERNAL_MODULE__izara_project_izara_shared_service_schemas_b2849686__ from "@izara_project/izara-shared-service-schemas";
+import * as __WEBPACK_EXTERNAL_MODULE__reduxjs_toolkit_fb094368__ from "@reduxjs/toolkit";
+import * as __WEBPACK_EXTERNAL_MODULE_nanoid__ from "nanoid";
+import * as __WEBPACK_EXTERNAL_MODULE_object_hash_14d8cd11__ from "object-hash";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_redux_87be03b0__ from "react-redux";
+import * as __WEBPACK_EXTERNAL_MODULE_use_immer_0d721a00__ from "use-immer";
+/******/ var __webpack_modules__ = ({
 
 /***/ "./src/complexFilterMain/mainCaseUseConditionAndMultipleIdentifersComponent.jsx"
 /*!**************************************************************************************!*\
@@ -16,7 +15,635 @@
   \**************************************************************************************/
 (__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}");
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ConditionLinkStepAndMultipleIdentifersComponent: () => (/* binding */ _ConditionLinkStepAndMultipleIdentifersComponent),
+/* harmony export */   MainCaseUseConditionAndMultipleIdentifersComponent: () => (/* binding */ MainCaseUseConditionAndMultipleIdentifersComponent)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ "use-immer");
+/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @izaraFrontends/styles */ "@izaraFrontends/styles");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* 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");
+/* harmony import */ var _linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../linkSteps/modalLinkStepsComponent.jsx */ "./src/linkSteps/modalLinkStepsComponent.jsx");
+/* harmony import */ var _modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modalComplexFilterComponent.jsx */ "./src/complexFilterMain/modalComplexFilterComponent.jsx");
+/* 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");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _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."); }
+function _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; } }
+function _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; }
+function _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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
+
+
+
+
+
+var hash = __webpack_require__(/*! object-hash */ "object-hash");
+function createObjTypeConcat(objType) {
+  return "".concat(objType.serviceTag, "_").concat(objType.objectType);
+}
+function createRelTypeConcat(relType) {
+  return "".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, "_").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);
+}
+function objTypeFromObjTypeConcat(objTypeConcat) {
+  var result = objTypeConcat.split("_");
+  if (result.length !== 2) {
+    throw Error("objTypeConcat invalid");
+  }
+  return {
+    serviceTag: result[0],
+    objectType: result[1]
+  };
+}
+var MainCaseUseConditionAndMultipleIdentifersComponent = function MainCaseUseConditionAndMultipleIdentifersComponent(_ref) {
+  var titleModal = _ref.titleModal,
+    statusModalFunc = _ref.statusModalFunc,
+    objConfigUseCase = _ref.objConfigUseCase,
+    objTypeMain = _ref.objTypeMain,
+    nameReducer = _ref.nameReducer,
+    parentOutputId = _ref.parentOutputId,
+    valueUserTags = _ref.valueUserTags,
+    successFunc = _ref.successFunc,
+    collectObjectLinksWithRequestProperties = _ref.collectObjectLinksWithRequestProperties,
+    collectObjectSchemaWithHierarchy = _ref.collectObjectSchemaWithHierarchy,
+    nameObjectLinkStepEdit = _ref.nameObjectLinkStepEdit,
+    keyElement = _ref.keyElement,
+    LastStepsComponentUseCase = _ref.LastStepsComponentUseCase;
+  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
+  function submitLinkSteps() {}
+  function validateRequestProperties() {
+    var _linkSteps$linkStepsO;
+    if ((_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO !== void 0 && _linkSteps$linkStepsO.requestProperties) {
+      for (var key in linkSteps[linkStepsOutput.active].requestProperties) {
+        if (!linkSteps[linkStepsOutput.active].requestProperties[key]) {
+          alert("please select " + key + " requestProperties");
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+  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, {
+    titleModal: titleModal,
+    statusModalFunc: statusModalFunc,
+    objConfigUseCase: objConfigUseCase,
+    objTypeMain: objTypeMain,
+    nameReducer: nameReducer,
+    parentOutputId: parentOutputId,
+    successFunc: successFunc,
+    collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,
+    collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,
+    keyElement: keyElement,
+    ComponentUseCase: _ConditionLinkStepAndMultipleIdentifersComponent,
+    LastStepsComponentUseCase: LastStepsComponentUseCase,
+    valueUserTags: valueUserTags,
+    nameObjectLinkStepEdit: nameObjectLinkStepEdit
+  }));
+};
+var _ConditionLinkStepAndMultipleIdentifersComponent = function ConditionLinkStepAndMultipleIdentifersComponent(_ref2) {
+  var allObjTypesLinkConfigs = _ref2.allObjTypesLinkConfigs,
+    resultFieldName = _ref2.resultFieldName,
+    linkSteps = _ref2.linkSteps,
+    nameReducer = _ref2.nameReducer,
+    parentOutputId = _ref2.parentOutputId,
+    setLinkSteps = _ref2.setLinkSteps,
+    linkStepsOutput = _ref2.linkStepsOutput,
+    objTypeMain = _ref2.objTypeMain,
+    valueUserTags = _ref2.valueUserTags,
+    objConfigUseCase = _ref2.objConfigUseCase,
+    collectObjectLinksWithRequestProperties = _ref2.collectObjectLinksWithRequestProperties,
+    collectObjectSchemaWithHierarchy = _ref2.collectObjectSchemaWithHierarchy,
+    LastStepsComponentUseCase = _ref2.LastStepsComponentUseCase;
+  var checkConditionsLinkStep = _izara_project_izara_shared_search_and_sort__WEBPACK_IMPORTED_MODULE_4__.DataFieldsSharedLib.checkConditionsLinkStep,
+    checkMultipleIdentifers = _izara_project_izara_shared_search_and_sort__WEBPACK_IMPORTED_MODULE_4__.DataFieldsSharedLib.checkMultipleIdentifers;
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalSortField = _useState2[0],
+    setModalSortField = _useState2[1];
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    modalComplexFilter = _useState4[0],
+    setModalComplexFilter = _useState4[1];
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    modalUseCase = _useState6[0],
+    setModalUseCase = _useState6[1];
+  var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)({}),
+    _useImmer2 = _slicedToArray(_useImmer, 2),
+    newUserTags = _useImmer2[0],
+    setNewUserTags = _useImmer2[1]; //not sure
+
+  function statusModalSortField(status) {
+    setModalSortField(status);
+  }
+  function statusModalComplexFilter(status) {
+    setModalComplexFilter(status);
+  }
+  function checkObjTypeLinkStep(activeIndex) {
+    var objTypeConcat; // objTypeConcat
+    objTypeConcat = createObjTypeConcat(objTypeMain);
+    if (activeIndex !== 0) {
+      objTypeConcat = createObjTypeConcat(linkSteps[activeIndex - 1].pathLinkType.objType);
+    }
+    return objTypeConcat;
+  }
+  function conditionsObject(indexLinkStep) {
+    var conditions = {};
+    if (linkSteps[indexLinkStep - 1].hasOwnProperty("aggregate")) {
+      conditions.aggregate = true;
+    }
+    if (linkSteps[indexLinkStep - 1].hasOwnProperty("comparison")) {
+      conditions.comparison = true;
+    }
+    if (linkSteps[indexLinkStep - 1].hasOwnProperty("combine")) {
+      conditions.combine = linkSteps[indexLinkStep - 1].combine;
+    }
+    if (linkSteps[indexLinkStep - 1].hasOwnProperty("requestProperties")) {
+      for (var keyRequestProperties in linkSteps[indexLinkStep - 1].requestProperties) if (valueUserTags[linkSteps[indexLinkStep - 1].requestProperties[keyRequestProperties]].hasOwnProperty("complexFilterCombinationId")) {
+        linkSteps;
+        conditions.applyCombinations = true;
+      }
+    }
+    return conditions;
+  }
+  function checkMultipleIdentifersResult() {
+    var resultCheckMultipleIdentifers = false;
+    var linkConfig = null;
+    for (var indexLinkStep = 0; indexLinkStep < linkSteps.length; indexLinkStep++) {
+      if (indexLinkStep !== 0) {
+        var _linkSteps, _linkSteps2;
+        var conditions = conditionsObject(indexLinkStep);
+        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);
+        if (allObjTypesLinkConfigs[createObjTypeConcat(indexLinkStep === 1 ? objTypeMain : (_linkSteps2 = linkSteps[indexLinkStep - 2]) === null || _linkSteps2 === void 0 ? void 0 : _linkSteps2.pathLinkType.objType)]) {
+          var _linkSteps3, _linkSteps4;
+          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]];
+        }
+        resultCheckMultipleIdentifers = checkMultipleIdentifers(linkConfig,
+        //link ก่่อนหน้า active -1
+        conditions, resultCheckMultipleIdentifers);
+        if (linkStepsOutput.active === indexLinkStep) {
+          return resultCheckMultipleIdentifers;
+        }
+      }
+    }
+  }
+  function outputResultCheckConditionsLinkStep(index) {
+    var _linkSteps5;
+    var objTypeConcat = checkObjTypeLinkStep(linkStepsOutput.active);
+    var combine = false;
+    if ((_linkSteps5 = linkSteps[linkStepsOutput.active - 1]) !== null && _linkSteps5 !== void 0 && _linkSteps5.combine) {
+      combine = true;
+    }
+    var resultCheckConditionsLinkStep = checkConditionsLinkStep(checkMultipleIdentifersResult(), allObjTypesLinkConfigs[objTypeConcat][index], combine);
+    return resultCheckConditionsLinkStep;
+  }
+  function handleConditionLinkSteps(type, value) {
+    setLinkSteps(function (linkSteps) {
+      if (value === "none") {
+        delete linkSteps[linkStepsOutput.active][type];
+        if (type === "aggregate") {
+          delete linkSteps[linkStepsOutput.active].sortFields;
+        }
+      } else {
+        if (type === "comparisonSortField") {
+          var dataType;
+          switch (resultFieldName[createObjTypeConcat(linkSteps[linkStepsOutput.active].pathLinkType.objType)].fieldNames[value].type) {
+            case "integer":
+            case "number":
+            case "currencyValue":
+              dataType = "number";
+              break;
+            case "currency":
+            case "string":
+              dataType = "string";
+              break;
+          }
+          linkSteps[linkStepsOutput.active].comparisonDataType = dataType;
+        }
+        linkSteps[linkStepsOutput.active][type] = value;
+        if (type === "aggregate") {
+          var _linkSteps$linkStepsO2;
+          if (!((_linkSteps$linkStepsO2 = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO2 !== void 0 && _linkSteps$linkStepsO2.sortFields)) {
+            linkSteps[linkStepsOutput.active].sortFields = [];
+          }
+        }
+      }
+      if (linkStepsOutput.active + 1 !== linkSteps.length) {
+        linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);
+      }
+    });
+  }
+  function handleSelectSortOrder(e, idSortField) {
+    var value = e.target.value;
+    setLinkSteps(function (linkSteps) {
+      linkSteps[linkStepsOutput.active].sortFields[idSortField].sortOrder = value;
+    });
+  }
+  function handleNewOrEditFilter() {
+    statusModalUseCase("filterElements");
+  }
+  var COMPARISON = ["equals", "greaterThan", "greaterThanEquals", "lessThan", "lessThanEquals", "highLow", "high", "low", "izaraSyntax"];
+  function handleValueSelect(e, key) {
+    var value = e.target.value;
+    if (value === "createUserTag") {
+      setLinkSteps(function (linkSteps) {
+        linkSteps[linkStepsOutput.active].requestProperties[key] = null;
+      });
+      setNewUserTags(function (newUserTags) {
+        newUserTags[key] = {
+          name: "",
+          obj: {
+            defaultValue: ""
+          }
+        };
+      });
+    } else {
+      setLinkSteps(function (linkSteps) {
+        linkSteps[linkStepsOutput.active].requestProperties[key] = value;
+      });
+      setNewUserTags(function (newUserTags) {
+        delete newUserTags[key];
+      });
+    }
+  }
+  function handleRequestPropertiesSelect(e, key) {
+    var type = e.target.value;
+    var objUserTag = {};
+    if (type === "defaultValue") {
+      objUserTag = {
+        defaultValue: ""
+      };
+    }
+    if (type === "complexFilterCombination") {
+      objUserTag = {
+        valueSource: "complexFilterCombination"
+      };
+    }
+    if (type === "perParentCombination") {
+      objUserTag = {
+        valueSource: "perParentCombination"
+      };
+    }
+    setNewUserTags(function (newUserTags) {
+      newUserTags[key].name = "";
+      newUserTags[key].obj = objUserTag;
+    });
+  }
+  function handleChangeNameUserTag(e, key) {
+    var value = e.target.value;
+    setNewUserTags(function (newUserTags) {
+      newUserTags[key].name = value;
+    });
+  }
+  function handleCreateuserTagTypeValue(e, key) {
+    if (newUserTags[key].name === "" || newUserTags[key].obj.defaultValue === "") {
+      alert("please fill in name and defaultValue");
+    } else {
+      setLinkSteps(function (linkSteps) {
+        linkSteps[linkStepsOutput.active].requestProperties[key] = newUserTags[key].name;
+      });
+      setNewUserTags(function (newUserTags) {
+        delete newUserTags[key];
+      });
+    }
+  }
+  function createFilterElement(objType, initialLogicalElementId, logicalElementObj) {
+    setLinkSteps(function (linkSteps) {
+      linkSteps[linkStepsOutput.active].filterElements = {
+        objType: objType,
+        initialLogicalElementId: initialLogicalElementId,
+        logicalElements: logicalElementObj
+      };
+    });
+  }
+  function handleCreateUserTagComplexOrPerParent(key, type) {
+    if (newUserTags[key].name === "") {
+      alert("please fill in name");
+    } else {
+      statusModalUseCase(type);
+    }
+  }
+  function statusModalUseCase(type) {
+    if (type === "complexFilterCombination" || type === "perParentCombination") {
+      setModalUseCase(type);
+    } else {
+      setModalUseCase(type);
+    }
+  }
+  function createComplexFilterCombinations(objTypeConcat, initialLogicalElementId, filterElement, valueDataUserTagsNew, keyUseCase) {
+    var objComplexFilterCombination = {};
+    objComplexFilterCombination = {
+      objType: objTypeFromObjTypeConcat(objTypeConcat),
+      initialLogicalElementId: initialLogicalElementId,
+      logicalElements: filterElement
+    };
+    var hashComplexFilterCombination = hash(objComplexFilterCombination);
+  }
+  var testAA = [];
+  var testBB = [];
+  testAA;
+  function successFuncCreateSortField(parentOutputId, sortLinkSteps, objTypeMain, nameLinkSteps, dataType) {
+    var linkStepsArr = [];
+    for (var index in sortLinkSteps) {
+      var linkStepObj = sortLinkSteps[index];
+      var hashRequiredData = hash(linkStepObj);
+      linkStepsArr.push(hashRequiredData);
+    }
+    setLinkSteps(function (linkSteps) {
+      linkSteps[linkStepsOutput.active].sortFields.push({
+        requiredDataLinkStepObjectId: nameLinkSteps,
+        dataType: dataType
+      });
+    });
+  }
+  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) {
+    var _linkSteps$linkStepsO3;
+    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) {
+      var _linkSteps$linkStepsO4, _linkSteps$linkStepsO5, _linkSteps$linkStepsO6, _linkSteps$linkStepsO7, _linkSteps$linkStepsO8, _linkSteps$linkStepsO9, _linkSteps$linkStepsO0, _linkSteps$linkStepsO1, _linkSteps$linkStepsO10, _linkSteps$linkStepsO11;
+      var _ref4 = _slicedToArray(_ref3, 2),
+        key = _ref4[0],
+        value = _ref4[1];
+      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", {
+        onChange: function onChange(e) {
+          return handleConditionLinkSteps("aggregate", e.target.value);
+        },
+        value: (_linkSteps$linkStepsO4 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO4 === void 0 ? void 0 : _linkSteps$linkStepsO4.aggregate
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: null
+      }, "none"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: "max"
+      }, "max"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: "min"
+      }, "min"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: "average"
+      }, "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, {
+        styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("modal", "", "button"),
+        onClick: function onClick(e) {
+          return statusModalSortField(true);
+        }
+      }, "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) {
+        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", {
+          onChange: function onChange(e) {
+            return handleSelectDataType(e, idSortField);
+          },
+          value: linkSteps[linkStepsOutput.active].sortFields[idSortField].dataType
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "string"
+        }, "string"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "number"
+        }, "number"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "array"
+        }, "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) {
+          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")));
+        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
+          onChange: function onChange(e) {
+            return handleDataTypeArray(e);
+          },
+          value: dataTypeArray
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: ""
+        }, "-- choose --"), Object.entries(valueUserTags).map(function (_ref5) {
+          var _ref6 = _slicedToArray(_ref5, 2),
+            key = _ref6[0],
+            valueUserTag = _ref6[1];
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null, valueUserTag.hasOwnProperty("defaultValue") && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+            value: key
+          }, key));
+        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+          onClick: function onClick() {
+            return handleAddDataTypeArray(idSortField);
+          }
+        }, "add")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+          onClick: function onClick(e) {
+            return statusModalSortField(data.linkStepsObjectId);
+          }
+        }, "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", {
+          onChange: function onChange(e) {
+            handleSelectSortOrder(e, idSortField);
+          }
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: ""
+        }, "choose"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "ascending"
+        }, "ascending"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "descending"
+        }, "descending"))));
+      }))), /*#__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", {
+        onChange: function onChange(e) {
+          return handleConditionLinkSteps("comparison", e.target.value);
+        },
+        value: linkSteps[linkStepsOutput.active].comparison
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: null
+      }, "none"), COMPARISON.map(function (key) {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          key: key,
+          value: key
+        }, key);
+      }))), ((_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", {
+        onChange: function onChange(e) {
+          return handleConditionLinkSteps("comparisonValue", e.target.value);
+        },
+        value: linkSteps[linkStepsOutput.active].comparisonValue
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: null
+      }, "none"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: "createUserTag"
+      }, "create new userTag"), Object.entries(valueUserTags).filter(function (_ref7) {
+        var _ref8 = _slicedToArray(_ref7, 2),
+          key = _ref8[0],
+          val = _ref8[1];
+        return "defaultValue" in val;
+      }).map(function (_ref9) {
+        var _ref0 = _slicedToArray(_ref9, 2),
+          key = _ref0[0],
+          val = _ref0[1];
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          key: key,
+          value: key
+        }, val.defaultValue ? key : "");
+      }))), /*#__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", {
+        onChange: function onChange(e) {
+          return handleConditionLinkSteps("comparisonSortField", e.target.value);
+        },
+        value: linkSteps[linkStepsOutput.active].comparisonSortField
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: null
+      }, "none"), Object.keys(resultFieldName[createObjTypeConcat(linkSteps[linkStepsOutput.active].pathLinkType.objType)].fieldNames).map(function (key) {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          key: key,
+          value: key
+        }, key);
+      }))), /*#__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", {
+        onChange: function onChange(e) {
+          return handleConditionLinkSteps("comparisonDataType", e.target.value);
+        },
+        value: linkSteps[linkStepsOutput.active].comparisonDataType
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: null
+      }, "none"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: "string"
+      }, "string"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: "number"
+      }, "number"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: "array"
+      }, "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", {
+        type: "checkbox",
+        checked: (_linkSteps$linkStepsO9 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO9 === void 0 ? void 0 : _linkSteps$linkStepsO9.combine,
+        value: (_linkSteps$linkStepsO0 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO0 === void 0 ? void 0 : _linkSteps$linkStepsO0.combine,
+        onChange: function onChange(e) {
+          return handleConditionLinkSteps("combine", e.target.checked);
+        }
+      }), /*#__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", {
+        type: "checkbox",
+        checked: (_linkSteps$linkStepsO1 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO1 === void 0 ? void 0 : _linkSteps$linkStepsO1.addFilterMain,
+        value: (_linkSteps$linkStepsO10 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO10 === void 0 ? void 0 : _linkSteps$linkStepsO10.addFilterMain,
+        onChange: function onChange(e) {
+          return handleConditionLinkSteps("addFilterMain", e.target.checked);
+        }
+      }), (_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", {
+        onClick: function onClick(e) {
+          return statusModalComplexFilter(true);
+        }
+      }, "edit filterElements")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+        onClick: function onClick(e) {
+          return statusModalComplexFilter(true);
+        }
+      }, "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) {
+        var _newUserTags$keyReque, _valueUserTags$linkSt;
+        var _ref10 = _slicedToArray(_ref1, 2),
+          keyRequestProperties = _ref10[0],
+          objRequestProperties = _ref10[1];
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+          styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("background", "scroll", "div"),
+          key: keyRequestProperties
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("p", null, keyRequestProperties), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
+          onChange: function onChange(e) {
+            return handleValueSelect(e, keyRequestProperties);
+          },
+          value: linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties]
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "",
+          disabled: linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties] !== ""
+        }, "-- choose --"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "createUserTag"
+        }, "create new userTag"), Object.entries(valueUserTags).map(function (_ref11) {
+          var _ref12 = _slicedToArray(_ref11, 2),
+            key = _ref12[0],
+            valueUserTag = _ref12[1];
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null, valueUserTag.hasOwnProperty("defaultValue") && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+            value: key
+          }, 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", {
+            value: key
+          }, 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", {
+            value: key
+          }, key))));
+        })), linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+          onClick: function onClick(e) {
+            return handleEditUserTag(e, keyRequestProperties, linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties]);
+          },
+          disabled: newUserTags[keyRequestProperties]
+        }, "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", {
+          onChange: function onChange(e) {
+            return handleRequestPropertiesSelect(e, keyRequestProperties);
+          },
+          value: newUserTags[keyRequestProperties].obj.hasOwnProperty("defaultValue") ? "defaultValue" : newUserTags[keyRequestProperties].obj.valueSource
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "defaultValue"
+        }, "defaultValue"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "complexFilterCombination"
+        }, "complexFilterCombination"), value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          value: "perParentCombination"
+        }, "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", {
+          onChange: function onChange(e) {
+            handleChangeNameUserTag(e, keyRequestProperties);
+          },
+          value: newUserTags[keyRequestProperties].name
+        })), 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", {
+          onChange: function onChange(e) {
+            return handleChangeUserTag(e, "defaultValue", keyRequestProperties);
+          },
+          value: newUserTags[keyRequestProperties].obj.defaultValue
+        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+          onClick: function onClick(e) {
+            return handleCreateuserTagTypeValue(e, keyRequestProperties);
+          }
+        }, 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", {
+          onClick: function onClick() {
+            return handleCreateUserTagComplexOrPerParent(keyRequestProperties, "perParentCombination");
+          }
+        }, "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", {
+          onClick: function onClick() {
+            return handleCreateUserTagComplexOrPerParent(keyRequestProperties, "complexFilterCombination");
+          }
+        }, "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, {
+          statusModal: statusModalUseCase,
+          titleModel: "complexFilterCombination",
+          objTypeMain: data.requestProperties[keyRequestProperties].objType,
+          createFilterElement: createComplexFilterCombinations,
+          nameReducer: nameReducer,
+          parentOutputId: parentOutputId,
+          keyUseCase: keyRequestProperties,
+          valueUserTag: Object.fromEntries(Object.entries(valueUserTags).filter(function (_ref13) {
+            var _ref14 = _slicedToArray(_ref13, 2),
+              _ = _ref14[0],
+              val = _ref14[1];
+            return "defaultValue" in val;
+          })),
+          collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,
+          collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy
+        })), 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, {
+          statusModal: statusModalUseCase,
+          titleModel: "perParentCombination",
+          objTypeMain: data.requestProperties[keyRequestProperties].objType,
+          createFilterElement: createPerParentCombinations,
+          nameReducer: nameReducer,
+          parentOutputId: parentOutputId,
+          keyUseCase: keyRequestProperties,
+          valueUserTag: Object.fromEntries(Object.entries(valueUserTags).filter(function (_ref15) {
+            var _ref16 = _slicedToArray(_ref15, 2),
+              _ = _ref16[0],
+              val = _ref16[1];
+            return "defaultValue" in val || "perParentIdentifierFieldname" in val;
+          })),
+          objConfigUseCase: perParentCombinations[(_valueUserTags$linkSt = valueUserTags[linkSteps[linkStepsOutput.active].requestProperties[keyRequestProperties]]) === null || _valueUserTags$linkSt === void 0 ? void 0 : _valueUserTags$linkSt.perParentCombinationId],
+          perParentIdentifierFieldname: resultFieldName[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].identifiers,
+          collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,
+          collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy
+        })))));
+      }))));
+    }), modalComplexFilter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.ModalComplexFilterComponent, {
+      titleModel: "complexFilter",
+      statusModal: statusModalComplexFilter,
+      objTypeMain: linkSteps[linkStepsOutput.active].pathLinkType.objType,
+      nameReducer: nameReducer,
+      parentOutputId: parentOutputId,
+      createFilterElement: createFilterElement,
+      collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,
+      collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,
+      valueUserTags: valueUserTags
+    }), modalSortField && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_5__.ModalLinkStepsComponent, {
+      titleModal: "srortField",
+      statusModalFunc: statusModalSortField,
+      objConfigUseCase: objConfigUseCase,
+      objTypeMain: objTypeMain,
+      nameReducer: nameReducer,
+      parentOutputId: parentOutputId,
+      successFuncUseCase: successFuncCreateSortField,
+      collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,
+      collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,
+      ComponentUseCase: _ConditionLinkStepAndMultipleIdentifersComponent,
+      LastStepsComponentUseCase: LastStepsComponentUseCase,
+      valueUserTags: valueUserTags,
+      nameObjectLinkStepEdit: ""
+    })));
+  }));
+};
+
 
 /***/ },
 
@@ -26,7 +653,1145 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***************************************************************/
 (__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}");
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FieldValueUserTagsComponent: () => (/* binding */ FieldValueUserTagsComponent),
+/* harmony export */   ModalComplexFilterComponent: () => (/* binding */ ModalComplexFilterComponent),
+/* harmony export */   OutputListLogicalElement: () => (/* binding */ _OutputListLogicalElement),
+/* harmony export */   TraversalComponent: () => (/* binding */ TraversalComponent),
+/* harmony export */   findLogicalRoot: () => (/* binding */ findLogicalRoot)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @izaraFrontends/styles */ "@izaraFrontends/styles");
+/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! use-immer */ "use-immer");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var nanoid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! nanoid */ "nanoid");
+/* harmony import */ var _linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../linkSteps/modalLinkStepsComponent.jsx */ "./src/linkSteps/modalLinkStepsComponent.jsx");
+/* harmony import */ var _valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../valueUserTags/valueUserTagsComponent.jsx */ "./src/valueUserTags/valueUserTagsComponent.jsx");
+/* harmony import */ var _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../function/createActionLibCreateLinkStepAndComplexFilter */ "./src/function/createActionLibCreateLinkStepAndComplexFilter.js");
+function _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); }
+function _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 }; })(); }
+function _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); }
+function 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; }
+function _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; }
+function 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); }
+function _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); }); }; }
+function _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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _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."); }
+function _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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _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; } } }; }
+function _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; } }
+function _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; }
+
+
+
+
+
+
+
+
+var hash = __webpack_require__(/*! object-hash */ "object-hash");
+function createObjTypeConcat(objType) {
+  return "".concat(objType === null || objType === void 0 ? void 0 : objType.serviceTag, "_").concat(objType === null || objType === void 0 ? void 0 : objType.objectType);
+}
+function createRelTypeConcat(relType) {
+  return "".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, "_").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);
+}
+function objTypeFromObjTypeConcat(objTypeConcat) {
+  var result = objTypeConcat.split("_");
+  if (result.length !== 2) {
+    throw Error("objTypeConcat invalid");
+  }
+  return {
+    serviceTag: result[0],
+    objectType: result[1]
+  };
+}
+function findLogicalRoot(activeId, logicalElementObj) {
+  var _logicalElementObj$ac;
+  var prevId = (_logicalElementObj$ac = logicalElementObj[activeId]) === null || _logicalElementObj$ac === void 0 ? void 0 : _logicalElementObj$ac.previousLogicalElementId;
+  if (prevId) {
+    var _logicalElementObj$pr;
+    if (((_logicalElementObj$pr = logicalElementObj[prevId]) === null || _logicalElementObj$pr === void 0 ? void 0 : _logicalElementObj$pr.logicalElementType) === "childComplexFilter") {
+      if (activeId === logicalElementObj[prevId].childLogicalElementId) {
+        return activeId;
+      } else {
+        return findLogicalRoot(prevId, logicalElementObj);
+      }
+    } else {
+      return findLogicalRoot(prevId, logicalElementObj);
+    }
+  }
+  return activeId;
+}
+var _OutputListLogicalElement = function OutputListLogicalElement(_ref) {
+  var _ref2, _le$operation, _logicalElementObj$lo;
+  var logicalElementObj = _ref.logicalElementObj,
+    setLogicalElementObj = _ref.setLogicalElementObj,
+    logicalElementId = _ref.logicalElementId,
+    logicalElementOutput = _ref.logicalElementOutput,
+    setLogicalElementOutput = _ref.setLogicalElementOutput,
+    handleAddLogicalElement = _ref.handleAddLogicalElement,
+    hadleActiveLogicalElement = _ref.hadleActiveLogicalElement;
+  function handelRemoveLogical(startKey) {
+    var toDelete = new Set();
+    function loopLogical(key) {
+      if (!logicalElementObj[key]) return;
+      var current = logicalElementObj[key];
+      if (current.nextLogicalElementId) {
+        loopLogical(current.nextLogicalElementId);
+      }
+      if (current.childLogicalElementId) {
+        loopLogical(current.childLogicalElementId);
+      }
+      toDelete.add(key);
+    }
+    loopLogical(startKey);
+    setLogicalElementOutput(function (logicalElementOutput) {
+      logicalElementOutput.active = logicalElementObj[startKey].previousLogicalElementId;
+    });
+    setLogicalElementObj(function (logicalElementObj) {
+      var _iterator = _createForOfIteratorHelper(toDelete),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var keyDelete = _step.value;
+          logicalElementObj[logicalElementObj[keyDelete].previousLogicalElementId].nextLogicalElementId = null;
+          delete logicalElementObj[keyDelete];
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+  }
+  var le = logicalElementObj[logicalElementId];
+  var bracketObj = {
+    openBracket: "(",
+    closeBracket: ")"
+  };
+  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;
+  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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridColumn", "", "311")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    disabled: logicalElementId === logicalElementOutput.active,
+    onClick: function onClick(e) {
+      return hadleActiveLogicalElement(logicalElementId);
+    }
+  }, 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", {
+    onClick: function onClick(e) {
+      return handelRemoveLogical(logicalElementId);
+    }
+  }, "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, {
+    logicalElementObj: logicalElementObj,
+    setLogicalElementObj: setLogicalElementObj,
+    logicalElementId: logicalElementObj[logicalElementId].nextLogicalElementId,
+    logicalElementOutput: logicalElementOutput,
+    setLogicalElementOutput: setLogicalElementOutput,
+    handleAddLogicalElement: handleAddLogicalElement,
+    hadleActiveLogicalElement: hadleActiveLogicalElement
+  }))));
+};
+
+var ModalComplexFilterComponent = function ModalComplexFilterComponent(_ref3) {
+  var _resultFieldName, _logicalElementObj$lo3, _logicalElementObj$lo5;
+  var titleModel = _ref3.titleModel,
+    statusModal = _ref3.statusModal,
+    objTypeMain = _ref3.objTypeMain,
+    createFilterElement = _ref3.createFilterElement,
+    parentOutputId = _ref3.parentOutputId,
+    nameReducer = _ref3.nameReducer,
+    keyUseCase = _ref3.keyUseCase,
+    valueUserTags = _ref3.valueUserTags,
+    perParentIdentifierFieldname = _ref3.perParentIdentifierFieldname,
+    successFunction = _ref3.successFunction,
+    collectObjectLinksWithRequestProperties = _ref3.collectObjectLinksWithRequestProperties,
+    collectObjectSchemaWithHierarchy = _ref3.collectObjectSchemaWithHierarchy,
+    objConfigUseCase = _ref3.objConfigUseCase;
+  if (!objTypeMain) {
+    objTypeMain = objConfigUseCase.objType;
+  }
+  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalTraversal = _useState2[0],
+    setModalTraversal = _useState2[1];
+  var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({}),
+    _useImmer2 = _slicedToArray(_useImmer, 2),
+    fieldValueUserTag = _useImmer2[0],
+    setFieldValueUserTag = _useImmer2[1];
+  function selectValueUserTagForPartitionKey(e, key) {
+    var value = e.target.value;
+    setLogicalElementObj(function (logicalElementObj) {
+      logicalElementObj[logicalElementOutput.active].partitionKeyValueUserTags[key] = value;
+    });
+  }
+  function handleSelectFieldNameAndValueUserTag(e, type) {
+    var value = e.target.value;
+    setFieldValueUserTag(function (fieldValueUserTag) {
+      fieldValueUserTag[type] = value;
+    });
+  }
+  function handleAddFieldName() {
+    setFieldValueUserTag({
+      fieldName: "",
+      valueUserTag: ""
+    });
+  }
+  function handleSaveFieldValueUserTag() {
+    setLogicalElementObj(function (logicalElementObj) {
+      if (!logicalElementObj[logicalElementOutput.active].conditionalFieldValues) {
+        logicalElementObj[logicalElementOutput.active].conditionalFieldValues = [];
+      }
+      logicalElementObj[logicalElementOutput.active].conditionalFieldValues.push({
+        fieldname: fieldValueUserTag.fieldName,
+        includeValueUserTags: [fieldValueUserTag.valueUserTag]
+        // excludeValueUserTags: ["xx","sdd"]
+      });
+    });
+    setFieldValueUserTag({});
+  }
+  function handleSaveChildIdentifiers() {
+    setLogicalElementObj(function (logicalElementObj) {
+      if (!logicalElementObj[logicalElementOutput.active].childIdentifiers) {
+        logicalElementObj[logicalElementOutput.active].childIdentifiers = [];
+      }
+      logicalElementObj[logicalElementOutput.active].childIdentifiers.push(_defineProperty({}, fieldValueUserTag.fieldName, fieldValueUserTag.valueUserTag));
+    });
+    setFieldValueUserTag({});
+  }
+  var _collectObjectLinksWi = collectObjectLinksWithRequestProperties(),
+    _collectObjectLinksWi2 = _slicedToArray(_collectObjectLinksWi, 3),
+    allObjTypesLinkConfigs = _collectObjectLinksWi2[0],
+    collectRequireLinksFn = _collectObjectLinksWi2[1],
+    collectLinksOpt = _collectObjectLinksWi2[2]; // allObjTypesLinkConfigs
+
+  var _collectObjectSchemaW = collectObjectSchemaWithHierarchy(),
+    _collectObjectSchemaW2 = _slicedToArray(_collectObjectSchemaW, 3),
+    resultFieldName = _collectObjectSchemaW2[0],
+    getObjSchemaHieFn = _collectObjectSchemaW2[1],
+    collectLinksOpt2 = _collectObjectSchemaW2[2];
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(objConfigUseCase ? objConfigUseCase.initialLogicalElementId : ""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    initialLogicalElementId = _useState4[0],
+    setInitialLogicalElementId = _useState4[1];
+  var _useImmer3 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)(objConfigUseCase ? objConfigUseCase.logicalElements : {}),
+    _useImmer4 = _slicedToArray(_useImmer3, 2),
+    logicalElementObj = _useImmer4[0],
+    setLogicalElementObj = _useImmer4[1];
+  var _useImmer5 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({
+      status: true,
+      active: objConfigUseCase ? objConfigUseCase.initialLogicalElementId : ""
+    }),
+    _useImmer6 = _slicedToArray(_useImmer5, 2),
+    logicalElementOutput = _useImmer6[0],
+    setLogicalElementOutput = _useImmer6[1];
+  var _useImmer7 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({}),
+    _useImmer8 = _slicedToArray(_useImmer7, 2),
+    valueDataUserTags = _useImmer8[0],
+    setValueDataUserTags = _useImmer8[1];
+  var _useImmer9 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({}),
+    _useImmer0 = _slicedToArray(_useImmer9, 2),
+    newUserTags = _useImmer0[0],
+    setNewUserTags = _useImmer0[1];
+  var _useImmer1 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({}),
+    _useImmer10 = _slicedToArray(_useImmer1, 2),
+    newUserTagsRequestProperties = _useImmer10[0],
+    setNewUserTagsRequestProperties = _useImmer10[1];
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    collectRequireLinksFn(objTypeMain);
+    getObjSchemaHieFn(objTypeMain);
+  }, []);
+  function createArrObjTypeLogical(activeId, logicalElementObj) {
+    var result = {
+      arrOutput: [],
+      lastObjtype: ""
+    };
+    function loopLogical(id) {
+      var _logicalElementObj$cu;
+      var currentLogical = logicalElementObj[id];
+      if (!currentLogical) return;
+      if (currentLogical.previousLogicalElementId !== null) {
+        loopLogical(currentLogical.previousLogicalElementId);
+      }
+      if (id === ((_logicalElementObj$cu = logicalElementObj[currentLogical.previousLogicalElementId]) === null || _logicalElementObj$cu === void 0 ? void 0 : _logicalElementObj$cu.childLogicalElementId)) {
+        var _logicalElementObj$id;
+        var objTypeOutput;
+        if ((_logicalElementObj$id = logicalElementObj[id]) !== null && _logicalElementObj$id !== void 0 && _logicalElementObj$id.objType) {
+          objTypeOutput = createObjTypeConcat(currentLogical.objType);
+        } else {
+          objTypeOutput = createObjTypeConcat(logicalElementObj[currentLogical.previousLogicalElementId].pathLinkType.objType);
+        }
+        result.lastObjtype = objTypeOutput;
+        result.arrOutput.push(_defineProperty({}, objTypeOutput, id));
+      }
+    }
+    loopLogical(activeId);
+    return result;
+  }
+  function findObjTypeStep(activeId, logicalElementObj) {
+    var result = null;
+    function loop(id) {
+      var current = logicalElementObj[id];
+      if (!current) return;
+      if (current.logicalElementType === "childComplexFilter" || current.logicalElementType === "logical") {
+        result = current.objType || null;
+        return;
+      }
+      var prevId = current.previousLogicalElementId;
+      if (!prevId) {
+        if (current.objType) {
+          result = current.objType;
+        }
+        return;
+      }
+      var prev = logicalElementObj[prevId];
+      if (!prev) return;
+      if (prev.childLogicalElementId === id) {
+        // แต่ถ้ามี objType ของตัวเอง ใช้ตัวเอง
+        if (current.objType) {
+          result = current.objType;
+        }
+        return;
+      }
+
+      //  ถ้า previous มี objType  ใช้เลย
+      if (prev.objType) {
+        result = prev.objType;
+        return;
+      }
+
+      //  ไม่เข้าเงื่อนไขไหน  เดินย้อนขึ้นต่อ
+      loop(prevId);
+    }
+    loop(activeId);
+    return result;
+  }
+  function findObjTypeStepChild(activeId, logicalElementObj) {
+    var result = null;
+    function loop(id) {
+      var current = logicalElementObj[id];
+      var prevId = current.previousLogicalElementId;
+      if (!prevId) {
+        if (current.objType) {
+          result = current.objType;
+        }
+        return;
+      }
+      var prev = logicalElementObj[prevId];
+      if (!prev) return;
+      if (prev.childLogicalElementId === id) {
+        // แต่ถ้ามี objType ของตัวเอง ใช้ตัวเอง
+        if (current.objType) {
+          result = current.objType;
+        }
+        return;
+      }
+
+      //  ถ้า previous มี objType  ใช้เลย
+      if (prev.objType) {
+        result = prev.objType;
+        return;
+      }
+
+      //  ไม่เข้าเงื่อนไขไหน  เดินย้อนขึ้นต่อ
+      loop(prevId);
+    }
+    loop(activeId);
+    return result;
+  }
+  function handleLogicalElementTypeChange(_x) {
+    return _handleLogicalElementTypeChange.apply(this, arguments);
+  }
+  function _handleLogicalElementTypeChange() {
+    _handleLogicalElementTypeChange = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
+      var logicalElementType, mainLoigcalObj, logicalObj, objType;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            logicalElementType = e.target.value;
+            mainLoigcalObj = objTemplateLogicalElement(logicalElementType, logicalElementObj[logicalElementOutput.active].previousLogicalElementId, logicalElementObj[logicalElementOutput.active].nextLogicalElementId);
+            logicalObj = {};
+            setLogicalElementOutput(function (logicalElementOutput) {
+              logicalElementOutput.status = false;
+            });
+            objType = objTypeMain;
+            if (createArrObjTypeLogical(logicalElementOutput.active, logicalElementObj).lastObjtype !== "") {
+              objType = objTypeFromObjTypeConcat(createArrObjTypeLogical(logicalElementOutput.active, logicalElementObj).lastObjtype);
+            }
+            if (logicalElementType === "childComplexFilter") {
+              logicalObj = _objectSpread(_objectSpread({}, mainLoigcalObj), {}, {
+                objType: objType,
+                pathLinkType: {
+                  objType: "",
+                  relType: "",
+                  direction: ""
+                },
+                childLogicalElementId: null
+              });
+            }
+            if (logicalElementType === "translateIds") {
+              logicalObj = _objectSpread(_objectSpread({}, mainLoigcalObj), {}, {
+                objType: objType,
+                pathLinkType: {
+                  objType: "",
+                  relType: "",
+                  direction: ""
+                },
+                childIdentifiers: []
+              });
+            }
+            if (logicalElementType === "logical") {
+              logicalObj = _objectSpread(_objectSpread({}, mainLoigcalObj), {}, {
+                objType: objType,
+                partitionKeyValueUserTags: {}
+              });
+            }
+            if (logicalElementType === "openBracket" || logicalElementType === "closeBracket") {
+              setLogicalElementOutput(function (logicalElementOutput) {
+                logicalElementOutput.status = true;
+              });
+            }
+            setLogicalElementObj(function (logicalElementObj) {
+              logicalElementObj[logicalElementOutput.active] = _objectSpread(_objectSpread({}, mainLoigcalObj), logicalObj);
+            });
+          case 1:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return _handleLogicalElementTypeChange.apply(this, arguments);
+  }
+  function handleOperationChange(e) {
+    var operation = e.target.value;
+    setLogicalElementObj(function (logicalElementObj) {
+      logicalElementObj[logicalElementOutput.active].operation = operation;
+    });
+    setLogicalElementOutput(function (logicalElementOutput) {
+      logicalElementOutput.status = true;
+    });
+  }
+  function objTemplateLogicalElement(logicalElementType, previousLogicalElementId, nextLogicalElementId) {
+    var objTemplate = {
+      logicalElementType: logicalElementType,
+      previousLogicalElementId: previousLogicalElementId,
+      nextLogicalElementId: nextLogicalElementId
+    };
+    return objTemplate;
+  }
+  function handelSelectRelTypeAndDirection(e) {
+    var relType = e.target.value;
+    var index = e.target.selectedIndex - 1;
+    var objTypeConcat = createObjTypeConcat(logicalElementObj[logicalElementOutput.active].objType);
+    collectRequireLinksFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType);
+    getObjSchemaHieFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType);
+    setLogicalElementObj(function (logicalElementObj) {
+      var _allObjTypesLinkConfi;
+      logicalElementObj[logicalElementOutput.active].pathLinkType = {
+        relType: JSON.parse(relType),
+        objType: allObjTypesLinkConfigs[objTypeConcat][index].other.objType,
+        direction: allObjTypesLinkConfigs[objTypeConcat][index].base.direction
+      };
+      if ((_allObjTypesLinkConfi = allObjTypesLinkConfigs[objTypeConcat][index]) !== null && _allObjTypesLinkConfi !== void 0 && _allObjTypesLinkConfi.requestProperties) {
+        var requestProperties = {};
+        for (var key in (_allObjTypesLinkConfi2 = allObjTypesLinkConfigs[objTypeConcat][index]) === null || _allObjTypesLinkConfi2 === void 0 ? void 0 : _allObjTypesLinkConfi2.requestProperties) {
+          var _allObjTypesLinkConfi2;
+          requestProperties[key] = "";
+        }
+        logicalElementObj[logicalElementOutput.active].requestProperties = requestProperties;
+      } else {
+        delete logicalElementObj[logicalElementOutput.active].requestProperties;
+      }
+    });
+    setLogicalElementOutput(function (logicalElementOutput) {
+      logicalElementOutput.status = true;
+    });
+  }
+  function handleAddLogicalElement(action) {
+    var uuid = (0,nanoid__WEBPACK_IMPORTED_MODULE_4__.nanoid)(10);
+    if (action === "addChild") {
+      collectRequireLinksFn(logicalElementObj[logicalElementOutput.active].pathLinkType.objType);
+      getObjSchemaHieFn(logicalElementObj[logicalElementOutput.active].pathLinkType.objType);
+    }
+    setLogicalElementObj(function (logicalElementObj) {
+      if (Object.keys(logicalElementObj).length === 0) {
+        setInitialLogicalElementId(uuid);
+        logicalElementObj[uuid] = objTemplateLogicalElement("newLogicalElement", null, null);
+      } else {
+        if (action === "addParent") {
+          if (logicalElementObj[logicalElementOutput.active].nextLogicalElementId !== null) {
+            logicalElementObj[uuid] = objTemplateLogicalElement("newLogicalElement", logicalElementOutput.active, logicalElementObj[logicalElementOutput.active].nextLogicalElementId);
+            logicalElementObj[logicalElementOutput.active].nextLogicalElementId = uuid;
+          } else {
+            logicalElementObj[logicalElementOutput.active].nextLogicalElementId = uuid;
+            logicalElementObj[uuid] = objTemplateLogicalElement("newLogicalElement", logicalElementOutput.active, null);
+          }
+        }
+        if (action === "addChild") {
+          logicalElementObj[uuid] = objTemplateLogicalElement("newLogicalElement", logicalElementOutput.active, null);
+          logicalElementObj[logicalElementOutput.active].childLogicalElementId = uuid;
+        }
+      }
+    });
+    setLogicalElementOutput(function (logicalElementOutput) {
+      logicalElementOutput.status = false;
+      logicalElementOutput.active = uuid;
+    });
+  }
+  function hadleActiveLogicalElement(key) {
+    setLogicalElementOutput(function (logicalElementOutput) {
+      logicalElementOutput.active = key;
+    });
+  }
+  function hadelActiveTopParent(objType) {
+    setLogicalElementOutput(function (logicalElementOutput) {
+      logicalElementOutput.active = Object.values(objType)[0];
+    });
+  }
+  function handleSelectFieldName(e, type) {
+    var value = e.target.value;
+    setLogicalElementObj(function (logicalElementObj) {
+      logicalElementObj[logicalElementOutput.active][type] = value;
+    });
+    if (type === "partitionKeyValueUserTag" || type === "sortKeyValueUserTags") {
+      if (value === "createUserTag") {
+        setNewUserTags(function (newUserTags) {
+          newUserTags.name = "";
+          newUserTags.obj = {
+            defaultValue: ""
+          };
+        });
+        setLogicalElementOutput(function (logicalElementOutput) {
+          logicalElementOutput.status = "createUserTag";
+        });
+      } else {
+        setLogicalElementOutput(function (logicalElementOutput) {
+          logicalElementOutput.status = false;
+        });
+      }
+    }
+  }
+  function handleUpdateNameNewValue(e) {
+    setNewUserTags(function (newUserTags) {
+      newUserTags.name = e.target.value;
+    });
+  }
+  function handleUpdateNewValue(e, type) {
+    setNewUserTags(function (newUserTags) {
+      newUserTags.obj[type] = e.target.value;
+    });
+  }
+  function handleUpdateNewValueRequestProperties(e, type, keyRequestProperties) {
+    setNewUserTagsRequestProperties(function (newUserTagsRequestProperties) {
+      newUserTagsRequestProperties[keyRequestProperties][type] = e.target.value;
+    });
+  }
+  function handleSelectCreateNewValue(e) {
+    var type = e.target.value;
+    setNewUserTags(function (newUserTags) {
+      if (type === "valueUserTag") {
+        newUserTags.obj = {
+          defaultValue: ""
+        };
+      } else {
+        newUserTags.obj = {
+          valueSource: "perParentIdentifier",
+          perParentIdentifierFieldname: ""
+        };
+        if (resultFieldName[createObjTypeConcat(objTypeMain)].identifiers.length === 1) {
+          newUserTags.obj.perParentIdentifierFieldname = perParentIdentifierFieldname[0].fieldName;
+        }
+      }
+    });
+  }
+  function handleCreateNewValue(e) {
+    setLogicalElementObj(function (logicalElementObj) {
+      logicalElementObj[logicalElementOutput.active].valueUserTag = newUserTags.nameUserTag;
+    });
+    setValueDataUserTags(function (valueDataUserTags) {
+      valueDataUserTags[newUserTags.name] = newUserTags.obj;
+    });
+    setLogicalElementOutput(function (logicalElementOutput) {
+      logicalElementOutput.status = true;
+    });
+    setNewUserTags({});
+  }
+  function handleCreateNewValueRequestProperties(e, keyRequestProperties) {
+    setLogicalElementObj(function (logicalElementObj) {
+      logicalElementObj[logicalElementOutput.active].requestProperties[keyRequestProperties] = newUserTags.nameUserTag;
+    });
+    setValueDataUserTags(function (valueDataUserTags) {
+      valueDataUserTags[newUserTagsRequestProperties[keyRequestProperties].name] = {
+        defaultValue: newUserTagsRequestProperties[keyRequestProperties].defaultValue
+      };
+    });
+    setLogicalElementOutput(function (logicalElementOutput) {
+      logicalElementOutput.status = true;
+    });
+    setNewUserTagsRequestProperties(function (newUserTagsRequestProperties) {
+      newUserTagsRequestProperties[keyRequestProperties] = {};
+    });
+  }
+  var logicalElementType = ["openBracket", "closeBracket", "childComplexFilter", "operation", "traversal", "translateIds"];
+  var operation = ["AND", "OR"];
+  var comparison = ["equals", "greaterThan", "greaterThanEquals", "lessThan", "lessThanEquals", "highLow", "high", "low", "izaraSyntax"];
+  function handelCreateFilterElement() {
+    if (createFilterElement) {
+      createFilterElement(createObjTypeConcat(objTypeMain), initialLogicalElementId, logicalElementObj, valueDataUserTags, keyUseCase);
+    } else {
+      dispatch(successFunction({
+        parentOutputId: parentOutputId,
+        initialLogicalElementId: initialLogicalElementId,
+        logicalElements: logicalElementObj,
+        valueDataUserTags: valueDataUserTags
+      }));
+    }
+    statusModal(false);
+  }
+  function handleValueSelect(e, key) {
+    var value = e.target.value;
+    if (value === "createUserTag") {
+      setLogicalElementObj(function (logicalElementObj) {
+        logicalElementObj[logicalElementOutput.active].requestProperties[key] = null;
+      });
+      setNewUserTagsRequestProperties(function (newUserTagsRequestProperties) {
+        newUserTagsRequestProperties[key] = {};
+      });
+    } else {
+      setLogicalElementObj(function (logicalElementObj) {
+        logicalElementObj[logicalElementOutput.active].requestProperties[key] = value;
+      });
+    }
+  }
+  function statusModalTraversal(status) {
+    setModalTraversal(status);
+  }
+  function sussessComplexFilterTypeTraversal(parentOutputId, arrTraversalSteps) {
+    var linkStepsArr = [];
+    var linkStepObj = {};
+    for (var index in arrTraversalSteps) {
+      var _linkStep$pathLinkTyp;
+      var linkStep = arrTraversalSteps[index];
+      if (linkStep !== null && linkStep !== void 0 && (_linkStep$pathLinkTyp = linkStep.pathLinkType) !== null && _linkStep$pathLinkTyp !== void 0 && _linkStep$pathLinkTyp.relType) {
+        var _linkStep$pathLinkTyp2;
+        if (Object.keys(linkStep === null || linkStep === void 0 || (_linkStep$pathLinkTyp2 = linkStep.pathLinkType) === null || _linkStep$pathLinkTyp2 === void 0 ? void 0 : _linkStep$pathLinkTyp2.relType).length === 0) {
+          alert("relType in traversal step is empty, please select relType");
+          return true;
+        }
+      }
+      if (linkStep !== null && linkStep !== void 0 && linkStep.hopsPassObjType) {
+        if (linkStep !== null && linkStep !== void 0 && linkStep.hopsStart && linkStep !== null && linkStep !== void 0 && linkStep.hopsEnd) {
+          alert("relType in traversal step is empty, please select relType");
+          return true;
+        }
+      }
+      var hashTraversal = hash(linkStep);
+      linkStepObj[hashTraversal] = linkStep;
+      linkStepsArr.push(hashTraversal);
+    }
+    setLogicalElementObj(function (logicalElementObj) {
+      logicalElementObj[logicalElementOutput.active].traversalSteps = linkStepsArr;
+    });
+    dispatch((0,_function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_7__.successTraversalConfig)({
+      parentOutputId: parentOutputId,
+      traversalLinkStepsObj: linkStepObj
+    }));
+  }
+  function handleRemovePartitionKeyValueUserTags(key) {
+    setLogicalElementObj(function (logicalElementObj) {
+      delete logicalElementObj[logicalElementOutput.active].partitionKeyValueUserTags[key];
+    });
+  }
+  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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("modal", "", "main")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("modal", "", "box")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridColumn", "", "1")
+  }, /*#__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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("pagination", "", "template")
+  }, 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", {
+    onClick: function onClick(e) {
+      return hadelActiveTopParent(_defineProperty({}, createObjTypeConcat(objTypeMain), initialLogicalElementId));
+    }
+  }, createObjTypeConcat(objTypeMain)), createArrObjTypeLogical(logicalElementOutput.active, logicalElementObj).arrOutput.map(function (objType, index) {
+    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", {
+      onClick: function onClick(e) {
+        return hadelActiveTopParent(objType);
+      }
+    }, Object.keys(objType)));
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("background", "scroll", "div")
+  }, /*#__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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridTab", "", "logicalElment")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("pagination", "", "template")
+  }, initialLogicalElementId && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_OutputListLogicalElement, {
+    logicalElementObj: logicalElementObj,
+    setLogicalElementObj: setLogicalElementObj,
+    logicalElementId: findLogicalRoot(logicalElementOutput.active, logicalElementObj),
+    logicalElementOutput: logicalElementOutput,
+    setLogicalElementOutput: setLogicalElementOutput,
+    handleAddLogicalElement: handleAddLogicalElement,
+    hadleActiveLogicalElement: hadleActiveLogicalElement
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    disabled: !allObjTypesLinkConfigs && !resultFieldName,
+    onClick: function onClick(e) {
+      return handleAddLogicalElement("addParent");
+    }
+  }, "add")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridColumn", "", "1")
+  }, /*#__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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("background", "scroll", "div")
+  }, /*#__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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridColumn", "", "11")
+  }, /*#__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", {
+    onChange: function onChange(e) {
+      handleLogicalElementTypeChange(e);
+    },
+    value: logicalElementObj[logicalElementOutput.active].logicalElementType
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    disabled: logicalElementObj[logicalElementOutput.active].logicalElementType !== "newLogicalElement",
+    value: ""
+  }, "---choose---"), logicalElementType.map(function (key, id) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      key: key,
+      value: key
+    }, key);
+  }), 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) {
+    return identifier.type === "partitionKey";
+  })) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    value: "logical"
+  }, "logical"))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridColumn", "", "1")
+  }, logicalElementObj[logicalElementOutput.active].logicalElementType === "childComplexFilter" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("background", "scroll", "div")
+  }, !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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("loadingCircle", "20px", "template")
+  }) : /*#__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", {
+    value: JSON.stringify(logicalElementObj[logicalElementOutput.active].pathLinkType.relType),
+    onChange: function onChange(e) {
+      return handelSelectRelTypeAndDirection(e);
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    disabled: logicalElementObj[logicalElementOutput.active].pathLinkType.relType !== "",
+    value: ""
+  }, "-- relType --"), allObjTypesLinkConfigs[createObjTypeConcat(logicalElementObj[logicalElementOutput.active].objType)].map(function (data, index) {
+    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", {
+      key: index,
+      value: JSON.stringify(data.relType)
+    }, createRelTypeConcat(data.relType)));
+  })), ((_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) {
+    var _logicalElementObj$lo4;
+    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) {
+      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", {
+        onChange: function onChange(e) {
+          return handleValueSelect(e, keyRequestProperties);
+        },
+        value: logicalElementObj[logicalElementOutput.active].requestProperties[keyRequestProperties]
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: ""
+      }, "-- choose --"), Object.entries(valueUserTags).filter(function (_ref4) {
+        var _ref5 = _slicedToArray(_ref4, 2),
+          key = _ref5[0],
+          val = _ref5[1];
+        return "defaultValue" in val;
+      }).map(function (_ref6) {
+        var _ref7 = _slicedToArray(_ref6, 2),
+          key = _ref7[0],
+          val = _ref7[1];
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          key: key,
+          value: key
+        }, val.defaultValue ? key : "");
+      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: "createUserTag"
+      }, "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", {
+        onChange: function onChange(e) {
+          return handleUpdateNewValueRequestProperties(e, "name", keyRequestProperties);
+        }
+      })), /*#__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", {
+        onChange: function onChange(e) {
+          return handleUpdateNewValueRequestProperties(e, "defaultValue", keyRequestProperties);
+        }
+      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+        styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridColumn", "", "11")
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+        onClick: function onClick(e) {
+          return handleCreateNewValueRequestProperties(e, keyRequestProperties);
+        }
+      }, "create"))));
+    }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null));
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("br", null), logicalElementObj[logicalElementOutput.active].childLogicalElementId === null ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: function onClick(e) {
+      return handleAddLogicalElement("addChild");
+    }
+  }, "create Child") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: function onClick(e) {
+      return hadleActiveLogicalElement(logicalElementObj[logicalElementOutput.active].childLogicalElementId);
+    }
+  }, "view Child")), logicalElementObj[logicalElementOutput.active].logicalElementType === "translateIds" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("background", "scroll", "div")
+  }, !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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("loadingCircle", "20px", "template")
+  }) : /*#__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", {
+    value: JSON.stringify(logicalElementObj[logicalElementOutput.active].pathLinkType.relType),
+    onChange: function onChange(e) {
+      return handelSelectRelTypeAndDirection(e);
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    disabled: logicalElementObj[logicalElementOutput.active].pathLinkType.relType !== "",
+    value: ""
+  }, "-- relType --"), allObjTypesLinkConfigs[createObjTypeConcat(logicalElementObj[logicalElementOutput.active].objType)].map(function (data, index) {
+    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", {
+      key: index,
+      value: JSON.stringify(data.relType)
+    }, createRelTypeConcat(data.relType)));
+  })), ((_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) {
+    var _logicalElementObj$lo6;
+    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) {
+      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", {
+        onChange: function onChange(e) {
+          return handleValueSelect(e, keyRequestProperties);
+        },
+        value: logicalElementObj[logicalElementOutput.active].requestProperties[keyRequestProperties]
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: ""
+      }, "-- choose --"), Object.entries(valueUserTags).filter(function (_ref8) {
+        var _ref9 = _slicedToArray(_ref8, 2),
+          key = _ref9[0],
+          val = _ref9[1];
+        return "defaultValue" in val;
+      }).map(function (_ref0) {
+        var _ref1 = _slicedToArray(_ref0, 2),
+          key = _ref1[0],
+          val = _ref1[1];
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+          key: key,
+          value: key
+        }, val.defaultValue ? key : "");
+      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        value: "createUserTag"
+      }, "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", {
+        onChange: function onChange(e) {
+          return handleUpdateNewValueRequestProperties(e, "name", keyRequestProperties);
+        }
+      })), /*#__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", {
+        onChange: function onChange(e) {
+          return handleUpdateNewValueRequestProperties(e, "defaultValue", keyRequestProperties);
+        }
+      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+        styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridColumn", "", "11")
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+        onClick: function onClick(e) {
+          return handleCreateNewValueRequestProperties(e, keyRequestProperties);
+        }
+      }, "create"))));
+    })), logicalElementObj[logicalElementOutput.active].childIdentifiers.map(function (valueChildIdentifiers, idChildIdentifiers) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, JSON.stringify(valueChildIdentifiers));
+    }), 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", {
+      value: fieldValueUserTag.fieldName,
+      onChange: function onChange(e) {
+        handleSelectFieldNameAndValueUserTag(e, "fieldName");
+      }
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      disabled: true,
+      value: ""
+    }, "-- 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) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        key: key,
+        value: key
+      }, key);
+    }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.UserTagsSelectAndCreateComponent, {
+      valueUserTags: valueUserTags,
+      parentOutputId: parentOutputId,
+      handleSelectUserTag: function handleSelectUserTag(e) {
+        return handleSelectFieldNameAndValueUserTag(e, "valueUserTag");
+      },
+      valueSelect: fieldValueUserTag.valueUserTag
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+      onClick: handleSaveChildIdentifiers
+    }, "save")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+      onClick: handleAddFieldName
+    }, "add childIdentifiers")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null));
+  })), 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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("loadingCircle", "20px", "template")
+  }) : /*#__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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("background", "scroll", "div")
+  }, resultFieldName[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))].identifiers.map(function (identifier, index) {
+    var _logicalElementObj$lo7;
+    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, {
+      valueUserTags: valueUserTags,
+      parentOutputId: parentOutputId,
+      handleSelectUserTag: function handleSelectUserTag(e) {
+        return selectValueUserTagForPartitionKey(e, identifier.fieldName);
+      },
+      valueSelect: (_logicalElementObj$lo7 = logicalElementObj[logicalElementOutput.active]) === null || _logicalElementObj$lo7 === void 0 ? void 0 : _logicalElementObj$lo7.partitionKeyValueUserTags[identifier.fieldName]
+    })));
+  }), resultFieldName[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))].identifiers.map(function (identifier, index) {
+    var _logicalElementObj$lo8, _logicalElementObj$lo9;
+    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", {
+      value: fieldValueUserTag.fieldName,
+      onChange: function onChange(e) {
+        handleSelectFieldNameAndValueUserTag(e, "fieldName");
+      }
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      disabled: true,
+      value: ""
+    }, "-- fieldName --"), Object.keys(resultFieldName[logicalElementObj[logicalElementOutput.active].previousLogicalElementId === null ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(findObjTypeStep(logicalElementOutput.active, logicalElementObj))].fieldNames).map(function (key) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, identifier.fieldName !== key && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        key: key,
+        value: key
+      }, key));
+    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.UserTagsSelectAndCreateComponent, {
+      valueUserTags: valueUserTags,
+      parentOutputId: parentOutputId,
+      handleSelectUserTag: function handleSelectUserTag(e) {
+        return handleSelectFieldNameAndValueUserTag(e, "valueUserTag");
+      },
+      valueSelect: fieldValueUserTag.valueUserTag
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+      onClick: handleSaveFieldValueUserTag
+    }, "save")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+      onClick: handleAddFieldName
+    }, "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) {
+      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"));
+    }))) : /*#__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", {
+      value: logicalElementObj[logicalElementOutput.active].comparison,
+      onChange: function onChange(e) {
+        handleSelectFieldName(e, "comparison");
+      }
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      disabled: logicalElementObj[logicalElementOutput.active].comparison !== "",
+      value: ""
+    }, "choose comparison"), comparison.map(function (key) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        key: key,
+        value: key
+      }, key);
+    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("p", null, "sortKeyValueUserTags :"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
+      onChange: function onChange(e) {
+        return handleSelectFieldName(e, "sortKeyValueUserTags");
+      },
+      value: logicalElementObj[logicalElementOutput.active].valueUserTag
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      value: ""
+    }, "-- choose --"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      value: "createUserTag"
+    }, "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) {
+      var _ref11 = _slicedToArray(_ref10, 2),
+        key = _ref11[0],
+        val = _ref11[1];
+      return "defaultValue" || 0;
+    }).map(function (_ref12) {
+      var _ref13 = _slicedToArray(_ref12, 2),
+        key = _ref13[0],
+        val = _ref13[1];
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        key: key,
+        value: key
+      }, key);
+    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, Object.entries(valueDataUserTags).filter(function (_ref14) {
+      var _ref15 = _slicedToArray(_ref14, 2),
+        key = _ref15[0],
+        val = _ref15[1];
+      return "defaultValue" in val;
+    }).map(function (_ref16) {
+      var _ref17 = _slicedToArray(_ref16, 2),
+        key = _ref17[0],
+        val = _ref17[1];
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+        key: key,
+        value: key
+      }, val.defaultValue ? key : "");
+    })))));
+  }), 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", {
+    onChange: function onChange(e) {
+      return handleSelectCreateNewValue(e);
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    value: "defaultValue"
+  }, "defaultValue"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    value: "perParentIdentifier"
+  }, "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", {
+    onChange: function onChange(e) {
+      return handleUpdateNameNewValue(e);
+    }
+  })), 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", {
+    onChange: function onChange(e) {
+      return handleUpdateNewValue(e, "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, "perParentIdentifierFieldname"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
+    onChange: function onChange(e) {
+      return handleUpdateNewValue(e, "perParentIdentifierFieldname");
+    }
+  }, perParentIdentifierFieldname.map(function (identifier, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", null, identifier.fieldName);
+  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridColumn", "", "11")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: function onClick(e) {
+      return handleCreateNewValue(e);
+    }
+  }, "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, {
+    titleModal: "traversal",
+    statusModalFunc: statusModalTraversal,
+    objTypeMain: objTypeMain,
+    objConfigUseCase: objConfigUseCase,
+    nameReducer: nameReducer,
+    parentOutputId: parentOutputId,
+    collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,
+    collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,
+    valueUserTags: valueUserTags,
+    ComponentUseCase: TraversalComponent,
+    LastStepsComponentUseCase: FieldValueUserTagsComponent,
+    successFuncUseCase: sussessComplexFilterTypeTraversal
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("fieldset", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: function onClick() {
+      return statusModalTraversal("traversal");
+    }
+  }, "add traversal"))))), logicalElementObj[logicalElementOutput.active].logicalElementType === "operation" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("background", "scroll", "div")
+  }, /*#__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", {
+    onChange: handleOperationChange,
+    value: logicalElementObj[logicalElementOutput.active].operation
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", null, "--- choose ---"), operation.map(function (key, id) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      key: key
+    }, key);
+  }))))) : /*#__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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("gridColumn", "", "11")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraButtonStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("modal", "", "button"),
+    type: "button",
+    onClick: function onClick(e) {
+      return handelCreateFilterElement();
+    }
+  }, "save"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.IzaraButtonStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("modal", "", "button"),
+    type: "button",
+    onClick: function onClick(e) {
+      return statusModal(false);
+    }
+  }, "cancel"))))));
+};
+var TraversalComponent = function TraversalComponent(_ref18) {
+  var _linkSteps$linkStepsO, _linkSteps$linkStepsO2, _linkSteps$linkStepsO3, _linkSteps$linkStepsO4, _linkSteps$linkStepsO5;
+  var linkSteps = _ref18.linkSteps,
+    setLinkSteps = _ref18.setLinkSteps,
+    linkStepsOutput = _ref18.linkStepsOutput,
+    resultFieldName = _ref18.resultFieldName,
+    valueUserTags = _ref18.valueUserTags,
+    objTypeMain = _ref18.objTypeMain,
+    parentOutputId = _ref18.parentOutputId;
+  function handleHopsPassObjType(e) {
+    setLinkSteps(function (linkSteps) {
+      linkSteps[linkStepsOutput.active].hopsPassObjType = e.target.checked;
+    });
+  }
+  function handleHopsStartEnd(e, type) {
+    setLinkSteps(function (linkSteps) {
+      linkSteps[linkStepsOutput.active][type] = +e.target.value;
+    });
+  }
+  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", {
+    type: "checkbox",
+    checked: ((_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO === void 0 ? void 0 : _linkSteps$linkStepsO.hopsPassObjType) || false,
+    onChange: handleHopsPassObjType
+  })), /*#__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", {
+    type: "number",
+    value: ((_linkSteps$linkStepsO2 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO2 === void 0 ? void 0 : _linkSteps$linkStepsO2.hopsStart) || "",
+    onChange: function onChange(e) {
+      return handleHopsStartEnd(e, "hopsStart");
+    },
+    min: 1,
+    disabled: ((_linkSteps$linkStepsO3 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO3 === void 0 ? void 0 : _linkSteps$linkStepsO3.hopsPassObjType) === true
+  })), /*#__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", {
+    type: "number",
+    value: ((_linkSteps$linkStepsO4 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO4 === void 0 ? void 0 : _linkSteps$linkStepsO4.hopsEnd) || "",
+    onChange: function onChange(e) {
+      return handleHopsStartEnd(e, "hopsEnd");
+    },
+    min: 1,
+    disabled: ((_linkSteps$linkStepsO5 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO5 === void 0 ? void 0 : _linkSteps$linkStepsO5.hopsPassObjType) === true
+  }))));
+};
+var FieldValueUserTagsComponent = function FieldValueUserTagsComponent(_ref19) {
+  var _linkSteps$linkStepsO7, _linkSteps$linkStepsO8;
+  var linkSteps = _ref19.linkSteps,
+    setLinkSteps = _ref19.setLinkSteps,
+    linkStepsOutput = _ref19.linkStepsOutput,
+    resultFieldName = _ref19.resultFieldName,
+    objTypeMain = _ref19.objTypeMain,
+    valueUserTags = _ref19.valueUserTags,
+    parentOutputId = _ref19.parentOutputId;
+  var _useImmer11 = (0,use_immer__WEBPACK_IMPORTED_MODULE_2__.useImmer)({}),
+    _useImmer12 = _slicedToArray(_useImmer11, 2),
+    fieldValueUserTag = _useImmer12[0],
+    setFieldValueUserTag = _useImmer12[1];
+  function handleSelectFieldNameAndValueUserTag(e, type) {
+    var value = e.target.value;
+    setFieldValueUserTag(function (fieldValueUserTag) {
+      fieldValueUserTag[type] = value;
+    });
+  }
+  function handleAddFieldName() {
+    if (linkSteps[linkStepsOutput.active].fieldValueUserTags === undefined) {
+      setLinkSteps(function (linkSteps) {
+        linkSteps[linkStepsOutput.active].fieldValueUserTags = [];
+        delete linkSteps[linkStepsOutput.active].lastStep;
+      });
+    }
+    setFieldValueUserTag({
+      fieldName: "",
+      valueUserTag: ""
+    });
+  }
+  function handleSaveFieldValueUserTag() {
+    setLinkSteps(function (linkSteps) {
+      linkSteps[linkStepsOutput.active].fieldValueUserTags.push(_defineProperty({}, fieldValueUserTag.fieldName, fieldValueUserTag.valueUserTag));
+    });
+    setFieldValueUserTag({});
+  }
+  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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("loadingCircle", "20px", "template")
+  }) : /*#__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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_1__.createStyleDefualtTags)("background", "scroll", "div")
+  }, ((_linkSteps$linkStepsO7 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO7 === void 0 ? void 0 : _linkSteps$linkStepsO7.fieldValueUserTags) !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, (_linkSteps$linkStepsO8 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO8 === void 0 || (_linkSteps$linkStepsO8 = _linkSteps$linkStepsO8.fieldValueUserTags) === null || _linkSteps$linkStepsO8 === void 0 ? void 0 : _linkSteps$linkStepsO8.map(function (fieldValueUserTag, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
+      key: index
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("p", null, JSON.stringify(fieldValueUserTag)));
+  })), 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", {
+    value: fieldValueUserTag.fieldName,
+    onChange: function onChange(e) {
+      handleSelectFieldNameAndValueUserTag(e, "fieldName");
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    disabled: true,
+    value: ""
+  }, "-- fieldName --"), Object.keys(resultFieldName[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].fieldNames).map(function (key) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      key: key,
+      value: key
+    }, key);
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_6__.UserTagsSelectAndCreateComponent, {
+    valueUserTags: valueUserTags,
+    parentOutputId: parentOutputId,
+    handleSelectUserTag: function handleSelectUserTag(e) {
+      return handleSelectFieldNameAndValueUserTag(e, "valueUserTag");
+    },
+    valueSelect: fieldValueUserTag.valueUserTag
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: handleSaveFieldValueUserTag
+  }, "save")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: handleAddFieldName
+  }, "add fieldname")))));
+};
 
 /***/ },
 
@@ -36,7 +1801,31 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***********************************************/
 (__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}");
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   successFilterElement: () => (/* binding */ successFilterElement),
+/* harmony export */   successTraversal: () => (/* binding */ successTraversal)
+/* harmony export */ });
+function _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); }
+function 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; }
+function _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; }
+function _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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _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); }
+function successTraversal(state, action) {
+  var _action$payload = action.payload,
+    parentOutputId = _action$payload.parentOutputId,
+    traversalLinkStepsObj = _action$payload.traversalLinkStepsObj;
+  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.traversalSteps = _objectSpread(_objectSpread({}, state[parentOutputId].currentValues.pageOutputMainConfigUseCase.traversalSteps), traversalLinkStepsObj);
+}
+function successFilterElement(state, action) {
+  var _action$payload2 = action.payload,
+    parentOutputId = _action$payload2.parentOutputId,
+    initialLogicalElementId = _action$payload2.initialLogicalElementId,
+    logicalElements = _action$payload2.logicalElements;
+  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.initialLogicalElementId = initialLogicalElementId;
+  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.logicalElements = _objectSpread(_objectSpread({}, state[parentOutputId].currentValues.pageOutputMainConfigUseCase.logicalElements), logicalElements);
+}
 
 /***/ },
 
@@ -46,7 +1835,27 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***********************************************************************/
 (__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}");
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   sendExtraReducerLibCreateLinkStepAndComplexFilter: () => (/* binding */ sendExtraReducerLibCreateLinkStepAndComplexFilter),
+/* harmony export */   successTraversalConfig: () => (/* binding */ successTraversalConfig),
+/* harmony export */   validateValueUserTagNotUsedConfig: () => (/* binding */ validateValueUserTagNotUsedConfig),
+/* harmony export */   valueUserTagCreateConfig: () => (/* binding */ valueUserTagCreateConfig)
+/* harmony export */ });
+/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @reduxjs/toolkit */ "@reduxjs/toolkit");
+/* harmony import */ var _valueUserTagFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./valueUserTagFunction */ "./src/function/valueUserTagFunction.js");
+/* harmony import */ var _complexFilterFunction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./complexFilterFunction */ "./src/function/complexFilterFunction.js");
+
+
+var valueUserTagCreateConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAction)("valueUserTagCreateConfig");
+var validateValueUserTagNotUsedConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAction)("validateValueUserTagNotUsedConfig");
+
+var successTraversalConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAction)("successTraversalConfig");
+var sendExtraReducerLibCreateLinkStepAndComplexFilter = function sendExtraReducerLibCreateLinkStepAndComplexFilter(builder) {
+  builder.addCase(valueUserTagCreateConfig, _valueUserTagFunction__WEBPACK_IMPORTED_MODULE_1__.valueUserTagCreate);
+  builder.addCase(validateValueUserTagNotUsedConfig, _valueUserTagFunction__WEBPACK_IMPORTED_MODULE_1__.validateValueUserTagNotUsed);
+  builder.addCase(successTraversalConfig, _complexFilterFunction__WEBPACK_IMPORTED_MODULE_2__.successTraversal);
+};
 
 /***/ },
 
@@ -56,7 +1865,34 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \******************************************/
 (__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}");
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   successRequiredData: () => (/* binding */ successRequiredData)
+/* harmony export */ });
+function _readOnlyError(r) { throw new TypeError('"' + r + '" is read-only'); }
+function successRequiredData(state, action) {
+  var _action$payload = action.payload,
+    parentOutputId = _action$payload.parentOutputId,
+    linkSteps = _action$payload.linkSteps,
+    initialObjType = _action$payload.initialObjType,
+    nameLinkStepObject = _action$payload.nameLinkStepObject,
+    dataType = _action$payload.dataType,
+    linkStepsArr = _action$payload.linkStepsArr;
+  if (linkStepsArr === undefined) {
+    [], _readOnlyError("linkStepsArr");
+    for (var index in linkSteps) {
+      var linkStepObj = _.cloneDeep(linkSteps[index]);
+      var hashRequiredData = hash(linkStepObj);
+      state[parentOutputId].currentValues.pageOutputMainConfigUseCase.requiredDataLinkSteps[hashRequiredData] = linkStepObj;
+      linkStepsArr.push(hashRequiredData);
+    }
+  }
+  var requiredDataLinkStepObjects = {
+    initialObjType: initialObjType,
+    linkSteps: linkStepsArr
+  };
+  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.requiredDataLinkStepObjects[nameLinkStepObject] = requiredDataLinkStepObjects;
+}
 
 /***/ },
 
@@ -66,17 +1902,136 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**********************************************/
 (__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__) {
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   findUsedUserTagsFast: () => (/* binding */ findUsedUserTagsFast),
+/* harmony export */   validateValueUserTagNotUsed: () => (/* binding */ validateValueUserTagNotUsed),
+/* harmony export */   valueUserTagCreate: () => (/* binding */ valueUserTagCreate)
+/* harmony export */ });
+/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @reduxjs/toolkit */ "@reduxjs/toolkit");
+function _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; } } }; }
+function _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; } }
+function _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; }
 
-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}");
+var valueUserTagCreate = function valueUserTagCreate(state, action) {
+  var _action$payload = action.payload,
+    parentOutputId = _action$payload.parentOutputId,
+    objCreateValueUserTag = _action$payload.objCreateValueUserTag;
+  state[parentOutputId].currentValues.pageOutputMainConfigUseCase.valueUserTags[objCreateValueUserTag.keyName] = {
+    defaultValue: objCreateValueUserTag.defaultValue
+  };
+};
+var validateValueUserTagNotUsed = function validateValueUserTagNotUsed(state, action) {
+  for (var linkStepId in state[parentOutputId].currentValues.pageOutputMainConfigUseCase.linkSteps) {}
+};
+var _addTags = function addTags(usedSet, tagKeys, arr) {
+  if (!Array.isArray(arr)) return;
+  var _iterator = _createForOfIteratorHelper(arr),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var v = _step.value;
+      _addTags(usedSet, tagKeys, v);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+};
+var addTagsFromObjectValues = function addTagsFromObjectValues(usedSet, tagKeys, obj) {
+  if (!obj) return;
+  for (var _i = 0, _Object$values = Object.values(obj); _i < _Object$values.length; _i++) {
+    var v = _Object$values[_i];
+    _addTags(usedSet, tagKeys, v);
+  }
+};
+function scanLogicalElements(usedSet, tagKeys, logicalElements) {
+  if (!logicalElements) return;
+  for (var _i2 = 0, _Object$values2 = Object.values(logicalElements); _i2 < _Object$values2.length; _i2++) {
+    var el = _Object$values2[_i2];
+    addTagsFromObjectValues(usedSet, tagKeys, el.partitionKeyValueUserTags);
+    addTagsFromObjectValues(usedSet, tagKeys, el.sortKeyValueUserTags);
+    addTagsFromObjectValues(usedSet, tagKeys, el.requestProperties);
+  }
+}
+function scanTraversalSteps(usedSet, tagKeys, traversalSteps) {
+  if (!traversalSteps) return;
+  for (var _i3 = 0, _Object$values3 = Object.values(traversalSteps); _i3 < _Object$values3.length; _i3++) {
+    var step = _Object$values3[_i3];
+    if (!step.fieldValueUserTags) continue;
+    var _iterator2 = _createForOfIteratorHelper(step.fieldValueUserTags),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var obj = _step2.value;
+        addTagsFromObjectValues(usedSet, tagKeys, obj);
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+}
+function scanRequiredDataLinkSteps(usedSet, tagKeys, steps) {
+  if (!steps) return;
+  for (var _i4 = 0, _Object$values4 = Object.values(steps); _i4 < _Object$values4.length; _i4++) {
+    var step = _Object$values4[_i4];
+    addTagsFromObjectValues(usedSet, tagKeys, step.requestProperties);
+    if (step.filterElements) {
+      scanLogicalElements(usedSet, tagKeys, step.filterElements.logicalElements);
+    }
+    if (step.sortFields) {
+      var _iterator3 = _createForOfIteratorHelper(step.sortFields),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var sf = _step3.value;
+          _addTags(usedSet, tagKeys, sf.sortByValueUserTags);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    }
+    _addTags(usedSet, tagKeys, step.comparisonValue);
+  }
+}
+function scanSortFields(usedSet, tagKeys, sortFields) {
+  if (!sortFields) return;
+  var _iterator4 = _createForOfIteratorHelper(sortFields),
+    _step4;
+  try {
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      var sf = _step4.value;
+      _addTags(usedSet, tagKeys, sf.sortByValueUserTags);
+    }
+  } catch (err) {
+    _iterator4.e(err);
+  } finally {
+    _iterator4.f();
+  }
+}
+function scanCombinations(usedSet, tagKeys, combinations) {
+  if (!combinations) return;
+  for (var _i5 = 0, _Object$values5 = Object.values(combinations); _i5 < _Object$values5.length; _i5++) {
+    var combo = _Object$values5[_i5];
+    scanLogicalElements(usedSet, tagKeys, combo.logicalElements);
+  }
+}
+function findUsedUserTagsFast(param) {
+  var used = new Set();
+  var tagKeys = new Set(Object.keys(param.valueUserTags));
+  scanLogicalElements(used, tagKeys, param.logicalElements);
+  scanTraversalSteps(used, tagKeys, param.traversalSteps);
+  scanRequiredDataLinkSteps(used, tagKeys, param.requiredDataLinkSteps);
+  scanSortFields(used, tagKeys, param.sortFields);
+  scanCombinations(used, tagKeys, param.complexFilterCombinations);
+  scanCombinations(used, tagKeys, param.perParentCombinations);
+  return used;
+}
 
 /***/ },
 
@@ -86,7 +2041,375 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***************************************************/
 (__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 _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;\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__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {\n    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)(\"modal\", \"\", \"mainBackgroundTemplate\")\n  }, /*#__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)(\"modal\", \"\", \"mainBoxTemplate\")\n  }, /*#__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)(\"modal\", \"\", \"gridTemplate\")\n  }, /*#__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)(\"modal\", \"\", \"headerTemplate\")\n  }, /*#__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)(\"textAlign\", \"\", \"left\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h1\", null, titleModal)), nameObjectLinkStepEdit !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n    onChange: function onChange(e) {\n      return handleNameRequiredData(e);\n    },\n    placeholder: \"name\",\n    value: nameLinkSteps,\n    disabled: nameObjectLinkStepEdit\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: function onClick(e) {\n      return submitLinkSteps();\n    }\n  }, \"save\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: function onClick(e) {\n      return statusModalFunc(false);\n    }\n  }, \"cancel\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", 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)(\"pagination\", \"\", \"template\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, linkStepsOutput.active === 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n    style: {\n      color: \"red\",\n      pointerEvents: \"none\"\n    }\n  }, createObjTypeConcat(objTypeMain)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n    onClick: function onClick(e) {\n      return handelActiveStep(0);\n    }\n  }, createObjTypeConcat(objTypeMain)), linkSteps.length > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, linkSteps.map(function (step, index) {\n    var _linkSteps;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, ((_linkSteps = linkSteps[index - 1]) === null || _linkSteps === void 0 ? void 0 : _linkSteps.pathLinkType.objType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, \"/\", linkStepsOutput.active === index ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n      style: {\n        color: \"red\",\n        pointerEvents: \"none\"\n      }\n    }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n      onClick: function onClick(e) {\n        return handelActiveStep(index);\n      }\n    }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType))));\n  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle\n  // styletags={createStyleDefualtTags(\"background\", \"scroll\", \"div\")}\n  , null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    value: linkSteps.length === 0 ? \"\" : (_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active].pathLinkType) !== null && _linkSteps$linkStepsO !== void 0 && _linkSteps$linkStepsO.objType ? \"link\" : \"lastStep\",\n    onChange: function onChange(e) {\n      hadelSelectType(e);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", null, \"-- choose type --\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"link\"\n  }, \"link\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n    value: \"lastStep\"\n  }, \"lastStep\"))), allObjTypesLinkConfigs ? /*#__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)(\"gridColumn\", \"\", \"1\")\n  }, linkSteps.length === 0 || ((_linkSteps$linkStepsO2 = linkSteps[linkStepsOutput.active].pathLinkType) === null || _linkSteps$linkStepsO2 === void 0 ? void 0 : _linkSteps$linkStepsO2.objType) && /*#__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)] ? /*#__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={createStyleDefualtTags(\n  //   \"background\",\n  //   \"scroll \",\n  //   \"div\"\n  // )}\n  , 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(linkSteps[linkStepsOutput.active].pathLinkType.relType),\n    onChange: handelSelectRelTypeAndDirection\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().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__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n      key: index,\n      value: JSON.stringify(dataLink.relType)\n    }, createRelTypeConcat(dataLink.relType));\n  })), Object.keys((_linkSteps$linkStepsO3 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO3 === void 0 || (_linkSteps$linkStepsO3 = _linkSteps$linkStepsO3.pathLinkType) === null || _linkSteps$linkStepsO3 === void 0 ? void 0 : _linkSteps$linkStepsO3.relType).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, \" object type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, createObjTypeConcat((_linkSteps$linkStepsO4 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO4 === void 0 ? void 0 : _linkSteps$linkStepsO4.pathLinkType.objType)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"direction\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, (_linkSteps$linkStepsO5 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO5 === void 0 ? void 0 : _linkSteps$linkStepsO5.pathLinkType.direction), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"hr\", null), ComponentUseCase && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().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__WEBPACK_IMPORTED_MODULE_0___default().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__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)(\"loadingCircle\", \"20px\", \"template\")\n  }))), /*#__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)(\"gridColumn\", \"\", \"11\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: handlePrevStep,\n    disabled: linkStepsOutput.active === 0\n  }, \"prev\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: handleNextStep,\n    disabled: ((_linkSteps$linkStepsO6 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO6 === void 0 || (_linkSteps$linkStepsO6 = _linkSteps$linkStepsO6.pathLinkType) === null || _linkSteps$linkStepsO6 === void 0 ? void 0 : _linkSteps$linkStepsO6.direction) === \"\" || !((_linkSteps$linkStepsO7 = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO7 !== void 0 && (_linkSteps$linkStepsO7 = _linkSteps$linkStepsO7.pathLinkType) !== null && _linkSteps$linkStepsO7 !== void 0 && _linkSteps$linkStepsO7.objType)\n  }, \"next\")))));\n};\n\n//----------------------------- use Lib -----------------------------------------------\n\n//# sourceURL=webpack://@izara_frontend/shared-complex-filter/./src/linkSteps/modalLinkStepsComponent.jsx?\n}");
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ModalLinkStepsComponent: () => (/* binding */ ModalLinkStepsComponent)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ "use-immer");
+/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @izaraFrontends/styles */ "@izaraFrontends/styles");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ "react-redux");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _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."); }
+function _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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _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; } } }; }
+function _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; } }
+function _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; }
+
+
+
+
+function createObjTypeConcat(objType) {
+  return "".concat(objType.serviceTag, "_").concat(objType.objectType);
+}
+function createRelTypeConcat(relType) {
+  return "".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, "_").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);
+}
+function objTypeFromObjTypeConcat(objTypeConcat) {
+  var result = objTypeConcat.split("_");
+  if (result.length !== 2) {
+    throw Error("objTypeConcat invalid");
+  }
+  return {
+    serviceTag: result[0],
+    objectType: result[1]
+  };
+}
+var ModalLinkStepsComponent = function ModalLinkStepsComponent(_ref) {
+  var _linkSteps$linkStepsO, _linkSteps$linkStepsO2, _linkSteps$linkStepsO3, _linkSteps$linkStepsO4, _linkSteps$linkStepsO5, _linkSteps$linkStepsO6, _linkSteps$linkStepsO7;
+  var titleModal = _ref.titleModal,
+    statusModalFunc = _ref.statusModalFunc,
+    objConfigUseCase = _ref.objConfigUseCase,
+    objTypeMain = _ref.objTypeMain,
+    nameReducer = _ref.nameReducer,
+    parentOutputId = _ref.parentOutputId,
+    successFunc = _ref.successFunc,
+    collectObjectLinksWithRequestProperties = _ref.collectObjectLinksWithRequestProperties,
+    collectObjectSchemaWithHierarchy = _ref.collectObjectSchemaWithHierarchy,
+    nameObjectLinkStepEdit = _ref.nameObjectLinkStepEdit,
+    userTag = _ref.userTag,
+    keyElement = _ref.keyElement,
+    ComponentUseCase = _ref.ComponentUseCase,
+    LastStepsComponentUseCase = _ref.LastStepsComponentUseCase,
+    valueUserTags = _ref.valueUserTags,
+    successFuncUseCase = _ref.successFuncUseCase;
+  var arrObjRequiredData = [{}];
+  arrObjRequiredData = [];
+  if (nameObjectLinkStepEdit) {
+    if (objConfigUseCase !== null && objConfigUseCase !== void 0 && objConfigUseCase.linkStepsObjects) {
+      var _iterator = _createForOfIteratorHelper(objConfigUseCase.linkStepsObjects[nameObjectLinkStepEdit].linkSteps),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var keyLinkStep = _step.value;
+          arrObjRequiredData.push(objConfigUseCase.linkSteps[keyLinkStep]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }
+  if (objConfigUseCase !== null && objConfigUseCase !== void 0 && objConfigUseCase.traversalSteps) {
+    var _iterator2 = _createForOfIteratorHelper(objConfigUseCase.traversalSteps),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var keyTraversalStep = _step2.value;
+        arrObjRequiredData.push(objConfigUseCase.traversalSteps[keyTraversalStep]);
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  if (!objTypeMain) {
+    objTypeMain = objConfigUseCase.objType;
+  }
+  console.time("renderTimeInModalRequiredData");
+  var _collectObjectLinksWi = collectObjectLinksWithRequestProperties(),
+    _collectObjectLinksWi2 = _slicedToArray(_collectObjectLinksWi, 3),
+    allObjTypesLinkConfigs = _collectObjectLinksWi2[0],
+    collectRequireLinksFn = _collectObjectLinksWi2[1],
+    collectLinksOpt = _collectObjectLinksWi2[2];
+  var _collectObjectSchemaW = collectObjectSchemaWithHierarchy(),
+    _collectObjectSchemaW2 = _slicedToArray(_collectObjectSchemaW, 3),
+    resultFieldName = _collectObjectSchemaW2[0],
+    getObjSchemaHieFn = _collectObjectSchemaW2[1],
+    collectLinksOpt2 = _collectObjectSchemaW2[2];
+  var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)(arrObjRequiredData),
+    _useImmer2 = _slicedToArray(_useImmer, 2),
+    linkSteps = _useImmer2[0],
+    setLinkSteps = _useImmer2[1];
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(nameObjectLinkStepEdit),
+    _useState2 = _slicedToArray(_useState, 2),
+    nameLinkSteps = _useState2[0],
+    setNameLinkSteps = _useState2[1];
+  var _useImmer3 = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)({
+      status: null,
+      active: 0
+    }),
+    _useImmer4 = _slicedToArray(_useImmer3, 2),
+    linkStepsOutput = _useImmer4[0],
+    setLinkStepsOutput = _useImmer4[1];
+  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    collectRequireLinksFn(objTypeMain, {
+      returnLinkTypeId: false,
+      returnPathLinkTypeId: true
+    });
+    getObjSchemaHieFn(objTypeMain);
+    if (nameObjectLinkStepEdit) {
+      for (var _keyLinkStep = 0; _keyLinkStep < arrObjRequiredData.length; _keyLinkStep++) {
+        var linkStep = arrObjRequiredData[_keyLinkStep];
+        if (linkStep.hasOwnProperty("pathLinkType")) {
+          collectRequireLinksFn(linkStep.pathLinkType.objType, {
+            returnLinkTypeId: false,
+            returnPathLinkTypeId: true
+          });
+          getObjSchemaHieFn(linkStep.pathLinkType.objType);
+        } else {
+          getObjSchemaHieFn(_keyLinkStep === 0 ? objTypeMain : arrObjRequiredData[_keyLinkStep - 1].pathLinkType.objType);
+        }
+      }
+    }
+  }, []);
+  function checkObjTypeLinkStep(activeIndex) {
+    var objTypeConcat;
+    objTypeConcat = createObjTypeConcat(objTypeMain);
+    if (activeIndex !== 0) {
+      objTypeConcat = createObjTypeConcat(linkSteps[activeIndex - 1].pathLinkType.objType);
+    }
+    return objTypeConcat;
+  }
+  function hadelSelectType(e) {
+    var type = e.target.value;
+    setLinkStepsOutput(function (linkStepsOutput) {
+      linkStepsOutput.status = type;
+    });
+    if (type === "link") {
+      setLinkSteps(function (linkSteps) {
+        linkSteps[linkStepsOutput.active] = {
+          pathLinkType: {
+            relType: {},
+            objType: {},
+            direction: ""
+          }
+        };
+      });
+    } else {
+      setLinkSteps(function (linkSteps) {
+        linkSteps[linkStepsOutput.active] = {
+          lastStep: null
+        };
+      });
+    }
+    setLinkSteps(function (linkSteps) {
+      if (linkStepsOutput.active + 1 !== linkSteps.length) {
+        linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);
+      }
+    });
+  }
+  function handelSelectRelTypeAndDirection(e) {
+    var relType = e.target.value;
+    var index = e.target.selectedIndex - 1;
+    var objTypeConcat = checkObjTypeLinkStep(linkStepsOutput.active);
+    collectRequireLinksFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType, {
+      returnLinkTypeId: false,
+      returnPathLinkTypeId: true
+    });
+    getObjSchemaHieFn(allObjTypesLinkConfigs[objTypeConcat][index].other.objType);
+    setLinkSteps(function (linkSteps) {
+      var _allObjTypesLinkConfi;
+      linkSteps[linkStepsOutput.active].pathLinkType = {
+        relType: JSON.parse(relType),
+        objType: allObjTypesLinkConfigs[objTypeConcat][index].other.objType,
+        direction: allObjTypesLinkConfigs[objTypeConcat][index].base.direction
+      };
+      if ((_allObjTypesLinkConfi = allObjTypesLinkConfigs[objTypeConcat][index]) !== null && _allObjTypesLinkConfi !== void 0 && _allObjTypesLinkConfi.requestProperties) {
+        var requestProperties = {};
+        for (var key in (_allObjTypesLinkConfi2 = allObjTypesLinkConfigs[objTypeConcat][index]) === null || _allObjTypesLinkConfi2 === void 0 ? void 0 : _allObjTypesLinkConfi2.requestProperties) {
+          var _allObjTypesLinkConfi2;
+          requestProperties[key] = "";
+        }
+        linkSteps[linkStepsOutput.active].requestProperties = requestProperties;
+      } else {
+        delete linkSteps[linkStepsOutput.active].requestProperties;
+      }
+      if (linkStepsOutput.active + 1 !== linkSteps.length) {
+        linkSteps = linkSteps.splice(linkStepsOutput.active - linkSteps.length + 1);
+      }
+    });
+  }
+  function handelActiveStep(index) {
+    setLinkStepsOutput(function (linkStepsOutput) {
+      linkStepsOutput.active = index;
+    });
+    if (index !== 0) {
+      collectRequireLinksFn(linkSteps[index - 1].pathLinkType.objType, {
+        returnLinkTypeId: false,
+        returnPathLinkTypeId: true
+      });
+      getObjSchemaHieFn(linkSteps[index - 1].pathLinkType.objType);
+    }
+  }
+  function handleNextStep() {
+    var validateResult = true;
+    if (validateResult) {
+      setLinkStepsOutput(function (linkStepsOutput) {
+        linkStepsOutput.active++;
+      });
+      if (linkSteps.length === linkStepsOutput.active + 1) {
+        setLinkSteps(function (linkSteps) {
+          linkSteps[linkStepsOutput.active + 1] = {};
+        });
+      }
+    }
+  }
+  function handlePrevStep() {
+    setLinkStepsOutput(function (linkStepsOutput) {
+      linkStepsOutput.active--;
+    });
+  }
+  function handleNameRequiredData(e) {
+    setNameLinkSteps(e.target.value);
+  }
+  function submitLinkSteps() {
+    if (nameObjectLinkStepEdit !== undefined) {
+      if (nameLinkSteps) {
+        if (successFunc) {
+          dispatch(successFunc({
+            parentOutputId: parentOutputId,
+            linkSteps: linkSteps,
+            initialObjType: objTypeMain,
+            nameLinkStepObject: nameLinkSteps,
+            dataType: "text"
+          }));
+        } else {
+          successFuncUseCase(parentOutputId, linkSteps, objTypeMain, nameLinkSteps, {
+            dataType: "text"
+          });
+        }
+        statusModalFunc(false);
+      } else {
+        alert("please fill name");
+      }
+    } else {
+      if (successFuncUseCase) {
+        var resultStaus = successFuncUseCase(parentOutputId, linkSteps);
+        statusModalFunc(resultStaus);
+      }
+    }
+  }
+  console.timeEnd("renderTimeInModalRequiredData");
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("modal", "", "mainBackgroundTemplate")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("modal", "", "mainBoxTemplate")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("modal", "", "gridTemplate")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("modal", "", "headerTemplate")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("textAlign", "", "left")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("h1", null, titleModal)), nameObjectLinkStepEdit !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("input", {
+    onChange: function onChange(e) {
+      return handleNameRequiredData(e);
+    },
+    placeholder: "name",
+    value: nameLinkSteps,
+    disabled: nameObjectLinkStepEdit
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: function onClick(e) {
+      return submitLinkSteps();
+    }
+  }, "save"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: function onClick(e) {
+      return statusModalFunc(false);
+    }
+  }, "cancel")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("pagination", "", "template")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, linkStepsOutput.active === 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("a", {
+    style: {
+      color: "red",
+      pointerEvents: "none"
+    }
+  }, createObjTypeConcat(objTypeMain)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("a", {
+    onClick: function onClick(e) {
+      return handelActiveStep(0);
+    }
+  }, createObjTypeConcat(objTypeMain)), linkSteps.length > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, linkSteps.map(function (step, index) {
+    var _linkSteps;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, ((_linkSteps = linkSteps[index - 1]) === null || _linkSteps === void 0 ? void 0 : _linkSteps.pathLinkType.objType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, "/", linkStepsOutput.active === index ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("a", {
+      style: {
+        color: "red",
+        pointerEvents: "none"
+      }
+    }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("a", {
+      onClick: function onClick(e) {
+        return handelActiveStep(index);
+      }
+    }, createObjTypeConcat(linkSteps[index - 1].pathLinkType.objType))));
+  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("p", null, "type:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
+    value: linkSteps.length === 0 ? "" : (_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active].pathLinkType) !== null && _linkSteps$linkStepsO !== void 0 && _linkSteps$linkStepsO.objType ? "link" : "lastStep",
+    onChange: function onChange(e) {
+      hadelSelectType(e);
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", null, "-- choose type --"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    value: "link"
+  }, "link"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    value: "lastStep"
+  }, "lastStep"))), allObjTypesLinkConfigs ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("gridColumn", "", "1")
+  }, linkSteps.length === 0 || ((_linkSteps$linkStepsO2 = linkSteps[linkStepsOutput.active].pathLinkType) === null || _linkSteps$linkStepsO2 === void 0 ? void 0 : _linkSteps$linkStepsO2.objType) && /*#__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)] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("loadingCircle", "20px", "template")
+  }) : /*#__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, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("p", null, " relationship type:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
+    value: JSON.stringify(linkSteps[linkStepsOutput.active].pathLinkType.relType),
+    onChange: handelSelectRelTypeAndDirection
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    value: "",
+    disabled: Object.keys(linkSteps[linkStepsOutput.active].pathLinkType.relType).length !== 0
+  }, "-- relType --"), allObjTypesLinkConfigs[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].map(function (dataLink, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      key: index,
+      value: JSON.stringify(dataLink.relType)
+    }, createRelTypeConcat(dataLink.relType));
+  })), Object.keys((_linkSteps$linkStepsO3 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO3 === void 0 || (_linkSteps$linkStepsO3 = _linkSteps$linkStepsO3.pathLinkType) === null || _linkSteps$linkStepsO3 === void 0 ? void 0 : _linkSteps$linkStepsO3.relType).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, " object type:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("span", null, createObjTypeConcat((_linkSteps$linkStepsO4 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO4 === void 0 ? void 0 : _linkSteps$linkStepsO4.pathLinkType.objType)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("p", null, "direction"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("span", null, (_linkSteps$linkStepsO5 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO5 === void 0 ? void 0 : _linkSteps$linkStepsO5.pathLinkType.direction), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("br", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("hr", null), ComponentUseCase && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(ComponentUseCase, {
+    allObjTypesLinkConfigs: allObjTypesLinkConfigs,
+    resultFieldName: resultFieldName,
+    linkSteps: linkSteps,
+    setLinkSteps: setLinkSteps,
+    linkStepsOutput: linkStepsOutput,
+    objTypeMain: objTypeMain,
+    valueUserTags: valueUserTags,
+    objConfigUseCase: objConfigUseCase,
+    parentOutputId: parentOutputId,
+    collectObjectLinksWithRequestProperties: collectObjectLinksWithRequestProperties,
+    collectObjectSchemaWithHierarchy: collectObjectSchemaWithHierarchy,
+    LastStepsComponentUseCase: LastStepsComponentUseCase
+  }))))), LastStepsComponentUseCase && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(LastStepsComponentUseCase, {
+    parentOutputId: parentOutputId,
+    linkSteps: linkSteps,
+    setLinkSteps: setLinkSteps,
+    linkStepsOutput: linkStepsOutput,
+    objTypeMain: objTypeMain,
+    resultFieldName: resultFieldName,
+    valueUserTags: valueUserTags
+  })) : /*#__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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("loadingCircle", "20px", "template")
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.IzaraDivStyle, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("gridColumn", "", "11")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: handlePrevStep,
+    disabled: linkStepsOutput.active === 0
+  }, "prev"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: handleNextStep,
+    disabled: ((_linkSteps$linkStepsO6 = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO6 === void 0 || (_linkSteps$linkStepsO6 = _linkSteps$linkStepsO6.pathLinkType) === null || _linkSteps$linkStepsO6 === void 0 ? void 0 : _linkSteps$linkStepsO6.direction) === "" || !((_linkSteps$linkStepsO7 = linkSteps[linkStepsOutput.active]) !== null && _linkSteps$linkStepsO7 !== void 0 && (_linkSteps$linkStepsO7 = _linkSteps$linkStepsO7.pathLinkType) !== null && _linkSteps$linkStepsO7 !== void 0 && _linkSteps$linkStepsO7.objType)
+  }, "next")))));
+};
 
 /***/ },
 
@@ -96,7 +2419,66 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**************************************************/
 (__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}");
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FieldNameComponent: () => (/* binding */ FieldNameComponent)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ "use-immer");
+/* harmony import */ var _izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @izaraFrontends/styles */ "@izaraFrontends/styles");
+
+
+
+var hash = __webpack_require__(/*! object-hash */ "object-hash");
+function createObjTypeConcat(objType) {
+  return "".concat(objType.serviceTag, "_").concat(objType.objectType);
+}
+function createRelTypeConcat(relType) {
+  return "".concat(relType === null || relType === void 0 ? void 0 : relType.serviceTag, "_").concat(relType === null || relType === void 0 ? void 0 : relType.relationshipTag);
+}
+function objTypeFromObjTypeConcat(objTypeConcat) {
+  var result = objTypeConcat.split("_");
+  if (result.length !== 2) {
+    throw Error("objTypeConcat invalid");
+  }
+  return {
+    serviceTag: result[0],
+    objectType: result[1]
+  };
+}
+var FieldNameComponent = function FieldNameComponent(_ref) {
+  var _linkSteps$linkStepsO;
+  var objTypeMain = _ref.objTypeMain,
+    setLinkSteps = _ref.setLinkSteps,
+    linkSteps = _ref.linkSteps,
+    linkStepsOutput = _ref.linkStepsOutput,
+    resultFieldName = _ref.resultFieldName;
+  function handelSelectFieldName(e) {
+    var value = e.target.value;
+    setLinkSteps(function (linkSteps) {
+      linkSteps[linkStepsOutput.active] = {
+        fieldName: value
+      };
+    });
+  }
+  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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("loadingCircle", "20px", "template")
+  }) : /*#__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, {
+    styletags: (0,_izaraFrontends_styles__WEBPACK_IMPORTED_MODULE_2__.createStyleDefualtTags)("background", "scroll", "div")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("p", null, " fieldname:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
+    value: (_linkSteps$linkStepsO = linkSteps[linkStepsOutput.active]) === null || _linkSteps$linkStepsO === void 0 ? void 0 : _linkSteps$linkStepsO.fieldName,
+    onChange: function onChange(e) {
+      handelSelectFieldName(e);
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+    value: ""
+  }, "-- fieldName --"), Object.keys(resultFieldName[linkStepsOutput.active === 0 ? createObjTypeConcat(objTypeMain) : createObjTypeConcat(linkSteps[linkStepsOutput.active - 1].pathLinkType.objType)].fieldNames).map(function (key) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      key: key,
+      value: key
+    }, key);
+  })))))));
+};
 
 /***/ },
 
@@ -106,180 +2488,293 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \******************************************************/
 (__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 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 react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ \"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_3__ = __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\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_2__.useDispatch)();\n  var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.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_3__.valueUserTagCreateConfig)({\n      parentOutputId: parentOutputId,\n      objCreateValueUserTag: objCreateValueUserTag\n    }));\n    setObjCreateValueUserTag({});\n  }\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(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", null, \"valueUserTag\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"select\", {\n    value: valueSelect,\n    onChange: function onChange(e) {\n      return handleSelectUserTag(e);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", null, \"choose userTag\"), Object.keys(valueUserTags).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((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Object.keys(objCreateValueUserTag).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(\"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      handleChangeValueUserTag(e, \"keyName\", e.target.value);\n    },\n    value: objCreateValueUserTag.keyName\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, \"defaultValue\"), \"null\", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().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__WEBPACK_IMPORTED_MODULE_0___default().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__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n    onClick: function onClick() {\n      return handleAddValueUserTag();\n    }\n  }, \"add valueUserTag\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().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}");
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UserTagsSelectAndCreateComponent: () => (/* binding */ UserTagsSelectAndCreateComponent)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var use_immer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! use-immer */ "use-immer");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../function/createActionLibCreateLinkStepAndComplexFilter */ "./src/function/createActionLibCreateLinkStepAndComplexFilter.js");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _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."); }
+function _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; } }
+function _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; }
+function _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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
+
+var UserTagsSelectAndCreateComponent = function UserTagsSelectAndCreateComponent(_ref) {
+  var parentOutputId = _ref.parentOutputId,
+    valueUserTags = _ref.valueUserTags,
+    handleSelectUserTag = _ref.handleSelectUserTag,
+    valueSelect = _ref.valueSelect;
+  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
+  var _useImmer = (0,use_immer__WEBPACK_IMPORTED_MODULE_1__.useImmer)({}),
+    _useImmer2 = _slicedToArray(_useImmer, 2),
+    objCreateValueUserTag = _useImmer2[0],
+    setObjCreateValueUserTag = _useImmer2[1];
+  function handleChangeValueUserTag(e, type, value) {
+    setObjCreateValueUserTag(function (objCreateValueUserTag) {
+      objCreateValueUserTag[type] = value;
+    });
+  }
+  function handleCreateuserTagTypeValue() {
+    setObjCreateValueUserTag({
+      keyName: "",
+      defaultValue: ""
+    });
+  }
+  function handleAddValueUserTag() {
+    dispatch((0,_function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_3__.valueUserTagCreateConfig)({
+      parentOutputId: parentOutputId,
+      objCreateValueUserTag: objCreateValueUserTag
+    }));
+    setObjCreateValueUserTag({});
+  }
+  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("fieldset", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("legend", null, "valueUserTag"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
+    value: valueSelect,
+    onChange: function onChange(e) {
+      return handleSelectUserTag(e);
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", null, "choose userTag"), Object.keys(valueUserTags).map(function (key) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
+      key: key,
+      value: key
+    }, key);
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, Object.keys(objCreateValueUserTag).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("fieldset", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("legend", null, "userTagName"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("input", {
+    onChange: function onChange(e) {
+      handleChangeValueUserTag(e, "keyName", e.target.value);
+    },
+    value: objCreateValueUserTag.keyName
+  })), /*#__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"), "null", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("input", {
+    type: "checkbox",
+    checked: objCreateValueUserTag.defaultValue,
+    onChange: function onChange(e) {
+      return handleChangeValueUserTag(e, "defaultValue", e.target.checked ? null : "");
+    }
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("input", {
+    onChange: function onChange(e) {
+      return handleChangeValueUserTag(e, "defaultValue", e.target.value);
+    },
+    value: objCreateValueUserTag.defaultValue,
+    disabled: objCreateValueUserTag.defaultValue === null
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: function onClick() {
+      return handleAddValueUserTag();
+    }
+  }, "add valueUserTag")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
+    onClick: function onClick() {
+      return handleCreateuserTagTypeValue();
+    }
+  }, "create valueUserTag")));
+};
 
 /***/ },
 
 /***/ "@izaraFrontends/styles"
-/*!**********************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@izaraFrontends/styles","commonjs2":"@izaraFrontends/styles","amd":"@izaraFrontends/styles","root":"@izaraFrontends/styles"} ***!
-  \**********************************************************************************************************************************************************/
+/*!*****************************************!*\
+  !*** external "@izaraFrontends/styles" ***!
+  \*****************************************/
 (module) {
 
-module.exports = require("@izaraFrontends/styles");
+module.exports = __WEBPACK_EXTERNAL_MODULE__izaraFrontends_styles_d00b03da__;
 
 /***/ },
 
 /***/ "@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"} ***!
-  \**********************************************************************************************************************************************************************************************************************************************/
+/*!**************************************************************!*\
+  !*** external "@izara_project/izara-shared-search-and-sort" ***!
+  \**************************************************************/
 (module) {
 
-module.exports = require("@izara_project/izara-shared-search-and-sort");
+module.exports = __WEBPACK_EXTERNAL_MODULE__izara_project_izara_shared_search_and_sort_a559dbe6__;
 
 /***/ },
 
 /***/ "@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"} ***!
-  \**********************************************************************************************************************************************************************************************************************************************/
+/*!**************************************************************!*\
+  !*** external "@izara_project/izara-shared-service-schemas" ***!
+  \**************************************************************/
 (module) {
 
-module.exports = require("@izara_project/izara-shared-service-schemas");
+module.exports = __WEBPACK_EXTERNAL_MODULE__izara_project_izara_shared_service_schemas_b2849686__;
 
 /***/ },
 
 /***/ "@reduxjs/toolkit"
-/*!**********************************************************************************************************************************!*\
-  !*** external {"commonjs":"@reduxjs/toolkit","commonjs2":"@reduxjs/toolkit","amd":"@reduxjs/toolkit","root":"@reduxjs/toolkit"} ***!
-  \**********************************************************************************************************************************/
+/*!***********************************!*\
+  !*** external "@reduxjs/toolkit" ***!
+  \***********************************/
 (module) {
 
-module.exports = require("@reduxjs/toolkit");
+module.exports = __WEBPACK_EXTERNAL_MODULE__reduxjs_toolkit_fb094368__;
 
 /***/ },
 
 /***/ "nanoid"
-/*!******************************************************************************************!*\
-  !*** external {"commonjs":"nanoid","commonjs2":"nanoid","amd":"nanoid","root":"nanoid"} ***!
-  \******************************************************************************************/
+/*!*************************!*\
+  !*** external "nanoid" ***!
+  \*************************/
 (module) {
 
-module.exports = require("nanoid");
+module.exports = __WEBPACK_EXTERNAL_MODULE_nanoid__;
 
 /***/ },
 
 /***/ "object-hash"
-/*!**************************************************************************************************************!*\
-  !*** external {"commonjs":"object-hash","commonjs2":"object-hash","amd":"object-hash","root":"object-hash"} ***!
-  \**************************************************************************************************************/
+/*!******************************!*\
+  !*** external "object-hash" ***!
+  \******************************/
 (module) {
 
-module.exports = require("object-hash");
+module.exports = __WEBPACK_EXTERNAL_MODULE_object_hash_14d8cd11__;
 
 /***/ },
 
 /***/ "react"
-/*!**************************************************************************************!*\
-  !*** external {"commonjs":"react","commonjs2":"react","amd":"React","root":"React"} ***!
-  \**************************************************************************************/
+/*!************************!*\
+  !*** external "react" ***!
+  \************************/
 (module) {
 
-module.exports = require("react");
+module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
 
 /***/ },
 
 /***/ "react-redux"
-/*!**************************************************************************************************************!*\
-  !*** external {"commonjs":"react-redux","commonjs2":"react-redux","amd":"react-redux","root":"react-redux"} ***!
-  \**************************************************************************************************************/
+/*!******************************!*\
+  !*** external "react-redux" ***!
+  \******************************/
 (module) {
 
-module.exports = require("react-redux");
+module.exports = __WEBPACK_EXTERNAL_MODULE_react_redux_87be03b0__;
 
 /***/ },
 
 /***/ "use-immer"
-/*!******************************************************************************************************!*\
-  !*** external {"commonjs":"use-immer","commonjs2":"use-immer","amd":"use-immer","root":"use-immer"} ***!
-  \******************************************************************************************************/
+/*!****************************!*\
+  !*** external "use-immer" ***!
+  \****************************/
 (module) {
 
-module.exports = require("use-immer");
+module.exports = __WEBPACK_EXTERNAL_MODULE_use_immer_0d721a00__;
 
 /***/ }
 
-/******/ 	});
+/******/ });
 /************************************************************************/
-/******/ 	// 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;
+/******/ // 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' });
+/******/ /* 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] });
 /******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* 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__;
-/******/ 	
-/******/ })()
-;
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+/*!**********************!*\
+  !*** ./src/index.js ***!
+  \**********************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ConditionLinkStepAndMultipleIdentifersComponent: () => (/* reexport safe */ _complexFilterMain_mainCaseUseConditionAndMultipleIdentifersComponent_jsx__WEBPACK_IMPORTED_MODULE_0__.ConditionLinkStepAndMultipleIdentifersComponent),
+/* harmony export */   FieldNameComponent: () => (/* reexport safe */ _valueUserTags_fieldNameComponent_jsx__WEBPACK_IMPORTED_MODULE_4__.FieldNameComponent),
+/* harmony export */   MainCaseUseConditionAndMultipleIdentifersComponent: () => (/* reexport safe */ _complexFilterMain_mainCaseUseConditionAndMultipleIdentifersComponent_jsx__WEBPACK_IMPORTED_MODULE_0__.MainCaseUseConditionAndMultipleIdentifersComponent),
+/* harmony export */   ModalComplexFilterComponent: () => (/* reexport safe */ _complexFilterMain_modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_1__.ModalComplexFilterComponent),
+/* harmony export */   ModalLinkStepsComponent: () => (/* reexport safe */ _linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_2__.ModalLinkStepsComponent),
+/* harmony export */   UserTagsSelectAndCreateComponent: () => (/* reexport safe */ _valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_3__.UserTagsSelectAndCreateComponent),
+/* harmony export */   findUsedUserTagsFast: () => (/* reexport safe */ _function_valueUserTagFunction__WEBPACK_IMPORTED_MODULE_8__.findUsedUserTagsFast),
+/* harmony export */   sendExtraReducerLibCreateLinkStepAndComplexFilter: () => (/* reexport safe */ _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_5__.sendExtraReducerLibCreateLinkStepAndComplexFilter),
+/* harmony export */   successFilterElement: () => (/* reexport safe */ _function_complexFilterFunction__WEBPACK_IMPORTED_MODULE_6__.successFilterElement),
+/* harmony export */   successRequiredData: () => (/* reexport safe */ _function_linkStepFunction__WEBPACK_IMPORTED_MODULE_7__.successRequiredData)
+/* harmony export */ });
+/* harmony import */ var _complexFilterMain_mainCaseUseConditionAndMultipleIdentifersComponent_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./complexFilterMain/mainCaseUseConditionAndMultipleIdentifersComponent.jsx */ "./src/complexFilterMain/mainCaseUseConditionAndMultipleIdentifersComponent.jsx");
+/* harmony import */ var _complexFilterMain_modalComplexFilterComponent_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./complexFilterMain/modalComplexFilterComponent.jsx */ "./src/complexFilterMain/modalComplexFilterComponent.jsx");
+/* harmony import */ var _linkSteps_modalLinkStepsComponent_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./linkSteps/modalLinkStepsComponent.jsx */ "./src/linkSteps/modalLinkStepsComponent.jsx");
+/* harmony import */ var _valueUserTags_valueUserTagsComponent_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./valueUserTags/valueUserTagsComponent.jsx */ "./src/valueUserTags/valueUserTagsComponent.jsx");
+/* harmony import */ var _valueUserTags_fieldNameComponent_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./valueUserTags/fieldNameComponent.jsx */ "./src/valueUserTags/fieldNameComponent.jsx");
+/* harmony import */ var _function_createActionLibCreateLinkStepAndComplexFilter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./function/createActionLibCreateLinkStepAndComplexFilter */ "./src/function/createActionLibCreateLinkStepAndComplexFilter.js");
+/* harmony import */ var _function_complexFilterFunction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./function/complexFilterFunction */ "./src/function/complexFilterFunction.js");
+/* harmony import */ var _function_linkStepFunction__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./function/linkStepFunction */ "./src/function/linkStepFunction.js");
+/* harmony import */ var _function_valueUserTagFunction__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./function/valueUserTagFunction */ "./src/function/valueUserTagFunction.js");
+
+
+
+
+
+
+
+
+
+})();
+
+const __webpack_exports__ConditionLinkStepAndMultipleIdentifersComponent = __webpack_exports__.ConditionLinkStepAndMultipleIdentifersComponent;
+const __webpack_exports__FieldNameComponent = __webpack_exports__.FieldNameComponent;
+const __webpack_exports__MainCaseUseConditionAndMultipleIdentifersComponent = __webpack_exports__.MainCaseUseConditionAndMultipleIdentifersComponent;
+const __webpack_exports__ModalComplexFilterComponent = __webpack_exports__.ModalComplexFilterComponent;
+const __webpack_exports__ModalLinkStepsComponent = __webpack_exports__.ModalLinkStepsComponent;
+const __webpack_exports__UserTagsSelectAndCreateComponent = __webpack_exports__.UserTagsSelectAndCreateComponent;
+const __webpack_exports__findUsedUserTagsFast = __webpack_exports__.findUsedUserTagsFast;
+const __webpack_exports__sendExtraReducerLibCreateLinkStepAndComplexFilter = __webpack_exports__.sendExtraReducerLibCreateLinkStepAndComplexFilter;
+const __webpack_exports__successFilterElement = __webpack_exports__.successFilterElement;
+const __webpack_exports__successRequiredData = __webpack_exports__.successRequiredData;
+export { __webpack_exports__ConditionLinkStepAndMultipleIdentifersComponent as ConditionLinkStepAndMultipleIdentifersComponent, __webpack_exports__FieldNameComponent as FieldNameComponent, __webpack_exports__MainCaseUseConditionAndMultipleIdentifersComponent as MainCaseUseConditionAndMultipleIdentifersComponent, __webpack_exports__ModalComplexFilterComponent as ModalComplexFilterComponent, __webpack_exports__ModalLinkStepsComponent as ModalLinkStepsComponent, __webpack_exports__UserTagsSelectAndCreateComponent as UserTagsSelectAndCreateComponent, __webpack_exports__findUsedUserTagsFast as findUsedUserTagsFast, __webpack_exports__sendExtraReducerLibCreateLinkStepAndComplexFilter as sendExtraReducerLibCreateLinkStepAndComplexFilter, __webpack_exports__successFilterElement as successFilterElement, __webpack_exports__successRequiredData as successRequiredData };
+
+//# sourceMappingURL=complexFilter.js.map