{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/AddCustomer.vue","webpack:///./src/components/Admin/Customer-Modal/AddCustomer.vue?07aa","webpack:///./src/core/helpers/dom.ts","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["store","t","te","translate","text","platform","state","companyValidator","shape","customerName","nullable","required","fname","lname","email","block","title","newTargetModalRef","refForm","loading","customer","id","name","firstname","lastname","phoneNumber","countryId","cityId","districtId","address","description","published","dispatch","CountryList","getters","CityList","DistrictList","getCity","getDistrict","props","UpdateItem","value","then","response","Name","CountryId","CityId","DistrictId","Id","Firstname","Lastname","Email","PhoneNumber","Address","Description","Published","setTimeout","cancelForm","clearForm","resetForm","emit","saveOrUpader","onSubmit","values","updateCustomer","document","getElementById","addEventListener","__exports__","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","length","forEach","item","remove","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-5d9cdfc8.c95deb38.js","sourcesContent":["<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    tabindex=\"-1\"\r\n    id=\"add-customer-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=\"cancelForm\"\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          <div>\r\n            <div class=\"card\">\r\n              <div id=\"add-company\" class=\"collapse show\">\r\n                <!--begin::Form-->\r\n                <Form\r\n                  v-slot=\"{ errors }\"\r\n                  ref=\"refForm\"\r\n                  id=\"add-company-form\"\r\n                  class=\"form p-10 rounded-bottom\"\r\n                  novalidate=\"novalidate\"\r\n                  @submit=\"onSubmit\"\r\n                  :validation-schema=\"companyValidator\"\r\n                  style=\"padding-bottom: 1.5rem !important; background: #fbfbfb\"\r\n                >\r\n                  <!-- // ! Şirket Adı -->\r\n                  <div class=\"row mb-4\">\r\n                    <label\r\n                      class=\"col-lg-4 col-form-label required fw-bold fs-6\"\r\n                      >{{ translate(\"CustomerAdd_CompanyName\") }}</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=\"customerName\" />\r\n                        </div>\r\n                      </div>\r\n                      <Field\r\n                        type=\"text\"\r\n                        name=\"customerName\"\r\n                        class=\"form-control form-control-lg fs-6\"\r\n                        :class=\"\r\n                          errors['customerName'] !== undefined\r\n                            ? 'v-invalid'\r\n                            : ''\r\n                        \"\r\n                        :placeholder=\"translate('CustomerAdd_CompanyName')\"\r\n                        v-model.trim=\"customer.name\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <!-- // ! Şirket Adı End -->\r\n                  <!-- // ? Yetkili Personel Adı -->\r\n                  <div class=\"row\">\r\n                    <!--begin::Label-->\r\n                    <label\r\n                      class=\"col-lg-4 col-form-label required fw-bold fs-6\"\r\n                      >{{ translate(\"CustomerAdd_OfficialPersonnel\") }}</label\r\n                    >\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=\"\r\n                              errors['fname'] !== undefined ? 'v-invalid' : ''\r\n                            \"\r\n                            class=\"form-control form-control-lg fs-6\"\r\n                            :placeholder=\"translate('FirstName')\"\r\n                            v-model.trim=\"customer.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=\"\r\n                              errors['lname'] !== undefined ? 'v-invalid' : ''\r\n                            \"\r\n                            class=\"form-control form-control-lg fs-6\"\r\n                            :placeholder=\"translate('LastName')\"\r\n                            v-model.trim=\"customer.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                  <!-- // ? Yetkili Personel Adı End -->\r\n\r\n                  <!-- // * Yetkili Personel Email -->\r\n                  <div class=\"row mb-4 mt-4\">\r\n                    <label\r\n                      class=\"col-lg-4 col-form-label required fw-bold fs-6\"\r\n                      >{{ translate(\"EMail\") }}</label\r\n                    >\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=\"\r\n                          errors['email'] !== undefined ? 'v-invalid' : ''\r\n                        \"\r\n                        class=\"form-control form-control-lg fs-6\"\r\n                        :placeholder=\"translate('EMail')\"\r\n                        v-model.trim=\"customer.email\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <!-- // * Yetkili Personel Email End -->\r\n\r\n                  <!-- // ? Telefon Bilgisi -->\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=\"customer.phoneNumber\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <!-- // ? Telefon Bilgisi End -->\r\n\r\n                  <!-- // ! Adres Bilgileri -->\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=\"customer.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=\"customer.countryId === 0 ? false : true\"\r\n                                class=\"p-dropdown-clear-icon pi pi-times\"\r\n                                @click=\"(customer.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=\"customer.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=\"customer.cityId === 0 ? false : true\"\r\n                                class=\"p-dropdown-clear-icon pi pi-times\"\r\n                                @click=\"(customer.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=\"customer.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=\"customer.districtId === 0 ? false : true\"\r\n                                class=\"p-dropdown-clear-icon pi pi-times\"\r\n                                @click=\"customer.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=\"customer.address\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <!-- // ! Adres Bilgileri End -->\r\n\r\n                  <!-- // ? Firma Detay Bilgileri -->\r\n                  <div class=\"row mb-4\">\r\n                    <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                      translate(\"CompanyDetail\")\r\n                    }}</label>\r\n                    <div class=\"col-lg-8 fv-row\">\r\n                      <textarea\r\n                        name=\"description\"\r\n                        class=\"form-control form-control-lg fs-6\"\r\n                        :placeholder=\"translate('CompanyDetail')\"\r\n                        v-model.trim=\"customer.description\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <!-- // ? Firma Detay Bilgileri End -->\r\n                  <div class=\"row justify-content-end\">\r\n                    <div class=\"col-lg-8 fv-row\">\r\n                      <div\r\n                        class=\"form-check form-check-custom form-check-solid\"\r\n                      >\r\n                        <input\r\n                          class=\"form-check-input\"\r\n                          type=\"checkbox\"\r\n                          id=\"check-remember\"\r\n                          v-model=\"customer.published\"\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=\"check-remember\"\r\n                            style=\"margin-bottom: 15px\"\r\n                          >\r\n                            {{ translate(\"customer_modal_check_label\") }}\r\n                          </label>\r\n                          <label\r\n                            class=\"form-check-label col-form-label fw-bold fs-7 p-0 text-gray-500\"\r\n                            for=\"check-remember\"\r\n                            style=\"position: absolute; margin-top: 20px\"\r\n                          >\r\n                            {{\r\n                              translate(\r\n                                \"customer_modal_check_label_description\"\r\n                              )\r\n                            }}\r\n                          </label>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\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                    <button\r\n                      @click=\"cancelForm\"\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                    </button>\r\n\r\n                    <button\r\n                      v-if=\"props.UpdateItem === null\"\r\n                      type=\"submit\"\r\n                      id=\"kt_add_customer_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                    <a\r\n                      v-else\r\n                      @click=\"updateCustomer\"\r\n                      :class=\"`btn btn-primary border btn-sm fs-6 ${\r\n                        Object.keys(errors).length > 0 || loading\r\n                          ? 'disabled'\r\n                          : ''\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      </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  defineProps,\r\n  defineEmits,\r\n  watch,\r\n  onMounted,\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\nimport appAxios from \"@/store/utils/appAxios\";\r\n\r\n//Store Tanımlaması\r\nconst store = useStore();\r\n\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\nconst platform = store.state.platform;\r\n// Validation Tanımlaması\r\nconst companyValidator = Yup.object().shape({\r\n  customerName: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"CustomerAdd_Valid_CompanyName\")),\r\n  fname: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"CustomerAdd_Valid_FirstName\")),\r\n  lname: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"CustomerAdd_Valid_LastName\")),\r\n  email: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"CustomerAdd_Valid_EMail\"))\r\n    .email(translate(\"CustomerAdd_Valid_EMailFormat\")),\r\n});\r\n\r\n//Değişkenler\r\nconst block = ref(false);\r\nconst title = ref(\"CustomersAdd_New\");\r\nconst newTargetModalRef = ref(null);\r\nconst refForm = ref(null);\r\nconst loading = ref(false);\r\nconst customer = reactive({\r\n  id: 0,\r\n  name: null,\r\n  firstname: null,\r\n  lastname: null,\r\n  email: null,\r\n  phoneNumber: null,\r\n  countryId: 0,\r\n  cityId: 0,\r\n  districtId: 0,\r\n  address: null,\r\n  description: null,\r\n  published: true,\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  customer.cityId = 0;\r\n  customer.districtId = 0;\r\n  store.dispatch(\"LanguageModule/GET_CITYS\", customer.countryId);\r\n};\r\nconst getDistrict = () => {\r\n  customer.districtId = 0;\r\n  store.dispatch(\"LanguageModule/GET_DISTRICT\", customer.cityId);\r\n};\r\n\r\n//Watch, Props ve Emit\r\nconst props = defineProps({ UpdateItem: Number });\r\nconst emit = defineEmits([\"propsNull\"]);\r\n\r\nwatch(props, () => {\r\n  if (props.UpdateItem !== null) {\r\n    block.value = true;\r\n    store\r\n      .dispatch(\"CustomerModule/GET_CUSTOMER\", props.UpdateItem)\r\n      .then((response) => {\r\n        if (response !== null) {\r\n          title.value = response.Name;\r\n          customer.countryId = response.CountryId;\r\n          if (response.CountryId !== \"\" || response.CountryId !== null) {\r\n            store.dispatch(\"LanguageModule/GET_CITYS\", response.CountryId);\r\n            customer.cityId = response.CityId;\r\n          }\r\n          if (response.CityId !== \"\" || response.CityId !== null) {\r\n            store.dispatch(\"LanguageModule/GET_DISTRICT\", response.CityId);\r\n            customer.districtId = response.DistrictId;\r\n          }\r\n          customer.id = response.Id;\r\n          customer.name = response.Name;\r\n          customer.firstname = response.Firstname;\r\n          customer.lastname = response.Lastname;\r\n          customer.email = response.Email;\r\n          customer.phoneNumber = response.PhoneNumber;\r\n          customer.address = response.Address;\r\n          customer.description = response.Description;\r\n          customer.published = response.Published;\r\n        }\r\n        setTimeout(() => {\r\n          block.value = false;\r\n        }, 300);\r\n      });\r\n  }\r\n});\r\n\r\n//Modal İşlemleri\r\nconst cancelForm = () => {\r\n  hideModal(newTargetModalRef.value);\r\n};\r\nconst clearForm = () => {\r\n  setTimeout(() => {\r\n    customer.id = 0;\r\n    customer.name = null;\r\n    customer.firstname = null;\r\n    customer.lastname = null;\r\n    customer.email = null;\r\n    customer.phoneNumber = null;\r\n    customer.countryId = 0;\r\n    customer.cityId = 0;\r\n    customer.districtId = 0;\r\n    customer.address = null;\r\n    customer.description = null;\r\n    customer.published = true;\r\n    refForm.value.resetForm();\r\n    emit(\"propsNull\", saveOrUpader);\r\n    title.value = \"CustomersAdd_New\";\r\n  }, 300);\r\n};\r\n\r\nlet saveOrUpader = false;\r\n// Add ve Update İşlemleri\r\nconst onSubmit = (values, { resetForm }) => {\r\n  loading.value = true;\r\n  store.dispatch(\"CustomerModule/ADD_CUSTOMER\", customer).then((response) => {\r\n    if (response) {\r\n      loading.value = false;\r\n      saveOrUpader = true;\r\n    } else {\r\n      loading.value = false;\r\n    }\r\n  });\r\n\r\n  cancelForm();\r\n};\r\n\r\nconst updateCustomer = () => {\r\n  loading.value = true;\r\n  customer.id = props.UpdateItem;\r\n  store\r\n    .dispatch(\"CustomerModule/UPDATE_CUSTOMER\", customer)\r\n    .then((response) => {\r\n      if (response) {\r\n        loading.value = false;\r\n        saveOrUpader = true;\r\n      } else loading.value = false;\r\n    });\r\n  cancelForm();\r\n};\r\n\r\nonMounted(() => {\r\n  document\r\n    .getElementById(\"add-customer-modal\")\r\n    .addEventListener(\"hide.bs.modal\", function () {\r\n      clearForm();\r\n    });\r\n  document\r\n    .getElementById(\"add-customer-modal\")\r\n    .addEventListener(\"show.bs.modal\", function () {\r\n      saveOrUpader = false;\r\n    });\r\n});\r\n</script>\r\n\r\n<style></style>\r\n","import script from \"./AddCustomer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddCustomer.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { Modal } from \"bootstrap\";\r\n\r\nconst hideModal = (modalEl: HTMLElement | null): void => {\r\n  if (!modalEl) {\r\n    return;\r\n  }\r\n\r\n  const myModal = Modal.getInstance(modalEl);\r\n  myModal.hide();\r\n};\r\n\r\nconst removeModalBackdrop = (): void => {\r\n  if (document.querySelectorAll(\".modal-backdrop.fade.show\").length) {\r\n    document.querySelectorAll(\".modal-backdrop.fade.show\").forEach((item) => {\r\n      item.remove();\r\n    });\r\n  }\r\n};\r\n\r\nexport { removeModalBackdrop, hideModal };\r\n","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":""}