{"version":3,"file":"ApplicationMobileItem-Bz3oJ0dY.js","sources":["../../src/components/features/settings/items/mobile/ApplicationMobileItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { editMobileSettings } from '@api';\nimport { type IMobileApp, Languages } from '@models';\nimport { useCommonStore } from '@stores';\nimport {\n  ButtonControl,\n  type IRadioItem,\n  type ISelectItem,\n  RadioControl,\n  SaveButtonControl,\n  SelectControl,\n  UploadControl,\n} from '@uikit';\nimport { deepCopy, getChangedFields } from '@utils';\nimport { storeToRefs } from 'pinia';\nimport { nextTick, onMounted, ref, toRaw } from 'vue';\n\nconst commonStore = useCommonStore();\n\nconst { notice } = storeToRefs(commonStore);\n\nconst isSavingChanges = ref<boolean>(false);\nconst isChanged = ref<boolean>(false);\n\nconst mobile = ref<IMobileApp>({\n  name: '',\n  language: Languages.ENG_UK,\n  publishingAccount: 'refocus',\n  description: '',\n  googlePlayIcon: '.',\n  appStoreIcon: '.',\n  IOSTest: '',\n  AndroidTest: '',\n});\n\nlet initialMobile: IMobileApp;\n\nconst languageSelectItems: ISelectItem<string>[] = [\n  {\n    value: Languages.ENG_UK,\n  },\n  {\n    value: Languages.ENG_USA,\n  },\n  {\n    value: Languages.RUS,\n  },\n];\n\nconst publicationAccountItems: IRadioItem<string>[] = [\n  {\n    name: 'Аккаунт ReFocus',\n    value: 'refocus',\n  },\n  {\n    name: 'Собственный аккаунт',\n    value: 'own',\n  },\n];\n\nconst enum AppIconPath {\n  google = 'googlePlayIcon',\n  apple = 'appStoreIcon',\n}\n\nconst isFileUploading = ref<{ [key in AppIconPath]: boolean }>({\n  [AppIconPath.google]: false,\n  [AppIconPath.apple]: false,\n});\n\n// TODO enable\n// eslint-disable-next-line require-await\nonMounted(async () => {\n  // TODO enable\n  // mobile.value = await getMobileSettings();\n  initialMobile = deepCopy(mobile.value);\n});\n\nasync function onSaveChangesClick(): Promise<void> {\n  if (isSavingChanges.value) return;\n  const changes = getChangedFields(initialMobile, toRaw(mobile.value));\n\n  if (!changes) {\n    notice.value.text = 'Нет изменений';\n    notice.value.status = 'info';\n    notice.value.isShown = true;\n    return;\n  }\n  isChanged.value = true;\n  await nextTick();\n\n  try {\n    isSavingChanges.value = true;\n\n    await editMobileSettings(changes);\n\n    notice.value.text = 'Изменения сохранены';\n    notice.value.status = 'success';\n    initialMobile = deepCopy(mobile.value);\n    isChanged.value = false;\n  } catch {\n    notice.value.text = 'Произошла ошибка при сохранении';\n    notice.value.status = 'error';\n  } finally {\n    isSavingChanges.value = false;\n    notice.value.isShown = true;\n  }\n}\n\nfunction onFileUploaded(file: File, key: AppIconPath): void {\n  if (isFileUploading.value[key] || !file) return;\n\n  //TODO\n  //File upload\n}\n\nfunction onCancelClick() {\n  mobile.value = deepCopy(initialMobile);\n}\n</script>\n\n<template>\n  <div class=\"mobile\">\n    <div class=\"mobile__group mobile__group_v\">\n      <p class=\"mobile__header\">Мобильное приложение участника</p>\n      <div class=\"mobile__block mobile__block_grid\">\n        <div class=\"mobile__group mobile__group_v\">\n          <div class=\"mobile__control\">\n            <label class=\"mobile__label\">Название приложения</label>\n            <input v-model=\"mobile.name\" type=\"email\" />\n          </div>\n          <div class=\"mobile__control\">\n            <label class=\"mobile__label\">Язык приложения</label>\n            <select-control\n              v-model=\"mobile.language\"\n              class=\"mobile__select\"\n              simple\n              :items=\"languageSelectItems\"\n            />\n          </div>\n          <div class=\"mobile__control\">\n            <label class=\"mobile__label\">Публикация с аккаунта</label>\n            <radio-control\n              v-model=\"mobile.publishingAccount\"\n              :items=\"publicationAccountItems\"\n              class=\"invite__radio\"\n            />\n          </div>\n          <div class=\"mobile__control\">\n            <label class=\"mobile__label\">Описание</label>\n            <textarea v-model=\"mobile.description\" />\n          </div>\n        </div>\n        <div class=\"mobile__group mobile__group_v mobile__group_c mobile__group_long-gap\">\n          <div class=\"mobile__control\">\n            <label class=\"mobile__label\">Иконка прриложения Google Play</label>\n            <span class=\"mobile__description\"> В формате... </span>\n            <upload-control\n              v-model=\"isFileUploading[AppIconPath.google]\"\n              class=\"mobile__upload\"\n              :accept=\"'image/*'\"\n              @upload=\"(file: File) => onFileUploaded(file, AppIconPath.google)\"\n            />\n          </div>\n          <div class=\"mobile__control\">\n            <label class=\"mobile__label\">Иконка прриложения App Store</label>\n            <span class=\"mobile__description\"> В формате... </span>\n            <upload-control\n              v-model=\"isFileUploading[AppIconPath.apple]\"\n              class=\"mobile__upload\"\n              :accept=\"'image/*'\"\n              @upload=\"(file: File) => onFileUploaded(file, AppIconPath.apple)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"mobile__block mobile__group mobile__group_v\">\n        <div class=\"mobile__control\">\n          <label class=\"mobile__label\">Тестирование приложения под IOS через Testflight</label>\n          <span class=\"mobile__description\"\n            >Введите email модератора через запятую для тестирования мобильного приложения под IOS\n          </span>\n          <textarea v-model=\"mobile.IOSTest\" />\n        </div>\n        <div class=\"mobile__control\">\n          <label class=\"mobile__label\">Тестирование приложения для Android</label>\n          <span class=\"mobile__description\"\n            >Введите email модератора через запятую для тестирования мобильного приложения под\n            Android\n          </span>\n          <textarea v-model=\"mobile.AndroidTest\" />\n        </div>\n      </div>\n      <div class=\"mobile__group mobile__group_v mobile__group_long-gap\">\n        <div class=\"mobile__group\">\n          <SaveButtonControl :saving=\"isSavingChanges\" @click=\"onSaveChangesClick\" />\n          <button-control super-wide hollow bordered color=\"accent\" @click=\"onCancelClick\">\n            Отмена\n          </button-control>\n        </div>\n        <button-control tall superwide class=\"publication-button\">\n          Отправить заявку на публикацию мобильного приложения\n        </button-control>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.mobile {\n  &__block {\n    border: 1px solid $gray_j;\n    border-radius: 12px;\n    padding: 15px;\n\n    &_grid {\n      display: grid;\n      grid-template-columns: auto 40%;\n      gap: 20px 30px;\n    }\n  }\n\n  &__group {\n    display: flex;\n    gap: 20px;\n    align-items: center;\n\n    &_v {\n      flex-direction: column;\n      align-items: normal;\n    }\n\n    &_c {\n      align-items: center;\n    }\n\n    &_long-gap {\n      gap: 50px;\n    }\n  }\n\n  &__header {\n    font-weight: 600;\n    font-size: 16px;\n  }\n\n  &__control {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  &__description {\n    font-size: 14px;\n    font-weight: 200;\n  }\n\n  &__select {\n    border: 1px solid $gray_j;\n    border-radius: 8px;\n  }\n\n  &__label {\n    font-weight: 400;\n  }\n\n  &__upload {\n    margin: 0;\n    width: 220px;\n    min-height: 60px;\n    font-size: 16px;\n    background: $white;\n  }\n\n  .publication-button {\n    max-width: 520px;\n  }\n}\n</style>\n\n<!-- eslint-disable-next-line vue-scoped-css/enforce-style-type -->\n<style lang=\"scss\">\n.rules {\n  :is(ul),\n  :is(ol) {\n    padding: 0 1rem;\n    list-style: initial;\n  }\n\n  :is(ol) {\n    list-style: decimal;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    line-height: 1.1;\n  }\n\n  code {\n    background-color: rgba(#616161, 0.1);\n    color: #616161;\n  }\n\n  pre {\n    background: #0d0d0d;\n    color: #fff;\n    font-family: 'JetBrainsMono', monospace;\n    padding: 0.75rem 1rem;\n    border-radius: 0.5rem;\n\n    code {\n      color: inherit;\n      padding: 0;\n      background: none;\n      font-size: 0.8rem;\n    }\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n\n  blockquote {\n    padding-left: 1rem;\n    border-left: 2px solid rgba(#0d0d0d, 0.1);\n  }\n\n  hr {\n    border: none;\n    border-top: 2px solid rgba(#0d0d0d, 0.1);\n    margin: 2rem 0;\n  }\n}\n</style>\n"],"names":["commonStore","useCommonStore","notice","storeToRefs","isSavingChanges","ref","isChanged","mobile","Languages","initialMobile","languageSelectItems","publicationAccountItems","isFileUploading","onMounted","deepCopy","onSaveChangesClick","changes","getChangedFields","toRaw","nextTick","editMobileSettings","onFileUploaded","file","key","onCancelClick"],"mappings":"i7DAiBA,MAAMA,EAAcC,EAAe,EAE7B,CAAE,OAAAC,CAAA,EAAWC,EAAYH,CAAW,EAEpCI,EAAkBC,EAAa,EAAK,EACpCC,EAAYD,EAAa,EAAK,EAE9BE,EAASF,EAAgB,CAC7B,KAAM,GACN,SAAUG,EAAU,OACpB,kBAAmB,UACnB,YAAa,GACb,eAAgB,IAChB,aAAc,IACd,QAAS,GACT,YAAa,EAAA,CACd,EAEG,IAAAC,EAEJ,MAAMC,EAA6C,CACjD,CACE,MAAOF,EAAU,MACnB,EACA,CACE,MAAOA,EAAU,OACnB,EACA,CACE,MAAOA,EAAU,GAAA,CAErB,EAEMG,EAAgD,CACpD,CACE,KAAM,kBACN,MAAO,SACT,EACA,CACE,KAAM,sBACN,MAAO,KAAA,CAEX,EAOMC,EAAkBP,EAAuC,CAC5D,eAAqB,GACrB,aAAoB,EAAA,CACtB,EAIDQ,EAAU,SAAY,CAGJJ,EAAAK,EAASP,EAAO,KAAK,CAAA,CACtC,EAED,eAAeQ,GAAoC,CACjD,GAAIX,EAAgB,MAAO,OAC3B,MAAMY,EAAUC,EAAiBR,EAAeS,EAAMX,EAAO,KAAK,CAAC,EAEnE,GAAI,CAACS,EAAS,CACZd,EAAO,MAAM,KAAO,gBACpBA,EAAO,MAAM,OAAS,OACtBA,EAAO,MAAM,QAAU,GACvB,MAAA,CAEFI,EAAU,MAAQ,GAClB,MAAMa,EAAS,EAEX,GAAA,CACFf,EAAgB,MAAQ,GAExB,MAAMgB,EAAmBJ,CAAO,EAEhCd,EAAO,MAAM,KAAO,sBACpBA,EAAO,MAAM,OAAS,UACNO,EAAAK,EAASP,EAAO,KAAK,EACrCD,EAAU,MAAQ,EAAA,MACZ,CACNJ,EAAO,MAAM,KAAO,kCACpBA,EAAO,MAAM,OAAS,OAAA,QACtB,CACAE,EAAgB,MAAQ,GACxBF,EAAO,MAAM,QAAU,EAAA,CACzB,CAGO,SAAAmB,EAAeC,EAAYC,EAAwB,CACtDX,EAAgB,MAAMW,CAAG,CAAY,CAM3C,SAASC,GAAgB,CAChBjB,EAAA,MAAQO,EAASL,CAAa,CAAA"}