{"version":3,"file":"index-C2jjExo4.js","sources":["../../../app/frontend/vue/src/utils/format-date-in-timezone.js","../../../app/frontend/vue/src/components-tw/shared/s-scheduler/day.vue","../../../app/frontend/vue/src/components-tw/shared/s-scheduler/index.vue"],"sourcesContent":["import moment from 'moment-timezone';\n\nexport const formatDateInTimezone = (date, tz, format) => {\n  if (tz && date) {\n    return moment(date).tz(tz).format(format);\n  }\n\n  return '';\n};\n","<template>\n  <div\n    role=\"region\"\n    tabindex=\"0\"\n    class=\"_flex _flex-col\"\n    :aria-label=\"`Свободные даты для: ${day}`\"\n    data-testid=\"scheduler-row\"\n  >\n    <div\n      class=\"_t-paragraph-accent-short\"\n      role=\"heading\"\n      tabindex=\"0\"\n      data-testid=\"title\"\n    >\n      {{ day }}\n    </div>\n    <div\n      :class=\"`_flex _flex-wrap ${gap}`\"\n      role=\"region\"\n      tabindex=\"-1\"\n    >\n      <tw-ui-slot-chip\n        v-for=\"slot in slots\"\n        :key=\"slot.id\"\n        v-ysn-tooltip=\"{\n          content: tooltipText,\n          placement: 'top',\n          offset: [0, 14],\n          theme: 'ysn-medium',\n          arrow: true,\n          allowHTML: true,\n          zIndex: 99999,\n          disabled: !slot.less12Hours && !tooltip,\n          maxWidth: 210\n        }\"\n        :title=\"slot.title\"\n        :checked=\"chosenSlot?.id === slot.id\"\n        :data-tooltip-soon=\"slot.less12Hours\"\n        @update:checked=\"emit('select', slot)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport TwUiSlotChip from '@ui/tw-ui-slot-chip/index.vue';\n\ndefineOptions({\n  name: 'SSchedulerItem',\n});\n\nconst { tooltip } = defineProps({\n  day: {\n    type: String,\n    required: true,\n  },\n  slots: {\n    type: Object,\n    required: true,\n  },\n  chosenSlot: {\n    type: [Object, null],\n    required: true,\n  },\n  gap: {\n    type: String,\n    required: true,\n  },\n  tooltip: {\n    type: String,\n    default: undefined,\n  },\n});\n\nconst emit = defineEmits(['select']);\n\nconst tooltipText = computed(() => {\n  if (tooltip) {\n    return tooltip;\n  }\n\n  return 'До начала сессии менее 12 часов. Отменить или перенести будет нельзя.';\n});\n</script>\n","<template>\n  <div\n    class=\"_flex _flex-col _relative\"\n    :class=\"rowGap\"\n    data-testid=\"scheduler\"\n  >\n    <template v-if=\"loading\">\n      <div\n        v-for=\"i in new Array(skeletonRowsCount).fill(0)\"\n        :key=\"i\"\n        class=\"_flex _flex-col\"\n        :class=\"titleGap\"\n      >\n        <tw-ui-skeleton\n          width=\"_w-48\"\n          height=\"_h-6\"\n          class=\"!_rounded-[32px]\"\n          active\n        />\n        <div\n          class=\"_flex _flex-wrap\"\n          :class=\"chipGap\"\n        >\n          <tw-ui-skeleton\n            v-for=\"j in new Array(skeletonChipCount).fill(0)\"\n            :key=\"j\"\n            width=\"_w-20\"\n            height=\"_h-12\"\n            class=\"!_rounded-[32px]\"\n            active\n          />\n        </div>\n      </div>\n    </template>\n    <template v-else>\n      <scheduler-day\n        v-for=\"(slots, day) in visibleDays\"\n        :key=\"day\"\n        :day=\"day\"\n        :slots=\"slots\"\n        :chosen-slot=\"chosenSlot\"\n        :tooltip=\"tooltip\"\n        :class=\"titleGap\"\n        :gap=\"chipGap\"\n        @select=\"emit('update:model-value', $event)\"\n      />\n      <s-collapse\n        v-if=\"hiddenDaysCount\"\n        :open-text=\"openText\"\n      >\n        <div\n          class=\"_flex _flex-col _relative\"\n          :class=\"rowGap\"\n        >\n          <scheduler-day\n            v-for=\"(slots, day) in hiddenDays\"\n            :key=\"day\"\n            :day=\"day\"\n            :slots=\"slots\"\n            :chosen-slot=\"chosenSlot\"\n            :tooltip=\"tooltip\"\n            :class=\"titleGap\"\n            :gap=\"chipGap\"\n            @select=\"emit('update:model-value', $event)\"\n          />\n        </div>\n      </s-collapse>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport moment from 'moment-timezone';\nimport { formatDateInTimezone } from '@front/utils/format-date-in-timezone';\nimport SCollapse from '@shared/s-collapse/index.vue';\nimport { TwUiSkeleton } from '@yasno-live/yasno-components';\nimport { pluralize } from '@front/utils/fns';\nimport SchedulerDay from './day.vue';\n\ndefineOptions({\n  name: 'SScheduler',\n});\n\nconst {\n  schedule, maxVisibleDays, timezone, onlyCouple,\n} = defineProps({\n  schedule: {\n    type: [Object, null],\n    default: null,\n  },\n  maxVisibleDays: {\n    type: [Number, null],\n    default: Infinity,\n  },\n  timezone: {\n    type: String,\n    required: true,\n  },\n  tooltip: {\n    type: String,\n    default: undefined,\n  },\n  rowGap: {\n    type: String,\n    default: '_gap-6 md:_gap-8',\n  },\n  titleGap: {\n    type: String,\n    default: '_gap-3',\n  },\n  chipGap: {\n    type: String,\n    default: '_gap-x-[7px] md:_gap-x-2 _gap-y-3',\n  },\n  skeletonRowsCount: {\n    type: Number,\n    default: 2,\n  },\n  skeletonChipCount: {\n    type: Number,\n    default: 3,\n  },\n  loading: Boolean,\n  onlyCouple: Boolean,\n});\n\nconst chosenSlot = defineModel({ type: [Object, null] });\nconst emit = defineEmits(['update:model-value']);\n\nconst formatDate = (date, format) => formatDateInTimezone(date, timezone, format);\n\nconst userSlots = computed(() => {\n  if (!schedule) {\n    return {};\n  }\n\n  return schedule.reduce((result, slot) => {\n    if (onlyCouple && !slot.available_for_couple) {\n      return result;\n    }\n\n    const dateDay = formatDate(slot.session_at, 'D MMMM, dddd');\n\n    if (!result[dateDay]) {\n      result[dateDay] = [];\n    }\n\n    const diff = moment.tz(slot.session_at, timezone)\n      .diff(moment.tz(Date.now(), timezone), 'hours');\n\n    result[dateDay].push({\n      ...slot,\n      title: formatDate(slot.session_at, 'HH:mm'),\n      less12Hours: diff < 12,\n    });\n\n    return result;\n  }, {});\n});\n\nconst visibleDays = computed(() => Object.fromEntries(Object.entries(userSlots.value).slice(0, maxVisibleDays)));\nconst hiddenDays = computed(() => Object.fromEntries(Object.entries(userSlots.value).slice(maxVisibleDays)));\n\nconst hiddenDaysCount = computed(() => Object.values(hiddenDays.value).length);\n\nconst openText = computed(() => {\n  const count = hiddenDaysCount.value;\n\n  return `Ещё ${count} ${pluralize(count, 'день', 'дня', 'дней')}`;\n});\n</script>\n"],"names":["formatDateInTimezone","date","tz","format","moment","emit","__emit","tooltipText","computed","__props","tooltip","chosenSlot","_useModel","formatDate","timezone","userSlots","schedule","reduce","result","slot","onlyCouple","available_for_couple","dateDay","session_at","diff","Date","now","push","title","less12Hours","visibleDays","Object","fromEntries","entries","value","slice","maxVisibleDays","hiddenDays","hiddenDaysCount","values","length","openText","count","pluralize"],"mappings":"kVAEY,MAACA,EAAuB,CAACC,EAAMC,EAAIC,IACzCD,GAAMD,EACDG,EAAOH,GAAMC,GAAGA,GAAIC,OAAOA,GAG7B,0XCoET,MAAME,EAAOC,EAEPC,EAAcC,GAAS,IACvBC,EAAOC,QACFD,EAAAC,QAGF,w5CC6CH,MAAAC,EAAaC,EAAoCH,EAAA,cACjDJ,EAAOC,EAEPO,EAAa,CAACZ,EAAME,IAAWH,EAAqBC,EAAMQ,EAAQK,SAAEX,GAEpEY,EAAYP,GAAS,IACpBC,EAAAO,SAIEP,EAAAO,SAASC,QAAO,CAACC,EAAQC,KAC9B,GAAIV,EAAUW,aAAKD,EAAKE,qBACf,OAAAH,EAGT,MAAMI,EAAUT,EAAWM,EAAKI,WAAY,gBAEvCL,EAAOI,KACHJ,EAAAI,GAAW,IAGpB,MAAME,EAAOpB,EAAOF,GAAGiB,EAAKI,WAAYd,YACrCe,KAAKpB,EAAOF,GAAGuB,KAAKC,MAAOjB,EAAAK,UAAW,SAQlC,OANAI,EAAAI,GAASK,KAAK,IAChBR,EACHS,MAAOf,EAAWM,EAAKI,WAAY,SACnCM,YAAaL,EAAO,KAGfN,CAAA,GACN,CAAE,GAxBI,KA2BLY,EAActB,GAAS,IAAMuB,OAAOC,YAAYD,OAAOE,QAAQlB,EAAUmB,OAAOC,MAAM,EAAG1B,EAAc2B,mBACvGC,EAAa7B,GAAS,IAAMuB,OAAOC,YAAYD,OAAOE,QAAQlB,EAAUmB,OAAOC,MAAM1B,EAAc2B,mBAEnGE,EAAkB9B,GAAS,IAAMuB,OAAOQ,OAAOF,EAAWH,OAAOM,SAEjEC,EAAWjC,GAAS,KACxB,MAAMkC,EAAQJ,EAAgBJ,MAEvB,MAAA,OAAOQ,KAASC,EAAUD,EAAO,OAAQ,MAAO,SAAO"}