{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/C-NewUserComp.vue","webpack:///./src/components/Admin/Customer-Modal/C-NewUserComp.vue?1b38"],"names":["buttonShow","store","platform","state","loading","t","te","translate","text","user","id","firstName","lastName","email","password","confirmPassword","phone","countryId","cityId","districtId","streetAddress","groups","defaultLanguageId","customerId","active","timezoneId","locationId","userValidator","shape","fname","nullable","required","lname","passwordConfirmation","test","value","this","parent","timeZone","dispatch","CountryList","getters","CityList","DistrictList","getCity","getDistrict","timeZoneList","laguageList","newTargetModalRef","refForm","title","block","closeModal","fromClear","setTimeout","resetForm","emits","props","userId","then","response","Firstname","Lastname","CountryId","CityId","DistrictId","Id","Email","Password","Phone","StreetAddress","Active","TimezoneId","DefaultLanguageId","LocationId","updateItem","item","page","pageSize","getLocationList","locationList","onSubmit","document","getElementById","addEventListener","__exports__"],"mappings":"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","file":"js/chunk-2d0ab6f5.53dbd974.js","sourcesContent":["<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    tabindex=\"-1\"\r\n    id=\"add-NewUser-modal\"\r\n    ref=\"newTargetModalRef\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-950px\">\r\n      <div class=\"modal-content rounded\">\r\n        <BlockUI :loading=\"block\" />\r\n        <div class=\"modal-header\">\r\n          <h5 class=\"modal-title\">{{ translate(title) }}</h5>\r\n\r\n          <!--begin::Close-->\r\n          <div\r\n            class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n            @click=\"closeModal\"\r\n            aria-label=\"Close\"\r\n          >\r\n            <i class=\"bi bi-x-lg\"></i>\r\n          </div>\r\n          <!--end::Close-->\r\n        </div>\r\n\r\n        <div class=\"modal-body rounded p-0\">\r\n          <Form\r\n            v-slot=\"{ errors }\"\r\n            ref=\"refForm\"\r\n            class=\"form p-10 rounded-bottom\"\r\n            novalidate=\"novalidate\"\r\n            @submit=\"onSubmit\"\r\n            :validation-schema=\"userValidator\"\r\n            style=\"padding-bottom: 1.5rem !important; background: #fbfbfb\"\r\n          >\r\n            <div class=\"row\">\r\n              <!--begin::Label-->\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"user_modal_label_full_name\")\r\n              }}</label>\r\n              <!--end::Label-->\r\n\r\n              <!--begin::Col-->\r\n              <div class=\"col-lg-8\">\r\n                <!--begin::Row-->\r\n                <div class=\"row\">\r\n                  <!--begin::Col-->\r\n                  <div class=\"col-lg-6 fv-row d-v-container\">\r\n                    <div class=\"fv-plugins-message-container d-v-content\">\r\n                      <div class=\"fv-help-block ms-2 v-element\">\r\n                        <ErrorMessage name=\"fname\" />\r\n                      </div>\r\n                    </div>\r\n                    <Field\r\n                      type=\"text\"\r\n                      name=\"fname\"\r\n                      :class=\"errors['fname'] !== undefined ? 'v-invalid' : ''\"\r\n                      class=\"form-control form-control-lg fs-6\"\r\n                      :placeholder=\"translate('FirstName')\"\r\n                      v-model.trim=\"user.firstName\"\r\n                    />\r\n                  </div>\r\n                  <!--end::Col-->\r\n\r\n                  <!--begin::Col-->\r\n                  <div class=\"col-lg-6 fv-row d-v-container\">\r\n                    <div class=\"fv-plugins-message-container d-v-content\">\r\n                      <div class=\"fv-help-block ms-2 v-element\">\r\n                        <ErrorMessage name=\"lname\" />\r\n                      </div>\r\n                    </div>\r\n                    <Field\r\n                      type=\"text\"\r\n                      name=\"lname\"\r\n                      :class=\"errors['lname'] !== undefined ? 'v-invalid' : ''\"\r\n                      class=\"form-control form-control-lg fs-6\"\r\n                      :placeholder=\"translate('LastName')\"\r\n                      v-model.trim=\"user.lastName\"\r\n                    />\r\n                  </div>\r\n                  <!--end::Col-->\r\n                </div>\r\n                <!--end::Row-->\r\n              </div>\r\n              <!--end::Col-->\r\n            </div>\r\n            <div class=\"row mb-4 mt-4\">\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"EMail\")\r\n              }}</label>\r\n\r\n              <div class=\"col-lg-8 fv-row d-v-container\">\r\n                <div class=\"fv-plugins-message-container d-v-content\">\r\n                  <div class=\"fv-help-block ms-2 v-element\">\r\n                    <ErrorMessage name=\"email\" />\r\n                  </div>\r\n                </div>\r\n                <Field\r\n                  type=\"text\"\r\n                  name=\"email\"\r\n                  :class=\"errors['email'] !== undefined ? 'v-invalid' : ''\"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('EMail')\"\r\n                  v-model.trim=\"user.email\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"Password\")\r\n              }}</label>\r\n              <div class=\"col-lg-8 fv-row d-v-container\">\r\n                <div class=\"fv-plugins-message-container d-v-content\">\r\n                  <div class=\"fv-help-block ms-2 v-element\">\r\n                    <ErrorMessage name=\"password\" />\r\n                  </div>\r\n                </div>\r\n                <Field\r\n                  type=\"password\"\r\n                  name=\"password\"\r\n                  :class=\"errors['password'] !== undefined ? 'v-invalid' : ''\"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('Password')\"\r\n                  v-model.trim=\"user.password\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"Confirm_Password\")\r\n              }}</label>\r\n              <div class=\"col-lg-8 fv-row d-v-container\">\r\n                <div class=\"fv-plugins-message-container d-v-content\">\r\n                  <div class=\"fv-help-block ms-2 v-element\">\r\n                    <ErrorMessage name=\"passwordConfirmation\" />\r\n                  </div>\r\n                </div>\r\n                <Field\r\n                  type=\"password\"\r\n                  name=\"passwordConfirmation\"\r\n                  :class=\"\r\n                    errors['passwordConfirmation'] !== undefined\r\n                      ? 'v-invalid'\r\n                      : ''\r\n                  \"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('Confirm_Password')\"\r\n                  v-model.trim=\"user.confirmPassword\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"PhoneNumber\")\r\n              }}</label>\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <Field\r\n                  type=\"text\"\r\n                  name=\"phone\"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('PhoneNumber')\"\r\n                  v-model=\"user.phone\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4 position-raletive\">\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"user_modal_label_user_time_zone\")\r\n              }}</label>\r\n\r\n              <div class=\"col-lg-8 fv-row d-v-container\">\r\n                <div\r\n                  class=\"fv-plugins-message-container d-v-content\"\r\n                  style=\"z-index: 1\"\r\n                >\r\n                  <div\r\n                    class=\"fv-help-block v-element\"\r\n                    style=\"margin-left: 0.35rem !important\"\r\n                  >\r\n                    <ErrorMessage name=\"timeZone\" />\r\n                  </div>\r\n                </div>\r\n\r\n                <Field name=\"timeZone\" v-model=\"user.timezoneId\">\r\n                  <Dropdown\r\n                    :filter=\"!platform\"\r\n                    :emptyFilterMessage=\"translate('No_Records')\"\r\n                    :showClear=\"true\"\r\n                    v-model=\"user.timezoneId\"\r\n                    :options=\"timeZoneList\"\r\n                    optionLabel=\"Value\"\r\n                    optionValue=\"Id\"\r\n                    :placeholder=\"translate('user_modal_select_user_time_zone')\"\r\n                    style=\"padding: 5px !important\"\r\n                    :style=\"`${\r\n                      errors['timeZone'] !== undefined\r\n                        ? 'border-color: #f31f0c77 !important;'\r\n                        : ''\r\n                    }`\"\r\n                    appendTo=\"self\"\r\n                  >\r\n                  </Dropdown>\r\n                </Field>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"Address\")\r\n              }}</label>\r\n              <div class=\"col-lg-8\">\r\n                <!--begin::Row-->\r\n                <div class=\"row\">\r\n                  <!--begin::Col-->\r\n                  <div class=\"col-lg-4 fv-row\">\r\n                    <Dropdown\r\n                      class=\"mb-3\"\r\n                      :filter=\"!platform\"\r\n                      :emptyFilterMessage=\"translate('No_Records')\"\r\n                      v-model=\"user.countryId\"\r\n                      :options=\"CountryList\"\r\n                      optionLabel=\"Value\"\r\n                      optionValue=\"Id\"\r\n                      :placeholder=\"translate('CountrySelect')\"\r\n                      style=\"padding: 5px !important\"\r\n                      @change=\"getCity\"\r\n                      appendTo=\"self\"\r\n                    >\r\n                      <template v-slot:indicator>\r\n                        <div\r\n                          class=\"p-dropdown-trigger\"\r\n                          role=\"button\"\r\n                          aria-haspopup=\"listbox\"\r\n                          aria-expanded=\"false\"\r\n                        >\r\n                          <span\r\n                            class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                          ></span>\r\n                        </div>\r\n\r\n                        <i\r\n                          v-if=\"user.countryId === 0 ? false : true\"\r\n                          class=\"p-dropdown-clear-icon pi pi-times\"\r\n                          @click=\"(user.countryId = 0), getCity()\"\r\n                        ></i>\r\n                      </template>\r\n                    </Dropdown>\r\n                  </div>\r\n                  <div class=\"col-lg-4 fv-row\">\r\n                    <Dropdown\r\n                      class=\"mb-3\"\r\n                      :filter=\"!platform\"\r\n                      :emptyFilterMessage=\"translate('No_Records')\"\r\n                      v-model=\"user.cityId\"\r\n                      :options=\"CityList\"\r\n                      optionLabel=\"Value\"\r\n                      optionValue=\"Id\"\r\n                      :placeholder=\"translate('CitySelect')\"\r\n                      style=\"padding: 5px !important\"\r\n                      @change=\"getDistrict\"\r\n                      appendTo=\"self\"\r\n                    >\r\n                      <template v-slot:indicator>\r\n                        <div\r\n                          class=\"p-dropdown-trigger\"\r\n                          role=\"button\"\r\n                          aria-haspopup=\"listbox\"\r\n                          aria-expanded=\"false\"\r\n                        >\r\n                          <span\r\n                            class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                          ></span>\r\n                        </div>\r\n\r\n                        <i\r\n                          v-if=\"user.cityId === 0 ? false : true\"\r\n                          class=\"p-dropdown-clear-icon pi pi-times\"\r\n                          @click=\"(user.cityId = 0), getDistrict()\"\r\n                        ></i>\r\n                      </template>\r\n                    </Dropdown>\r\n                  </div>\r\n                  <div class=\"col-lg-4 fv-row\">\r\n                    <Dropdown\r\n                      class=\"mb-3\"\r\n                      :filter=\"!platform\"\r\n                      :emptyFilterMessage=\"translate('No_Records')\"\r\n                      v-model=\"user.districtId\"\r\n                      :options=\"DistrictList\"\r\n                      optionLabel=\"Value\"\r\n                      optionValue=\"Id\"\r\n                      :placeholder=\"translate('DistrictSelect')\"\r\n                      style=\"padding: 5px !important\"\r\n                      appendTo=\"self\"\r\n                    >\r\n                      <template v-slot:indicator>\r\n                        <div\r\n                          class=\"p-dropdown-trigger\"\r\n                          role=\"button\"\r\n                          aria-haspopup=\"listbox\"\r\n                          aria-expanded=\"false\"\r\n                        >\r\n                          <span\r\n                            class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                          ></span>\r\n                        </div>\r\n\r\n                        <i\r\n                          v-if=\"user.districtId === 0 ? false : true\"\r\n                          class=\"p-dropdown-clear-icon pi pi-times\"\r\n                          @click=\"user.districtId = 0\"\r\n                        ></i>\r\n                      </template>\r\n                    </Dropdown>\r\n                  </div>\r\n\r\n                  <!--end::Col-->\r\n                </div>\r\n                <!--end::Row-->\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-4 justify-content-end\">\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <input\r\n                  type=\"text\"\r\n                  name=\"adress-detay\"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('AddressDetail')\"\r\n                  v-model.trim=\"user.streetAddress\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"user_modal_label_user_languge\")\r\n              }}</label>\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <Dropdown\r\n                  class=\"mb-3\"\r\n                  :filter=\"!platform\"\r\n                  :emptyFilterMessage=\"translate('No_Records')\"\r\n                  v-model=\"user.defaultLanguageId\"\r\n                  :options=\"laguageList\"\r\n                  optionLabel=\"Value\"\r\n                  optionValue=\"Id\"\r\n                  :placeholder=\"translate('Select_Laguage')\"\r\n                  style=\"padding: 5px !important\"\r\n                  appendTo=\"self\"\r\n                >\r\n                  <template v-slot:indicator>\r\n                    <div\r\n                      class=\"p-dropdown-trigger\"\r\n                      role=\"button\"\r\n                      aria-haspopup=\"listbox\"\r\n                      aria-expanded=\"false\"\r\n                    >\r\n                      <span\r\n                        class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                      ></span>\r\n                    </div>\r\n\r\n                    <i\r\n                      v-if=\"user.defaultLanguageId === 0 ? false : true\"\r\n                      class=\"p-dropdown-clear-icon pi pi-times\"\r\n                      @click=\"user.defaultLanguageId = 0\"\r\n                    ></i>\r\n                  </template>\r\n                </Dropdown>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"location_user\")\r\n              }}</label>\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <Dropdown\r\n                  class=\"mb-3\"\r\n                  :filter=\"!platform\"\r\n                  :emptyFilterMessage=\"translate('No_Records')\"\r\n                  v-model=\"user.locationId\"\r\n                  :options=\"locationList\"\r\n                  optionLabel=\"Value\"\r\n                  optionValue=\"Id\"\r\n                  :placeholder=\"translate('audit_planning_location_select')\"\r\n                  style=\"padding: 5px !important\"\r\n                  appendTo=\"self\"\r\n                >\r\n                  <template v-slot:indicator>\r\n                    <div\r\n                      class=\"p-dropdown-trigger\"\r\n                      role=\"button\"\r\n                      aria-haspopup=\"listbox\"\r\n                      aria-expanded=\"false\"\r\n                    >\r\n                      <span\r\n                        class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                      ></span>\r\n                    </div>\r\n\r\n                    <i\r\n                      v-if=\"user.locationId === 0 ? false : true\"\r\n                      class=\"p-dropdown-clear-icon pi pi-times\"\r\n                      @click=\"user.locationId = 0\"\r\n                    ></i>\r\n                  </template>\r\n                </Dropdown>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row justify-content-end\">\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <div class=\"form-check form-check-custom form-check-solid\">\r\n                  <input\r\n                    class=\"form-check-input\"\r\n                    type=\"checkbox\"\r\n                    id=\"user-checkbox-status\"\r\n                    v-model=\"user.active\"\r\n                  />\r\n                  <div class=\"d-flex flex-column position-relative w-100\">\r\n                    <label\r\n                      class=\"form-check-label col-form-label fw-bold p-0 mt-2\"\r\n                      for=\"user-checkbox-status\"\r\n                      style=\"margin-bottom: 15px\"\r\n                    >\r\n                      {{ translate(\"user_modal_check_label_active\") }}\r\n                    </label>\r\n                    <label\r\n                      class=\"\r\n                        form-check-label\r\n                        col-form-label\r\n                        fw-bold\r\n                        fs-7\r\n                        p-0\r\n                        text-gray-500\r\n                      \"\r\n                      for=\"user-checkbox-status\"\r\n                      style=\"position: absolute; margin-top: 20px\"\r\n                    >\r\n                      {{ translate(\"user_modal_check_label_description\") }}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <!-- Buttons -->\r\n\r\n            <div\r\n              class=\"d-flex justify-content-end p-0\"\r\n              style=\"padding-top: 1.5rem !important\"\r\n            >\r\n              <a\r\n                @click=\"closeModal\"\r\n                type=\"reset\"\r\n                class=\"btn btn-white btn-active-light me-2 border btn-sm fs-6\"\r\n              >\r\n                {{ translate(\"Cancel\") }}\r\n              </a>\r\n\r\n              <button\r\n                v-show=\"buttonShow\"\r\n                type=\"submit\"\r\n                class=\"btn btn-primary border btn-sm fs-6\"\r\n                :disabled=\"loading\"\r\n              >\r\n                <div\r\n                  v-if=\"loading\"\r\n                  class=\"spinner-border spinner-border-sm mx-1\"\r\n                ></div>\r\n                <span class=\"indicator-label\">\r\n                  {{ translate(\"Add\") }}\r\n                </span>\r\n              </button>\r\n\r\n              <a\r\n                v-show=\"!buttonShow\"\r\n                @click=\"updateItem\"\r\n                class=\"btn btn-primary border btn-sm fs-6\"\r\n                :class=\"\r\n                  errors['name'] !== undefined || loading ? 'disabled' : ''\r\n                \"\r\n              >\r\n                <div\r\n                  v-if=\"loading\"\r\n                  class=\"spinner-border spinner-border-sm mx-1\"\r\n                ></div>\r\n                <span class=\"indicator-label\">\r\n                  {{ translate(\"Save\") }}\r\n                </span>\r\n              </a>\r\n            </div>\r\n          </Form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport {\r\n  computed,\r\n  reactive,\r\n  ref,\r\n  onMounted,\r\n  defineProps,\r\n  defineEmits,\r\n  watch,\r\n} from \"vue\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport * as Yup from \"yup\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\n\r\nconst props = defineProps({ customerId: String, userId: Number });\r\nconst emits = defineEmits([\"closeModal\"]);\r\nconst buttonShow = ref(true);\r\n\r\n//Store Tanımlaması\r\nconst store = useStore();\r\nconst platform = store.state.platform;\r\n\r\nconst loading = ref(false);\r\n// Multi Language\r\nconst { t, te } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\n// Değişkenler\r\nconst user = reactive({\r\n  id: 0,\r\n  firstName: null,\r\n  lastName: null,\r\n  email: null,\r\n  password: null,\r\n  confirmPassword: null,\r\n  phone: null,\r\n  countryId: 0,\r\n  cityId: 0,\r\n  districtId: 0,\r\n  streetAddress: null,\r\n  groups: null,\r\n  defaultLanguageId: 0,\r\n  customerId: 0,\r\n  active: true,\r\n  timezoneId: null,\r\n  locationId: 0,\r\n});\r\n\r\n// Validation Tanımlaması\r\nconst userValidator = Yup.object().shape({\r\n  fname: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"user_modal_validation_fname\")),\r\n  lname: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"user_modal_validation_lname\")),\r\n  password: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"user_modal_validation_password\")),\r\n  passwordConfirmation: Yup.string()\r\n    .nullable()\r\n    .test(\r\n      \"passwords-match\",\r\n      translate(\"user_modal_validation_confirm_password\"),\r\n      function (value) {\r\n        return this.parent.password === value;\r\n      }\r\n    ),\r\n  email: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"CustomerAdd_Valid_EMail\"))\r\n    .email(translate(\"CustomerAdd_Valid_EMailFormat\")),\r\n  timeZone: Yup.string()\r\n    .nullable(true)\r\n    .required(translate(\"user_modal_validation_time_zone\")),\r\n});\r\n\r\n//Adres İşlemleri\r\nstore.dispatch(\"LanguageModule/GET_ALL_COUNTRY\");\r\nconst CountryList = computed(\r\n  () => store.getters[\"LanguageModule/_getCountryList\"]\r\n);\r\nconst CityList = computed(() => store.getters[\"LanguageModule/_getCityList\"]);\r\nconst DistrictList = computed(\r\n  () => store.getters[\"LanguageModule/_getDistrictList\"]\r\n);\r\nconst getCity = () => {\r\n  user.cityId = 0;\r\n  user.districtId = 0;\r\n  store.dispatch(\"LanguageModule/GET_CITYS\", user.countryId);\r\n};\r\nconst getDistrict = () => {\r\n  user.districtId = 0;\r\n  store.dispatch(\"LanguageModule/GET_DISTRICT\", user.cityId);\r\n};\r\n\r\nstore.dispatch(\"UsersModule/GET_TIME_ZONES\");\r\nconst timeZoneList = computed(() => store.getters[\"UsersModule/_getTimeZones\"]);\r\n\r\n//Language\r\nstore.dispatch(\"LanguageModule/GET_LOCALİZATON\");\r\nconst laguageList = computed(\r\n  () => store.getters[\"LanguageModule/_getLocalizatonList\"]\r\n);\r\n\r\n// Modal İşlemleri\r\nconst newTargetModalRef = ref(null);\r\nconst refForm = ref(null);\r\nconst title = ref(t(\"user_list_button_new_user\"));\r\nconst block = ref(false);\r\n\r\n// Modal Close\r\nconst closeModal = () => {\r\n  hideModal(newTargetModalRef.value);\r\n};\r\nconst fromClear = () => {\r\n  setTimeout(() => {\r\n    title.value = t(\"user_list_button_new_user\");\r\n    user.id = 0;\r\n    user.firstName = null;\r\n    user.lastName = null;\r\n    user.email = null;\r\n    user.password = null;\r\n    user.confirmPassword = null;\r\n    user.phone = null;\r\n    user.countryId = 0;\r\n    user.cityId = 0;\r\n    user.districtId = 0;\r\n    user.streetAddress = null;\r\n    user.groups = null;\r\n    user.defaultLanguageId = 0;\r\n    user.active = true;\r\n    user.customerId = 0;\r\n    user.timezoneId = null;\r\n    user.locationId = 0;\r\n    refForm.value.resetForm();\r\n    emits(\"closeModal\");\r\n  }, 300);\r\n};\r\n\r\nwatch(props, () => {\r\n  if (props.userId !== 0) {\r\n    block.value = true;\r\n    buttonShow.value = false;\r\n    store.dispatch(\"UsersModule/GET_USER\", props.userId).then((response) => {\r\n      if (response !== null) {\r\n        title.value = response.Firstname + \" \" + response.Lastname;\r\n        user.countryId = response.CountryId;\r\n        if (response.CountryId !== \"\" || response.CountryId !== null) {\r\n          store.dispatch(\"LanguageModule/GET_CITYS\", response.CountryId);\r\n          user.cityId = response.CityId;\r\n        }\r\n        if (response.CityId !== \"\" || response.CityId !== null) {\r\n          store.dispatch(\"LanguageModule/GET_DISTRICT\", response.CityId);\r\n          user.districtId = response.DistrictId;\r\n        }\r\n        user.id = response.Id;\r\n\r\n        user.firstName = response.Firstname;\r\n        user.lastName = response.Lastname;\r\n        user.email = response.Email;\r\n        user.password = response.Password;\r\n        user.phone = response.Phone;\r\n        user.streetAddress = response.StreetAddress;\r\n        user.active = response.Active;\r\n        user.timezoneId = response.TimezoneId;\r\n        user.defaultLanguageId = response.DefaultLanguageId;\r\n        user.locationId = response.LocationId;\r\n      }\r\n      setTimeout(() => {\r\n        block.value = false;\r\n      }, 300);\r\n    });\r\n  } else {\r\n    buttonShow.value = true;\r\n  }\r\n});\r\n\r\nconst updateItem = () => {\r\n  loading.value = true;\r\n  user.customerId = props.customerId;\r\n  let item = user;\r\n\r\n  store.dispatch(\"UsersModule/UPDATE_CUSTOMER_USER\", item).then((response) => {\r\n    if (response) {\r\n      store.dispatch(\"UsersModule/GET_ALL_USERS\", {\r\n        page: 1,\r\n        pageSize: 10,\r\n        customerId: props.customerId,\r\n      });\r\n      loading.value = false;\r\n    }\r\n  });\r\n  closeModal();\r\n};\r\n\r\nconst getLocationList = (id) => {\r\n  store.dispatch(\"AuditPlanningModule/GET_COMMON_LOCATION\", id);\r\n};\r\n\r\nconst locationList = computed(\r\n  () => store.getters[\"AuditPlanningModule/_getLocationList\"]\r\n);\r\ngetLocationList(props.customerId);\r\n// Submit İşlemleri\r\nconst onSubmit = () => {\r\n  loading.value = true;\r\n  user.customerId = props.customerId;\r\n  let item = user;\r\n  store.dispatch(\"UsersModule/ADD_CUSTOMER_USER\", item).then((response) => {\r\n    if (response) {\r\n      store.dispatch(\"UsersModule/GET_ALL_USERS\", {\r\n        page: 1,\r\n        pageSize: 10,\r\n        customerId: props.customerId,\r\n      });\r\n      loading.value = false;\r\n    }\r\n  });\r\n  closeModal();\r\n};\r\n\r\nonMounted(() => {\r\n  document\r\n    .getElementById(\"add-NewUser-modal\")\r\n    .addEventListener(\"hide.bs.modal\", function () {\r\n      fromClear();\r\n    });\r\n});\r\n</script>\r\n\r\n<style></style>\r\n","import script from \"./C-NewUserComp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./C-NewUserComp.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}