{"version":3,"sources":["webpack:///./src/views/admin/users/pages/ProfilePage.vue","webpack:///./src/views/admin/users/pages/ProfilePage.vue?baa0","webpack:///./src/views/admin/users/pages/ProfilePage.vue?d8a2","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["store","platform","state","loadingButton","loadingButtonPassword","confirm","t","te","locale","translate","text","user","id","firstName","lastName","email","active","districtId","districtName","countryId","countryName","cityId","cityName","streetAddress","phone","languageId","avatarUrl","timezoneId","modelUser","userOnlineObj","getters","block","getUserOnline","dispatch","value","Id","then","response","Firstname","Lastname","Email","Active","DistrictId","DistrictName","CountryId","CountryName","CityId","CityName","StreetAddress","Phone","DefaultLanguageId","AvatarUrl","TimezoneId","finally","updateForm","laguageList","CountryList","CityList","DistrictList","getCity","getDistrict","timeZoneList","changePasswordTrue","showChangeMenu","editPassword","oldPassword","newPassword","passwordForm","changePasswordValidator","shape","oldpassword","required","newpassword","confirmpassword","oneOf","label","cancelUpdatePassword","resetForm","passwordText","updatePassword","UsersModule","actions","CHANGE_PUBLIC_PASSWORD","Success","setTimeout","setForm","Object","keys","forEach","tag","updateUserProfil","imgX","selectImage","event","target","files","length","URL","createObjectURL","removeImage","async","require","currentTarget","message","icon","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","reject","saveImage","formData","FormData","append","cancelUpdateProfile","userValidator","fname","lname","nullable","timeZone","__exports__","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","title","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-325d8ce1.bf9bc7a8.js","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"card mb-5 mb-xl-10\">\r\n      <BlockUI :loading=\"block\" />\r\n      <div class=\"card-body pt-9 pb-0\">\r\n        <!--begin::Details-->\r\n        <div class=\"d-flex flex-wrap flex-sm-nowrap mb-3\">\r\n          <!--begin: Pic-->\r\n          <div class=\"me-7 mb-4\">\r\n            <div\r\n              class=\"symbol symbol-100px symbol-lg-160px symbol-fixed position-relative\"\r\n            >\r\n              <img\r\n                :src=\"\r\n                  user.avatarUrl === null ? 'media/avatars/blank.png' : user.avatarUrl\r\n                \"\r\n                alt=\"image\"\r\n              />\r\n              <div\r\n                class=\"position-absolute translate-middle bottom-0 start-100 mb-6 bg-success rounded-circle border border-4 border-white h-20px w-20px\"\r\n              ></div>\r\n            </div>\r\n          </div>\r\n          <!--end::Pic-->\r\n\r\n          <!--begin::Info-->\r\n          <div class=\"flex-grow-1\">\r\n            <!--begin::Title-->\r\n            <div class=\"d-flex justify-content-between align-items-start flex-wrap mb-2\">\r\n              <!--begin::User-->\r\n              <div class=\"d-flex flex-column\">\r\n                <!--begin::Name-->\r\n                <div class=\"d-flex align-items-center mb-2\">\r\n                  <a class=\"text-gray-800 text-hover-primary fs-2 fw-bolder me-1\"\r\n                    >{{ user.firstName }} {{ user.lastName }}</a\r\n                  >\r\n                  <a>\r\n                    <span\r\n                      v-if=\"false\"\r\n                      :class=\"`${\r\n                        user.active === true ? 'svg-icon svg-icon-1 svg-icon-primary' : ''\r\n                      }`\"\r\n                      :title=\"\r\n                        user.active === true ? translate('Active') : translate('Passive')\r\n                      \"\r\n                    >\r\n                      <inline-svg\r\n                        :src=\"`${\r\n                          user.active === true\r\n                            ? 'media/icons/duotune/general/gen026.svg'\r\n                            : 'media/icons/duotune/general/not-active.svg'\r\n                        }`\"\r\n                      />\r\n                    </span>\r\n                  </a>\r\n                </div>\r\n                <!--end::Name-->\r\n\r\n                <!--begin::Info-->\r\n                <div class=\"d-flex flex-wrap fw-bold fs-6 mb-4 pe-2\">\r\n                  <a\r\n                    class=\"d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2\"\r\n                  >\r\n                    {{ user.countryName }}\r\n                  </a>\r\n                  <a\r\n                    class=\"d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2\"\r\n                  >\r\n                    <span class=\"svg-icon svg-icon-4 me-1\">\r\n                      <inline-svg src=\"media/icons/duotune/general/gen018.svg\" />\r\n                    </span>\r\n                    {{ user.cityName }}, {{ user.districtName }}\r\n                  </a>\r\n                  <a\r\n                    :href=\"`mailto:${user.email}`\"\r\n                    class=\"d-flex align-items-center text-gray-400 text-hover-primary mb-2\"\r\n                  >\r\n                    <span class=\"svg-icon svg-icon-4 me-1\">\r\n                      <inline-svg src=\"media/icons/duotune/communication/com011.svg\" />\r\n                    </span>\r\n                    {{ user.email }}\r\n                  </a>\r\n                </div>\r\n                <!--end::Info-->\r\n              </div>\r\n              <!--end::User-->\r\n\r\n              <!--begin::Actions-->\r\n\r\n              <!--end::Actions-->\r\n            </div>\r\n\r\n            <!--end::Stats-->\r\n          </div>\r\n          <!--end::Info-->\r\n        </div>\r\n        <!--end::Details-->\r\n\r\n        <!--begin::Navs-->\r\n\r\n        <!--begin::Navs-->\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"card mb-5 mb-xl-10\"\r\n      id=\"profile_details_view\"\r\n    >\r\n      <!--begin::Card header-->\r\n\r\n      <!--// ! Detail::Card body End--><!-- // ! Edit User Form \\\\-->\r\n      <div\r\n        class=\"card-body p-9 pb-5\"\r\n        style=\"\"\r\n      >\r\n        <Form\r\n          v-slot=\"{ errors }\"\r\n          ref=\"updateForm\"\r\n          id=\"userprofileform\"\r\n          class=\"form\"\r\n          :validation-schema=\"userValidator\"\r\n          novalidate=\"novalidate\"\r\n          @submit=\"updateUserProfil()\"\r\n        >\r\n          <div class=\"row mb-6\">\r\n            <!--begin::Label--><label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n              translate(\"profile_photo\")\r\n            }}</label\r\n            ><!--end::Label--><!--begin::Col-->\r\n            <div class=\"col-lg-8\">\r\n              <!--begin::Image input-->\r\n              <div\r\n                class=\"image-input image-input-outline\"\r\n                data-kt-image-input=\"true\"\r\n                style=\"background-image: url(media/avatars/blank.png)\"\r\n              >\r\n                <!--begin::Preview existing avatar-->\r\n                <div\r\n                  class=\"image-input-wrapper w-125px h-125px\"\r\n                  :style=\"\r\n                    modelUser.avatarUrl === null\r\n                      ? 'background-image: url(media/avatars/blank.png)'\r\n                      : `background-image: url(${modelUser.avatarUrl})`\r\n                  \"\r\n                  style=\"background-size: 100% 100%\"\r\n                ></div>\r\n                <!--end::Preview existing avatar-->\r\n\r\n                <!--begin::Label-->\r\n                <label\r\n                  class=\"btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-white shadow\"\r\n                  data-kt-image-input-action=\"change\"\r\n                  data-bs-toggle=\"tooltip\"\r\n                  :title=\"t('user_detail_edit_change_avatar')\"\r\n                >\r\n                  <i class=\"bi bi-pencil-fill fs-7\"></i>\r\n\r\n                  <!--begin::Inputs-->\r\n                  <input\r\n                    type=\"file\"\r\n                    name=\"avatar\"\r\n                    accept=\".jpg, .jpeg, .png\"\r\n                    @change=\"selectImage($event)\"\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"avatar_remove\"\r\n                  />\r\n                  <!--end::Inputs-->\r\n                </label>\r\n                <!--end::Label-->\r\n\r\n                <!--begin::Remove-->\r\n                <span\r\n                  class=\"btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-white shadow\"\r\n                  data-kt-image-input-action=\"remove\"\r\n                  data-bs-toggle=\"tooltip\"\r\n                  @click=\"removeImage($event)\"\r\n                  :title=\"t('user_detail_edit_remove_avatar')\"\r\n                >\r\n                  <i class=\"bi bi-x fs-2\"></i>\r\n                </span>\r\n                <!--end::Remove-->\r\n\r\n                <span\r\n                  v-show=\"user.avatarUrl !== modelUser.avatarUrl\"\r\n                  class=\"btn bg-success btn-icon btn-circle btn-color-white w-35px h-35px bg-white shadow\"\r\n                  style=\"top: -10px; left: -10px\"\r\n                  data-kt-image-input-action=\"remove\"\r\n                  data-bs-toggle=\"tooltip\"\r\n                  @click=\"saveImage()\"\r\n                  :title=\"t('user_detail_edit_save_avatar')\"\r\n                >\r\n                  <i\r\n                    class=\"bi bi-check\"\r\n                    style=\"font-size: x-large\"\r\n                  ></i>\r\n                </span>\r\n              </div>\r\n              <!--end::Image input--><!--begin::Hint-->\r\n              <div class=\"form-text\">Allowed file types: jpg, jpeg, png.</div>\r\n              <!--end::Hint-->\r\n            </div>\r\n            <!--end::Col-->\r\n          </div>\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=\"modelUser.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=\"modelUser.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\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                disabled\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=\"modelUser.email\"\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(\"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=\"modelUser.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\r\n                name=\"timeZone\"\r\n                v-model=\"modelUser.timezoneId\"\r\n              >\r\n                <Dropdown\r\n                  :filter=\"!platform\"\r\n                  :emptyFilterMessage=\"translate('No_Records')\"\r\n                  :showClear=\"true\"\r\n                  v-model=\"modelUser.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=\"modelUser.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 class=\"p-dropdown-trigger-icon pi pi-chevron-down\"></span>\r\n                      </div>\r\n\r\n                      <i\r\n                        v-if=\"modelUser.countryId === 0 ? false : true\"\r\n                        class=\"p-dropdown-clear-icon pi pi-times\"\r\n                        @click=\"(modelUser.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=\"modelUser.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 class=\"p-dropdown-trigger-icon pi pi-chevron-down\"></span>\r\n                      </div>\r\n\r\n                      <i\r\n                        v-if=\"modelUser.cityId === 0 ? false : true\"\r\n                        class=\"p-dropdown-clear-icon pi pi-times\"\r\n                        @click=\"(modelUser.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=\"modelUser.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 class=\"p-dropdown-trigger-icon pi pi-chevron-down\"></span>\r\n                      </div>\r\n\r\n                      <i\r\n                        v-if=\"modelUser.districtId === 0 ? false : true\"\r\n                        class=\"p-dropdown-clear-icon pi pi-times\"\r\n                        @click=\"modelUser.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=\"modelUser.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=\"modelUser.languageId\"\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 class=\"p-dropdown-trigger-icon pi pi-chevron-down\"></span>\r\n                  </div>\r\n\r\n                  <i\r\n                    v-if=\"modelUser.languageId === 0 ? false : true\"\r\n                    class=\"p-dropdown-clear-icon pi pi-times\"\r\n                    @click=\"modelUser.languageId = 0\"\r\n                  ></i>\r\n                </template>\r\n              </Dropdown>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row mb-7 align-items-center\">\r\n            <!--begin::Label-->\r\n            <label class=\"col-lg-4 fw-bold text-gray-800\"\r\n              >{{ translate(\"user_detail_public_label_password\") }}\r\n            </label>\r\n            <!--end::Label-->\r\n\r\n            <!--begin::Col-->\r\n            <div class=\"col-lg-8\">\r\n              <div class=\"d-flex justify-content-between align-items-center\">\r\n                <a\r\n                  class=\"fw-bold fs-6 text-gray-800 text-hover-primary\"\r\n                  style=\"padding-top: 5px\"\r\n                  ><span> ****** </span>\r\n                </a>\r\n                <a\r\n                  class=\"btn btn-color-gray-800 btn-active-light px-6 btn-sm border\"\r\n                  @click=\"cancelUpdatePassword\"\r\n                >\r\n                  {{ translate(\"user_detail_comp_button_change_password\") }}\r\n                </a>\r\n              </div>\r\n            </div>\r\n            <transition\r\n              name=\"component-fade\"\r\n              mode=\"out-in\"\r\n            >\r\n              <div\r\n                v-if=\"showChangeMenu\"\r\n                class=\"row pe-0 pt-8\"\r\n              >\r\n                <Form\r\n                  v-slot=\"{ errors }\"\r\n                  id=\"kt_signin_change_password\"\r\n                  class=\"form p-0\"\r\n                  novalidate=\"novalidate\"\r\n                  @submit=\"updatePassword()\"\r\n                  :validation-schema=\"changePasswordValidator\"\r\n                  ref=\"passwordForm\"\r\n                >\r\n                  <div class=\"row mb-5 ps-2\">\r\n                    <div class=\"col-lg-4\">\r\n                      <div class=\"fv-row mb-0\">\r\n                        <label\r\n                          for=\"oldpassword\"\r\n                          class=\"form-label fs-7 mb-3 mx-1 text-gray-800\"\r\n                          >{{ translate(\"user_detail_comp_label_old_password\") }}</label\r\n                        >\r\n\r\n                        <div class=\"fv-row d-v-container\">\r\n                          <div class=\"fv-plugins-message-container d-v-content\">\r\n                            <div\r\n                              class=\"fv-help-block ms-2 v-element\"\r\n                              style=\"left: 4px\"\r\n                            >\r\n                              <ErrorMessage name=\"oldpassword\" />\r\n                            </div>\r\n                          </div>\r\n                          <Field\r\n                            type=\"password\"\r\n                            name=\"oldpassword\"\r\n                            id=\"oldpassword\"\r\n                            class=\"form-control form-control-sm fw-bold fs-6\"\r\n                            :class=\"\r\n                              errors['oldpassword'] !== undefined ? 'v-invalid' : ''\r\n                            \"\r\n                            v-model=\"editPassword.oldPassword\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-4\">\r\n                      <div class=\"fv-row mb-0\">\r\n                        <label\r\n                          for=\"newpassword\"\r\n                          class=\"form-label fs-7 mb-3 text-gray-800\"\r\n                          >{{ translate(\"user_detail_comp_label_new_password\") }}</label\r\n                        >\r\n                        <div class=\"fv-row d-v-container\">\r\n                          <div class=\"fv-plugins-message-container d-v-content\">\r\n                            <div\r\n                              class=\"fv-help-block ms-2 v-element\"\r\n                              style=\"left: 4px\"\r\n                            >\r\n                              <ErrorMessage name=\"newpassword\" />\r\n                            </div>\r\n                          </div>\r\n                          <Field\r\n                            type=\"password\"\r\n                            name=\"newpassword\"\r\n                            id=\"newpassword\"\r\n                            class=\"form-control form-control-sm fw-bold fs-6\"\r\n                            :class=\"\r\n                              errors['newpassword'] !== undefined ? 'v-invalid' : ''\r\n                            \"\r\n                            v-model=\"editPassword.newPassword\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-4\">\r\n                      <div class=\"fv-row mb-0\">\r\n                        <label\r\n                          for=\"confirmpassword\"\r\n                          class=\"form-label fs-7 mb-3 text-gray-800\"\r\n                          >{{\r\n                            translate(\"user_detail_comp_label_comfirm_password\")\r\n                          }}</label\r\n                        >\r\n\r\n                        <div class=\"fv-row d-v-container\">\r\n                          <div class=\"fv-plugins-message-container d-v-content\">\r\n                            <div\r\n                              class=\"fv-help-block ms-2 v-element\"\r\n                              style=\"left: 4px\"\r\n                            >\r\n                              <ErrorMessage name=\"confirmpassword\" />\r\n                            </div>\r\n                          </div>\r\n                          <Field\r\n                            type=\"password\"\r\n                            name=\"confirmpassword\"\r\n                            id=\"confirmpassword\"\r\n                            class=\"form-control form-control-sm fw-bold fs-6\"\r\n                            :class=\"\r\n                              errors['confirmpassword'] !== undefined ? 'v-invalid' : ''\r\n                            \"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    class=\"row align-items-center\"\r\n                    :class=\"\r\n                      changePasswordTrue === true\r\n                        ? 'justify-content-between'\r\n                        : 'justify-content-end'\r\n                    \"\r\n                  >\r\n                    <transition\r\n                      name=\"component-fade\"\r\n                      mode=\"out-in\"\r\n                    >\r\n                      <div\r\n                        v-show=\"changePasswordTrue\"\r\n                        class=\"col-lg-6 align-items-center\"\r\n                      >\r\n                        <i class=\"bi bi-check-circle-fill fs-2 text-primary\"></i>\r\n                        <span class=\"ms-3 fs-7 text-gray-800\">\r\n                          {{ translate(\"user_detail_comp_label_ok_change_password\") }}\r\n                        </span>\r\n                      </div>\r\n                    </transition>\r\n                    <transition\r\n                      name=\"component-fade\"\r\n                      mode=\"out-in\"\r\n                    >\r\n                      <div\r\n                        v-show=\"passwordText\"\r\n                        class=\"col-lg-6 align-items-center\"\r\n                      >\r\n                        <i class=\"bi bi-x-circle-fill fs-2 text-danger\"></i>\r\n                        <span class=\"ms-3 fs-7 text-gray-800\">\r\n                          {{ translate(\"confirm_profile_page\") }}\r\n                        </span>\r\n                      </div>\r\n                    </transition>\r\n                    <div class=\"col-lg-6\">\r\n                      <div class=\"d-flex justify-content-end\">\r\n                        <button\r\n                          id=\"kt_password_cancel\"\r\n                          type=\"reset\"\r\n                          @click=\"cancelUpdatePassword\"\r\n                          class=\"btn btn-color-gray-800 btn-active-light px-6 btn-sm border me-2\"\r\n                        >\r\n                          {{ translate(\"Cancel\") }}\r\n                        </button>\r\n                        <button\r\n                          id=\"kt_password_submit\"\r\n                          type=\"submit\"\r\n                          ref=\"updatePasswordButton\"\r\n                          class=\"btn btn-primary btn-sm px-6\"\r\n                        >\r\n                          <div\r\n                            v-if=\"loadingButtonPassword\"\r\n                            class=\"spinner-border spinner-border-sm mx-1\"\r\n                          ></div>\r\n                          <span class=\"indicator-label\">\r\n                            {{ translate(\"user_detail_comp_button_update_password\") }}\r\n                          </span>\r\n                        </button>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </Form>\r\n              </div>\r\n            </transition>\r\n            <!--end::Col-->\r\n          </div>\r\n\r\n          <!-- Buttons -->\r\n          <div class=\"d-flex justify-content-end\">\r\n            <!--end::Card body--><a\r\n              @click=\"cancelUpdateProfile\"\r\n              class=\"btn btn-color-gray-600 btn-active-light px-6 btn-sm border me-2\"\r\n              style=\"\"\r\n              >{{ translate(\"Cancel\") }}</a\r\n            ><button\r\n              type=\"submit\"\r\n              class=\"btn btn-primary align-self-center btn-sm\"\r\n            >\r\n              <div\r\n                v-if=\"loadingButton\"\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            </button>\r\n          </div>\r\n        </Form>\r\n      </div>\r\n      <!-- // ! Edit User Form  End\\\\-->\r\n    </div>\r\n    <ConfirmPopup></ConfirmPopup>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { inject, reactive, ref, computed, onMounted, watch } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\r\nimport * as Yup from \"yup\";\r\nimport UsersModule from \"@/store/modules/Users/UsersModule\";\r\nimport { useStore } from \"vuex\";\r\n\r\nconst store = useStore();\r\nconst platform = store.state.platform;\r\nconst loadingButton = ref(false);\r\nconst loadingButtonPassword = ref(false);\r\nconst confirm = useConfirm();\r\n\r\n// Multi Language\r\nconst { t, te, locale } = 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\nconst user = reactive({\r\n  id: 0,\r\n  firstName: null,\r\n  lastName: null,\r\n  email: null,\r\n  active: null,\r\n  districtId: 0,\r\n  districtName: null,\r\n  countryId: 0,\r\n  countryName: null,\r\n  cityId: 0,\r\n  cityName: null,\r\n  streetAddress: null,\r\n  phone: null,\r\n  languageId: 0,\r\n  avatarUrl: null,\r\n  timezoneId: null,\r\n});\r\n\r\nconst modelUser = reactive({\r\n  id: 0,\r\n  firstName: null,\r\n  lastName: null,\r\n  email: null,\r\n  active: null,\r\n  districtId: 0,\r\n  districtName: null,\r\n  countryId: 0,\r\n  countryName: null,\r\n  cityId: 0,\r\n  cityName: null,\r\n  streetAddress: null,\r\n  phone: null,\r\n  languageId: 0,\r\n  avatarUrl: null,\r\n  timezoneId: null,\r\n});\r\nconst userOnlineObj = computed(() => store.getters[\"AuthModule/_getUser\"]);\r\nconst block = ref(true);\r\n\r\nconst getUserOnline = () => {\r\n  store\r\n    .dispatch(\"UsersModule/GET_USER\", userOnlineObj.value.Id)\r\n    .then((response) => {\r\n      user.id = response.Id;\r\n      user.firstName = response.Firstname;\r\n      user.lastName = response.Lastname;\r\n      user.email = response.Email;\r\n      user.active = response.Active;\r\n      user.districtId = response.DistrictId;\r\n      user.districtName = response.DistrictName;\r\n      user.countryId = response.CountryId;\r\n      store.dispatch(\"LanguageModule/GET_CITYS\", response.CountryId);\r\n      user.countryName = response.CountryName;\r\n      user.cityId = response.CityId;\r\n      store.dispatch(\"LanguageModule/GET_DISTRICT\", response.CityId);\r\n      user.cityName = response.CityName;\r\n      user.streetAddress = response.StreetAddress;\r\n      user.phone = response.Phone;\r\n      user.languageId = response.DefaultLanguageId;\r\n      user.avatarUrl = response.AvatarUrl === \"\" ? null : response.AvatarUrl;\r\n      user.timezoneId = response.TimezoneId;\r\n      setCurrentPageBreadcrumbs(`${user.firstName + \" \" + user.lastName}`, [\r\n        translate(\"profile_page_breadcrumbs\"),\r\n      ]);\r\n    })\r\n    .finally(() => {\r\n      block.value = false;\r\n    });\r\n};\r\n\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(`${user.firstName + \" \" + user.lastName}`, [\r\n    translate(\"profile_page_breadcrumbs\"),\r\n  ]);\r\n});\r\n\r\nconst showEditDetail = ref(false);\r\nconst updateForm = ref();\r\nconst loading = ref(false);\r\n\r\nstore.dispatch(\"LanguageModule/GET_LOCALİZATON\");\r\nconst laguageList = computed(() => store.getters[\"LanguageModule/_getLocalizatonList\"]);\r\n//Adres İşlemleri\r\nstore.dispatch(\"LanguageModule/GET_ALL_COUNTRY\");\r\nconst CountryList = computed(() => store.getters[\"LanguageModule/_getCountryList\"]);\r\nconst CityList = computed(() => store.getters[\"LanguageModule/_getCityList\"]);\r\n\r\nconst DistrictList = computed(() => store.getters[\"LanguageModule/_getDistrictList\"]);\r\n\r\nconst getCity = () => {\r\n  modelUser.cityId = 0;\r\n  modelUser.districtId = 0;\r\n  store.dispatch(\"LanguageModule/GET_CITYS\", modelUser.countryId);\r\n};\r\nconst getDistrict = () => {\r\n  modelUser.districtId = 0;\r\n  store.dispatch(\"LanguageModule/GET_DISTRICT\", modelUser.cityId);\r\n};\r\n\r\nstore.dispatch(\"UsersModule/GET_TIME_ZONES\");\r\nconst timeZoneList = computed(() => store.getters[\"UsersModule/_getTimeZones\"]);\r\n\r\n// Validation and Change Password Form Ref\r\nconst changePasswordTrue = ref(false);\r\nconst showChangeMenu = ref(false);\r\nconst editPassword = reactive({\r\n  oldPassword: \"\",\r\n  newPassword: \"\",\r\n});\r\nconst passwordForm = ref();\r\nconst changePasswordValidator = Yup.object().shape({\r\n  oldpassword: Yup.string().required(t(\"profile_page_change_password_valid_oldpassword\")),\r\n  newpassword: Yup.string().required(translate(\"user_detail_valid_new_pasword\")),\r\n  confirmpassword: Yup.string()\r\n    .required(translate(\"user_detail_valid_confim_pasword\"))\r\n    .oneOf(\r\n      [Yup.ref(\"newpassword\"), null],\r\n      translate(\"user_detail_valid_not_confim_pasword\")\r\n    )\r\n    .label(\"Password Confirmation\"),\r\n});\r\n\r\nconst cancelUpdatePassword = () => {\r\n  showChangeMenu.value = !showChangeMenu.value;\r\n  passwordForm.value.resetForm();\r\n  editPassword.oldPassword = \"\";\r\n  editPassword.newPassword = \"\";\r\n};\r\n\r\nconst passwordText = ref(false);\r\nconst updatePassword = () => {\r\n  loadingButtonPassword.value = true;\r\n  UsersModule.actions\r\n    .CHANGE_PUBLIC_PASSWORD(null, editPassword)\r\n    .then((response) => {\r\n      loadingButtonPassword.value = false;\r\n      if (response.Success) {\r\n        changePasswordTrue.value = true;\r\n      } else {\r\n        passwordText.value = true;\r\n      }\r\n    })\r\n    .finally(() => {\r\n      if (changePasswordTrue.value) {\r\n        setTimeout(() => {\r\n          changePasswordTrue.value = false;\r\n          showChangeMenu.value = false;\r\n          passwordForm.value.resetForm();\r\n          editPassword.newPassword = \"\";\r\n          editPassword.oldPassword = \"\";\r\n        }, 2000);\r\n      } else if (passwordText.value) {\r\n        setTimeout(() => {\r\n          passwordText.value = false;\r\n        }, 2000);\r\n      }\r\n    });\r\n};\r\n\r\nconst setForm = () => {\r\n  Object.keys(modelUser).forEach((tag) => {\r\n    modelUser[tag] = user[tag];\r\n  });\r\n};\r\nwatch(user, () => {\r\n  setForm();\r\n});\r\n\r\nconst updateUserProfil = () => {\r\n  loadingButton.value = true;\r\n  store.dispatch(\"UsersModule/UPDATE_PUBLIC_USER\", modelUser).then((response) => {\r\n    if (response) {\r\n      getUserOnline();\r\n      loadingButton.value = false;\r\n    } else {\r\n      setForm();\r\n      loadingButton.value = false;\r\n    }\r\n  });\r\n};\r\nlet imgX = null;\r\nconst selectImage = (event) => {\r\n  imgX = null;\r\n  imgX = event.target.files;\r\n  if (imgX.length > 0) {\r\n    modelUser.avatarUrl = URL.createObjectURL(imgX[0]);\r\n  }\r\n};\r\nconst removeImage = async (event) => {\r\n  if (user.avatarUrl === modelUser.avatarUrl) {\r\n    confirm.require({\r\n      target: event.currentTarget,\r\n      message: translate(\"confirm_delete_profile_image\"),\r\n      icon: \"pi pi-exclamation-triangle\",\r\n      acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n      rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n      acceptClass: \"btn btn-sm btn-primary\",\r\n      rejectClass: \"btn btn-sm btn-light\",\r\n      accept: () => {\r\n        store.dispatch(\"AuthModule/DELETE_PROFILE_IMAGE\").then((response) => {\r\n          if (response) {\r\n            user.avatarUrl = null;\r\n            modelUser.avatarUrl = null;\r\n          }\r\n        });\r\n      },\r\n      reject: () => {\r\n        return;\r\n      },\r\n    });\r\n  } else {\r\n    modelUser.avatarUrl = user.avatarUrl;\r\n  }\r\n};\r\n\r\nconst saveImage = async () => {\r\n  let formData = new FormData();\r\n  formData.append(\"PictureFile\", imgX[0]);\r\n  let response = await store.dispatch(\"AuthModule/SAVE_PROFILE_IMAGE\", formData);\r\n  getUserOnline();\r\n};\r\n\r\ngetUserOnline();\r\n\r\nconst cancelUpdateProfile = () => {\r\n  store.dispatch(\"LanguageModule/GET_CITYS\", user.countryId);\r\n  store.dispatch(\"LanguageModule/GET_DISTRICT\", user.cityId);\r\n  setForm();\r\n};\r\n\r\nconst userValidator = Yup.object().shape({\r\n  fname: Yup.string().required(translate(\"user_modal_validation_fname\")),\r\n  lname: Yup.string().required(translate(\"user_modal_validation_lname\")),\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</script>\r\n\r\n<style scoped>\r\n.component-fade-enter-active,\r\n.component-fade-leave-active {\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.component-fade-enter-from,\r\n.component-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","import script from \"./ProfilePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProfilePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProfilePage.vue?vue&type=style&index=0&id=688eb245&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Projects\\\\git\\\\Fornax-Software\\\\audittick.frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-688eb245\"]])\n\nexport default __exports__","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ProfilePage.vue?vue&type=style&index=0&id=688eb245&scoped=true&lang=css\"","import store from \"@/store\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} pageTitle Current page title\r\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\r\n */\r\nexport const setCurrentPageBreadcrumbs = (\r\n  pageTitle: string,\r\n  breadcrumbs: Array<string>\r\n): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: pageTitle,\r\n    pageBreadcrumbPath: breadcrumbs,\r\n  });\r\n};\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} title Current page title name\r\n */\r\nexport const setCurrentPageTitle = (title: string): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: title,\r\n  });\r\n};\r\n"],"sourceRoot":""}