{"version":3,"file":"DxH8xR5s.js","sources":["../../../../components/provider-page/ProviderPageContacts.vue"],"sourcesContent":["<template>\n  <section\n    class=\"provider-page__contacts\"\n    data-test=\"contacts-block\"\n  >\n    <h2 class=\"provider-page__contacts-title\">\n      Контакты\n    </h2>\n    <div\n      v-if=\"phone\"\n      class=\"provider-page__contacts-phones\"\n    >\n      <template v-if=\"phone.display_number && !segmentationActive && !hideNumber\">\n        <p class=\"provider-page__contacts-titles\">\n          Подключение\n        </p>\n        <a\n          :href=\"`tel:${phone.call_number}`\"\n          class=\"secondary-dark--text fwm\"\n        >{{ phone.display_number }}</a>\n      </template>\n      <template v-if=\"help.display_number\">\n        <p class=\"provider-page__contacts-titles\">\n          Техподдержка\n        </p>\n        <a\n          :href=\"`tel:${help.call_number}`\"\n          class=\"secondary-dark--text fwm\"\n        >{{ help.display_number }}</a>\n      </template>\n    </div>\n    <div\n      v-if=\"provider.siteUrl\"\n      class=\"provider-page__contacts-site\"\n    >\n      <p class=\"provider-page__contacts-titles\">\n        Сайт компании\n      </p>\n      <a\n        :href=\"provider.siteUrl\"\n        class=\"secondary-dark--text\"\n        target=\"_blank\"\n      >{{ provider.siteUrl }}</a>\n    </div>\n    <div\n      v-if=\"allOffices && allOffices.result && allOffices.result.length\"\n      class=\"provider-page__contacts-offices\"\n    >\n      <p class=\"provider-page__contacts-titles\">\n        Офисы {{ provider.name }}\n      </p>\n      <div class=\"d-flex\">\n        <div\n          v-for=\"office in allOffices.result\"\n          :key=\"office.id\"\n          class=\"d-flex flex-column provider-page__contacts-offices--item\"\n        >\n          <span class=\"gray-dark--text\">Адрес:</span>\n          <p>{{ office.full_address }}</p>\n          <span class=\"gray-dark--text\">График работы:</span>\n          <p\n            v-for=\"(time, i) in office.working_hours\"\n            :key=\"'time' + i\"\n          >\n            {{ time.days_range }}: {{ time.time_range }}\n          </p>\n          <span\n            v-if=\"office.phone_numbers && office.phone_numbers.length\"\n            class=\"gray-dark--text\"\n          >Техподдержка:</span>\n          <a\n            v-for=\"(phone, i) in office.phone_numbers\"\n            :key=\"'phone' + i\"\n            class=\"secondary-dark--text\"\n            :href=\"`tel:${phone.phone}`\"\n          >{{ phone.display_phone }}</a>\n        </div>\n      </div>\n    </div>\n    <div class=\"provider-page__contacts-info\">\n      <p class=\"provider-page__contacts-titles\">\n        Реквизиты\n      </p>\n      <p>{{ provider.legalEntity }}</p>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { getCallNumber } from '~/composible/getCallNumber'\nimport { useMainStore } from '~/store/main/main.store'\n\nconst props = defineProps({\n  provider: {\n    type: Object,\n    required: true,\n  },\n  allOffices: {},\n  general: {},\n  about: {},\n})\n\nconst mainStore = useMainStore()\nconst phone = computed(() => !props.about?.tariffless ? { display_number: callNumberAsync.value?.display_number || undefined, call_number: callNumberAsync.value?.call_number || undefined } : { display_number: props.about?.contact?.display_phone, call_number: props.about?.contact?.phone })\nconst help = computed(() => !props.about?.tariffless ? { display_number: props.general?.support?.display_number || undefined, call_number: props.general?.support?.call_number || undefined } : { display_number: props.about?.contact?.display_phone, call_number: props.about?.contact?.phone })\nconst hideNumber = computed(() => mainStore.getHideNumber)\n\nconst phoneConnect = computed(() => mainStore.getCallNumber?.connect)\nconst { getPhoneNumber, stopGetCall, callNumber } = getCallNumber()\nconst segmentationActive = computed(() => mainStore.getSegmentationActive)\nconst callNumberAsync = computed(() => callNumber.value?.call_number ? callNumber.value : phoneConnect.value)\n\nconst options = {\n  rootMargin: '100px',\n  threshold: 0.1,\n}\nconst checkPosition = (entries) => {\n  if (entries && entries[0].isIntersecting) {\n    getPhoneNumber(false, { provider: props.provider?.id }, true)\n  }\n  else stopGetCall()\n}\n\nonMounted(() => {\n  if (!props.about?.tariffless) {\n    const target = document.querySelector('.provider-page__contacts')\n    const observer = new IntersectionObserver(checkPosition, options)\n\n    if (target) {\n      observer.observe(target)\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n.provider-page__contacts {\n  padding: 40px;\n  background: color(white);\n  border: 1px solid color(gray-darker);\n  border-radius: 16px;\n  margin-bottom: 40px;\n  @media (max-width: getBreakpoint(tablet)) {\n    padding: 24px 16px;\n  }\n\n  &-title {\n    font-size: fontSize(headline-4);\n    line-height: 1.4;\n    margin-bottom: 16px;\n    @media (max-width: getBreakpoint(tablet)) {\n      font-size: 21px;\n    }\n  }\n\n  &-phones {\n    padding-bottom: 16px;\n    p {\n      margin-top: 12px;\n    }\n    a {\n      font-size: fontSize(headline-6);\n      transition: color .24s;\n      &:hover {\n        color: color(primary);\n      }\n    }\n  }\n\n  &-titles {\n    font-size: fontSize(headline-8);\n    line-height: 1.4;\n    margin-bottom: 8px;\n    font-weight: 500;\n    @media (max-width: getBreakpoint(tablet)) {\n      font-size: fontSize(title);\n      margin-bottom: 4px;\n    }\n  }\n\n  &-offices {\n    padding-top: 16px;\n    margin-bottom: 32px;\n    position: relative;\n    &>div {\n      overflow-x: auto;\n      margin-right: -40px;\n      margin-left: -40px;\n      padding-left: 40px;\n\n    @media (max-width: getBreakpoint(tablet)) {\n\n      margin-right: -16px;\n      margin-left: -16px;\n      padding-left: 16px;\n    }\n\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 7px;\n      }\n\n    }\n    &:after {\n      content: '';\n      position: absolute;\n      left: 0px;\n      right: 0px;\n      top: 0px;\n      height: 1px;\n      background: color(gray-p);\n    }\n\n    &--item {\n      padding-right: 24px;\n      flex: 1 0 24%;\n\n      @media (max-width: getBreakpoint(tablet)) {\n        flex: 1 0 240px\n      }\n\n      a {\n        font-weight: 500;\n        transition: color .24s;\n        &:hover {\n          color: color(primary);\n        }\n      }\n      span {\n        margin-top: 8px;\n        font-size: fontSize(paragraph);\n      }\n      p {\n      }\n    }\n  }\n\n  &-info, &-site {\n    position: relative;\n    &:after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: -16px;\n      height: 1px;\n      background: color(gray-p);\n    }\n  }\n}\n</style>\n"],"names":["props","__props","mainStore","useMainStore","phone","computed","_a","_e","_d","_g","_f","_b","callNumberAsync","_c","help","_i","_h","hideNumber","phoneConnect","getPhoneNumber","stopGetCall","callNumber","getCallNumber","segmentationActive","options","checkPosition","entries","onMounted","target","observer"],"mappings":"+rBA4FA,MAAMA,EAAQC,EAURC,EAAYC,IACZC,EAAQC,EAAS,IAAM,mBAAA,OAACC,EAAAN,EAAM,QAAN,MAAAM,EAAa,WAAoJ,CAAE,gBAAgBC,GAAAC,EAAAR,EAAM,QAAN,YAAAQ,EAAa,UAAb,YAAAD,EAAsB,cAAe,aAAaE,GAAAC,EAAAV,EAAM,QAAN,YAAAU,EAAa,UAAb,YAAAD,EAAsB,KAAO,EAAxO,CAAE,iBAAgBE,EAAAC,EAAgB,QAAhB,YAAAD,EAAuB,iBAAkB,OAAW,cAAaE,EAAAD,EAAgB,QAAhB,YAAAC,EAAuB,cAAe,MAAU,EAAqG,EAC1RC,EAAOT,EAAS,IAAA,uBAAM,OAACC,EAAAN,EAAM,QAAN,MAAAM,EAAa,WAAsJ,CAAE,gBAAgBG,GAAAC,EAAAV,EAAM,QAAN,YAAAU,EAAa,UAAb,YAAAD,EAAsB,cAAe,aAAaM,GAAAC,EAAAhB,EAAM,QAAN,YAAAgB,EAAa,UAAb,YAAAD,EAAsB,OAAnO,CAAE,iBAAgBF,GAAAF,EAAAX,EAAM,UAAN,YAAAW,EAAe,UAAf,YAAAE,EAAwB,iBAAkB,OAAW,cAAaN,GAAAC,EAAAR,EAAM,UAAN,YAAAQ,EAAe,UAAf,YAAAD,EAAwB,cAAe,MAAc,EAAiG,EAC3RU,EAAaZ,EAAS,IAAMH,EAAU,aAAa,EAEnDgB,EAAeb,EAAS,IAAA,OAAM,OAAAC,EAAAJ,EAAU,gBAAV,YAAAI,EAAyB,QAAO,EAC9D,CAAE,eAAAa,EAAgB,YAAAC,EAAa,WAAAC,GAAeC,EAAc,EAC5DC,EAAqBlB,EAAS,IAAMH,EAAU,qBAAqB,EACnEU,EAAkBP,EAAS,IAAM,OAAA,OAAAC,EAAAe,EAAW,QAAX,MAAAf,EAAkB,YAAce,EAAW,MAAQH,EAAa,MAAK,EAEtGM,EAAU,CACd,WAAY,QACZ,UAAW,EAAA,EAEPC,EAAiBC,GAAY,OAC7BA,GAAWA,EAAQ,CAAC,EAAE,eACxBP,EAAe,GAAO,CAAE,UAAUb,EAAAN,EAAM,WAAN,YAAAM,EAAgB,EAAA,EAAM,EAAI,EAE7Cc,EAAA,CAAA,EAGnB,OAAAO,EAAU,IAAM,OACV,GAAA,GAACrB,EAAAN,EAAM,QAAN,MAAAM,EAAa,YAAY,CACtB,MAAAsB,EAAS,SAAS,cAAc,0BAA0B,EAC1DC,EAAW,IAAI,qBAAqBJ,EAAeD,CAAO,EAE5DI,GACFC,EAAS,QAAQD,CAAM,CAE3B,CAAA,CACD"}