{"version":3,"mappings":";q1BAyEA,MAAMA,EAAQC,EAIRC,EAAMC,IACNC,EAAiBC,EAAS,IAAMC,EAAU,cAAc,EACxDC,EAASC,IACTF,EAAYG,IACZC,EAAYC,IACZC,EAAcP,EAAS,IAAMC,EAAU,OAAO,EAC9CO,EAAYC,IACZC,EAAcD,IACdE,EAAmBF,EAAI,EAAK,EAC5BG,EAAiBZ,EAAS,IAAMK,EAAU,cAAc,EACxDQ,EAAUb,EAAS,WAAM,OAAAc,EAAAC,EAAY,QAAZ,YAAAD,EAAmB,QAAO,EAEnDE,EAAiB,IAAM,CAC3BnB,EAAI,OAAO,aAAc,CAAE,SAAU,GAAM,MAAO,aAAc,GAE5DoB,EAAkB,CAACC,EAAQC,IAAa,CAC5CX,EAAU,MAAQU,EAClBR,EAAY,MAAQS,EACpBR,EAAiB,MAAQ,IAGrBS,EAAUpB,EAAS,IAAM,SAC7B,MAAMqB,EAAa,CACjB,MAAO,GACP,SAAU,GACV,MAAO,GACP,gBAAiB,CAAC,GAACP,EAAAD,EAAQ,QAAR,MAAAC,EAAe,OAAaQ,KAAG,SAAS,iBAAiB,QAC5E,gBAAiB,CAAC,GAACC,EAAAV,EAAQ,QAAR,MAAAU,EAAe,OAAaD,KAAG,SAAS,iBAAiB,SAEvE,OAAA3B,EAAM,MAAM,eAAe,QAAQ,OAAa2B,GAAAD,EAAWC,CAAE,CAAC,EACtE,EAEK,CAAE,iBAAAE,GAAqBC,IAEzB,IAAAC,EACAC,EACE,MAAE,KAAMZ,EAAa,MAAAa,IAAU,CAAAC,EAAAC,CAAA,EAAAC,GAAA,SAAM,cAAAC,EAAa,eAAiBC,GAAU/B,EAAO,QAAQ,KAAKY,EAAAP,EAAY,QAAZ,YAAAO,EAAmB,UAAW,IAAMnB,EAAM,MAAM,IAAK,SAAY,aAClKkB,MAEJ,OAAIC,EAAAP,EAAY,QAAZ,MAAAO,EAAmB,UAASD,GAAWqB,EAAA,MAAMV,EAC/C,CACE,IAAK,OACL,KAAM,OACN,eAAeD,EAAAhB,EAAY,QAAZ,YAAAgB,EAAmB,QAClC,YAAa,EACf,GACAY,EAAAxC,EAAM,QAAN,YAAAwC,EAAa,MACX,IARuC,YAAAD,EAQvC,MAEG,CAAE,QAAArB,EAAQ,EAChB,CACD,UAAUuB,EAAO,CACR,OACL,GAAGA,EACH,cAAe,IAAK,CAExB,EACA,cAAcC,EAAK,CACX,MAAAC,EAAOzC,EAAI,QAAQ,KAAKwC,CAAG,GAAKxC,EAAI,OAAO,KAAKwC,CAAG,EACzD,GAAI,CAACC,EACH,OAGF,MAAMC,EAAiB,IAAI,KAAKD,EAAK,SAAS,EAI9C,GAHAC,EAAe,QAAQA,EAAe,UAAY,EAAI,GAAK,GAAK,GAAI,EAClD,EAAAA,EAAe,QAAQ,EAAI,KAAK,IAAI,GAK/C,OAAAD,CACT,EACD,qBAED,GAAIV,EAAM,MACR,cAAQ,IAAI,gBAAgB,EACtBY,EAAY,CAChB,WAAYd,EACZ,MAAO,GACP,QAASC,CAAA,CACV,EAGH,OAAAc,GAAM,IAAM,cAAA3B,EAAAP,EAAY,QAAZ,YAAAO,EAAmB,SAC7B,SAAY,WACVD,EAAQ,OAASsB,EAAA,MAAMX,EAAiB,CACtC,IAAK,OACL,KAAM,OACN,eAAeV,EAAAP,EAAY,QAAZ,YAAAO,EAAmB,QAClC,YAAa,EACf,GACAS,EAAA5B,EAAM,QAAN,YAAA4B,EAAa,MAAU,IANN,YAAAY,EAMM,IACzB","names":["props","__props","ctx","useNuxtApp","getAddressText","computed","cityStore","$route","useRoute","useCities","mainStore","useMainStore","currentCity","selTariff","ref","selProvider","showDialogTariff","disabledPortal","tariffs","_a","dataTariffs","showDialogCity","openTariffModal","tariff","provider","columns","columnShow","el","_b","fastFetchTariffs","tariffsComposible","errorStatus","errorMessage","error","__temp","__restore","_withAsyncContext","useAsyncData","removeUtm","_d","_c","input","key","data","expirationDate","createError","watch"],"ignoreList":[],"sources":["../../../../components/blog-page/BlogTable.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"tariffs?.length\"\n    class=\"b-table\"\n  >\n    <client-only>\n      <div class=\"blog-table__wrap\">\n        <table class=\"blog-table\">\n          <thead>\n            <tr>\n              <td>Тариф, провайдер</td>\n              <td\n                v-for=\"column in columns\"\n                :key=\"column\"\n              >\n                {{ column.replace('speed', 'Скорость').replace('price', 'Цена').replace('tvChannelsCount', 'Каналов ТВ').replace('mobileGigabytes', 'Моб. трафик') }}\n              </td>\n            </tr>\n          </thead>\n          <tbody>\n            <tr\n              v-for=\"tariff in tariffs\"\n              :key=\"tariff.id + block.key\"\n            >\n              <td>\n                <p class=\"fwm\">\n                  {{ tariff.provider.name }}\n                </p><button\n                  class=\"secondary-dark--text text-no-wrap hidden\"\n                  @click=\"openTariffModal(tariff)\"\n                >\n                  {{ tariff.name }}\n                </button>\n              </td>\n              <td\n                v-for=\"column in columns\"\n                :key=\"column\"\n              >\n                {{ column === 'speed' ? tariff.services.internetSpeed + ' Мбит/с' : column === 'price' ? (tariff.payment.promoPrice || tariff.payment.price) + ' ₽/мес' : column === 'tvChannelsCount' ? (tariff.services.tvChannelsCount ? tariff.services.tvChannelsCount + ' Кн.' : '') : column === 'mobileGigabytes' ? (tariff.services.mobileGigabytes ? tariff.services.mobileGigabytes + ' Гб' + (tariff.services.mobileMinutes ? ' ' + tariff.services.mobileMinutes + ' Мин.' : '') : '') : column }}\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n      <p\n        class=\"blog-table__subtitle\"\n      >\n        <span class=\"gray-dark--text\">Информация для</span> {{ getAddressText.cityOnlyPos }} <button @click=\"showDialogCity\">\n          изменить город\n        </button>\n      </p>\n      <LazyVDialog\n        v-model=\"showDialogTariff\"\n        :fullscreen=\"!disabledPortal\"\n        :width=\"disabledPortal ? 'auto' : ''\"\n      >\n        <LazyModalTariff\n          v-if=\"showDialogTariff\"\n          :sel-tariff=\"selTariff\"\n          :provider=\"selProvider\"\n          @close=\"showDialogTariff = false\"\n        />\n      </LazyVDialog>\n    </client-only>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useCities } from '~/store/cites/cities.store'\nimport { useMainStore } from '~/store/main/main.store'\nimport { tariffsComposible } from '~/composible/getTariffs'\nimport removeUtm from '~/composible/removeUtm'\n\nconst props = defineProps({\n  block: {},\n})\n\nconst ctx = useNuxtApp()\nconst getAddressText = computed(() => cityStore.getAddressText)\nconst $route = useRoute()\nconst cityStore = useCities()\nconst mainStore = useMainStore()\nconst currentCity = computed(() => cityStore.getCity)\nconst selTariff = ref()\nconst selProvider = ref()\nconst showDialogTariff = ref(false)\nconst disabledPortal = computed(() => mainStore.disabledPortal)\nconst tariffs = computed(() => dataTariffs.value?.tariffs)\n\nconst showDialogCity = () => {\n  ctx.$event('cityDialog', { redirect: true, label: 'blog-table' })\n}\nconst openTariffModal = (tariff, provider) => {\n  selTariff.value = tariff\n  selProvider.value = provider\n  showDialogTariff.value = true\n}\n\nconst columns = computed(() => {\n  const columnShow = {\n    price: true,\n    internet: true,\n    speed: true,\n    tvChannelsCount: !!tariffs.value?.filter(el => el.services.tvChannelsCount).length,\n    mobileGigabytes: !!tariffs.value?.filter(el => el.services.mobileGigabytes).length,\n  }\n  return props.block.display_config.columns.filter(el => columnShow[el])\n})\n\nconst { fastFetchTariffs } = tariffsComposible()\n\nlet errorStatus\nlet errorMessage\nconst { data: dataTariffs, error } = await useAsyncData('tariffsTable' + removeUtm($route.fullPath) + (currentCity.value?.fias_id || '') + props.block.key, async () => {\n  let tariffs\n\n  if (currentCity.value?.fias_id) tariffs = (await fastFetchTariffs(\n    {\n      url: undefined,\n      hash: undefined,\n      addrObjFiasId: currentCity.value?.fias_id,\n      strictTechs: false,\n    },\n    props.block?.config,\n  ))?.data\n\n  return { tariffs }\n}, {\n  transform(input) {\n    return {\n      ...input,\n      fetchedAt: new Date(),\n    }\n  },\n  getCachedData(key) {\n    const data = ctx.payload.data[key] || ctx.static.data[key]\n    if (!data) {\n      return\n    }\n\n    const expirationDate = new Date(data.fetchedAt)\n    expirationDate.setTime(expirationDate.getTime() + 7 * 60 * 60 * 1000)\n    const isExpired = expirationDate.getTime() < Date.now()\n\n    if (isExpired) {\n      return\n    }\n    return data\n  },\n})\n\nif (error.value) {\n  console.log('blogTableCatch')\n  throw createError({\n    statusCode: errorStatus,\n    fatal: true,\n    message: errorMessage,\n  })\n}\n\nwatch(() => currentCity.value?.fias_id,\n  async () => {\n    tariffs.value = (await fastFetchTariffs({\n      url: undefined,\n      hash: undefined,\n      addrObjFiasId: currentCity.value?.fias_id,\n      strictTechs: false,\n    },\n    props.block?.config))?.data\n  })\n</script>\n\n<style scoped lang=\"scss\">\n.blog-table {\n  border-spacing: 0;\n  border-radius: 16px;\n  overflow: hidden;\n  width: 100%;\n  td {\n    height: 64px;\n    padding: 0 16px;\n    white-space: nowrap !important;\n    p {\n      text-overflow: ellipsis;\n    }\n    a {\n      display: block;\n      max-width: 180px;\n      text-overflow: ellipsis;\n      transition: color .24s;\n      &:hover {\n        color: color(primary)\n      }\n    }\n  }\n  thead {\n    background: #686868;\n    color: color(white);\n  }\n  tbody {\n    tr:nth-child(even) {\n      background: color(gray-light-3);\n    }\n    tr:not(:last-child) {\n      td:first-child {\n        border-left: 1px solid color(gray-light-3);\n      }\n      td:last-child {\n        border-right: 1px solid color(gray-light-3);\n      }\n    }\n    tr:last-child {\n      td {\n        border-bottom: 1px solid color(gray-light-3);\n      }\n      td:first-child {\n        border-left: 1px solid color(gray-light-3);\n        border-radius: 0 0 0 16px;\n      }\n      td:last-child {\n        border-right: 1px solid color(gray-light-3);\n        border-radius: 0 0 16px 0;\n      }\n    }\n  }\n  &__subtitle {\n    button {\n      color: color(secondary-dark);\n      transition: color .24s;\n      text-decoration: underline;\n      &:hover {\n        color: color(primary);\n      }\n    }\n  }\n\n  &__wrap {\n    overflow-x: auto;\n    scrollbar-width: 5px;\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 5px;\n      background-color: color(gray-light-3);\n    }\n  }\n}\n</style>\n"],"file":"_nuxt/B771kXK8.js"}