{"version":3,"file":"index-DSbg0Um_.js","sources":["../../../app/frontend/vue/src/components-tw/shared/s-therapist-preview-card/const/index.js","../../../app/frontend/vue/src/components-tw/shared/s-therapist-preview-card/index.vue"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const MODAL_TITLES = {\n  DEFAULT: 'О терапевте',\n  ABOUT_METHODS: 'Опыт работы в подходах',\n  ABOUT_EDUCATION: 'Дипломы проверены Ясно',\n};\n","<template>\n  <div class=\"_px-5 _pt-8 _pb-5 _rounded-2xl _bg-white-100 _h-full _flex _flex-col _text-black-500 _min-h-[684px]\">\n    <div class=\"_pb-2\">\n      <div class=\"_flex _justify-center\">\n        <a\n          :href=\"therapist.url\"\n          class=\"_no-underline\"\n          target=\"_blank\"\n        >\n          <div class=\"_bg-grey-300 _rounded-full _w-[156px] _h-[156px] _relative\">\n            <s-therapist-avatar\n              :src=\"therapist.picture\"\n              :fio=\"therapist.fio\"\n              size=\"156x156\"\n            />\n            <div\n              v-if=\"therapist.with_video_profile\"\n              class=\"_absolute _w-[26px] _h-[26px] _bg-white-100 _rounded-full _bottom-2  _left-1/2 _flex _items-center _justify-center _-translate-x-1/2\"\n              style=\"box-shadow: 0px 2px 4px 1px rgba(22, 40, 52, 0.08);\"\n            >\n              <tw-ui-icon\n                icon=\"video-play.svg\"\n                size=\"_w-3\"\n              />\n            </div>\n          </div>\n        </a>\n      </div>\n      <h3 class=\"_text-center _text-xl _leading-6 _mt-4 _font-medium _text-black-500 _t-article-accent-short\">\n        <a\n          :href=\"therapist.url\"\n          class=\"_text-black-500 hover:_text-black-500 visited:_text-black-500\"\n          target=\"_blank\"\n        >\n          {{ therapist.fio }}\n        </a>\n      </h3>\n      <div class=\"_mt-3 _flex _justify-center _t-small-regular-short\">\n        <div\n          class=\"_py-1 _pl-2 _pr-3 _bg-grey-200  _inline-flex _items-center rounded-lg _cursor-pointer\"\n          @click=\"onShowAboutEducationModal\"\n        >\n          <tw-ui-icon\n            class=\"_mr-1\"\n            icon=\"fill-check.svg\"\n            size=\"_w-5 _h-5\"\n          />\n          <span class=\"_whitespace-nowrap _t-small-regular-short\">Диплом проверен</span>\n        </div>\n\n        <div\n          class=\"_py-1 _pl-2 _pr-3 _bg-grey-200 _inline-flex _items-center rounded-lg _ml-2 _cursor-pointer\"\n          @click=\"onShowAboutMethodsModal\"\n        >\n          <tw-ui-icon\n            class=\"_mr-1\"\n            icon=\"check-blue.svg\"\n            size=\"_w-5 _h-5\"\n          />\n          <span class=\"_whitespace-nowrap _t-small-regular-short\">Опыт {{ therapist.exp_years }} {{ $tc('periods.years', therapist.exp_years) }}</span>\n        </div>\n      </div>\n      <div class=\"_mt-3 _text-center _text-black-500 _flex _items-center _justify-center _t-body-regular\">\n        Сессия 50 мин\n        <span class=\"_w-5 _h-5 _flex _items-center _justify-center\">\n          <tw-ui-icon icon=\"dot.svg\" />\n        </span>\n        <span class=\"_t-body-accent\">{{ therapist.price }}</span>\n        <tw-ui-icon\n          class=\"_ml-1 _cursor-pointer _translate-y-[-1px]\"\n          icon=\"info.svg\"\n          size=\"_w-5 _h-5\"\n          @click=\"onShowAboutGradeModal\"\n        />\n      </div>\n    </div>\n\n    <div class=\"_mb-4\">\n      <tw-ui-tabs-list\n        :selected-index=\"chosenTabIndex\"\n        class=\"_w-full [&_button]:_w-[50%] [&_button]:_justify-center\"\n        @on-change=\"changeTab\"\n      >\n        <tw-ui-tabs-item\n          class=\"_w-full\"\n          tabs-item-class=\"!_h-[48px]\"\n        >\n          Основное\n        </tw-ui-tabs-item>\n        <tw-ui-tabs-item\n          class=\"_w-full\"\n          tabs-item-class=\"!_h-[48px]\"\n        >\n          О себе\n        </tw-ui-tabs-item>\n      </tw-ui-tabs-list>\n    </div>\n\n    <!--  Таб \"Основное\"  -->\n    <div v-if=\"chosenTabIndex === 0\">\n      <div>\n        <div>\n          <div class=\"_text-grey-800 _t-small-regular\">\n            Психотерапевтический подход\n          </div>\n          <div\n            :title=\"showedMethodsList\"\n            class=\"_mt-1 _t-body-regular _line-clamp-3 _t-body-regular\"\n          >\n            {{ showedMethodsList }}\n          </div>\n        </div>\n        <div class=\"_mt-4\">\n          <div class=\"_text-grey-800 _t-small-regular\">\n            Работает с темами\n          </div>\n          <div\n            :title=\"therapistQuestions\"\n            class=\"_mt-1 _line-clamp-2 _t-body-regular\"\n          >\n            {{ therapistQuestions }}\n          </div>\n          <div>\n            <a\n              v-if=\"therapist.questionsTextList.length - COUNT_OF_QUESTIONS_SHOWED > 0\"\n              :href=\"therapist.url\"\n              class=\"_link _whitespace-nowrap\"\n              target=\"_blank\"\n            >\n              и ещё {{ therapist.questionsTextList.length - COUNT_OF_QUESTIONS_SHOWED }}\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!--  /  -->\n\n    <!--  Таб \"О себе\"  -->\n    <div v-if=\"chosenTabIndex === 1\">\n      <div>\n        <div class=\"_text-grey-800 _text-sm\">\n          О специалисте\n        </div>\n        <div\n          class=\"_mt-1 _line-clamp-[7] _t-body-regular\"\n          v-html=\"therapist.desc.replace(/\\n/g,'<br>')\"\n        />\n        <div>\n          <a\n            :href=\"therapist.url\"\n            class=\"_link\"\n            target=\"_blank\"\n          >\n            Читать далее\n          </a>\n        </div>\n      </div>\n    </div>\n    <!--  /  -->\n\n    <div class=\"_mt-auto\">\n      <tw-ui-button\n        :class=\"{\n          '!_bg-grey-300 _pointer-events-none _min-h-[56px]': !therapist.sessions_count,\n        }\"\n        :link=\"therapist.url\"\n        class=\"!_py-2 _mt-4\"\n        target=\"_blank\"\n        weight=\"secondary\"\n      >\n        <div class=\"_flex _flex-col _justify-center\">\n          <div\n            v-if=\"therapist.sessions_count\"\n            class=\"_t-body-accent\"\n          >\n            Смотреть полный профиль\n          </div>\n          <div class=\"_t-tiny-regular _text-center _text-grey-700\">\n            <template v-if=\"therapist.sessions_count\">\n              {{ therapist.sessions_count }} {{ $tc('slot', therapist.sessions_count) }} с {{ firstSlotDate }}\n            </template>\n            <template v-else>\n              <span class=\"_text-grey-700 _t-body-accent\">\n                Нет свободных слотов\n              </span>\n            </template>\n          </div>\n        </div>\n      </tw-ui-button>\n    </div>\n\n    <about-modal\n      v-model:is-open=\"isAboutModalShowed\"\n      :content-component=\"modalContentComponent\"\n      :therapist=\"therapist\"\n      :title=\"modalAboutTitle\"\n    />\n\n    <s-modal-grade-info\n      v-model=\"isGradeInfoModalShowed\"\n      :price=\"therapist.price\"\n      :info=\"therapist.singleGrade.description\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport moment from 'moment-timezone';\nimport 'moment/dist/locale/ru';\nimport STherapistAvatar from '@shared/s-therapist-avatar/index.vue';\nimport SModalGradeInfo from '@shared/s-modal-grade-info/index.vue';\nimport { TwUiIcon, TwUiButton } from '@yasno-live/yasno-components';\nimport { TwUiTabsList, TwUiTabsItem } from '@front/components-tw/ui/tw-ui-tabs';\nimport AboutModal from './about-modal/index.vue';\nimport TherapyMethodsContent from './about-modal/content/therapy-methods.vue';\nimport EducationContent from './about-modal/content/education.vue';\nimport { MODAL_TITLES } from './const/index.js';\n\nmoment.locale('ru');\n\nconst props = defineProps({\n  therapist: {\n    type: Object,\n    required: true,\n  },\n  timeZone: {\n    type: String,\n    default: '',\n  },\n});\n\nconst COUNT_OF_QUESTIONS_SHOWED = 4;\n\nconst chosenTabIndex = ref(0);\n\nconst changeTab = (index) => {\n  chosenTabIndex.value = index;\n};\n\nconst firstSlotDate = computed(() => {\n  if (!props.therapist.next_session_at) return '';\n\n  const tz = props.timeZone || moment.tz.guess() || 'Europe/Moscow';\n\n  return moment(props.therapist.next_session_at).tz(tz).format('D MMM HH:mm');\n});\n\nconst showedMethodsList = computed(() => {\n  const { methodsList = [] } = props.therapist;\n\n  return methodsList.map((item) => item?.name).join(', ') || [];\n});\n\nconst isAboutModalShowed = ref(false);\nconst isGradeInfoModalShowed = ref(false);\nconst modalContentComponent = ref({});\nconst modalAboutTitle = ref(MODAL_TITLES.DEFAULT);\n\nfunction onShowAboutMethodsModal() {\n  modalAboutTitle.value = MODAL_TITLES.ABOUT_METHODS;\n  modalContentComponent.value = TherapyMethodsContent;\n  isAboutModalShowed.value = true;\n}\n\nfunction onShowAboutEducationModal() {\n  modalAboutTitle.value = MODAL_TITLES.ABOUT_EDUCATION;\n  modalContentComponent.value = EducationContent;\n  isAboutModalShowed.value = true;\n}\n\nfunction onShowAboutGradeModal() {\n  isGradeInfoModalShowed.value = true;\n}\n\nconst therapistQuestions = computed(() => props.therapist.questionsTextList.slice(0, COUNT_OF_QUESTIONS_SHOWED).join(', '));\n</script>\n"],"names":["MODAL_TITLES","moment","locale","props","__props","chosenTabIndex","ref","changeTab","index","value","firstSlotDate","computed","therapist","next_session_at","tz","timeZone","guess","format","showedMethodsList","methodsList","map","item","name","join","isAboutModalShowed","isGradeInfoModalShowed","modalContentComponent","modalAboutTitle","onShowAboutMethodsModal","TherapyMethodsContent","onShowAboutEducationModal","EducationContent","onShowAboutGradeModal","therapistQuestions","questionsTextList","slice"],"mappings":"s0DACaA,EACF,cADEA,EAEI,yBAFJA,EAGM,mzCCuNnBC,EAAOC,OAAO,MAEd,MAAMC,EAAQC,EAaRC,EAAiBC,EAAI,GAErBC,EAAaC,IACjBH,EAAeI,MAAQD,CAAA,EAGnBE,EAAgBC,GAAS,KAC7B,IAAKR,EAAMS,UAAUC,gBAAwB,MAAA,GAE7C,MAAMC,EAAKX,EAAMY,UAAYd,EAAOa,GAAGE,SAAW,gBAE3C,OAAAf,EAAOE,EAAMS,UAAUC,iBAAiBC,GAAGA,GAAIG,OAAO,cAAa,IAGtEC,EAAoBP,GAAS,KACjC,MAAMQ,YAAEA,EAAc,IAAOhB,EAAMS,UAE5B,OAAAO,EAAYC,KAAKC,GAAS,MAAAA,OAAA,EAAAA,EAAMC,OAAMC,KAAK,OAAS,MAGvDC,EAAqBlB,GAAI,GACzBmB,EAAyBnB,GAAI,GAC7BoB,GAAwBpB,EAAI,CAAA,GAC5BqB,GAAkBrB,EAAIN,GAE5B,SAAS4B,KACPD,GAAgBlB,MAAQT,EACxB0B,GAAsBjB,MAAQoB,EAC9BL,EAAmBf,OAAQ,CAC7B,CAEA,SAASqB,KACPH,GAAgBlB,MAAQT,EACxB0B,GAAsBjB,MAAQsB,EAC9BP,EAAmBf,OAAQ,CAC7B,CAEA,SAASuB,KACPP,EAAuBhB,OAAQ,CACjC,CAEA,MAAMwB,GAAqBtB,GAAS,IAAMR,EAAMS,UAAUsB,kBAAkBC,MAAM,EA3ChD,GA2C8EZ,KAAK,2qEA3CnF,8IAAA"}