{"version":3,"file":"index-DJ8srKXB.js","sources":["../../../app/frontend/vue/src/app-containers/therapist/card/components/section.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/scheduler.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/alert.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/early-start.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/education.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/questions-item.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/questions.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/modals/modal-methods.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/info.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/therapy-type-toggle.vue","../../../app/frontend/vue/src/app-containers/therapist/card/composables/use-listeners.js","../../../app/frontend/vue/src/app-containers/therapist/card/components/flying-block.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/modals/modal-reschedule-warning.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/modals/modal-terms.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/submit-block.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/nearest-day.vue","../../../app/frontend/vue/src/app-containers/therapist/card/index.vue","../../../app/frontend/vue/src/app-containers/therapist/card/composables/use-questions.js"],"sourcesContent":["<template>\n  <div\n    ref=\"rootEl\"\n    class=\"_w-full\"\n  >\n    <div class=\"_mb-4\">\n      <tw-ui-skeleton\n        v-if=\"isFetching\"\n        width=\"_w-52\"\n        height=\"_h-7\"\n        active\n      />\n      <h2\n        v-else\n        class=\"_t-article-accent-short\"\n        v-html=\"title\"\n      />\n    </div>\n    <slot />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { TwUiSkeleton } from '@yasno-live/yasno-components';\n\ndefineOptions({\n  name: 'TherapistSection',\n});\n\nconst rootEl = ref(null);\n\ndefineExpose({ rootEl });\n\ndefineProps({\n  isFetching: Boolean,\n  title: {\n    type: String,\n    required: true,\n  },\n});\n</script>\n","<template>\n  <therapist-section\n    ref=\"rootEl\"\n    :is-fetching=\"isFetching\"\n    :title=\"title\"\n  >\n    <slot name=\"alert\" />\n    <div class=\"_mb-4\">\n      <tw-ui-skeleton\n        v-if=\"isFetching\"\n        width=\"_w-40\"\n        active\n      />\n      <div\n        v-else\n        class=\"_flex _items-center _t-body-regular-short\"\n      >\n        <tw-ui-icon\n          icon=\"clock-stroke.svg\"\n          color=\"_fill-grey-700\"\n          size=\"_w-5 _h-5\"\n          class=\"_mr-1\"\n        />\n        <span class=\"_text-grey-900\">{{ scheduleTimezone }}</span>\n      </div>\n    </div>\n    <s-scheduler\n      v-model=\"selectedSlot\"\n      :loading=\"isFetching\"\n      :schedule=\"slots\"\n      :max-visible-days=\"MAX_VISIBLE_DAYS\"\n      :timezone=\"timezone\"\n      :only-couple=\"isCoupleTherapy\"\n      row-gap=\"_gap-6\"\n      title-gap=\"_gap-2\"\n      chip-gap=\"_gap-x-1 md:_gap-x-2 _gap-y-2\"\n    />\n    <slot name=\"footer\" />\n  </therapist-section>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { TwUiSkeleton, TwUiIcon } from '@yasno-live/yasno-components';\nimport SScheduler from '@shared/s-scheduler';\nimport { useTimezonesList } from '@front/composables/use-timezones-list';\nimport TherapistSection from './section.vue';\n\nconst MAX_VISIBLE_DAYS = 2;\n\ndefineOptions({\n  name: 'TherapistScheduler',\n});\n\nconst rootEl = ref(null);\nconst computedRootEl = computed(() => rootEl.value?.rootEl ?? null);\n\ndefineExpose({ rootEl: computedRootEl });\n\nconst {\n  isFetching, schedule, therapyType, timezone, isClient,\n} = defineProps({\n  isFetching: Boolean,\n  isClient: Boolean,\n  schedule: {\n    type: Object,\n    default: () => ({}),\n  },\n  therapyType: {\n    type: String,\n    default: '',\n  },\n  timezone: {\n    type: String,\n    required: true,\n  },\n});\n\nconst { timezonesMap } = useTimezonesList();\n\nconst selectedSlot = defineModel({ type: Object });\n\nconst slots = computed(() => schedule.slots ?? []);\nconst isCoupleTherapy = computed(() => therapyType === 'couple');\nconst title = computed(() => (isCoupleTherapy.value ? 'Расписание парных сессий' : 'Расписание'));\n\nconst scheduleTimezone = computed(() => {\n  const tz = isClient ? schedule.time_zone : timezone;\n\n  return timezonesMap.value[tz]?.locale_title || schedule.time_zone;\n});\n</script>\n","<template>\n  <s-notification-banner\n    v-if=\"alert\"\n    :type=\"alert.type\"\n    :text=\"alert.message\"\n    :title=\"alert.title\"\n    class=\"_mb-4\"\n  >\n    <template\n      v-if=\"alert.action_url\"\n      #buttons\n    >\n      <tw-ui-button\n        :type=\"buttonType\"\n        size=\"small\"\n      >\n        <span v-html=\"alert.action_url\" />\n      </tw-ui-button>\n    </template>\n  </s-notification-banner>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { SNotificationBanner, TwUiButton } from '@yasno-live/yasno-components';\n\ndefineOptions({\n  name: 'TherapistAlert',\n});\n\nconst { alert } = defineProps({\n  alert: {\n    type: [Object, null],\n    default: null,\n  },\n});\n\nconst buttonType = computed(() => {\n  if (alert.type === 'alert') {\n    return 'danger';\n  }\n\n  return alert.type;\n});\n</script>\n","<template>\n  <tw-ui-badge\n    role=\"button\"\n    type=\"secondary\"\n    class=\"_mb-4 _cursor-pointer\"\n    @click=\"isOpen = true\"\n  >\n    <tw-ui-icon icon=\"graduation-cap.svg\" />\n    Практика во время обучения\n  </tw-ui-badge>\n\n  <s-popup\n    :is-open=\"isOpen\"\n    @on-close=\"isOpen = false\"\n  >\n    <template #title>\n      Из чего складывается опыт&nbsp;психолога?\n    </template>\n    <template #body>\n      <p class=\"_mb-3 md:_mb-4 _t-body-regular\">\n        Опыт психолога складывается из&nbsp;практики консультаций во&nbsp;время профессионального обучения и&nbsp;после.\n        В&nbsp;процессе учёбы будущий специалист проводит точно такие&nbsp;же сессии с&nbsp;клиентами&nbsp;&mdash;\n        под наблюдением опытных психологов. Поэтому в&nbsp;психотерапевтическом сообществе практику во&nbsp;время\n        обучения принято считать полноценным опытом консультирования.\n        <br>\n        <br>\n        Обращаясь к&nbsp;психологам Ясно, вы&nbsp;можете\n        не&nbsp;сомневаться в&nbsp;их&nbsp;надёжности. Только&nbsp;9% специалистов проходят строгий отбор.\n      </p>\n\n      <div class=\"_text-grey-800 _mb-2\">\n        Вот что для нас важно\n      </div>\n\n      <div class=\"_py-5 _px-4 _rounded-xl _bg-grey-100 _flex _flex-col _gap-3\">\n        <div\n          v-for=\"(row, i) in ROWS\"\n          :key=\"i\"\n          class=\"_flex _items-center _gap-2 _t-small-accent md:_t-body-accent\"\n        >\n          <tw-ui-icon\n            icon=\"check.svg\"\n            class=\"_min-w-6\"\n          /> <span v-html=\"row\" />\n        </div>\n      </div>\n\n      <div class=\"_mx-4 md:_mx-5 _my-5\">\n        <tw-ui-button\n          class=\"_mx-auto _w-full md:_w-[128px]\"\n          @click=\"isOpen = false\"\n        >\n          Ясно\n        </tw-ui-button>\n      </div>\n    </template>\n  </s-popup>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport SPopup from '@shared/s-popup';\nimport TwUiBadge from '@ui/tw-ui-badge/index.vue';\nimport { TwUiIcon, TwUiButton } from '@yasno-live/yasno-components';\n\nconst ROWS = [\n  'Подтверждённое профильное образование',\n  'Рекомендации от&nbsp;супервизора, коллег, преподавателей',\n  'От&nbsp;500 часов обучения методу',\n  'Подтверждённые знания и&nbsp;опыт&nbsp;&mdash; для этого куратор Ясно проводит личное собеседование',\n];\n\nconst isOpen = ref(false);\n</script>\n","<template>\n  <therapist-section\n    v-if=\"!isFetching && educations.length\"\n    :is-fetching=\"isFetching\"\n    title=\"Образование\"\n    class=\"_t-body-regular\"\n  >\n    <template v-if=\"isFetching\">\n      <div\n        v-for=\"i in [0, 1]\"\n        :key=\"i\"\n        class=\"_mb-4\"\n      >\n        <tw-ui-skeleton\n          width=\"_w-32\"\n          height=\"_h-5\"\n          class=\"_mb-2\"\n          active\n        />\n        <tw-ui-skeleton\n          width=\"_w-80\"\n          height=\"_h-5\"\n          active\n        />\n      </div>\n    </template>\n    <template v-else>\n      <early-start v-if=\"earlyStart\" />\n      <educations-item\n        v-for=\"(item, i) in educations.slice(0, ALWAYS_VISIBLE_ITEMS_COUNT)\"\n        :key=\"i\"\n        :item=\"item\"\n      />\n      <s-collapse\n        v-if=\"educations.length > ALWAYS_VISIBLE_ITEMS_COUNT\"\n        button-class=\"_mt-2\"\n      >\n        <educations-item\n          v-for=\"(item, i) in educations.slice(ALWAYS_VISIBLE_ITEMS_COUNT, educations.length)\"\n          :key=\"i\"\n          :item=\"item\"\n        />\n      </s-collapse>\n    </template>\n  </therapist-section>\n</template>\n\n<script setup>\nimport SCollapse from '@shared/s-collapse/index.vue';\nimport { TwUiSkeleton } from '@yasno-live/yasno-components';\nimport TherapistSection from './section.vue';\nimport EducationsItem from './education-item.vue';\nimport EarlyStart from './early-start.vue';\n\nconst ALWAYS_VISIBLE_ITEMS_COUNT = 2;\n\ndefineOptions({\n  name: 'TherapistEducation',\n});\n\ndefineProps({\n  isFetching: Boolean,\n  educations: {\n    type: Array,\n    default: () => [],\n  },\n  earlyStart: {\n    type: Boolean,\n    default: false,\n  },\n});\n</script>\n","<template>\n  <div class=\"_flex _items-center\">\n    <tw-ui-icon\n      :icon=\"getIconName(item.icon_style)\"\n      :color=\"item.active === false ? '_stroke-grey-700' : '_stroke-black-500'\"\n      base-path=\"questions\"\n      size=\"_w-8 _h-8\"\n      class=\"_mr-3 md:_mr-5\"\n    />\n    <span :class=\"{ '_text-grey-700 _line-through': item.active === false }\">\n      {{ item.title }}\n    </span>\n  </div>\n</template>\n\n<script setup>\nimport { TwUiIcon } from '@yasno-live/yasno-components';\n\ndefineOptions({\n  name: 'TherapistQuestionsItem',\n});\n\ndefineProps({\n  item: {\n    type: Object,\n    required: true,\n  },\n  inactive: Boolean,\n});\n\nconst getIconName = (iconName) => {\n  switch (iconName) {\n    case 'relationships':\n      iconName = 'stress';\n      break;\n    case 'with_parents':\n      iconName = 'child_parent';\n      break;\n    case 'with_cildren':\n      iconName = 'adoption';\n      break;\n    case 'sexual_relations':\n      iconName = 'sexual';\n      break;\n    case 'birth_of_children':\n      iconName = 'pregnancy';\n      break;\n    case 'divorce_couple':\n      iconName = 'divorce';\n      break;\n    case 'codependency':\n      iconName = 'emotional_addiction';\n      break;\n    default:\n      break;\n  }\n\n  return `${iconName}.svg`;\n};\n</script>\n","<template>\n  <therapist-section\n    :is-fetching=\"isFetching\"\n    :title=\"title\"\n    class=\"_t-body-regular\"\n  >\n    <div\n      v-if=\"isFetching\"\n      class=\"_flex _flex-col _gap-4\"\n    >\n      <div\n        v-for=\"i in [0, 1]\"\n        :key=\"i\"\n        class=\"_flex _items-center\"\n      >\n        <tw-ui-skeleton\n          width=\"_w-8\"\n          height=\"_h-8\"\n          class=\"mr-4 sm:_mr-5\"\n          active\n        />\n        <tw-ui-skeleton\n          width=\"_w-48\"\n          height=\"_h-6\"\n          active\n        />\n      </div>\n    </div>\n    <template v-else>\n      <div\n        :class=\"[\n          '_flex _flex-col _gap-4',\n          { '_mb-4': isShowMore }\n        ]\"\n      >\n        <questions-item\n          v-for=\"(question, i) in visibleQuestions\"\n          :key=\"i\"\n          :item=\"question\"\n        />\n      </div>\n      <s-collapse\n        v-if=\"isShowMore\"\n        :open-text=\"openText\"\n        button-class=\"_mt-4\"\n      >\n        <div class=\"_flex _flex-col _gap-4\">\n          <questions-item\n            v-for=\"(question, i) in hiddenQuestions\"\n            :key=\"i\"\n            :item=\"question\"\n          />\n        </div>\n      </s-collapse>\n    </template>\n  </therapist-section>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport SCollapse from '@shared/s-collapse/index.vue';\nimport { TwUiSkeleton } from '@yasno-live/yasno-components';\nimport TherapistSection from './section.vue';\nimport QuestionsItem from './questions-item.vue';\n\nconst ALWAYS_VISIBLE_ITEMS_COUNT = 5;\n\ndefineOptions({\n  name: 'TherapistQuestions',\n});\n\nconst { questions, matchesCount } = defineProps({\n  isFetching: Boolean,\n  questions: {\n    type: Array,\n    default: () => [],\n  },\n  matchesCount: {\n    type: Number,\n    default: 0,\n  },\n});\n\nconst title = computed(() => `Работает с&nbsp;темами${matchesCount ? ' вашей анкеты' : ''}`);\nconst visibleQuestions = computed(() => questions.slice(0, ALWAYS_VISIBLE_ITEMS_COUNT));\nconst hiddenQuestions = computed(() => questions.slice(ALWAYS_VISIBLE_ITEMS_COUNT, questions.length));\n\nconst isShowMore = computed(() => questions.length > ALWAYS_VISIBLE_ITEMS_COUNT);\nconst openText = computed(() => `Ещё ${questions.length - ALWAYS_VISIBLE_ITEMS_COUNT}`);\n</script>\n","<template>\n  <s-popup\n    :is-open=\"shown\"\n    @on-close=\"onClose\"\n  >\n    <template #title>\n      Метод терапии\n    </template>\n    <template #body>\n      <div class=\"_flex _flex-col _gap-4\">\n        <div\n          v-for=\"(method, i) in methods\"\n          :key=\"i\"\n        >\n          <div class=\"_font-medium _mb-2\">\n            {{ method.title }}\n          </div>\n          {{ method.description }}\n        </div>\n      </div>\n    </template>\n    <template #controls=\"{ close }\">\n      <div class=\"_flex _w-full _justify-center\">\n        <tw-ui-button @click=\"close\">\n          Ок, ясно\n        </tw-ui-button>\n      </div>\n    </template>\n  </s-popup>\n</template>\n\n<script setup>\nimport SPopup from '@shared/s-popup/index.vue';\nimport { TwUiButton } from '@yasno-live/yasno-components';\n\ndefineOptions({\n  name: 'TherapistModalMethods',\n});\n\ndefineProps({\n  methods: {\n    type: Array,\n    default: () => [],\n  },\n});\n\nconst shown = defineModel({ type: Boolean, default: false });\n\nconst onClose = () => {\n  shown.value = false;\n};\n</script>\n","<template>\n  <therapist-section\n    :is-fetching=\"isFetching\"\n    title=\"О&nbsp;специалисте\"\n    class=\"_t-body-regular\"\n  >\n    <tw-ui-skeleton\n      v-if=\"isFetching\"\n      width=\"_w-full\"\n      height=\"_h-32\"\n      active\n    />\n    <s-collapse\n      v-else\n      :visible-height=\"isMobile ? 120 : 144\"\n      button-class=\"_mt-2\"\n    >\n      <div class=\"_whitespace-pre-line\">\n        {{ therapist.desc }}\n      </div>\n    </s-collapse>\n  </therapist-section>\n  <therapist-education\n    :is-fetching=\"isFetching\"\n    :educations=\"therapist.educations\"\n    :early-start=\"therapist.early_start\"\n  />\n  <therapist-section\n    :is-fetching=\"isFetching\"\n    title=\"Метод терапии\"\n  >\n    <tw-ui-skeleton\n      v-if=\"isFetching\"\n      width=\"_w-80\"\n      height=\"_h-5 sm:_h-6\"\n      active\n    />\n    <div\n      v-else\n      class=\"_t-body-regular-short md:_t-body-regular\"\n    >\n      <span\n        v-for=\"(method, i) in methods\"\n        :key=\"i\"\n        class=\"_whitespace-nowrap\"\n      >\n        {{ method }}<template v-if=\"i !== methods.length - 1\">,&thinsp;</template>\n        <tw-ui-icon\n          v-if=\"i === methods.length - 1\"\n          icon=\"info.svg\"\n          size=\"_w-5 _h-5\"\n          class=\"_ml-1 _cursor-pointer _align-text-top _inline-flex\"\n          color=\"_fill-grey-700\"\n          @click=\"showMethodsModal\"\n        />\n      </span>\n    </div>\n  </therapist-section>\n  <therapist-questions\n    :is-fetching=\"isFetching\"\n    :questions=\"questions\"\n    :matches-count=\"matchesCount\"\n  />\n  <modal-methods\n    v-model=\"methodsModalShown\"\n    :methods=\"therapist.methods\"\n  />\n</template>\n\n<script setup>\nimport { computed, ref } from 'vue';\nimport SCollapse from '@shared/s-collapse/index.vue';\nimport { TwUiIcon, TwUiSkeleton } from '@yasno-live/yasno-components';\nimport useBreakpoints from '@front/composables/use-breakpoints';\nimport TherapistSection from './section.vue';\nimport TherapistEducation from './education.vue';\nimport TherapistQuestions from './questions.vue';\nimport ModalMethods from './modals/modal-methods.vue';\n\ndefineOptions({\n  name: 'TherapistInfo',\n});\n\nconst {\n  isFetching, therapist,\n} = defineProps({\n  isFetching: Boolean,\n  therapist: {\n    type: Object,\n    required: true,\n  },\n  questions: {\n    type: Array,\n    required: true,\n  },\n  matchesCount: {\n    type: Number,\n    required: true,\n  },\n});\n\nconst { isMobile } = useBreakpoints();\n\nconst methodsModalShown = ref(false);\nconst showMethodsModal = () => methodsModalShown.value = true;\nconst methods = computed(() => therapist.methods?.map(({ title }) => title) || []);\n</script>\n","<template>\n  <div\n    v-if=\"isBothAvailable || isFetching\"\n    :class=\"classes\"\n  >\n    <tw-ui-skeleton\n      v-if=\"isFetching\"\n      width=\"_w-full\"\n      height=\"_h-[50px]\"\n      active\n    />\n    <tw-ui-switcher\n      v-else\n      v-model=\"selectedType\"\n      :options=\"Object.values(TYPES)\"\n    >\n      <template #title=\"{ item }\">\n        <div class=\"_flex _items-center _justify-center\">\n          <span class=\"_overflow-hidden _text-ellipsis\">{{ item.title }}</span>\n          {{ getPrice(item.id) }}\n        </div>\n      </template>\n    </tw-ui-switcher>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { TwUiSwitcher, TwUiSkeleton } from '@yasno-live/yasno-components';\nimport useBreakpoints from '@front/composables/use-breakpoints';\n\nconst TYPES = {\n  single: {\n    id: 'single',\n    title: 'Индивидуальная',\n  },\n  couple: {\n    id: 'couple',\n    title: 'Парная',\n  },\n};\n\ndefineOptions({\n  name: 'TherapyTypeToggle',\n});\n\nconst { isSmallMobile } = useBreakpoints();\n\nconst { isStickyTopBar, priceByGrade } = defineProps({\n  isFetching: Boolean,\n  isBothAvailable: Boolean,\n  isStickyTopBar: Boolean,\n  priceByGrade: {\n    type: Object,\n    required: true,\n  },\n});\n\nconst classes = computed(() => {\n  if (isStickyTopBar) {\n    return '_w-full';\n  }\n\n  if (isSmallMobile.value) {\n    return '_w-full _max-w-[320px]';\n  }\n\n  return '_w-[320px]';\n});\n\nconst getPrice = (type) => (isStickyTopBar ? `・${priceByGrade[type]}` : '');\n\nconst selectedType = defineModel({ type: String });\n</script>\n","import {\n  nextTick, onBeforeUnmount, onMounted, watch,\n} from 'vue';\n\nexport const useListeners = ({\n  isFetching, resizeTarget, onResize, onScroll,\n}) => {\n  const handleResize = () => {\n    onResize();\n    onScroll();\n  };\n\n  // Initial call\n  watch(isFetching, () => nextTick(handleResize), { once: true });\n\n  const observer = new ResizeObserver(handleResize);\n\n  watch(resizeTarget, () => {\n    if (!resizeTarget.value) {\n      return;\n    }\n\n    observer.observe(resizeTarget.value);\n  }, { immediate: true });\n\n  onMounted(() => {\n    nextTick(() => {\n      window.addEventListener('scroll', onScroll, { passive: true });\n      window.addEventListener('resize', handleResize);\n    });\n  });\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('scroll', onScroll);\n    window.removeEventListener('resize', handleResize);\n  });\n};\n","<template>\n  <teleport\n    :to=\"leftBlockEl\"\n    :disabled=\"!isStuck\"\n  >\n    <div\n      ref=\"rootEl\"\n      class=\"_flex _flex-col _w-full _animate-[fadeIn_.2s_ease_forwards]\"\n      :class=\"[\n        { '_items-center': isMobile || isStuck },\n        !isMobile && isStuck ? '_gap-3' : '_gap-4'\n      ]\"\n      :style=\"isSmallMobile ? heightStyle : null\"\n    >\n      <tw-ui-skeleton\n        v-if=\"isFetching\"\n        width=\"_w-40\"\n        height=\"_h-7\"\n        active\n      />\n      <h1\n        v-else\n        class=\"_text-xl _m-0 _tracking-[-0.12px]\"\n      >\n        {{ therapist.fio }}\n      </h1>\n      <div class=\"_flex _gap-3 _t-body-regular\">\n        <tw-ui-skeleton\n          v-if=\"isFetching\"\n          width=\"_w-32\"\n          height=\"_h-10\"\n          active\n        />\n        <match-label v-else-if=\"isClient && isBookingAvailable\">\n          <template v-if=\"matchesCount\">\n            {{ matchesCount }} из {{ questions.length }} тем\n          </template>\n          <template v-else>\n            Нет совпадений\n          </template>\n        </match-label>\n        <tw-ui-skeleton\n          v-if=\"isFetching\"\n          width=\"_w-32\"\n          height=\"_h-10\"\n          active\n        />\n        <div\n          v-else\n          class=\"_bg-gray-100 _rounded-lg _px-3 _py-2 _inline-flex _items-center _gap-2\"\n        >\n          <tw-ui-icon icon=\"check-blue.svg\" />\n          {{ experience }}\n        </div>\n      </div>\n      <therapy-type-toggle\n        v-if=\"isShowToggle\"\n        v-model=\"selectedTherapyType\"\n        :is-both-available=\"therapist.single && therapist.couple\"\n        :is-fetching=\"isFetching\"\n        :is-sticky-top-bar=\"isStickyTopBar\"\n        :price-by-grade=\"priceByGrade\"\n        :class=\"{ 'sticky-block': isStickyTopBar }\"\n      />\n      <tw-ui-skeleton\n        v-if=\"isFetching\"\n        width=\"_w-80\"\n        height=\"_h-5\"\n        active\n      />\n      <div\n        v-else\n        class=\"_t-body-regular-short\"\n        :class=\"{\n          '_text-center': isStuck || isMobile,\n          '_flex _items-center _flex-col _gap-1': isStuck,\n          'sticky-block': !isShowToggle && isStickyTopBar\n        }\"\n      >\n        {{ isSingleTherapy ? 'Индивидуальная' : 'Парная' }} сессия\n        {{ isSingleTherapy ? '50&nbsp;мин' : '1,5&nbsp;часа' }}<span v-if=\"!isStuck\">, </span>\n        <span class=\"_inline-flex _items-center _font-medium md:_font-normal\">\n          {{ userPrice }}\n          <tw-ui-icon\n            v-if=\"isSingleTherapy\"\n            icon=\"info.svg\"\n            class=\"_ml-1\"\n            size=\"_w-5 _h-5 _cursor-pointer\"\n            color=\"_fill-grey-700\"\n            @click=\"showGradeInfoModal\"\n          />\n        </span>\n      </div>\n    </div>\n  </teleport>\n  <div\n    v-if=\"isLaptop && isStuck\"\n    :style=\"heightStyle\"\n  />\n  <s-modal-grade-info\n    v-if=\"gradeInfo\"\n    v-model=\"gradeInfoModalShown\"\n    :price=\"priceByGrade[selectedTherapyType]\"\n    :info=\"gradeInfo\"\n  />\n</template>\n\n<script setup>\nimport {\n  computed, ref, toRefs, watch,\n} from 'vue';\nimport { TwUiIcon, TwUiSkeleton } from '@yasno-live/yasno-components';\nimport SModalGradeInfo from '@shared/s-modal-grade-info';\nimport { formatPrice } from '@front/utils/fns';\nimport i18n from '@front/services/app-localizer';\nimport useBreakpoints from '@front/composables/use-breakpoints';\nimport TherapyTypeToggle from './therapy-type-toggle.vue';\nimport MatchLabel from './match-label';\nimport { useListeners } from '../composables/use-listeners';\n\nconst DEFAULT_CURRENCY = 'RUB';\n\nconst props = defineProps({\n  isFetching: Boolean,\n  isBookingAvailable: Boolean,\n  isClient: Boolean,\n  therapist: {\n    type: Object,\n    required: true,\n  },\n  user: {\n    type: Object,\n    required: true,\n  },\n  questions: {\n    type: Array,\n    required: true,\n  },\n  matchesCount: {\n    type: Number,\n    required: true,\n  },\n  cardEl: {\n    type: [Object, null],\n    default: null,\n  },\n  leftBlockEl: {\n    type: [Object, null],\n    default: null,\n  },\n  flyingBlockWrapperEl: {\n    type: [Object, null],\n    default: null,\n  },\n});\n\nconst {\n  isFetching, matchesCount, user, therapist,\n  isBookingAvailable, leftBlockEl, cardEl,\n} = toRefs(props);\n\ndefineOptions({\n  name: 'TherapistFlyingBlock',\n});\n\nconst selectedTherapyType = defineModel({ type: String });\n\nconst { isMobile, isSmallMobile, isLaptop } = useBreakpoints();\n\nconst isShowToggle = computed(() => !user.value.therapy_type);\nconst isSingleTherapy = computed(() => selectedTherapyType.value === 'single');\nconst gradeInfo = computed(() => therapist.value[`${selectedTherapyType.value}_grade`] ?? null);\n\nconst priceByGrade = computed(() => {\n  const currency = user.value.currency || DEFAULT_CURRENCY;\n\n  // TODO: grade_for_user не используется\n  const getPrice = (type) => {\n    const data = therapist.value[`${type}_grade`] || {};\n\n    return formatPrice(currency.toUpperCase() === DEFAULT_CURRENCY ? data.price : data.price_eur, currency);\n  };\n\n  return {\n    single: getPrice('single'),\n    couple: getPrice('couple'),\n  };\n});\n\nconst userPrice = computed(() => priceByGrade.value[selectedTherapyType.value] || '-');\nconst experience = computed(() => `Опыт ${therapist.value.exp} ${i18n.global.tc('periods.years', therapist.value.exp)}`);\n\nconst gradeInfoModalShown = ref(false);\nconst showGradeInfoModal = () => gradeInfoModalShown.value = true;\n\nconst rootEl = ref(null);\nconst isStuck = ref(false);\nconst isStickyTopBar = ref(false);\nconst rootOffset = ref(0);\nconst rootHeight = ref('auto');\n\nconst heightStyle = computed(() => ({ height: `${rootHeight.value}px` }));\n\nwatch(isStickyTopBar, (value) => {\n  if (value) {\n    document.body.classList.add('hide-shadow');\n  } else {\n    document.body.classList.remove('hide-shadow');\n  }\n});\n\nuseListeners({\n  isFetching,\n  resizeTarget: rootEl,\n  onResize: () => {\n    if (isFetching.value || isStuck.value) {\n      return;\n    }\n\n    rootOffset.value = rootEl.value.offsetTop;\n    rootHeight.value = rootEl.value.clientHeight;\n  },\n  onScroll: () => {\n    if (isLaptop.value) {\n      isStuck.value = window.scrollY > rootOffset.value + rootHeight.value;\n    } else {\n      isStuck.value = false;\n    }\n\n    if (isSmallMobile.value) {\n      const topCondition = window.scrollY > rootEl.value.offsetTop + rootEl.value.clientHeight;\n      const bottomCondition = window.scrollY < cardEl.value.clientHeight - cardEl.value.offsetTop;\n\n      isStickyTopBar.value = topCondition && bottomCondition;\n    } else {\n      isStickyTopBar.value = false;\n    }\n  },\n});\n</script>\n\n<style lang=\"postcss\" scoped>\n@keyframes slideIn {\n  from {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n.sticky-block {\n  @apply _fixed _left-0 _top-12 _bg-white-100 _shadow-small _px-4 _py-3 _w-full\n    _text-center _animate-[slideIn_.2s_ease_forwards];\n}\n</style>\n","<template>\n  <s-popup\n    :is-open=\"shown\"\n    @on-close=\"onClose\"\n  >\n    <template #title>\n      Запись к психологу\n    </template>\n    <template #body>\n      <p>\n        Запланированная сессия с вашим психологом {{ userTherapist.name }} будет отменена.\n        Вы всегда сможете вернуться к работе&nbsp;позже.\n      </p>\n      <div>\n        Запись к новому психологу {{ newTherapist.fio }} {{ date }}.\n      </div>\n    </template>\n    <template #controls>\n      <tw-ui-button @click=\"onConfirm\">\n        Да, записаться\n      </tw-ui-button>\n      <tw-ui-button\n        weight=\"secondary\"\n        @click=\"onClose\"\n      >\n        Отменить\n      </tw-ui-button>\n    </template>\n  </s-popup>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { TwUiButton } from '@yasno-live/yasno-components';\nimport SPopup from '@shared/s-popup/index.vue';\nimport { formatDateInTimezone } from '@front/utils/format-date-in-timezone';\n\ndefineOptions({\n  name: 'TherapistModalRescheduleWarning',\n});\n\nconst { selectedSlot, timezone, timezoneTitle } = defineProps({\n  userTherapist: {\n    type: Object,\n    required: true,\n  },\n  newTherapist: {\n    type: Object,\n    required: true,\n  },\n  selectedSlot: {\n    type: Object,\n    required: true,\n  },\n  timezone: {\n    type: String,\n    required: true,\n  },\n  timezoneTitle: {\n    type: String,\n    required: true,\n  },\n});\n\nconst emit = defineEmits(['confirm']);\nconst shown = defineModel({ type: Boolean, default: false });\n\nconst date = computed(() => `${formatDateInTimezone(selectedSlot.session_at, timezone, 'D MMMM, dddd в HH:mm')} (${timezoneTitle})`);\n\nconst onClose = () => {\n  shown.value = false;\n};\n\nconst onConfirm = () => {\n  onClose();\n  emit('confirm');\n};\n</script>\n","<template>\n  <s-popup\n    :is-open=\"shown\"\n    @on-close=\"onClose\"\n  >\n    <template #title>\n      Договор оказания услуг\n    </template>\n    <template #body>\n      <div\n        v-if=\"isFetching\"\n        class=\" _min-h-48 _flex _items-center _justify-center\"\n      >\n        <tw-ui-icon\n          class=\"_spinner\"\n          icon=\"spinner-alt.svg\"\n          color=\"_fill-grey-800\"\n          size=\"_w-8 _h-8\"\n        />\n      </div>\n      <div v-html=\"data\" />\n    </template>\n  </s-popup>\n</template>\n\n<script setup>\nimport { computed, watch } from 'vue';\nimport { useFetch } from '@vueuse/core';\nimport { THERAPIST_CATALOG_PATH_URL } from '@front/utils/const/urls';\nimport SPopup from '@shared/s-popup/index.vue';\nimport { TwUiIcon } from '@yasno-live/yasno-components';\n\ndefineOptions({\n  name: 'TherapistModalTerms',\n});\n\nconst { therapistId } = defineProps({\n  // TODO: использовать параметр из роутера\n  therapistId: {\n    type: String,\n    default: undefined,\n  },\n});\n\nconst shown = defineModel({ type: Boolean, default: false });\n\nconst url = computed(() => `${THERAPIST_CATALOG_PATH_URL}/${therapistId}/term`);\nconst { data, isFetching, execute } = useFetch(url, {\n  immediate: false,\n  beforeFetch({ options }) {\n    options.headers = {\n      ...options.headers,\n      'X-Requested-With': 'XMLHttpRequest', // Чтобы сработала проверка 'request.xhr?' в rails\n    };\n\n    return { options };\n  },\n});\n\nwatch(shown, execute, { once: true });\n\nconst onClose = () => {\n  shown.value = false;\n};\n</script>\n","<template>\n  <s-notification-banner\n    v-if=\"error?.type\"\n    :type=\"error.type\"\n    :text=\"error.message\"\n    :title=\"error.title\"\n    class=\"_mt-4\"\n    @on-close=\"onErrorClose\"\n  />\n  <div\n    ref=\"rootEl\"\n    class=\"_sticky _bottom-0 _z-10 _bg-white-100 _mt-[28px] md:_mt-6 md:_-mb-4 _pt-4 _w-full _border-t-[1px] _border-grey-500 _transition-colors\"\n    :class=\"{ '_border-transparent': isSubmitBlockScrolled }\"\n  >\n    <div\n      v-if=\"isClient\"\n      class=\"_text-center md:_text-left _t-tiny-regular _max-w-[420px] _mx-auto md:_mx-0 _mb-3 md:_mb-4\"\n    >\n      Нажимая кнопку, вы&nbsp;подтверждаете, что&nbsp;ознакомлены и&nbsp;согласны\n      с&nbsp;<a\n        href=\"#\"\n        @click.prevent=\"showTermsModal\"\n      >договором&nbsp;оказания&nbsp;услуг</a>\n      и&nbsp;даёте согласие на&nbsp;обработку персональных данных психологу.\n    </div>\n    <div\n      ref=\"submitButtonEl\"\n      class=\"_h-12 _pb-4 _box-content\"\n    >\n      <tw-ui-button\n        :disabled=\"submitDisabled\"\n        :loading=\"submitting\"\n        class=\"_bottom-4 _left-[15px] _right-[15px] md:_static md:_w-[240px]\"\n        :class=\"isSubmitBlockScrolled ? '_static _w-full': '_fixed'\"\n        @click=\"onSubmitButtonClick\"\n      >\n        {{ submitText }}\n      </tw-ui-button>\n    </div>\n  </div>\n  <modal-reschedule-warning\n    v-if=\"userTherapist\"\n    v-model=\"resheduleWarningShown\"\n    :user-therapist=\"userTherapist\"\n    :user-therapist-id=\"therapistId\"\n    :new-therapist=\"therapist\"\n    :selected-slot=\"selectedSlot\"\n    :timezone=\"timezone\"\n    :timezone-title=\"timezoneTitle\"\n    @confirm=\"submit\"\n  />\n  <modal-terms\n    v-model=\"termsModalShown\"\n    :therapist-id=\"therapistId\"\n  />\n</template>\n\n<script setup>\nimport {\n  computed, onBeforeUnmount, ref, toRefs, watch,\n} from 'vue';\nimport { useStore } from 'vuex';\nimport { THERAPISTS_BOOK, useFetch } from '@front/composables/useFetch';\nimport useBreakpoints from '@front/composables/use-breakpoints';\nimport { formatDateInTimezone } from '@front/utils/format-date-in-timezone';\nimport { SNotificationBanner, TwUiButton } from '@yasno-live/yasno-components';\nimport { useListeners } from '@front/app-containers/therapist/card/composables/use-listeners';\nimport ModalRescheduleWarning from './modals/modal-reschedule-warning.vue';\nimport ModalTerms from './modals/modal-terms.vue';\n\ndefineOptions({\n  name: 'TherapistSubmitBlock',\n});\n\nconst props = defineProps({\n  isFetching: Boolean,\n  isClient: Boolean,\n  therapist: {\n    type: Object,\n    required: true,\n  },\n  therapistId: {\n    type: String,\n    required: true,\n  },\n  alert: {\n    type: Object,\n    required: true,\n  },\n  selectedSlot: {\n    type: Object,\n    required: true,\n  },\n  timezone: {\n    type: String,\n    required: true,\n  },\n  timezoneTitle: {\n    type: String,\n    required: true,\n  },\n  schedulerEl: {\n    type: [Object, null],\n    default: null,\n  },\n  therapyType: {\n    type: String,\n    default: '',\n  },\n});\n\nconst {\n  isFetching, therapist, therapistId, alert, selectedSlot, schedulerEl, timezone, therapyType,\n} = toRefs(props);\n\nconst emit = defineEmits(['scroll-to-scheduler', 'reset-slot']);\n\nconst store = useStore();\nconst { isMobile } = useBreakpoints();\n\nconst termsModalShown = ref(false);\nconst showTermsModal = () => termsModalShown.value = true;\n\nconst resheduleWarningShown = ref(false);\nconst showResheduleWarningModal = () => resheduleWarningShown.value = true;\n\nconst isSelectedSlot = computed(() => Boolean(Object.values(selectedSlot.value).length));\nconst userTherapist = computed(() => store.state.user.user.traits?.therapist);\n\nconst rootEl = ref(null);\nconst submitButtonEl = ref(null);\nconst scrollBreakpoint = ref(undefined);\nconst isSubmitButtonEnabled = ref(false);\nconst isSubmitBlockScrolled = ref(false);\n\ndefineExpose({ rootEl });\n\nconst footerObserver = new IntersectionObserver((mutations) => {\n  if (!isMobile.value) {\n    return;\n  }\n\n  isSubmitButtonEnabled.value = mutations[0].boundingClientRect.top <= 0 || mutations[0].isIntersecting;\n}, {\n  threshold: 1.0,\n});\n\nwatch(() => submitButtonEl.value, () => {\n  footerObserver.observe(submitButtonEl.value);\n}, { once: true });\n\nonBeforeUnmount(() => footerObserver.disconnect());\n\nconst schedulerRootEl = computed(() => schedulerEl.value?.rootEl);\n\nuseListeners({\n  isFetching,\n  resizeTarget: schedulerRootEl,\n  onResize: () => {\n    if (schedulerRootEl.value) {\n      // 1 = 1px border\n      scrollBreakpoint.value = schedulerRootEl.value.offsetTop + schedulerRootEl.value.clientHeight\n        - rootEl.value.clientHeight - 1;\n    }\n  },\n  onScroll: () => {\n    isSubmitBlockScrolled.value = rootEl.value.offsetTop >= scrollBreakpoint.value;\n  },\n});\n\nconst submitDisabled = computed(() => {\n  if (isMobile.value && !isSubmitButtonEnabled.value) {\n    return;\n  }\n\n  return alert.value?.disable_submit_button || !isSelectedSlot.value;\n});\n\nconst submitText = computed(() => {\n  if (!submitDisabled.value && selectedSlot.value.title) {\n    const date = formatDateInTimezone(\n      selectedSlot.value.session_at,\n      timezone.value,\n      'D MMMM HH:mm',\n    );\n\n    return `Выбрать ${date}`;\n  }\n\n  return 'Выбрать время сессии';\n});\n\nconst {\n  onFetchResponse, isFetching: submitting, execute, error, statusCode,\n} = useFetch(`${THERAPISTS_BOOK(therapistId.value)}`, {\n  immediate: false,\n}).post(\n  computed(() => ({\n    slot_id: selectedSlot.value.id,\n    therapy_type: therapyType.value,\n  })),\n);\n\nwatch(error, () => {\n  if (statusCode.value === 403) {\n    // TODO: динамический user_source\n    window.location.href = '/auth/?user_source=catalog';\n\n    return;\n  }\n\n  emit('reset-slot');\n});\n\nconst submit = () => {\n  if (submitting.value) {\n    return;\n  }\n\n  execute();\n\n  onFetchResponse(() => {\n    // TODO: использовать vue-router когда он будет\n    window.location.href = '/dashboard';\n  });\n};\n\nconst onSubmitButtonClick = () => {\n  if (isMobile.value && !isSubmitButtonEnabled.value && !isSelectedSlot.value) {\n    emit('scroll-to-scheduler');\n\n    return;\n  }\n\n  if (therapist.value.show_resched_session_modal) {\n    showResheduleWarningModal();\n\n    return;\n  }\n\n  submit();\n};\n\nconst onErrorClose = () => {\n  error.value = null;\n};\n</script>\n","<template>\n  <tw-ui-skeleton\n    v-if=\"isFetching\"\n    width=\"_w-64\"\n    height=\"_h-5\"\n    class=\"_mt-1\"\n    active\n  />\n  <div\n    v-else-if=\"nearestDay\"\n    class=\"_mt-1 _t-body-regular-short\"\n  >\n    Ближайшая запись\n    <s-link\n      class=\"_t-body-regular-short\"\n      @click.prevent=\"emit('scroll-to-scheduler')\"\n    >\n      {{ nearestDay }}\n    </s-link>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { TwUiSkeleton } from '@yasno-live/yasno-components';\nimport SLink from '@shared/s-link';\nimport moment from 'moment-timezone';\n\ndefineOptions({\n  name: 'NearestDay',\n});\n\nconst emit = defineEmits(['scroll-to-scheduler']);\n\nconst {\n  isFetching, isShowScheduler, schedule, timezone,\n} = defineProps({\n  isFetching: Boolean,\n  isShowScheduler: Boolean,\n  schedule: {\n    type: Object,\n    required: true,\n  },\n  timezone: {\n    type: String,\n    required: true,\n  },\n});\n\nconst nearestDay = computed(() => {\n  if (!isShowScheduler) {\n    return '';\n  }\n\n  const date = schedule.slots?.[0]?.session_at;\n\n  if (!date) {\n    return '';\n  }\n\n  return moment(date).tz(timezone).calendar(null, {\n    sameDay: '[сегодня в] HH:mm',\n    nextDay: '[завтра в] HH:mm',\n    nextWeek: 'D MMMM в HH:mm',\n  });\n});\n</script>\n","<template>\n  <div\n    ref=\"cardEl\"\n    class=\"_flex _justify-center _flex-col lg:_flex-row lg:_gap-20 _mb-6 md:_mb-[50px] lg:_mb-[60px]\"\n  >\n    <div class=\"md:_w-[236px]\">\n      <div\n        ref=\"leftBlockEl\"\n        class=\"_sticky _top-20 _flex _flex-col _items-center _whitespace-nowrap\"\n      >\n        <s-therapist-avatar\n          :src=\"therapist.userpic_link\"\n          :fio=\"therapist.fio\"\n          :video-urls=\"videoUrls\"\n          :video-thumbnail=\"videoProfile.thumbnail\"\n          :size=\"isMobile ? '200x200' : '236x236'\"\n          :is-booking-available=\"isBookingAvailable\"\n          :class=\"isMobile ? '_mb-4' : 'md:_mb-5 lg:_mb-0 lg:[&:not(:last-child)]:_mb-6'\"\n          class=\"_shrink-0\"\n          disable-teleport\n          @scroll-to-scheduler=\"scrollToScheduler\"\n        />\n      </div>\n    </div>\n    <div class=\"md:_w-[544px] _shrink-0 _flex _flex-col\">\n      <div class=\"_flex _flex-col _items-center md:_block _z-10\">\n        <flying-block\n          v-model=\"selectedTherapyType\"\n          :therapist=\"therapist\"\n          :user=\"user\"\n          :is-fetching=\"isFetching\"\n          :is-client=\"isClient\"\n          :questions=\"questions\"\n          :matches-count=\"matchesCount\"\n          :card-el=\"cardEl\"\n          :left-block-el=\"leftBlockEl\"\n          :is-booking-available=\"isBookingAvailable\"\n        />\n        <nearest-day\n          :is-fetching=\"isFetching\"\n          :is-show-scheduler=\"isShowScheduler\"\n          :schedule=\"schedule\"\n          :timezone=\"timezone\"\n          @scroll-to-scheduler=\"scrollToScheduler\"\n        />\n      </div>\n      <div\n        v-if=\"isShowScheduler\"\n        class=\"_mt-4 _hidden md:_block\"\n      >\n        <tw-ui-skeleton\n          v-if=\"isFetching\"\n          width=\"_w-56\"\n          height=\"_h-12\"\n          active\n        />\n        <tw-ui-button\n          v-else\n          @click=\"scrollToScheduler\"\n        >\n          Выбрать время сессии\n        </tw-ui-button>\n      </div>\n      <no-slots-warning\n        v-if=\"isShowNoSlotsWarning\"\n        :signup-path=\"signupPath\"\n      />\n      <div class=\"_mt-10 _flex _flex-col _gap-10 _items-start\">\n        <therapist-info\n          :is-fetching=\"isFetching\"\n          :therapist=\"therapist\"\n          :questions=\"questions\"\n          :matches-count=\"matchesCount\"\n        />\n        <therapist-scheduler\n          v-if=\"isShowScheduler\"\n          ref=\"schedulerEl\"\n          v-model=\"selectedSlot\"\n          :is-fetching=\"isFetching\"\n          :schedule=\"schedule\"\n          :timezone=\"timezone\"\n          :therapy-type=\"selectedTherapyType\"\n          :is-client=\"isClient\"\n        >\n          <template #alert>\n            <therapist-alert\n              :alert=\"alert.alert\"\n              class=\"_mb-4\"\n            />\n          </template>\n          <template #footer>\n            <submit-block\n              v-if=\"!isFetching\"\n              :alert=\"alert\"\n              :therapist=\"therapist\"\n              :therapist-id=\"therapistId\"\n              :is-fetching=\"isFetching\"\n              :is-client=\"isClient\"\n              :selected-slot=\"selectedSlot\"\n              :timezone=\"timezone\"\n              :timezone-title=\"timezoneTitle\"\n              :scheduler-el=\"schedulerEl\"\n              :therapy-type=\"selectedTherapyType\"\n              @scroll-to-scheduler=\"scrollToScheduler\"\n              @reset-slot=\"resetSlot\"\n            />\n          </template>\n        </therapist-scheduler>\n      </div>\n    </div>\n  </div>\n  <!-- TODO: Избавиться от container'а (?) -->\n  <Teleport to=\".page-wrap\">\n    <therapist-promo :with-margin=\"false\" />\n  </Teleport>\n</template>\n\n<script setup>\nimport {\n  useFetch, USER_ME_PATH, THERAPISTS_CARD,\n} from '@front/composables/useFetch';\nimport {\n  computed, ref, watch, onBeforeMount,\n} from 'vue';\nimport { useStore } from 'vuex';\nimport moment from 'moment-timezone';\nimport { TwUiSkeleton, TwUiButton } from '@yasno-live/yasno-components';\nimport useBreakpoints from '@front/composables/use-breakpoints';\nimport { useTimezonesList } from '@front/composables/use-timezones-list';\nimport STherapistAvatar from '@shared/s-therapist-avatar/index.vue';\nimport NoSlotsWarning from './components/no-slots-warning.vue';\nimport TherapistScheduler from './components/scheduler.vue';\nimport TherapistAlert from './components/alert.vue';\nimport TherapistInfo from './components/info.vue';\nimport TherapistPromo from './components/promo.vue';\nimport FlyingBlock from './components/flying-block.vue';\nimport SubmitBlock from './components/submit-block.vue';\nimport NearestDay from './components/nearest-day.vue';\nimport { useQuestions } from './composables/use-questions';\n\ndefineOptions({\n  name: 'Therapist',\n});\n\nconst { therapistId } = defineProps({\n  therapistId: {\n    type: String,\n    required: true,\n  },\n  signupPath: {\n    type: String,\n    default: '',\n  },\n});\n\nconst { isMobile } = useBreakpoints();\n\nconst url = computed(() => `${THERAPISTS_CARD}/${therapistId}`);\n\nconst { data: therapistData, isFinished } = useFetch(url, {\n  initialData: {},\n  afterFetch(ctx) {\n    return ctx.data;\n  },\n}).json();\n\nconst store = useStore();\nconst isUserSignedUp = computed(() => store.getters['user/GET_IS_SIGNED_UP']);\nconst isClient = computed(() => store.getters['user/GET_IS_CLIENT']);\n\n// TODO: Use useUser()\nconst { data: user, execute: fetchUser, isFetching: isUserFetching } = useFetch(USER_ME_PATH, {\n  immediate: false,\n  initialData: {},\n}).json();\n\nonBeforeMount(() => {\n  if (isClient.value) {\n    fetchUser();\n  }\n});\n\n// Используется !isFinished, потому что\n// isFetching = false при инициализации,\n// что вызывает \"моргание\" при загрузке страницы\nconst isFetching = computed(() => !isFinished.value || isUserFetching.value);\nconst therapist = computed(() => therapistData.value.therapist ?? {});\nconst alert = computed(() => therapistData.value.alert ?? {});\nconst schedule = computed(() => therapist.value.schedule ?? {});\nconst videoProfile = computed(() => therapist.value.video_profile ?? {});\nconst videoUrls = computed(() => videoProfile.value.items?.map((item) => item.answer_link) ?? []);\nconst matchesCount = computed(() => therapist.value.match?.count ?? 0);\n\nconst selectedTherapyType = ref('single');\n\n// Определяем начальное значение для типа терапии\nwatch(isFetching, () => {\n  if (\n    // Если пользователь авторизован\n    user.value?.therapy_type\n    // И у терапевта доступны все виды терапии\n    && therapist.value.couple\n    && therapist.value.single\n  ) {\n    selectedTherapyType.value = user.value.therapy_type;\n  } else if (therapist.value.single) {\n    selectedTherapyType.value = 'single';\n  } else {\n    selectedTherapyType.value = 'couple';\n  }\n}, { once: true });\n\nconst isBookingAvailable = computed(() => {\n  if (isUserSignedUp.value && !user.value.can_sched_new_therapist) {\n    return false;\n  }\n\n  return therapist.value.is_bookable && !therapist.value.is_stopped_hiring_new_clients;\n});\n\nconst isSlotsExists = computed(() => {\n  if (selectedTherapyType.value === 'couple') {\n    return schedule.value.slots?.some(({ available_for_couple }) => available_for_couple);\n  }\n\n  return Boolean(schedule.value.slots?.length);\n});\n\nconst isShowScheduler = computed(() => isFetching.value || (isBookingAvailable.value && isSlotsExists.value));\nconst isShowNoSlotsWarning = computed(() => !isFetching.value && isBookingAvailable.value && !isSlotsExists.value);\n\nconst { questions } = useQuestions({\n  user,\n  therapist,\n  selectedTherapyType,\n  isClient,\n});\n\nconst { timezonesMap } = useTimezonesList();\n\nconst timezone = computed(() => {\n  // Таймзона подтягивается с устройства, если клиент не авторизован.\n  // Если авторизован — из настроек ЛК\n  if (isClient.value) {\n    return store.getters['user/GET_USER_SETTINGS_TIME_ZONE'];\n  }\n\n  return moment.tz.guess();\n});\n\nconst timezoneTitle = computed(() => timezonesMap.value[timezone.value]?.locale_title ?? '');\n\nconst selectedSlot = ref({});\n\nconst resetSlot = () => {\n  selectedSlot.value = {};\n};\n\nconst cardEl = ref(null);\nconst leftBlockEl = ref(null);\nconst schedulerEl = ref(null);\n\nconst scrollToScheduler = () => {\n  requestAnimationFrame(() => schedulerEl.value.rootEl?.scrollIntoView({ block: 'start', behavior: 'smooth' }));\n};\n</script>\n\n<style>\n/* Скрываем спиннер из show.html.erb после загрузки компонента */\n.page-loading-spinner {\n  display: none !important;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n</style>\n","import { computed } from 'vue';\n\nexport const useQuestions = ({\n  therapist, user, isClient, selectedTherapyType,\n}) => {\n  const questions = computed(() => {\n    const allQuestions = therapist.value.questions;\n    const therapistAnswers = therapist.value.answers;\n    const userAnswers = user.value?.answers || [];\n    const match = therapist.value.match;\n    const isUserTherapyTypeAvailable = Boolean(therapist.value[selectedTherapyType.value]);\n\n    if (!allQuestions) {\n      return [];\n    }\n\n    const parseQuestions = () => {\n      if (isClient.value && isUserTherapyTypeAvailable && match.count) {\n        const matchAnswers = (item) => {\n          const question = allQuestions.find(({ id }) => id === item.question_id);\n          const active = match.answers.find(({ question_id }) => question_id === question.id)?.result ?? false;\n\n          return { ...question, active };\n        };\n\n        return userAnswers.map(matchAnswers);\n      }\n\n      return allQuestions\n        .filter(({ id }) => therapistAnswers.find(({ question_id }) => id === question_id)?.result)\n        .filter((item) => item.therapy_type === selectedTherapyType.value);\n    };\n\n    return parseQuestions()\n      // Показывать совпадающие темы сверху\n      .sort((item) => (item.active ? -1 : 1))\n      .sort((a, b) => a.priority - b.priority);\n  });\n\n  return { questions };\n};\n"],"names":["rootEl","ref","__expose","computed","_a","value","timezonesMap","useTimezonesList","selectedSlot","_useModel","__props","slots","schedule","isCoupleTherapy","therapyType","title","scheduleTimezone","tz","time_zone","locale_title","buttonType","type","alert","ROWS","isOpen","getIconName","iconName","matchesCount","visibleQuestions","questions","slice","hiddenQuestions","length","isShowMore","openText","shown","onClose","isMobile","useBreakpoints","methodsModalShown","showMethodsModal","methods","therapist","map","TYPES","single","id","couple","isSmallMobile","classes","isStickyTopBar","selectedType","priceByGrade","useListeners","isFetching","resizeTarget","onResize","onScroll","handleResize","watch","nextTick","once","observer","ResizeObserver","observe","immediate","onMounted","window","addEventListener","passive","onBeforeUnmount","removeEventListener","props","user","isBookingAvailable","leftBlockEl","cardEl","toRefs","selectedTherapyType","isLaptop","isShowToggle","therapy_type","isSingleTherapy","gradeInfo","currency","getPrice","data","formatPrice","toUpperCase","price","price_eur","userPrice","experience","exp","i18n","global","tc","gradeInfoModalShown","showGradeInfoModal","isStuck","rootOffset","rootHeight","heightStyle","height","document","body","classList","add","remove","offsetTop","clientHeight","scrollY","topCondition","bottomCondition","emit","__emit","date","formatDateInTimezone","session_at","timezone","onConfirm","url","THERAPIST_CATALOG_PATH_URL","therapistId","execute","useFetch","beforeFetch","options","headers","schedulerEl","store","useStore","termsModalShown","showTermsModal","resheduleWarningShown","isSelectedSlot","Boolean","Object","values","userTherapist","state","traits","submitButtonEl","scrollBreakpoint","isSubmitButtonEnabled","isSubmitBlockScrolled","footerObserver","IntersectionObserver","mutations","boundingClientRect","top","isIntersecting","threshold","disconnect","schedulerRootEl","submitDisabled","disable_submit_button","submitText","onFetchResponse","submitting","error","statusCode","THERAPISTS_BOOK","post","slot_id","location","href","submit","onSubmitButtonClick","show_resched_session_modal","onErrorClose","nearestDay","isShowScheduler","_b","moment","calendar","sameDay","nextDay","nextWeek","THERAPISTS_CARD","therapistData","isFinished","initialData","afterFetch","ctx","json","isUserSignedUp","getters","isClient","fetchUser","isUserFetching","USER_ME_PATH","onBeforeMount","videoProfile","video_profile","videoUrls","items","item","answer_link","match","count","can_sched_new_therapist","is_bookable","is_stopped_hiring_new_clients","isSlotsExists","some","available_for_couple","isShowNoSlotsWarning","allQuestions","therapistAnswers","answers","userAnswers","isUserTherapyTypeAvailable","matchAnswers","question","find","question_id","active","result","filter","parseQuestions","sort","a","b","priority","useQuestions","guess","timezoneTitle","resetSlot","scrollToScheduler","requestAnimationFrame","scrollIntoView","block","behavior"],"mappings":"osEA8BM,MAAAA,EAASC,EAAI,aAENC,EAAA,CAAEF,wsBCsBT,MAAAA,EAASC,EAAI,MAGNC,EAAA,CAAEF,OAFQG,GAAS,WAAa,OAAP,OAAOC,EAAAJ,EAAAK,gBAAOL,SAAU,IAAA,MAuBxD,MAAAM,aAAEA,GAAiBC,IAEnBC,EAAeC,EAA4BC,EAAA,cAE3CC,EAAQR,GAAS,IAAMO,EAAAE,SAASD,OAAS,KACzCE,EAAkBV,GAAS,IAAsB,WAAhBO,EAAWI,cAC5CC,EAAQZ,GAAS,IAAOU,EAAgBR,MAAQ,2BAA6B,eAE7EW,EAAmBb,GAAS,WAChC,MAAMc,EAAKP,WAAWA,EAAAE,SAASM,UAAYR,WAE3C,OAAO,OAAAN,IAAaC,MAAMY,SAAK,EAAAb,EAAAe,eAAgBT,EAAAE,SAASM,SAAA,2eAzCjC,oYCXnB,MAAAE,EAAajB,GAAS,IACP,UAAfO,QAAMW,KACD,SAGFX,EAAAY,MAAMD,gyBCuBf,MAAME,EAAO,CACX,wCACA,2DACA,oCACA,uGAGIC,EAASvB,GAAI,2jEClBgB,kFAAA,gGAAA,8TCxB7B,MAAAwB,EAAeC,IACnB,OAAQA,GACN,IAAK,gBACQA,EAAA,SACX,MACF,IAAK,eACQA,EAAA,eACX,MACF,IAAK,eACQA,EAAA,WACX,MACF,IAAK,mBACQA,EAAA,SACX,MACF,IAAK,oBACQA,EAAA,YACX,MACF,IAAK,iBACQA,EAAA,UACX,MACF,IAAK,eACQA,EAAA,sBAMf,MAAO,GAAGA,OAAQ,okBC0Bd,MAAAX,EAAQZ,GAAS,IAAM,0BAAyBO,EAAYiB,aAAG,gBAAkB,MACjFC,EAAmBzB,GAAS,IAAMO,EAASmB,UAACC,MAAM,EAnBrB,KAoB7BC,EAAkB5B,GAAS,IAAMO,EAAAmB,UAAUC,MApBd,EAoBgDpB,EAAAmB,UAAUG,UAEvFC,EAAa9B,GAAS,IAAMO,EAASmB,UAACG,OAtBT,IAuB7BE,EAAW/B,GAAS,IAAM,QAAOO,EAAAmB,UAAUG,OAvBd,wmCCnB7B,MAAAG,EAAQ1B,EAAWC,EAAA,cAEnB0B,EAAU,KACdD,EAAM9B,OAAQ,CAAA,ktBCoDV,MAAAgC,SAAEA,GAAaC,IAEfC,EAAoBtC,GAAI,GACxBuC,EAAmB,IAAMD,EAAkBlC,OAAQ,EACnDoC,EAAUtC,GAAS,WAAM,OAAA,OAAAC,EAAAM,EAAAgC,UAAUD,cAAS,EAAArC,EAAAuC,KAAI,EAAG5B,WAAYA,MAAU,EAAE,4/DC1EjF,MAAM6B,EAAQ,CACZC,OAAQ,CACNC,GAAI,SACJ/B,MAAO,kBAETgC,OAAQ,CACND,GAAI,SACJ/B,MAAO,YAQLiC,cAAEA,GAAkBV,IAYpBW,EAAU9C,GAAS,IACnBO,EAAcwC,eACT,UAGLF,EAAc3C,MACT,yBAGF,eAKH8C,EAAe1C,EAA4BC,EAAA,yYAF/BW,OAAUX,EAAAwC,eAAiB,IAAIxC,EAAA0C,aAAa/B,KAAU,WAAvD,IAACA,wDClELgC,GAAe,EAC1BC,aAAYC,eAAcC,WAAUC,eAEpC,MAAMC,EAAe,cAMfC,EAAAL,GAAY,IAAMM,EAASF,IAAe,CAAEG,MAAM,IAElD,MAAAC,EAAW,IAAIC,eAAeL,GAEpCC,EAAMJ,GAAc,KACbA,EAAalD,OAITyD,EAAAE,QAAQT,EAAalD,MAAK,GAClC,CAAE4D,WAAW,IAEhBC,GAAU,KACRN,GAAS,KACPO,OAAOC,iBAAiB,SAAUX,EAAU,CAAEY,SAAS,IAChDF,OAAAC,iBAAiB,SAAUV,EAAY,GAC/C,IAGHY,GAAgB,KACPH,OAAAI,oBAAoB,SAAUd,GAC9BU,OAAAI,oBAAoB,SAAUb,EAAY,GAClD,0wBCuFH,MAAMc,EAAQ9D,GAkCR4C,WACJA,EAAA3B,aAAYA,EAAA8C,KAAcA,EAAA/B,UAAMA,EAAAgC,mBAChCA,EAAAC,YAAoBA,EAAAC,OAAaA,GAC/BC,EAAOL,GAMLM,EAAsBrE,EAAWC,EAAA,eAEjC2B,SAAEA,EAAAW,cAAUA,EAAe+B,SAAAA,GAAazC,IAExC0C,EAAe7E,GAAS,KAAOsE,EAAKpE,MAAM4E,eAC1CC,EAAkB/E,GAAS,IAAoC,WAA9B2E,EAAoBzE,QACrD8E,EAAYhF,GAAS,IAAMuC,EAAUrC,MAAM,GAAGyE,EAAoBzE,gBAAkB,OAEpF+C,EAAejD,GAAS,KACtB,MAAAiF,EAAWX,EAAKpE,MAAM+E,UAtDL,MAyDjBC,EAAYhE,IAChB,MAAMiE,EAAO5C,EAAUrC,MAAM,GAAGgB,YAAiB,GAE1C,OAAAkE,EA5Dc,QA4DFH,EAASI,cAAqCF,EAAKG,MAAQH,EAAKI,UAAWN,EAAQ,EAGjG,MAAA,CACLvC,OAAQwC,EAAS,UACjBtC,OAAQsC,EAAS,UAAQ,IAIvBM,EAAYxF,GAAS,IAAMiD,EAAa/C,MAAMyE,EAAoBzE,QAAU,MAC5EuF,EAAazF,GAAS,IAAM,QAAQuC,EAAUrC,MAAMwF,OAAOC,EAAKC,OAAOC,GAAG,gBAAiBtD,EAAUrC,MAAMwF,SAE3GI,EAAsBhG,GAAI,GAC1BiG,EAAqB,IAAMD,EAAoB5F,OAAQ,EAEvDL,EAASC,EAAI,MACbkG,EAAUlG,GAAI,GACdiD,EAAiBjD,GAAI,GACrBmG,EAAanG,EAAI,GACjBoG,EAAapG,EAAI,QAEjBqG,EAAcnG,GAAS,KAAO,CAAEoG,OAAQ,GAAGF,EAAWhG,qBAEtDsD,EAAAT,GAAiB7C,IACjBA,EACOmG,SAAAC,KAAKC,UAAUC,IAAI,eAEnBH,SAAAC,KAAKC,UAAUE,OAAO,cACjC,IAGWvD,GAAA,CACXC,aACAC,aAAcvD,EACdwD,SAAU,KACJF,EAAWjD,OAAS8F,EAAQ9F,QAIrB+F,EAAA/F,MAAQL,EAAOK,MAAMwG,UACrBR,EAAAhG,MAAQL,EAAOK,MAAMyG,aAAA,EAElCrD,SAAU,KAOR,GANIsB,EAAS1E,MACX8F,EAAQ9F,MAAQ8D,OAAO4C,QAAUX,EAAW/F,MAAQgG,EAAWhG,MAE/D8F,EAAQ9F,OAAQ,EAGd2C,EAAc3C,MAAO,CACvB,MAAM2G,EAAe7C,OAAO4C,QAAU/G,EAAOK,MAAMwG,UAAY7G,EAAOK,MAAMyG,aACtEG,EAAkB9C,OAAO4C,QAAUnC,EAAOvE,MAAMyG,aAAelC,EAAOvE,MAAMwG,UAElF3D,EAAe7C,MAAQ2G,GAAgBC,CAAA,MAEvC/D,EAAe7C,OAAQ,CACzB,u6EC5KJ,MAAM6G,EAAOC,EACPhF,EAAQ1B,EAAWC,EAAA,cAEnB0G,EAAOjH,GAAS,IAAM,GAAGkH,EAAqB3G,EAAYF,aAAC8G,WAAY5G,EAAA6G,SAAU,4BAA4B7G,qBAE7G0B,EAAU,KACdD,EAAM9B,OAAQ,CAAA,EAGVmH,EAAY,SAEhBN,EAAK,UAAS,o4BC/BV,MAAA/E,EAAQ1B,EAAWC,EAAA,cAEnB+G,EAAMtH,GAAS,IAAM,GAAGuH,KAA8BhH,EAAWiH,sBACjErC,KAAEA,EAAMhC,WAAAA,EAAAsE,QAAYA,GAAYC,EAASJ,EAAK,CAClDxD,WAAW,EACX6D,YAAA,EAAYC,QAAEA,MACZA,EAAQC,QAAU,IACbD,EAAQC,QACX,mBAAoB,kBAGf,CAAED,cAIbpE,EAAMxB,EAAOyF,EAAS,CAAE/D,MAAM,IAE9B,MAAMzB,EAAU,KACdD,EAAM9B,OAAQ,CAAA,25BCYhB,MAAMmE,EAAQ9D,GAqCR4C,WACJA,EAAAZ,UAAYA,EAAAiF,YAAWA,EAAArG,MAAaA,EAAAd,aAAOA,EAAAyH,YAAcA,EAAAV,SAAaA,EAAAzG,YAAUA,GAC9E+D,EAAOL,GAEL0C,EAAOC,EAEPe,EAAQC,KACR9F,SAAEA,GAAaC,IAEf8F,EAAkBnI,GAAI,GACtBoI,EAAiB,IAAMD,EAAgB/H,OAAQ,EAE/CiI,EAAwBrI,GAAI,GAG5BsI,EAAiBpI,GAAS,IAAMqI,QAAQC,OAAOC,OAAOlI,EAAaH,OAAO2B,UAC1E2G,EAAgBxI,GAAS,WAAM,OAAA,OAAAC,EAAA8H,EAAMU,MAAMnE,KAAKA,KAAKoE,aAAQ,EAAAzI,EAAAsC,SAAA,IAE7D1C,EAASC,EAAI,MACb6I,EAAiB7I,EAAI,MACrB8I,EAAmB9I,OAAI,GACvB+I,EAAwB/I,GAAI,GAC5BgJ,EAAwBhJ,GAAI,GAErBC,EAAA,CAAEF,WAEf,MAAMkJ,EAAiB,IAAIC,sBAAsBC,IAC1C/G,EAAShC,QAIQ2I,EAAA3I,MAAQ+I,EAAU,GAAGC,mBAAmBC,KAAO,GAAKF,EAAU,GAAGG,eAAA,GACtF,CACDC,UAAW,IAGP7F,GAAA,IAAMmF,EAAezI,QAAO,KACjB6I,EAAAlF,QAAQ8E,EAAezI,MAAK,GAC1C,CAAEwD,MAAM,IAEKS,GAAA,IAAM4E,EAAeO,eAE/B,MAAAC,EAAkBvJ,GAAS,WAAM,OAAA,OAAAC,EAAA6H,EAAY5H,YAAO,EAAAD,EAAAJ,MAAA,IAE7CqD,GAAA,CACXC,aACAC,aAAcmG,EACdlG,SAAU,KACJkG,EAAgBrJ,QAED0I,EAAA1I,MAAQqJ,EAAgBrJ,MAAMwG,UAAY6C,EAAgBrJ,MAAMyG,aAC7E9G,EAAOK,MAAMyG,aAAe,EACjC,EAEHrD,SAAU,KACRwF,EAAsB5I,MAAQL,EAAOK,MAAMwG,WAAakC,EAAiB1I,KAAA,IAIvE,MAAAsJ,EAAiBxJ,GAAS,WAC9B,IAAIkC,EAAShC,OAAU2I,EAAsB3I,MAI7C,OAAO,OAAAD,EAAMkB,EAAAjB,YAAO,EAAAD,EAAAwJ,yBAA0BrB,EAAelI,KAAA,IAGzDwJ,EAAa1J,GAAS,KAC1B,IAAKwJ,EAAetJ,OAASG,EAAaH,MAAMU,MAAO,CAOrD,MAAO,WANMsG,EACX7G,EAAaH,MAAMiH,WACnBC,EAASlH,MACT,iBAIH,CAEM,MAAA,sBAAA,KAGHyJ,gBACJA,EAAiBxG,WAAYyG,GAAAnC,QAAYA,GAAAoC,MAASA,GAAAC,WAAOA,IACvDpC,EAAS,GAAGqC,EAAgBvC,EAAYtH,SAAU,CACpD4D,WAAW,IACVkG,KACDhK,GAAS,KAAO,CACdiK,QAAS5J,EAAaH,MAAMyC,GAC5BmC,aAAcnE,EAAYT,WAI9BsD,EAAMqG,IAAO,KACc,MAArBC,GAAW5J,MAOf6G,EAAK,cALH/C,OAAOkG,SAASC,KAAO,4BAKR,IAGnB,MAAMC,GAAS,KACTR,GAAW1J,aAMfyJ,GAAgB,KAEd3F,OAAOkG,SAASC,KAAO,YAAA,IACxB,EAGGE,GAAsB,MACtBnI,EAAShC,OAAU2I,EAAsB3I,OAAUkI,EAAelI,MAMlEqC,EAAUrC,MAAMoK,2BA9GkBnC,EAAsBjI,OAAQ,OAyGlE6G,EAAK,wBAcHwD,GAAe,KACnBV,GAAM3J,MAAQ,IAAA,uzDCpNhB,MAAM6G,EAAOC,EAiBPwD,EAAaxK,GAAS,aACtB,IAACO,EAAAkK,gBACI,MAAA,GAGT,MAAMxD,EAAO,OAAAyD,EAAA,OAAQzK,EAAAM,EAAAE,SAACD,YAAT,EAAAP,EAAiB,SAAI,EAAAyK,EAAAvD,WAElC,OAAKF,EAIE0D,EAAO1D,GAAMnG,GAAGP,EAAQ6G,UAAEwD,SAAS,KAAM,CAC9CC,QAAS,oBACTC,QAAS,mBACTC,SAAU,mBANH,EAOR,mtBC2FG,MAAA7I,SAAEA,GAAaC,IAEfmF,EAAMtH,GAAS,IAAM,GAAGgL,KAAmBzK,EAAWiH,iBAEpDrC,KAAM8F,EAAAC,WAAeA,GAAexD,EAASJ,EAAK,CACxD6D,YAAa,CAAE,EACfC,WAAWC,GACFA,EAAIlG,OAEZmG,OAEGvD,EAAQC,IACRuD,EAAiBvL,GAAS,IAAM+H,EAAMyD,QAAQ,2BAC9CC,EAAWzL,GAAS,IAAM+H,EAAMyD,QAAQ,yBAGtCrG,KAAMb,EAAMmD,QAASiE,EAAWvI,WAAYwI,GAAmBjE,EAASkE,EAAc,CAC5F9H,WAAW,EACXqH,YAAa,CAAE,IACdG,OAEHO,GAAc,KACRJ,EAASvL,UAEZ,IAMH,MAAMiD,EAAanD,GAAS,KAAOkL,EAAWhL,OAASyL,EAAezL,QAChEqC,EAAYvC,GAAS,IAAMiL,EAAc/K,MAAMqC,WAAa,CAAA,IAC5DpB,EAAQnB,GAAS,IAAMiL,EAAc/K,MAAMiB,OAAS,CAAA,IACpDV,EAAWT,GAAS,IAAMuC,EAAUrC,MAAMO,UAAY,CAAA,IACtDqL,EAAe9L,GAAS,IAAMuC,EAAUrC,MAAM6L,eAAiB,CAAA,IAC/DC,EAAYhM,GAAS,WAAmB,OAAb,OAAaC,EAAA6L,EAAA5L,MAAM+L,YAAO,EAAAhM,EAAAuC,KAAK0J,GAASA,EAAKC,gBAAgB,EAAE,IAC1F3K,EAAexB,GAAS,WAAgB,OAAV,OAAUC,EAAAsC,EAAArC,MAAMkM,YAAhB,EAAAnM,EAAuBoM,QAAS,CAAA,IAE9D1H,EAAsB7E,EAAI,UAGhC0D,EAAML,GAAY,YAGd,OAAAlD,EAAAqE,EAAKpE,YAAO,EAAAD,EAAA6E,eAETvC,EAAUrC,MAAM0C,QAChBL,EAAUrC,MAAMwC,OAECiC,EAAAzE,MAAQoE,EAAKpE,MAAM4E,aAC9BvC,EAAUrC,MAAMwC,OACzBiC,EAAoBzE,MAAQ,SAE5ByE,EAAoBzE,MAAQ,QAC7B,GACA,CAAEwD,MAAM,IAEL,MAAAa,EAAqBvE,GAAS,MAC9BuL,EAAerL,QAAUoE,EAAKpE,MAAMoM,2BAIjC/J,EAAUrC,MAAMqM,cAAgBhK,EAAUrC,MAAMsM,iCAGnDC,EAAgBzM,GAAS,aACzB,MAA8B,WAA9B2E,EAAoBzE,MACf,OAAAD,EAAAQ,EAASP,MAAMM,YAAf,EAAAP,EAAsByM,MAAK,EAAGC,0BAA2BA,IAG3DtE,QAAQ,OAAAqC,EAAAjK,EAASP,MAAMM,gBAAOqB,OAAM,IAGvC4I,EAAkBzK,GAAS,IAAMmD,EAAWjD,OAAUqE,EAAmBrE,OAASuM,EAAcvM,QAChG0M,EAAuB5M,GAAS,KAAOmD,EAAWjD,OAASqE,EAAmBrE,QAAUuM,EAAcvM,SAEtGwB,UAAEA,GCrOoB,GAC1Ba,YAAW+B,OAAMmH,WAAU9G,0BAoCpB,CAAEjD,UAlCS1B,GAAS,WACnB,MAAA6M,EAAetK,EAAUrC,MAAMwB,UAC/BoL,EAAmBvK,EAAUrC,MAAM6M,QACnCC,GAAc,OAAA/M,EAAAqE,EAAKpE,YAAL,EAAAD,EAAY8M,UAAW,GACrCX,EAAQ7J,EAAUrC,MAAMkM,MACxBa,EAA6B5E,QAAQ9F,EAAUrC,MAAMyE,EAAoBzE,QAE/E,OAAK2M,EAIkB,MACrB,GAAIpB,EAASvL,OAAS+M,GAA8Bb,EAAMC,MAAO,CACzD,MAAAa,EAAgBhB,UACd,MAAAiB,EAAWN,EAAaO,MAAK,EAAGzK,QAASA,IAAOuJ,EAAKmB,cACrDC,GAAS,OAAArN,EAAAmM,EAAMW,QAAQK,MAAK,EAAGC,iBAAkBA,IAAgBF,EAASxK,WAAjE,EAAA1C,EAAsEsN,UAAU,EAExF,MAAA,IAAKJ,EAAUG,WAGjB,OAAAN,EAAYxK,IAAI0K,EACxB,CAED,OAAOL,EACJW,QAAO,EAAG7K,eAAS1C,OAAA,OAAAA,EAAA6M,EAAiBM,MAAK,EAAGC,iBAAkB1K,IAAO0K,UAAlD,EAAApN,EAAgEsN,MAAA,IACnFC,QAAQtB,GAASA,EAAKpH,eAAiBH,EAAoBzE,OAAK,EAG9DuN,GAEJC,MAAMxB,GAAUA,EAAKoB,QAAS,EAAK,IACnCI,MAAK,CAACC,EAAGC,IAAMD,EAAEE,SAAWD,EAAEC,WAvBxB,EAuBgC,MDmMvBC,CAAa,CACjCxJ,OACA/B,YACAoC,sBACA8G,cAGItL,aAAEA,GAAiBC,IAEnBgH,EAAWpH,GAAS,IAGpByL,EAASvL,MACJ6H,EAAMyD,QAAQ,oCAGhBb,EAAO7J,GAAGiN,UAGbC,EAAgBhO,GAAS,WAAM,OAAA,OAAAC,EAAAE,EAAaD,MAAMkH,EAASlH,iBAAQc,eAAgB,EAAA,IAEnFX,EAAeP,EAAI,CAAA,GAEnBmO,GAAY,KAChB5N,EAAaH,MAAQ,IAGjBuE,GAAS3E,EAAI,MACb0E,GAAc1E,EAAI,MAClBgI,GAAchI,EAAI,MAElBoO,GAAoB,KACxBC,uBAAsB,WAAkB,OAAZ,OAAYlO,EAAA6H,GAAA5H,MAAML,aAAQ,EAAAI,EAAAmO,eAAe,CAAEC,MAAO,QAASC,SAAU,UAAQ,GAAG"}