npm - @ozdao/martyrs - Versions diffs - 0.2.571 → 0.2.574 - Mend

@ozdao/martyrs 0.2.571 → 0.2.574

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (819) hide show

package/dist/martyrs/src/modules/spots/components/sections/WorktimeEdit.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WorktimeEdit.vue.js","sources":["../../../../../../../src/modules/spots/components/sections/WorktimeEdit.vue"],"sourcesContent":["<template>\n <div class=\"working-hours-editor w-100\">\n <div class=\"mn-b-small flex flex-nowrap flex-v-center\">\n <h4 class=\"mn-r-auto\">{{ t('workingHours.title') }}</h4>\n <Button \n class=\"bg-main\"\n :submit=\"addRegularDay\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.addRegularDay') }}\n </Button>\n </div>\n\n <!-- Таблица для регулярных часов работы -->\n <div class=\"bg-white radius-small pd-small mn-b-medium\">\n <h5 class=\"mn-b-small\">{{ t('workingHours.regularSchedule') }}</h5>\n \n <div v-if=\"worktime.regular && worktime.regular.length > 0\" class=\"regular-schedule mn-b-small\">\n <div \n v-for=\"(day, index) in worktime.regular\" \n :key=\"`regular-${index}`\" \n class=\"schedule-item pd-small mn-b-small flex flex-v-center flex-nowrap\"\n :class=\"index % 2 === 0 ? 'bg-light' : ''\"\n >\n <div class=\"day-info flex-child-1\">\n <div class=\"day-name t-semi\">{{ getWeekdayName(day.dayOfWeek) }}</div>\n <div class=\"day-hours\" v-if=\"day.isOpen && day.periods && day.periods.length > 0\">\n <template v-for=\"(period, pIndex) in day.periods\" :key=\"`period-${pIndex}`\">\n <span class=\"period t-small t-transp\">\n {{ period.open }} - {{ period.close }}\n </span>\n <span v-if=\"pIndex < day.periods.length - 1\" class=\"t-small t-transp\">, </span>\n </template>\n </div>\n <div v-else class=\"day-hours t-small t-transp t-red\">\n {{ t('workingHours.closed') }}\n </div>\n </div>\n <div class=\"day-actions flex-nowrap flex gap-small\">\n <Button \n class=\"pd-micro bg-light\"\n :submit=\"() => editRegularDay(index)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.edit') }}\n </Button>\n <Button \n class=\"pd-micro bg-fourth-nano\"\n :submit=\"() => removeRegularDay(index)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.remove') }}\n </Button>\n </div>\n </div>\n </div>\n <div v-else class=\"empty-schedule bg-light pd-medium radius-small t-center mn-b-small\">\n {{ t('workingHours.noRegularSchedule') }}\n </div>\n </div>\n\n <!-- Таблица для особых дней -->\n <div class=\"bg-white radius-small pd-small mn-b-small\">\n <div class=\"mn-b-small flex flex-nowrap flex-v-center\">\n <h5 class=\"mn-r-auto\">{{ t('workingHours.specialDays') }}</h5>\n <Button \n class=\"bg-light mn-l-small\"\n :submit=\"addSpecialDay\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.addSpecialDay') }}\n </Button>\n </div>\n <div v-if=\"worktime.special && worktime.special.length > 0\" class=\"special-schedule mn-b-small\">\n <div \n v-for=\"(day, index) in worktime.special\" \n :key=\"`special-${index}`\" \n class=\"schedule-item pd-small mn-b-small flex flex-v-center flex-nowrap\"\n :class=\"index % 2 === 0 ? 'bg-light' : ''\"\n >\n <div class=\"day-info flex-child-1\">\n <div class=\"flex flex-nowrap flex-v-center\">\n <div class=\"day-name t-semi\">{{ formatDate(day.date) }}</div>\n <div v-if=\"day.description\" class=\"t-small t-transp mn-l-small\">({{ day.description }})</div>\n </div>\n <div class=\"day-hours\" v-if=\"day.isOpen && day.periods && day.periods.length > 0\">\n <template v-for=\"(period, pIndex) in day.periods\" :key=\"`special-period-${pIndex}`\">\n <span class=\"period t-small t-transp\">\n {{ period.open }} - {{ period.close }}\n </span>\n <span v-if=\"pIndex < day.periods.length - 1\" class=\"t-small t-transp\">, </span>\n </template>\n </div>\n <div v-else class=\"day-hours t-small t-transp t-red\">\n {{ t('workingHours.closed') }}\n </div>\n </div>\n <div class=\"day-actions flex-nowrap flex gap-small\">\n <Button \n class=\"pd-micro bg-light\"\n :submit=\"() => editSpecialDay(index)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.edit') }}\n </Button>\n <Button \n class=\"pd-micro bg-fourth-nano\"\n :submit=\"() => removeSpecialDay(index)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.remove') }}\n </Button>\n </div>\n </div>\n </div>\n <div v-else class=\"empty-schedule bg-light pd-medium radius-small t-center\">\n {{ t('workingHours.noSpecialDays') }}\n </div>\n </div>\n\n <!-- Модальное окно для добавления/редактирования регулярного дня -->\n <Popup \n :isPopupOpen=\"showRegularDayModal\" \n @close-popup=\"showRegularDayModal = false\"\n :title=\"editingRegularIndex !== null ? t('workingHours.editRegularDay') : t('workingHours.addRegularDay')\"\n class=\"bg-white pd-semi w-m-33r radius-big\"\n >\n <div class=\"schedule-editor\">\n <Select \n v-model:select=\"currentRegularDay.dayOfWeek\"\n value=\"text\"\n :options=\"availableWeekdays\"\n property=\"value\"\n class=\"pos-relative w-100 mn-b-small bg-light radius-small pd-medium\"\n />\n\n <Checkbox \n :label=\"t('workingHours.isOpen')\"\n name=\"isOpenRegular\"\n :value=\"true\"\n :radio=\"currentRegularDay.isOpen\"\n @update:radio=\"val => currentRegularDay.isOpen = val\"\n class=\"w-100 mn-b-small bg-light radius-small pd-small\"\n />\n \n <div v-if=\"currentRegularDay.isOpen\">\n <div class=\"flex flex-nowrap flex-v-center mn-b-small\">\n <h5 class=\"mn-r-auto\">{{ t('workingHours.periods') }}</h5>\n <Button \n class=\"pd-micro bg-light\"\n :submit=\"addPeriodToRegular\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.addPeriod') }}\n </Button>\n </div>\n \n <div v-if=\"validationErrors.overlappingPeriods\" class=\"error-message mn-b-small pd-small radius-small bg-fourth-nano\">\n {{ t('workingHours.errorOverlappingPeriods') }}\n </div>\n \n <div \n v-for=\"(period, pIndex) in currentRegularDay.periods\" \n :key=\"`edit-period-${pIndex}`\"\n class=\"period-row mn-b-small flex flex-nowrap gap-small\"\n >\n <div class=\"flex-child-1 time-inputs cols-2 gap-small\">\n <Field \n v-model:field=\"period.open\"\n :label=\"t('workingHours.opens')\"\n type=\"time\"\n class=\"bg-light radius-small pd-medium\"\n @blur=\"validatePeriods\"\n />\n <Field \n v-model:field=\"period.close\"\n :label=\"t('workingHours.closes')\"\n type=\"time\"\n class=\"bg-light radius-small pd-medium\"\n @blur=\"validatePeriods\"\n />\n </div>\n <Button \n v-if=\"currentRegularDay.periods.length > 1\"\n class=\"pd-micro bg-fourth-nano\"\n :submit=\"() => removeRegularPeriod(pIndex)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.remove') }}\n </Button>\n </div>\n </div>\n \n <div class=\"button-group flex flex-nowrap gap-small mn-t-medium\">\n <Button \n class=\"w-100 bg-light\"\n :submit=\"() => showRegularDayModal = false\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.cancel') }}\n </Button>\n <Button \n class=\"w-100 bg-main\"\n :submit=\"saveRegularDay\"\n :showSucces=\"false\"\n :disabled=\"!isValidRegularDay\"\n >\n {{ t('workingHours.save') }}\n </Button>\n </div>\n </div>\n </Popup>\n\n <!-- Модальное окно для добавления/редактирования особого дня -->\n <Popup \n :isPopupOpen=\"showSpecialDayModal\" \n @close-popup=\"showSpecialDayModal = false\"\n :title=\"editingSpecialIndex !== null ? t('workingHours.editSpecialDay') : t('workingHours.addSpecialDay')\"\n class=\"bg-white pd-semi w-m-33r radius-big\"\n >\n <div class=\"schedule-editor\">\n <Field \n v-model:field=\"currentSpecialDay.dateInput\"\n :label=\"t('workingHours.date')\"\n type=\"date\"\n class=\"bg-light radius-small pd-medium mn-b-small\"\n @blur=\"validateSpecialDate\"\n />\n \n <div v-if=\"validationErrors.duplicateDate\" class=\"error-message mn-b-small pd-small radius-small bg-fourth-nano\">\n {{ t('workingHours.errorDuplicateDate') }}\n </div>\n \n <Field \n v-model:field=\"currentSpecialDay.description\"\n :label=\"t('workingHours.description')\"\n :placeholder=\"t('workingHours.descriptionPlaceholder')\"\n class=\"bg-light radius-small pd-medium mn-b-small\"\n />\n\n <Checkbox \n :label=\"t('workingHours.isOpen')\"\n name=\"isOpenSpecial\"\n :value=\"true\"\n :radio=\"currentSpecialDay.isOpen\"\n @update:radio=\"val => currentSpecialDay.isOpen = val\"\n class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n />\n \n <div v-if=\"currentSpecialDay.isOpen\">\n <div class=\"flex flex-nowrap flex-v-center mn-b-small\">\n <h5 class=\"mn-r-auto\">{{ t('workingHours.periods') }}</h5>\n <Button \n class=\"pd-micro bg-light\"\n :submit=\"addPeriodToSpecial\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.addPeriod') }}\n </Button>\n </div>\n \n <div v-if=\"validationErrors.overlappingPeriods\" class=\"error-message mn-b-small pd-small radius-small bg-fourth-nano\">\n {{ t('workingHours.errorOverlappingPeriods') }}\n </div>\n \n <div \n v-for=\"(period, pIndex) in currentSpecialDay.periods\" \n :key=\"`edit-special-period-${pIndex}`\"\n class=\"period-row mn-b-small flex flex-nowrap gap-small\"\n >\n <div class=\"flex-child-1 time-inputs cols-2 gap-small\">\n <Field \n v-model:field=\"period.open\"\n :label=\"t('workingHours.opens')\"\n type=\"time\"\n class=\"bg-light radius-small pd-medium\"\n @blur=\"validatePeriods\"\n />\n <Field \n v-model:field=\"period.close\"\n :label=\"t('workingHours.closes')\"\n type=\"time\"\n class=\"bg-light radius-small pd-medium\"\n @blur=\"validatePeriods\"\n />\n </div>\n <Button \n v-if=\"currentSpecialDay.periods.length > 1\"\n class=\"pd-micro bg-fourth-nano\"\n :submit=\"() => removeSpecialPeriod(pIndex)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.remove') }}\n </Button>\n </div>\n </div>\n \n <div class=\"button-group flex flex-nowrap gap-small mn-t-medium\">\n <Button \n class=\"w-100 bg-light\"\n :submit=\"() => showSpecialDayModal = false\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.cancel') }}\n </Button>\n <Button \n class=\"w-100 bg-main\"\n :submit=\"saveSpecialDay\"\n :showSucces=\"false\"\n :disabled=\"!isValidSpecialDay\"\n >\n {{ t('workingHours.save') }}\n </Button>\n </div>\n </div>\n </Popup>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nconst worktime = defineModel('worktime')\nconst emit = defineEmits(['update:worktime']);\n\n// i18n\nconst { t, locale } = useI18n({\n messages: {\n en: {\n workingHours: {\n title: 'Working Hours',\n regularSchedule: 'Regular Schedule',\n specialDays: 'Special Days',\n addRegularDay: 'Add Day',\n addSpecialDay: 'Add Day',\n editRegularDay: 'Edit Regular Day',\n editSpecialDay: 'Edit Special Day',\n save: 'Save',\n cancel: 'Cancel',\n edit: 'Edit',\n remove: 'Remove',\n weekday: 'Weekday',\n date: 'Date',\n isOpen: 'Open on this day',\n description: 'Description',\n descriptionPlaceholder: 'Holiday, Special event, etc.',\n periods: 'Operating Hours',\n addPeriod: 'Add Period',\n opens: 'Opens at',\n closes: 'Closes at',\n closed: 'Closed',\n noRegularSchedule: 'No regular schedule set. Add working days to define your regular hours.',\n noSpecialDays: 'No special days set. Add special days for holidays or events.',\n errorDuplicateDate: 'This date already exists in special days.',\n errorOverlappingPeriods: 'Time periods cannot overlap.',\n selectDate: 'Please select a date.',\n errorInvalidPeriod: 'Invalid time period. Closing time must be after opening time.'\n }\n },\n ru: {\n workingHours: {\n title: 'Часы работы',\n regularSchedule: 'Регулярное расписание',\n specialDays: 'Особые дни',\n addRegularDay: 'Добавить день',\n addSpecialDay: 'Добавить особый день',\n editRegularDay: 'Изменить рабочий день',\n editSpecialDay: 'Изменить особый день',\n save: 'Сохранить',\n cancel: 'Отмена',\n edit: 'Изменить',\n remove: 'Удалить',\n weekday: 'День недели',\n date: 'Дата',\n isOpen: 'Открыто в этот день',\n description: 'Описание',\n descriptionPlaceholder: 'Праздник, особое событие и т.д.',\n periods: 'Часы работы',\n addPeriod: 'Добавить период',\n opens: 'Открывается в',\n closes: 'Закрывается в',\n closed: 'Закрыто',\n noRegularSchedule: 'Регулярное расписание не установлено. Добавьте рабочие дни для определения регулярных часов.',\n noSpecialDays: 'Особые дни не установлены. Добавьте особые дни для праздников или событий.',\n errorDuplicateDate: 'Эта дата уже существует в особых днях.',\n errorOverlappingPeriods: 'Временные периоды не могут пересекаться.',\n selectDate: 'Пожалуйста, выберите дату.',\n errorInvalidPeriod: 'Недопустимый временной период. Время закрытия должно быть после времени открытия.'\n }\n }\n }\n});\n\n// Форматирование даты с использованием браузерных API\nconst formatDate = (date) => {\n if (!date) return '';\n const dateObj = new Date(date);\n return new Intl.DateTimeFormat(locale.value, {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n }).format(dateObj);\n};\n\n// Получение названия дня недели по номеру\nconst getWeekdayName = (dayNumber) => {\n if (dayNumber === undefined \|\| dayNumber === null) return '';\n \n // Создаем дату с известным начальным днем недели (1 января 2023 - воскресенье)\n const date = new Date(2023, 0, 1 + dayNumber);\n \n return new Intl.DateTimeFormat(locale.value, { weekday: 'long' }).format(date);\n};\n\n// Состояние для модальных окон\nconst showRegularDayModal = ref(false);\nconst showSpecialDayModal = ref(false);\n\n// Индексы для редактирования\nconst editingRegularIndex = ref(null);\nconst editingSpecialIndex = ref(null);\n\n// Валидация\nconst validationErrors = ref({\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n});\n\n// Текущие значения для редактирования\nconst currentRegularDay = ref({\n dayOfWeek: 1, // Понедельник по умолчанию\n isOpen: true,\n periods: [{\n open: '09:00',\n close: '18:00'\n }]\n});\n\nconst currentSpecialDay = ref({\n dateInput: '', // Для ввода даты в формате YYYY-MM-DD\n date: null,\n description: '',\n isOpen: false,\n periods: [{\n open: '09:00',\n close: '18:00'\n }]\n});\n\n// Список доступных дней недели (0-6)\nconst weekdays = [0, 1, 2, 3, 4, 5, 6];\n\n// Получаем доступные дни недели (исключая те, которые уже добавлены)\nconst availableWeekdays = computed(() => {\n const usedDays = new Set((worktime.value?.regular \|\| []).map(d => d.dayOfWeek));\n \n // Фильтруем дни, которые еще не добавлены или это текущий редактируемый день\n return weekdays\n .filter(day => \n !usedDays.has(day) \|\| \n (editingRegularIndex.value !== null && \n worktime.value?.regular[editingRegularIndex.value]?.dayOfWeek === day)\n )\n .map(day => ({\n text: getWeekdayName(day),\n value: day\n }));\n});\n\n// Проверка валидности текущего состояния\nconst isValidRegularDay = computed(() => {\n return !validationErrors.value.overlappingPeriods && !validationErrors.value.invalidPeriod;\n});\n\nconst isValidSpecialDay = computed(() => {\n return !validationErrors.value.duplicateDate && \n !validationErrors.value.overlappingPeriods && \n !validationErrors.value.invalidPeriod && \n !!currentSpecialDay.value.dateInput;\n});\n\n// Функции добавления дней\nconst addRegularDay = () => {\n editingRegularIndex.value = null;\n currentRegularDay.value = {\n dayOfWeek: availableWeekdays.value[0]?.value ?? 1,\n isOpen: true,\n periods: [{\n open: '09:00',\n close: '18:00'\n }]\n };\n validationErrors.value = {\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n };\n showRegularDayModal.value = true;\n};\n\nconst addSpecialDay = () => {\n editingSpecialIndex.value = null;\n // Устанавливаем текущую дату по умолчанию\n const today = new Date();\n const todayFormatted = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`;\n \n currentSpecialDay.value = {\n dateInput: todayFormatted,\n date: today,\n description: '',\n isOpen: false,\n periods: [{\n open: '09:00',\n close: '18:00'\n }]\n };\n \n validationErrors.value = {\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n };\n \n showSpecialDayModal.value = true;\n \n // Сразу проверяем на дублирование даты\n validateSpecialDate();\n};\n\n// Валидация периодов (проверка на пересечение)\nconst validatePeriods = () => {\n const periods = showRegularDayModal.value ? \n currentRegularDay.value.periods : \n currentSpecialDay.value.periods;\n \n if (!periods \|\| periods.length <= 1) {\n validationErrors.value.overlappingPeriods = false;\n validationErrors.value.invalidPeriod = false;\n return;\n }\n \n // Проверка на недопустимые периоды (конец раньше начала)\n validationErrors.value.invalidPeriod = periods.some(period => \n period.open >= period.close\n );\n \n if (validationErrors.value.invalidPeriod) {\n return;\n }\n \n // Сортируем периоды по времени начала\n const sortedPeriods = [...periods].sort((a, b) => a.open.localeCompare(b.open));\n \n // Проверяем пересечения\n for (let i = 0; i < sortedPeriods.length - 1; i++) {\n if (sortedPeriods[i].close > sortedPeriods[i + 1].open) {\n validationErrors.value.overlappingPeriods = true;\n return;\n }\n }\n \n validationErrors.value.overlappingPeriods = false;\n};\n\n// Валидация даты для особого дня (проверка на дублирование)\nconst validateSpecialDate = () => {\n if (!currentSpecialDay.value.dateInput) {\n validationErrors.value.duplicateDate = false;\n return;\n }\n \n const newDateObj = new Date(currentSpecialDay.value.dateInput);\n newDateObj.setHours(0, 0, 0, 0); // Нормализуем время\n \n const isDuplicate = worktime.value.special.some((specialDay, index) => {\n if (editingSpecialIndex.value === index) return false; // Пропускаем текущий редактируемый день\n \n const existingDate = new Date(specialDay.date);\n existingDate.setHours(0, 0, 0, 0); // Нормализуем время\n \n return existingDate.getTime() === newDateObj.getTime();\n });\n \n validationErrors.value.duplicateDate = isDuplicate;\n};\n\n// Методы для работы с регулярными днями\nconst editRegularDay = (index) => {\n editingRegularIndex.value = index;\n const day = JSON.parse(JSON.stringify(worktime.value.regular[index]));\n \n // Если нет периодов, добавляем пустой\n if (!day.periods \|\| day.periods.length === 0) {\n day.periods = [{\n open: '09:00',\n close: '18:00'\n }];\n }\n \n currentRegularDay.value = day;\n validationErrors.value = {\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n };\n showRegularDayModal.value = true;\n \n // Валидируем периоды\n validatePeriods();\n};\n\nconst removeRegularDay = (index) => {\n const updatedWorktime = { ...worktime.value };\n updatedWorktime.regular.splice(index, 1);\n emit('update:worktime', updatedWorktime);\n};\n\nconst saveRegularDay = () => {\n // Проверяем валидность\n validatePeriods();\n if (!isValidRegularDay.value) {\n return;\n }\n \n // Копируем текущее значение модели\n const updatedWorktime = JSON.parse(JSON.stringify(worktime.value));\n \n // Убеждаемся, что regular существует\n if (!updatedWorktime.regular) {\n updatedWorktime.regular = [];\n }\n \n // Копируем текущий день\n const dayToSave = { ...currentRegularDay.value };\n \n // Если день закрыт, удаляем периоды\n if (!dayToSave.isOpen) {\n dayToSave.periods = [];\n }\n \n // Обновляем или добавляем\n if (editingRegularIndex.value !== null) {\n updatedWorktime.regular[editingRegularIndex.value] = dayToSave;\n } else {\n updatedWorktime.regular.push(dayToSave);\n }\n \n // Сортируем по дням недели\n updatedWorktime.regular.sort((a, b) => a.dayOfWeek - b.dayOfWeek);\n \n // Обновляем модель\n worktime.value = updatedWorktime\n emit('update:worktime', updatedWorktime);\n showRegularDayModal.value = false;\n};\n\nconst addPeriodToRegular = () => {\n currentRegularDay.value.periods.push({\n open: '09:00',\n close: '18:00'\n });\n validatePeriods();\n};\n\nconst removeRegularPeriod = (index) => {\n currentRegularDay.value.periods.splice(index, 1);\n validatePeriods();\n};\n\n// Методы для работы с особыми днями\nconst editSpecialDay = (index) => {\n editingSpecialIndex.value = index;\n const day = JSON.parse(JSON.stringify(worktime.value.special[index]));\n \n // Форматируем дату для поля ввода\n const date = new Date(day.date);\n const dateForInput = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;\n \n // Если нет периодов, добавляем пустой\n if (!day.periods \|\| day.periods.length === 0) {\n day.periods = [{\n open: '09:00',\n close: '18:00'\n }];\n }\n \n currentSpecialDay.value = {\n ...day,\n dateInput: dateForInput\n };\n \n validationErrors.value = {\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n };\n showSpecialDayModal.value = true;\n \n // Валидируем периоды\n validatePeriods();\n};\n\nconst removeSpecialDay = (index) => {\n const updatedWorktime = { ...worktime.value };\n updatedWorktime.special.splice(index, 1);\n emit('update:worktime', updatedWorktime);\n};\n\nconst saveSpecialDay = () => {\n // Проверяем валидность\n validateSpecialDate();\n validatePeriods();\n \n if (!isValidSpecialDay.value) {\n if (!currentSpecialDay.value.dateInput) {\n alert(t('workingHours.selectDate'));\n }\n return;\n }\n \n // Копируем текущее значение модели\n const updatedWorktime = JSON.parse(JSON.stringify(worktime.value));\n \n // Убеждаемся, что special существует\n if (!updatedWorktime.special) {\n updatedWorktime.special = [];\n }\n \n // Преобразуем дату из input в объект Date\n const dateParts = currentSpecialDay.value.dateInput.split('-');\n const specialDate = new Date(\n parseInt(dateParts[0]), \n parseInt(dateParts[1]) - 1, \n parseInt(dateParts[2])\n );\n \n // Копируем текущий день и обновляем дату\n const dayToSave = { \n ...currentSpecialDay.value,\n date: specialDate\n };\n \n // Удаляем вспомогательное поле\n delete dayToSave.dateInput;\n \n // Если день закрыт, удаляем периоды\n if (!dayToSave.isOpen) {\n dayToSave.periods = [];\n }\n \n // Обновляем или добавляем\n if (editingSpecialIndex.value !== null) {\n updatedWorktime.special[editingSpecialIndex.value] = dayToSave;\n } else {\n updatedWorktime.special.push(dayToSave);\n }\n \n // Сортируем по датам\n updatedWorktime.special.sort((a, b) => new Date(a.date) - new Date(b.date));\n \n // Обновляем модель\n emit('update:worktime', updatedWorktime);\n showSpecialDayModal.value = false;\n};\n\nconst addPeriodToSpecial = () => {\n currentSpecialDay.value.periods.push({\n open: '09:00',\n close: '18:00'\n });\n validatePeriods();\n};\n\nconst removeSpecialPeriod = (index) => {\n currentSpecialDay.value.periods.splice(index, 1);\n validatePeriods();\n};\n\n// Инициализация значений при монтировании\nonMounted(() => {\n // Проверяем, что начальное значение модели имеет правильную структуру\n if (!worktime.value.regular \|\| !worktime.value.special ) worktime.value = {\n regular: [],\n special: []\n }\n // emit('update:worktime', worktime.value);\n});\n</script>\n\n<style scoped>\n.working-hours-editor {\n border-radius: 8px;\n}\n\n.schedule-item {\n transition: all 0.3s ease;\n border-bottom: 1px solid rgba(var(--grey), 0.1);\n}\n\n.schedule-item:last-child {\n border-bottom: none;\n}\n\n.period {\n display: inline-block;\n}\n\n.empty-schedule {\n color: rgba(var(--dark), 0.6);\n}\n\n.period-row {\n align-items: center;\n}\n\n.error-message {\n color: white;\n}\n</style>"],"names":["_useModel"],"mappings":"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"}
1	+ {"version":3,"file":"WorktimeEdit.vue.js","sources":["../../../../../../../src/modules/spots/components/sections/WorktimeEdit.vue"],"sourcesContent":["<template>\n <div class=\"working-hours-editor w-100\">\n <div class=\"mn-b-small flex flex-nowrap flex-v-center\">\n <h4 class=\"mn-r-auto\">{{ t('workingHours.title') }}</h4>\n <Button \n class=\"bg-main\"\n :submit=\"addRegularDay\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.addRegularDay') }}\n </Button>\n </div>\n\n <!-- Таблица для регулярных часов работы -->\n <div class=\"bg-white radius-small pd-small mn-b-medium\">\n <h5 class=\"mn-b-small\">{{ t('workingHours.regularSchedule') }}</h5>\n \n <div v-if=\"worktime.regular && worktime.regular.length > 0\" class=\"regular-schedule mn-b-small\">\n <div \n v-for=\"(day, index) in worktime.regular\" \n :key=\"`regular-${index}`\" \n class=\"schedule-item pd-small mn-b-small flex flex-v-center flex-nowrap\"\n :class=\"index % 2 === 0 ? 'bg-light' : ''\"\n >\n <div class=\"day-info flex-child-1\">\n <div class=\"day-name fw-semi\">{{ getWeekdayName(day.dayOfWeek) }}</div>\n <div class=\"day-hours\" v-if=\"day.isOpen && day.periods && day.periods.length > 0\">\n <template v-for=\"(period, pIndex) in day.periods\" :key=\"`period-${pIndex}`\">\n <span class=\"period t-small t-transp\">\n {{ period.open }} - {{ period.close }}\n </span>\n <span v-if=\"pIndex < day.periods.length - 1\" class=\"t-small t-transp\">, </span>\n </template>\n </div>\n <div v-else class=\"day-hours t-small t-transp t-red\">\n {{ t('workingHours.closed') }}\n </div>\n </div>\n <div class=\"day-actions flex-nowrap flex gap-small\">\n <Button \n class=\"pd-micro bg-light\"\n :submit=\"() => editRegularDay(index)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.edit') }}\n </Button>\n <Button \n class=\"pd-micro bg-fourth-nano\"\n :submit=\"() => removeRegularDay(index)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.remove') }}\n </Button>\n </div>\n </div>\n </div>\n <div v-else class=\"empty-schedule bg-light pd-medium radius-small t-center mn-b-small\">\n {{ t('workingHours.noRegularSchedule') }}\n </div>\n </div>\n\n <!-- Таблица для особых дней -->\n <div class=\"bg-white radius-small pd-small mn-b-small\">\n <div class=\"mn-b-small flex flex-nowrap flex-v-center\">\n <h5 class=\"mn-r-auto\">{{ t('workingHours.specialDays') }}</h5>\n <Button \n class=\"bg-light mn-l-small\"\n :submit=\"addSpecialDay\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.addSpecialDay') }}\n </Button>\n </div>\n <div v-if=\"worktime.special && worktime.special.length > 0\" class=\"special-schedule mn-b-small\">\n <div \n v-for=\"(day, index) in worktime.special\" \n :key=\"`special-${index}`\" \n class=\"schedule-item pd-small mn-b-small flex flex-v-center flex-nowrap\"\n :class=\"index % 2 === 0 ? 'bg-light' : ''\"\n >\n <div class=\"day-info flex-child-1\">\n <div class=\"flex flex-nowrap flex-v-center\">\n <div class=\"day-name fw-semi\">{{ formatDate(day.date) }}</div>\n <div v-if=\"day.description\" class=\"t-small t-transp mn-l-small\">({{ day.description }})</div>\n </div>\n <div class=\"day-hours\" v-if=\"day.isOpen && day.periods && day.periods.length > 0\">\n <template v-for=\"(period, pIndex) in day.periods\" :key=\"`special-period-${pIndex}`\">\n <span class=\"period t-small t-transp\">\n {{ period.open }} - {{ period.close }}\n </span>\n <span v-if=\"pIndex < day.periods.length - 1\" class=\"t-small t-transp\">, </span>\n </template>\n </div>\n <div v-else class=\"day-hours t-small t-transp t-red\">\n {{ t('workingHours.closed') }}\n </div>\n </div>\n <div class=\"day-actions flex-nowrap flex gap-small\">\n <Button \n class=\"pd-micro bg-light\"\n :submit=\"() => editSpecialDay(index)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.edit') }}\n </Button>\n <Button \n class=\"pd-micro bg-fourth-nano\"\n :submit=\"() => removeSpecialDay(index)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.remove') }}\n </Button>\n </div>\n </div>\n </div>\n <div v-else class=\"empty-schedule bg-light pd-medium radius-small t-center\">\n {{ t('workingHours.noSpecialDays') }}\n </div>\n </div>\n\n <!-- Модальное окно для добавления/редактирования регулярного дня -->\n <Popup \n :isPopupOpen=\"showRegularDayModal\" \n @close-popup=\"showRegularDayModal = false\"\n :title=\"editingRegularIndex !== null ? t('workingHours.editRegularDay') : t('workingHours.addRegularDay')\"\n class=\"bg-white pd-semi w-m-33r radius-big\"\n >\n <div class=\"schedule-editor\">\n <Select \n v-model:select=\"currentRegularDay.dayOfWeek\"\n value=\"text\"\n :options=\"availableWeekdays\"\n property=\"value\"\n class=\"pos-relative w-100 mn-b-small bg-light radius-small pd-medium\"\n />\n\n <Checkbox \n :label=\"t('workingHours.isOpen')\"\n name=\"isOpenRegular\"\n :value=\"true\"\n :radio=\"currentRegularDay.isOpen\"\n @update:radio=\"val => currentRegularDay.isOpen = val\"\n class=\"w-100 mn-b-small bg-light radius-small pd-small\"\n />\n \n <div v-if=\"currentRegularDay.isOpen\">\n <div class=\"flex flex-nowrap flex-v-center mn-b-small\">\n <h5 class=\"mn-r-auto\">{{ t('workingHours.periods') }}</h5>\n <Button \n class=\"pd-micro bg-light\"\n :submit=\"addPeriodToRegular\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.addPeriod') }}\n </Button>\n </div>\n \n <div v-if=\"validationErrors.overlappingPeriods\" class=\"error-message mn-b-small pd-small radius-small bg-fourth-nano\">\n {{ t('workingHours.errorOverlappingPeriods') }}\n </div>\n \n <div \n v-for=\"(period, pIndex) in currentRegularDay.periods\" \n :key=\"`edit-period-${pIndex}`\"\n class=\"period-row mn-b-small flex flex-nowrap gap-small\"\n >\n <div class=\"flex-child-1 time-inputs cols-2 mobile:cols-1 gap-small\">\n <Field \n v-model:field=\"period.open\"\n :label=\"t('workingHours.opens')\"\n type=\"time\"\n class=\"bg-light radius-small pd-medium\"\n @blur=\"validatePeriods\"\n />\n <Field \n v-model:field=\"period.close\"\n :label=\"t('workingHours.closes')\"\n type=\"time\"\n class=\"bg-light radius-small pd-medium\"\n @blur=\"validatePeriods\"\n />\n </div>\n <Button \n v-if=\"currentRegularDay.periods.length > 1\"\n class=\"pd-micro bg-fourth-nano\"\n :submit=\"() => removeRegularPeriod(pIndex)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.remove') }}\n </Button>\n </div>\n </div>\n \n <div class=\"button-group flex flex-nowrap gap-small mn-t-medium\">\n <Button \n class=\"w-100 bg-light\"\n :submit=\"() => showRegularDayModal = false\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.cancel') }}\n </Button>\n <Button \n class=\"w-100 bg-main\"\n :submit=\"saveRegularDay\"\n :showSucces=\"false\"\n :disabled=\"!isValidRegularDay\"\n >\n {{ t('workingHours.save') }}\n </Button>\n </div>\n </div>\n </Popup>\n\n <!-- Модальное окно для добавления/редактирования особого дня -->\n <Popup \n :isPopupOpen=\"showSpecialDayModal\" \n @close-popup=\"showSpecialDayModal = false\"\n :title=\"editingSpecialIndex !== null ? t('workingHours.editSpecialDay') : t('workingHours.addSpecialDay')\"\n class=\"bg-white pd-semi w-m-33r radius-big\"\n >\n <div class=\"schedule-editor\">\n <Field \n v-model:field=\"currentSpecialDay.dateInput\"\n :label=\"t('workingHours.date')\"\n type=\"date\"\n class=\"bg-light radius-small pd-medium mn-b-small\"\n @blur=\"validateSpecialDate\"\n />\n \n <div v-if=\"validationErrors.duplicateDate\" class=\"error-message mn-b-small pd-small radius-small bg-fourth-nano\">\n {{ t('workingHours.errorDuplicateDate') }}\n </div>\n \n <Field \n v-model:field=\"currentSpecialDay.description\"\n :label=\"t('workingHours.description')\"\n :placeholder=\"t('workingHours.descriptionPlaceholder')\"\n class=\"bg-light radius-small pd-medium mn-b-small\"\n />\n\n <Checkbox \n :label=\"t('workingHours.isOpen')\"\n name=\"isOpenSpecial\"\n :value=\"true\"\n :radio=\"currentSpecialDay.isOpen\"\n @update:radio=\"val => currentSpecialDay.isOpen = val\"\n class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n />\n \n <div v-if=\"currentSpecialDay.isOpen\">\n <div class=\"flex flex-nowrap flex-v-center mn-b-small\">\n <h5 class=\"mn-r-auto\">{{ t('workingHours.periods') }}</h5>\n <Button \n class=\"pd-micro bg-light\"\n :submit=\"addPeriodToSpecial\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.addPeriod') }}\n </Button>\n </div>\n \n <div v-if=\"validationErrors.overlappingPeriods\" class=\"error-message mn-b-small pd-small radius-small bg-fourth-nano\">\n {{ t('workingHours.errorOverlappingPeriods') }}\n </div>\n \n <div \n v-for=\"(period, pIndex) in currentSpecialDay.periods\" \n :key=\"`edit-special-period-${pIndex}`\"\n class=\"period-row mn-b-small flex flex-nowrap gap-small\"\n >\n <div class=\"flex-child-1 time-inputs cols-2 mobile:cols-1 gap-small\">\n <Field \n v-model:field=\"period.open\"\n :label=\"t('workingHours.opens')\"\n type=\"time\"\n class=\"bg-light radius-small pd-medium\"\n @blur=\"validatePeriods\"\n />\n <Field \n v-model:field=\"period.close\"\n :label=\"t('workingHours.closes')\"\n type=\"time\"\n class=\"bg-light radius-small pd-medium\"\n @blur=\"validatePeriods\"\n />\n </div>\n <Button \n v-if=\"currentSpecialDay.periods.length > 1\"\n class=\"pd-micro bg-fourth-nano\"\n :submit=\"() => removeSpecialPeriod(pIndex)\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.remove') }}\n </Button>\n </div>\n </div>\n \n <div class=\"button-group flex flex-nowrap gap-small mn-t-medium\">\n <Button \n class=\"w-100 bg-light\"\n :submit=\"() => showSpecialDayModal = false\"\n :showSucces=\"false\" \n :showLoader=\"false\"\n >\n {{ t('workingHours.cancel') }}\n </Button>\n <Button \n class=\"w-100 bg-main\"\n :submit=\"saveSpecialDay\"\n :showSucces=\"false\"\n :disabled=\"!isValidSpecialDay\"\n >\n {{ t('workingHours.save') }}\n </Button>\n </div>\n </div>\n </Popup>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nconst worktime = defineModel('worktime')\nconst emit = defineEmits(['update:worktime']);\n\n// i18n\nconst { t, locale } = useI18n({\n messages: {\n en: {\n workingHours: {\n title: 'Working Hours',\n regularSchedule: 'Regular Schedule',\n specialDays: 'Special Days',\n addRegularDay: 'Add Day',\n addSpecialDay: 'Add Day',\n editRegularDay: 'Edit Regular Day',\n editSpecialDay: 'Edit Special Day',\n save: 'Save',\n cancel: 'Cancel',\n edit: 'Edit',\n remove: 'Remove',\n weekday: 'Weekday',\n date: 'Date',\n isOpen: 'Open on this day',\n description: 'Description',\n descriptionPlaceholder: 'Holiday, Special event, etc.',\n periods: 'Operating Hours',\n addPeriod: 'Add Period',\n opens: 'Opens at',\n closes: 'Closes at',\n closed: 'Closed',\n noRegularSchedule: 'No regular schedule set. Add working days to define your regular hours.',\n noSpecialDays: 'No special days set. Add special days for holidays or events.',\n errorDuplicateDate: 'This date already exists in special days.',\n errorOverlappingPeriods: 'Time periods cannot overlap.',\n selectDate: 'Please select a date.',\n errorInvalidPeriod: 'Invalid time period. Closing time must be after opening time.'\n }\n },\n ru: {\n workingHours: {\n title: 'Часы работы',\n regularSchedule: 'Регулярное расписание',\n specialDays: 'Особые дни',\n addRegularDay: 'Добавить день',\n addSpecialDay: 'Добавить особый день',\n editRegularDay: 'Изменить рабочий день',\n editSpecialDay: 'Изменить особый день',\n save: 'Сохранить',\n cancel: 'Отмена',\n edit: 'Изменить',\n remove: 'Удалить',\n weekday: 'День недели',\n date: 'Дата',\n isOpen: 'Открыто в этот день',\n description: 'Описание',\n descriptionPlaceholder: 'Праздник, особое событие и т.д.',\n periods: 'Часы работы',\n addPeriod: 'Добавить период',\n opens: 'Открывается в',\n closes: 'Закрывается в',\n closed: 'Закрыто',\n noRegularSchedule: 'Регулярное расписание не установлено. Добавьте рабочие дни для определения регулярных часов.',\n noSpecialDays: 'Особые дни не установлены. Добавьте особые дни для праздников или событий.',\n errorDuplicateDate: 'Эта дата уже существует в особых днях.',\n errorOverlappingPeriods: 'Временные периоды не могут пересекаться.',\n selectDate: 'Пожалуйста, выберите дату.',\n errorInvalidPeriod: 'Недопустимый временной период. Время закрытия должно быть после времени открытия.'\n }\n }\n }\n});\n\n// Форматирование даты с использованием браузерных API\nconst formatDate = (date) => {\n if (!date) return '';\n const dateObj = new Date(date);\n return new Intl.DateTimeFormat(locale.value, {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n }).format(dateObj);\n};\n\n// Получение названия дня недели по номеру\nconst getWeekdayName = (dayNumber) => {\n if (dayNumber === undefined \|\| dayNumber === null) return '';\n \n // Создаем дату с известным начальным днем недели (1 января 2023 - воскресенье)\n const date = new Date(2023, 0, 1 + dayNumber);\n \n return new Intl.DateTimeFormat(locale.value, { weekday: 'long' }).format(date);\n};\n\n// Состояние для модальных окон\nconst showRegularDayModal = ref(false);\nconst showSpecialDayModal = ref(false);\n\n// Индексы для редактирования\nconst editingRegularIndex = ref(null);\nconst editingSpecialIndex = ref(null);\n\n// Валидация\nconst validationErrors = ref({\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n});\n\n// Текущие значения для редактирования\nconst currentRegularDay = ref({\n dayOfWeek: 1, // Понедельник по умолчанию\n isOpen: true,\n periods: [{\n open: '09:00',\n close: '18:00'\n }]\n});\n\nconst currentSpecialDay = ref({\n dateInput: '', // Для ввода даты в формате YYYY-MM-DD\n date: null,\n description: '',\n isOpen: false,\n periods: [{\n open: '09:00',\n close: '18:00'\n }]\n});\n\n// Список доступных дней недели (0-6)\nconst weekdays = [0, 1, 2, 3, 4, 5, 6];\n\n// Получаем доступные дни недели (исключая те, которые уже добавлены)\nconst availableWeekdays = computed(() => {\n const usedDays = new Set((worktime.value?.regular \|\| []).map(d => d.dayOfWeek));\n \n // Фильтруем дни, которые еще не добавлены или это текущий редактируемый день\n return weekdays\n .filter(day => \n !usedDays.has(day) \|\| \n (editingRegularIndex.value !== null && \n worktime.value?.regular[editingRegularIndex.value]?.dayOfWeek === day)\n )\n .map(day => ({\n text: getWeekdayName(day),\n value: day\n }));\n});\n\n// Проверка валидности текущего состояния\nconst isValidRegularDay = computed(() => {\n return !validationErrors.value.overlappingPeriods && !validationErrors.value.invalidPeriod;\n});\n\nconst isValidSpecialDay = computed(() => {\n return !validationErrors.value.duplicateDate && \n !validationErrors.value.overlappingPeriods && \n !validationErrors.value.invalidPeriod && \n !!currentSpecialDay.value.dateInput;\n});\n\n// Функции добавления дней\nconst addRegularDay = () => {\n editingRegularIndex.value = null;\n currentRegularDay.value = {\n dayOfWeek: availableWeekdays.value[0]?.value ?? 1,\n isOpen: true,\n periods: [{\n open: '09:00',\n close: '18:00'\n }]\n };\n validationErrors.value = {\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n };\n showRegularDayModal.value = true;\n};\n\nconst addSpecialDay = () => {\n editingSpecialIndex.value = null;\n // Устанавливаем текущую дату по умолчанию\n const today = new Date();\n const todayFormatted = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`;\n \n currentSpecialDay.value = {\n dateInput: todayFormatted,\n date: today,\n description: '',\n isOpen: false,\n periods: [{\n open: '09:00',\n close: '18:00'\n }]\n };\n \n validationErrors.value = {\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n };\n \n showSpecialDayModal.value = true;\n \n // Сразу проверяем на дублирование даты\n validateSpecialDate();\n};\n\n// Валидация периодов (проверка на пересечение)\nconst validatePeriods = () => {\n const periods = showRegularDayModal.value ? \n currentRegularDay.value.periods : \n currentSpecialDay.value.periods;\n \n if (!periods \|\| periods.length <= 1) {\n validationErrors.value.overlappingPeriods = false;\n validationErrors.value.invalidPeriod = false;\n return;\n }\n \n // Проверка на недопустимые периоды (конец раньше начала)\n validationErrors.value.invalidPeriod = periods.some(period => \n period.open >= period.close\n );\n \n if (validationErrors.value.invalidPeriod) {\n return;\n }\n \n // Сортируем периоды по времени начала\n const sortedPeriods = [...periods].sort((a, b) => a.open.localeCompare(b.open));\n \n // Проверяем пересечения\n for (let i = 0; i < sortedPeriods.length - 1; i++) {\n if (sortedPeriods[i].close > sortedPeriods[i + 1].open) {\n validationErrors.value.overlappingPeriods = true;\n return;\n }\n }\n \n validationErrors.value.overlappingPeriods = false;\n};\n\n// Валидация даты для особого дня (проверка на дублирование)\nconst validateSpecialDate = () => {\n if (!currentSpecialDay.value.dateInput) {\n validationErrors.value.duplicateDate = false;\n return;\n }\n \n const newDateObj = new Date(currentSpecialDay.value.dateInput);\n newDateObj.setHours(0, 0, 0, 0); // Нормализуем время\n \n const isDuplicate = worktime.value.special.some((specialDay, index) => {\n if (editingSpecialIndex.value === index) return false; // Пропускаем текущий редактируемый день\n \n const existingDate = new Date(specialDay.date);\n existingDate.setHours(0, 0, 0, 0); // Нормализуем время\n \n return existingDate.getTime() === newDateObj.getTime();\n });\n \n validationErrors.value.duplicateDate = isDuplicate;\n};\n\n// Методы для работы с регулярными днями\nconst editRegularDay = (index) => {\n editingRegularIndex.value = index;\n const day = JSON.parse(JSON.stringify(worktime.value.regular[index]));\n \n // Если нет периодов, добавляем пустой\n if (!day.periods \|\| day.periods.length === 0) {\n day.periods = [{\n open: '09:00',\n close: '18:00'\n }];\n }\n \n currentRegularDay.value = day;\n validationErrors.value = {\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n };\n showRegularDayModal.value = true;\n \n // Валидируем периоды\n validatePeriods();\n};\n\nconst removeRegularDay = (index) => {\n const updatedWorktime = { ...worktime.value };\n updatedWorktime.regular.splice(index, 1);\n emit('update:worktime', updatedWorktime);\n};\n\nconst saveRegularDay = () => {\n // Проверяем валидность\n validatePeriods();\n if (!isValidRegularDay.value) {\n return;\n }\n \n // Копируем текущее значение модели\n const updatedWorktime = JSON.parse(JSON.stringify(worktime.value));\n \n // Убеждаемся, что regular существует\n if (!updatedWorktime.regular) {\n updatedWorktime.regular = [];\n }\n \n // Копируем текущий день\n const dayToSave = { ...currentRegularDay.value };\n \n // Если день закрыт, удаляем периоды\n if (!dayToSave.isOpen) {\n dayToSave.periods = [];\n }\n \n // Обновляем или добавляем\n if (editingRegularIndex.value !== null) {\n updatedWorktime.regular[editingRegularIndex.value] = dayToSave;\n } else {\n updatedWorktime.regular.push(dayToSave);\n }\n \n // Сортируем по дням недели\n updatedWorktime.regular.sort((a, b) => a.dayOfWeek - b.dayOfWeek);\n \n // Обновляем модель\n worktime.value = updatedWorktime\n emit('update:worktime', updatedWorktime);\n showRegularDayModal.value = false;\n};\n\nconst addPeriodToRegular = () => {\n currentRegularDay.value.periods.push({\n open: '09:00',\n close: '18:00'\n });\n validatePeriods();\n};\n\nconst removeRegularPeriod = (index) => {\n currentRegularDay.value.periods.splice(index, 1);\n validatePeriods();\n};\n\n// Методы для работы с особыми днями\nconst editSpecialDay = (index) => {\n editingSpecialIndex.value = index;\n const day = JSON.parse(JSON.stringify(worktime.value.special[index]));\n \n // Форматируем дату для поля ввода\n const date = new Date(day.date);\n const dateForInput = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;\n \n // Если нет периодов, добавляем пустой\n if (!day.periods \|\| day.periods.length === 0) {\n day.periods = [{\n open: '09:00',\n close: '18:00'\n }];\n }\n \n currentSpecialDay.value = {\n ...day,\n dateInput: dateForInput\n };\n \n validationErrors.value = {\n overlappingPeriods: false,\n duplicateDate: false,\n invalidPeriod: false\n };\n showSpecialDayModal.value = true;\n \n // Валидируем периоды\n validatePeriods();\n};\n\nconst removeSpecialDay = (index) => {\n const updatedWorktime = { ...worktime.value };\n updatedWorktime.special.splice(index, 1);\n emit('update:worktime', updatedWorktime);\n};\n\nconst saveSpecialDay = () => {\n // Проверяем валидность\n validateSpecialDate();\n validatePeriods();\n \n if (!isValidSpecialDay.value) {\n if (!currentSpecialDay.value.dateInput) {\n alert(t('workingHours.selectDate'));\n }\n return;\n }\n \n // Копируем текущее значение модели\n const updatedWorktime = JSON.parse(JSON.stringify(worktime.value));\n \n // Убеждаемся, что special существует\n if (!updatedWorktime.special) {\n updatedWorktime.special = [];\n }\n \n // Преобразуем дату из input в объект Date\n const dateParts = currentSpecialDay.value.dateInput.split('-');\n const specialDate = new Date(\n parseInt(dateParts[0]), \n parseInt(dateParts[1]) - 1, \n parseInt(dateParts[2])\n );\n \n // Копируем текущий день и обновляем дату\n const dayToSave = { \n ...currentSpecialDay.value,\n date: specialDate\n };\n \n // Удаляем вспомогательное поле\n delete dayToSave.dateInput;\n \n // Если день закрыт, удаляем периоды\n if (!dayToSave.isOpen) {\n dayToSave.periods = [];\n }\n \n // Обновляем или добавляем\n if (editingSpecialIndex.value !== null) {\n updatedWorktime.special[editingSpecialIndex.value] = dayToSave;\n } else {\n updatedWorktime.special.push(dayToSave);\n }\n \n // Сортируем по датам\n updatedWorktime.special.sort((a, b) => new Date(a.date) - new Date(b.date));\n \n // Обновляем модель\n emit('update:worktime', updatedWorktime);\n showSpecialDayModal.value = false;\n};\n\nconst addPeriodToSpecial = () => {\n currentSpecialDay.value.periods.push({\n open: '09:00',\n close: '18:00'\n });\n validatePeriods();\n};\n\nconst removeSpecialPeriod = (index) => {\n currentSpecialDay.value.periods.splice(index, 1);\n validatePeriods();\n};\n\n// Инициализация значений при монтировании\nonMounted(() => {\n // Проверяем, что начальное значение модели имеет правильную структуру\n if (!worktime.value.regular \|\| !worktime.value.special ) worktime.value = {\n regular: [],\n special: []\n }\n // emit('update:worktime', worktime.value);\n});\n</script>\n\n<style scoped>\n.working-hours-editor {\n border-radius: 8px;\n}\n\n.schedule-item {\n transition: all 0.3s ease;\n border-bottom: 1px solid rgba(var(--grey), 0.1);\n}\n\n.schedule-item:last-child {\n border-bottom: none;\n}\n\n.period {\n display: inline-block;\n}\n\n.empty-schedule {\n color: rgba(var(--dark), 0.6);\n}\n\n.period-row {\n align-items: center;\n}\n\n.error-message {\n color: white;\n}\n</style>"],"names":["_useModel"],"mappings":"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"}

package/dist/martyrs/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { useI18n } from "vue-i18n";
 import { BigNumber } from "../../../../../../node_modules/.pnpm/bignumber.js@9.1.2/node_modules/bignumber.js/bignumber.js";
 import text from "../../localization/wallet.json.js";
 import { state } from "../../store/wallet.store.js";
-const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
-const _hoisted_2 = { class: "radius-medium br-1px br-black br-solid pd-big flex flex-column flex-justify-center flex-items-center" };
-const _hoisted_3 = { class: "t-semi" };
-const _hoisted_4 = { class: "t-semi" };
+const _hoisted_1 = { class: "mn-b-small t-center fw-bold" };
+const _hoisted_2 = { class: "radius-medium br-1px br-black pd-big flex flex-column flex-justify-center flex-items-center" };
+const _hoisted_3 = { class: "fw-semi" };
+const _hoisted_4 = { class: "fw-semi" };
 const _sfc_main = {
   __name: "CardBalanceReplenished",
   emits: ["close"],
@@ -30,7 +30,7 @@ const _sfc_main = {
           createElementVNode("h3", _hoisted_4, toDisplayString(receiveAmount.value) + " WDT ", 1)
         ]),
         createElementVNode("button", {
-          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small",
           onClick: close
         }, toDisplayString(unref(t)("wallet.backToWallet")), 1)
       ], 64);

package/dist/martyrs/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardBalanceReplenished.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue"],"sourcesContent":["<template>\n <h2 class=\"mn-b-small t-center t-bold\">{{ t('wallet.balanceReplenished') }}</h2>\n\n <div class=\"radius-medium br-1px br-black ~~br-solid~~ pd-big flex flex-column flex-justify-center flex-items-center\">\n <h3 class=\"t-semi\">\n {{ t('wallet.youReceived') }}\n </h3>\n <h3 class=\"t-semi\">\n {{ receiveAmount }} WDT\n </h3>\n </div>\n\n <button\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-~~solid br-~~2px br-black-transp-10 mn-t-small\"\n @click=\"close\"\n >\n {{ t('wallet.backToWallet') }}\n </button>\n</template>\n\n<script setup>\n import { useI18n } from 'vue-i18n'\n import { computed } from 'vue'\n import { BigNumber } from 'bignumber.js'\n\n import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n import { state } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n const emits = defineEmits(['close'])\n\n // Localization\n const { t } = useI18n({\n useScope: 'global', \n ...text\n })\n\n const receiveAmount = computed(() =>\n new BigNumber(state.depositInfo.amount)\n .shiftedBy(-8)\n .dividedBy(process.env.TOKEN_EXCHANGE_RATE)\n .toString()\n )\n\n function close() {\n emits(\"close\")\n }\n</script>\n\n<style scoped>\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,UAAM,gBAAgB;AAAA,MAAS,MAC7B,IAAI,UAAU,MAAM,YAAY,MAAM,EACnC,UAAU,EAAE,EACZ,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,aAAS,QAAQ;AACf,YAAM,OAAO;AAAA,IACf;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardBalanceReplenished.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue"],"sourcesContent":["<template>\n <h2 class=\"mn-b-small t-center fw-bold\">{{ t('wallet.balanceReplenished') }}</h2>\n\n <div class=\"radius-medium br-1px br-black pd-big flex flex-column flex-justify-center flex-items-center\">\n <h3 class=\"fw-semi\">\n {{ t('wallet.youReceived') }}\n </h3>\n <h3 class=\"fw-semi\">\n {{ receiveAmount }} WDT\n </h3>\n </div>\n\n <button\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small\"\n @click=\"close\"\n >\n {{ t('wallet.backToWallet') }}\n </button>\n</template>\n\n<script setup>\n import { useI18n } from 'vue-i18n'\n import { computed } from 'vue'\n import { BigNumber } from 'bignumber.js'\n\n import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n import { state } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n const emits = defineEmits(['close'])\n\n // Localization\n const { t } = useI18n({\n useScope: 'global', \n ...text\n })\n\n const receiveAmount = computed(() =>\n new BigNumber(state.depositInfo.amount)\n .shiftedBy(-8)\n .dividedBy(process.env.TOKEN_EXCHANGE_RATE)\n .toString()\n )\n\n function close() {\n emits(\"close\")\n }\n</script>\n\n<style scoped>\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,UAAM,gBAAgB;AAAA,MAAS,MAC7B,IAAI,UAAU,MAAM,YAAY,MAAM,EACnC,UAAU,EAAE,EACZ,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,aAAS,QAAQ;AACf,YAAM,OAAO;AAAA,IACf;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue.js CHANGED Viewed

@@ -20,21 +20,21 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _cache[2] || (_cache[2] = createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with card", -1)),
+        _cache[2] || (_cache[2] = createElementVNode("h2", { class: "mn-b-small t-center fw-bold" }, "Deposit with card", -1)),
         createElementVNode("div", _hoisted_1, [
           createVNode(Field, {
             placeholder: unref(t)("wallet.enterAmount"),
             class: "pd-medium radius-small"
           }, null, 8, ["placeholder"]),
-          _cache[1] || (_cache[1] = createElementVNode("div", { class: "uppercase flex flex-justify-center flex-items-center mn-r-semi t-semi" }, " USD ", -1))
+          _cache[1] || (_cache[1] = createElementVNode("div", { class: "uppercase flex flex-justify-center flex-items-center mn-r-semi fw-semi" }, " USD ", -1))
         ]),
-        _cache[3] || (_cache[3] = createElementVNode("h3", { class: "t-semi" }, "You will receieve: 0 WDT", -1)),
+        _cache[3] || (_cache[3] = createElementVNode("h3", { class: "fw-semi" }, "You will receieve: 0 WDT", -1)),
         createElementVNode("button", {
-          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small",
           onClick: _cache[0] || (_cache[0] = ($event) => switchMenu(3))
         }, toDisplayString(unref(t)("wallet.pay")), 1),
         createElementVNode("button", {
-          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small",
           onClick: backSelection
         }, toDisplayString(unref(t)("wallet.backToSelection")), 1)
       ], 64);

package/dist/martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CardDeposit.vue"],"sourcesContent":["<template>\n <h2 class=\"mn-b-small t-center t-bold\">Deposit with card</h2>\n\n <div class=\"bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between\">\n <Field\n :placeholder=\"t('wallet.enterAmount')\"\n class=\"pd-medium radius-small\"\n />\n\n <div class=\"uppercase flex flex-justify-center flex-items-center mn-r-semi t-semi\">\n USD\n </div>\n </div>\n\n <h3 class=\"t-semi\">You will receieve: 0 WDT</h3>\n\n <button\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-~~solid br-~~2px br-black-transp-10 mn-t-small\"\n @click=\"switchMenu(3)\"\n >\n {{ t('wallet.pay') }}\n </button>\n\n <button\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-~~solid br-~~2px br-black-transp-10 mn-t-small\"\n @click=\"backSelection\"\n >\n {{ t('wallet.backToSelection') }}\n </button>\n</template>\n\n<script setup>\n import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n import Field from '@martyrs/src/components/Field/Field.vue'\n import { useI18n } from 'vue-i18n'\n\n const emits = defineEmits(['back-selection', 'switch-menu'])\n\n // Localization\n const { t } = useI18n({\n useScope: 'global', \n ...text\n })\n\n function backSelection() {\n emits(\"back-selection\")\n }\n\n function switchMenu(screen = 0) {\n emits(\"switch-menu\", screen)\n }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;AAoCE,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACxB;AAEA,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CardDeposit.vue"],"sourcesContent":["<template>\n <h2 class=\"mn-b-small t-center fw-bold\">Deposit with card</h2>\n\n <div class=\"bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between\">\n <Field\n :placeholder=\"t('wallet.enterAmount')\"\n class=\"pd-medium radius-small\"\n />\n\n <div class=\"uppercase flex flex-justify-center flex-items-center mn-r-semi fw-semi\">\n USD\n </div>\n </div>\n\n <h3 class=\"fw-semi\">You will receieve: 0 WDT</h3>\n\n <button\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small\"\n @click=\"switchMenu(3)\"\n >\n {{ t('wallet.pay') }}\n </button>\n\n <button\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small\"\n @click=\"backSelection\"\n >\n {{ t('wallet.backToSelection') }}\n </button>\n</template>\n\n<script setup>\n import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n import Field from '@martyrs/src/components/Field/Field.vue'\n import { useI18n } from 'vue-i18n'\n\n const emits = defineEmits(['back-selection', 'switch-menu'])\n\n // Localization\n const { t } = useI18n({\n useScope: 'global', \n ...text\n })\n\n function backSelection() {\n emits(\"back-selection\")\n }\n\n function switchMenu(screen = 0) {\n emits(\"switch-menu\", screen)\n }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;AAoCE,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACxB;AAEA,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/wallet/views/components/blocks/CashDeposit.vue.js CHANGED Viewed

@@ -9,14 +9,14 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _cache[0] || (_cache[0] = createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with cash", -1)),
+        _cache[0] || (_cache[0] = createElementVNode("h2", { class: "mn-b-small t-center fw-bold" }, "Deposit with cash", -1)),
         _cache[1] || (_cache[1] = createElementVNode("p", { class: "t-transp t-center" }, " You need to go to casse to topup balance ", -1)),
         _cache[2] || (_cache[2] = createElementVNode("div", {
           class: "w-100 bg-grey radius-medium mn-t-medium mn-b-medium",
           style: { "height": "152px" }
         }, null, -1)),
         createElementVNode("button", {
-          class: "w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          class: "w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small",
           onClick: backSelection
         }, "Back to selection ")
       ], 64);

package/dist/martyrs/src/modules/wallet/views/components/blocks/CashDeposit.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CashDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CashDeposit.vue"],"sourcesContent":["<template>\n <h2 class=\"mn-b-small t-center t-bold\">Deposit with cash</h2>\n\n <p class=\"t-transp t-center\">\n You need to go to casse to topup balance\n </p>\n\n <div\n class=\"w-100 bg-grey radius-medium mn-t-medium mn-b-medium\"\n style=\"height: 152px\"\n />\n\n <button\n class=\"w-100 bg-main t-black pd-thin radius-medium t-center br-~~solid br-~~2px br-black-transp-10 mn-t-small\"\n @click=\"backSelection\">Back to selection\n </button>\n</template>\n\n<script setup>\n const emits = defineEmits(['back-selection'])\n\n function backSelection() {\n emits(\"back-selection\");\n }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;AAmBE,UAAM,QAAQ;AAEd,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACxB;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CashDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CashDeposit.vue"],"sourcesContent":["<template>\n <h2 class=\"mn-b-small t-center fw-bold\">Deposit with cash</h2>\n\n <p class=\"t-transp t-center\">\n You need to go to casse to topup balance\n </p>\n\n <div\n class=\"w-100 bg-grey radius-medium mn-t-medium mn-b-medium\"\n style=\"height: 152px\"\n />\n\n <button\n class=\"w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small\"\n @click=\"backSelection\">Back to selection\n </button>\n</template>\n\n<script setup>\n const emits = defineEmits(['back-selection'])\n\n function backSelection() {\n emits(\"back-selection\");\n }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;AAmBE,UAAM,QAAQ;AAEd,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACxB;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js CHANGED Viewed

@@ -5,8 +5,8 @@ import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
 import Field from "../../../../../components/Field/Field.vue.js";
 import Select from "../../../../../components/Select/Select.vue.js";
-const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
-const _hoisted_2 = { class: "t-semi" };
+const _hoisted_1 = { class: "mn-b-small t-center fw-bold" };
+const _hoisted_2 = { class: "fw-semi" };
 const _hoisted_3 = ["disabled"];
 const _sfc_main = {
   __name: "CryptoDeposit",
@@ -57,7 +57,7 @@ const _sfc_main = {
           field: amount.value,
           "onUpdate:field": _cache[1] || (_cache[1] = ($event) => amount.value = $event),
           placeholder: unref(t)("wallet.enterAmount"),
-          class: "mn-b-thin bg-white w-100 br-solid br-1px br-black-transp-5 pd-small radius-small"
+          class: "mn-b-thin bg-white w-100 br-1px br-black-transp-5 pd-small radius-small"
         }, {
           default: withCtx(() => [
             createVNode(Select, {
@@ -71,7 +71,7 @@ const _sfc_main = {
         }, 8, ["field", "placeholder"])) : createCommentVNode("", true),
         createElementVNode("p", _hoisted_2, "You will receive: " + toDisplayString(receiveAmount.value) + " " + toDisplayString(unref(t)("wallet.token")), 1),
         createElementVNode("button", {
-          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small",
           onClick: _cache[2] || (_cache[2] = ($event) => unref(actions).requestCryptoDeposit(amount.value).then(() => switchMenu(5))),
           disabled: unref(state).depositRequestIsActive || !unref(state).config
         }, toDisplayString(unref(t)("wallet.pay")), 9, _hoisted_3),

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CryptoDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CryptoDeposit.vue"],"sourcesContent":["<template>\n <h3 class=\"mn-b-small t-center t-bold\">{{ t('wallet.depositWithCrypto') }}</h3>\n\n <Field \n v-if=\"state.config\"\n v-model:field=\"amount\"\n :placeholder=\"t('wallet.enterAmount')\"\n class=\"mn-b-thin bg-white w-100 br-~~solid br-~~1px br-black-transp-5 pd-small radius-small\" \n >\n <Select \n :options=\"depositOptions\"\n v-model:select=\"state.chosenNetwork\"\n class=\"bg-light t-nowrap pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n />\n </Field>\n\n <p class=\"t-semi\">You will receive: {{ receiveAmount }} {{t('wallet.token')}}</p>\n\n <button\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-~~solid br-~~2px br-black-transp-10 mn-t-small\"\n @click=\"actions.requestCryptoDeposit(amount).then(() => switchMenu(5))\"\n :disabled=\"state.depositRequestIsActive \|\| !state.config\"\n >\n {{ t('wallet.pay') }}\n </button>\n\n <button\n class=\"uppercase w-100 t-center mn-t-small\"\n @click=\"backSelection\"\n >\n {{ t('wallet.backToSelection') }}\n </button>\n</template>\n\n<script setup>\n import { useI18n } from 'vue-i18n'\n import { ref, onMounted, computed } from 'vue';\n import { BigNumber } from 'bignumber.js';\n\n import { state, actions } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Select from '@martyrs/src/components/Select/Select.vue'\n\n BigNumber.config({\n EXPONENTIAL_AT: [-1000, 20000]\n });\n\n const amount = ref(1);\n const emits = defineEmits(['back-selection', 'switch-menu'])\n\n // Localization\n const { t } = useI18n({\n useScope: 'global', \n ...text\n })\n\n const receiveAmount = computed(() =>\n new BigNumber(amount.value)\n .dividedBy(process.env.TOKEN_EXCHANGE_RATE)\n .toString()\n )\n\n const depositOptions = computed(() => {\n const options = [];\n\n const networks = Object.keys(state.config \|\| {});\n\n for (const network of networks) {\n for (const token of Object.keys(state.config[network].tokens)) {\n options.push({\n name: `${network}-${token}`,\n value: {\n token: state.config[network].tokens[token],\n network: network\n }\n });\n }\n }\n\n return options;\n });\n\n onMounted(() => {\n actions.loadConfig();\n })\n\n function backSelection() {\n emits(\"back-selection\")\n }\n\n function switchMenu(screen = 0) {\n emits(\"switch-menu\", screen)\n }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;AA4CE,cAAU,OAAO;AAAA,MACf,gBAAgB,CAAC,MAAO,GAAK;AAAA,IACjC,CAAG;AAED,UAAM,SAAS,IAAI,CAAC;AACpB,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,UAAM,gBAAgB;AAAA,MAAS,MAC7B,IAAI,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,UAAU,CAAA;AAEhB,YAAM,WAAW,OAAO,KAAK,MAAM,UAAU,CAAA,CAAE;AAE/C,iBAAW,WAAW,UAAU;AAC9B,mBAAW,SAAS,OAAO,KAAK,MAAM,OAAO,OAAO,EAAE,MAAM,GAAG;AAC7D,kBAAQ,KAAK;AAAA,YACX,MAAM,GAAG,OAAO,IAAI,KAAK;AAAA,YACzB,OAAO;AAAA,cACL,OAAO,MAAM,OAAO,OAAO,EAAE,OAAO,KAAK;AAAA,cACzC;AAAA,YACZ;AAAA,UACA,CAAS;AAAA,QACH;AAAA,MACF;AAEA,aAAO;AAAA,IACT,CAAC;AAED,cAAU,MAAM;AACd,cAAQ,WAAU;AAAA,IACpB,CAAC;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACxB;AAEA,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CryptoDeposit.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CryptoDeposit.vue"],"sourcesContent":["<template>\n <h3 class=\"mn-b-small t-center fw-bold\">{{ t('wallet.depositWithCrypto') }}</h3>\n\n <Field \n v-if=\"state.config\"\n v-model:field=\"amount\"\n :placeholder=\"t('wallet.enterAmount')\"\n class=\"mn-b-thin bg-white w-100 br-1px br-black-transp-5 pd-small radius-small\" \n >\n <Select \n :options=\"depositOptions\"\n v-model:select=\"state.chosenNetwork\"\n class=\"bg-light t-nowrap pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n />\n </Field>\n\n <p class=\"fw-semi\">You will receive: {{ receiveAmount }} {{t('wallet.token')}}</p>\n\n <button\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small\"\n @click=\"actions.requestCryptoDeposit(amount).then(() => switchMenu(5))\"\n :disabled=\"state.depositRequestIsActive \|\| !state.config\"\n >\n {{ t('wallet.pay') }}\n </button>\n\n <button\n class=\"uppercase w-100 t-center mn-t-small\"\n @click=\"backSelection\"\n >\n {{ t('wallet.backToSelection') }}\n </button>\n</template>\n\n<script setup>\n import { useI18n } from 'vue-i18n'\n import { ref, onMounted, computed } from 'vue';\n import { BigNumber } from 'bignumber.js';\n\n import { state, actions } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Select from '@martyrs/src/components/Select/Select.vue'\n\n BigNumber.config({\n EXPONENTIAL_AT: [-1000, 20000]\n });\n\n const amount = ref(1);\n const emits = defineEmits(['back-selection', 'switch-menu'])\n\n // Localization\n const { t } = useI18n({\n useScope: 'global', \n ...text\n })\n\n const receiveAmount = computed(() =>\n new BigNumber(amount.value)\n .dividedBy(process.env.TOKEN_EXCHANGE_RATE)\n .toString()\n )\n\n const depositOptions = computed(() => {\n const options = [];\n\n const networks = Object.keys(state.config \|\| {});\n\n for (const network of networks) {\n for (const token of Object.keys(state.config[network].tokens)) {\n options.push({\n name: `${network}-${token}`,\n value: {\n token: state.config[network].tokens[token],\n network: network\n }\n });\n }\n }\n\n return options;\n });\n\n onMounted(() => {\n actions.loadConfig();\n })\n\n function backSelection() {\n emits(\"back-selection\")\n }\n\n function switchMenu(screen = 0) {\n emits(\"switch-menu\", screen)\n }\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;AA4CE,cAAU,OAAO;AAAA,MACf,gBAAgB,CAAC,MAAO,GAAK;AAAA,IACjC,CAAG;AAED,UAAM,SAAS,IAAI,CAAC;AACpB,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,UAAM,gBAAgB;AAAA,MAAS,MAC7B,IAAI,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,UAAU,CAAA;AAEhB,YAAM,WAAW,OAAO,KAAK,MAAM,UAAU,CAAA,CAAE;AAE/C,iBAAW,WAAW,UAAU;AAC9B,mBAAW,SAAS,OAAO,KAAK,MAAM,OAAO,OAAO,EAAE,MAAM,GAAG;AAC7D,kBAAQ,KAAK;AAAA,YACX,MAAM,GAAG,OAAO,IAAI,KAAK;AAAA,YACzB,OAAO;AAAA,cACL,OAAO,MAAM,OAAO,OAAO,EAAE,OAAO,KAAK;AAAA,cACzC;AAAA,YACZ;AAAA,UACA,CAAS;AAAA,QACH;AAAA,MACF;AAEA,aAAO;AAAA,IACT,CAAC;AAED,cAAU,MAAM;AACd,cAAQ,WAAU;AAAA,IACpB,CAAC;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACxB;AAEA,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.js CHANGED Viewed

@@ -6,20 +6,20 @@ import text from "../../localization/wallet.json.js";
 import { timer, state, actions } from "../../store/wallet.store.js";
 /* empty css                             */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
+const _hoisted_1 = { class: "mn-b-small t-center fw-bold" };
 const _hoisted_2 = { class: "flex flex-justify-between" };
-const _hoisted_3 = { class: "t-semi" };
+const _hoisted_3 = { class: "fw-semi" };
 const _hoisted_4 = { class: "flex flex-justify-between" };
-const _hoisted_5 = { class: "t-semi t-truncate address" };
+const _hoisted_5 = { class: "fw-semi truncate address" };
 const _hoisted_6 = { class: "flex flex-justify-between" };
-const _hoisted_7 = { class: "t-semi" };
+const _hoisted_7 = { class: "fw-semi" };
 const _hoisted_8 = {
   key: 0,
   class: "flex flex-justify-between"
 };
-const _hoisted_9 = { class: "t-semi" };
+const _hoisted_9 = { class: "fw-semi" };
 const _hoisted_10 = { class: "flex flex-justify-between" };
-const _hoisted_11 = { class: "t-semi" };
+const _hoisted_11 = { class: "fw-semi" };
 const _sfc_main = {
   __name: "CryptoDepositProcessing",
   emits: ["back-selection", "switch-menu"],
@@ -105,31 +105,31 @@ const _sfc_main = {
             onClick: _cache[1] || (_cache[1] = () => copy(unref(state).depositInfo.to))
           }, " copy ")
         ]),
-        _cache[6] || (_cache[6] = createElementVNode("div", { class: "flex flex-justify-around radius-big br-solid br-2px br-black-transp-10" }, [
+        _cache[6] || (_cache[6] = createElementVNode("div", { class: "flex flex-justify-around radius-big br-2px br-black-transp-10" }, [
           createElementVNode("canvas", { id: "qrcode_address_deposit" })
         ], -1)),
         createElementVNode("div", _hoisted_6, [
-          _cache[3] || (_cache[3] = createElementVNode("h3", { class: "t-semi" }, "You will receive:", -1)),
+          _cache[3] || (_cache[3] = createElementVNode("h3", { class: "fw-semi" }, "You will receive:", -1)),
           createElementVNode("h3", _hoisted_7, toDisplayString(receive.value) + " WDT", 1)
         ]),
         unref(state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (openBlock(), createElementBlock("div", _hoisted_8, [
-          _cache[4] || (_cache[4] = createElementVNode("h3", { class: "t-semi" }, "Times left:", -1)),
+          _cache[4] || (_cache[4] = createElementVNode("h3", { class: "fw-semi" }, "Times left:", -1)),
           createElementVNode("h3", _hoisted_9, toDisplayString(remainingTime.value), 1)
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_10, [
-          _cache[5] || (_cache[5] = createElementVNode("h3", { class: "t-semi" }, "Status:", -1)),
+          _cache[5] || (_cache[5] = createElementVNode("h3", { class: "fw-semi" }, "Status:", -1)),
           createElementVNode("h3", _hoisted_11, toDisplayString(status.value), 1)
         ]),
         unref(state).depositInfo.status === "TRANSFER_STATUS_WAITING_FOR_TX" ? (openBlock(), createElementBlock("button", {
           key: 1,
-          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-solid br-2px br-black-transp-10 mn-t-small",
+          class: "uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small",
           onClick: _cache[2] || (_cache[2] = ($event) => unref(actions).cancelDeposit().then(() => backSelection()))
         }, toDisplayString(unref(t)("wallet.cancel")), 1)) : createCommentVNode("", true)
       ], 64);
     };
   }
 };
-const CryptoDepositProcessing = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0f8ad042"]]);
+const CryptoDepositProcessing = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3daeada0"]]);
 export {
   CryptoDepositProcessing as default
 };

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CryptoDepositProcessing.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue"],"sourcesContent":["<template>\n <h2 class=\"mn-b-small t-center t-bold\">{{ t('wallet.depositWithCrypto') }}</h2>\n\n <div class=\"flex flex-justify-between\">\n <h3 class=\"t-semi\">Amount: {{ amount }} {{ state.chosenNetwork.name.toUpperCase() }}</h3>\n <button\n class=\"uppercase t-main cursor-pointer\"\n @click=\"() => copy(amount)\"\n >\n copy\n </button>\n </div>\n\n <div class=\"flex flex-justify-between\">\n <h3 class=\"t-semi t-truncate address\">Wallet: {{ state.depositInfo.to }}</h3>\n <button\n class=\"uppercase t-main cursor-pointer\"\n @click=\"() => copy(state.depositInfo.to)\"\n >\n copy\n </button>\n </div>\n\n <div class=\"flex flex-justify-around radius-big br-~~solid br-~~2px br-black-transp-10\">\n <canvas id=\"qrcode_address_deposit\"></canvas>\n </div>\n\n <div class=\"flex flex-justify-between\">\n <h3 class=\"t-semi\">You will receive:</h3>\n <h3 class=\"t-semi\">{{ receive }} WDT</h3>\n </div>\n <div v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\" class=\"flex flex-justify-between\">\n <h3 class=\"t-semi\">Times left:</h3>\n <h3 class=\"t-semi\">{{ remainingTime }}</h3>\n </div>\n <div class=\"flex flex-justify-between\">\n <h3 class=\"t-semi\">Status:</h3>\n <h3 class=\"t-semi\">{{ status }}</h3>\n </div>\n\n <button\n v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\"\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-~~solid br-~~2px br-black-transp-10 mn-t-small\"\n @click=\"actions.cancelDeposit().then(() => backSelection())\"\n >\n {{ t('wallet.cancel') }}\n </button>\n</template>\n\n<script setup>\n import QRCode from 'qrcode';\n import { useI18n } from 'vue-i18n';\n import { watch, computed, onMounted } from 'vue';\n import { BigNumber } from 'bignumber.js';\n\n import text from '@martyrs/src/modules/wallet/views/localization/wallet.json';\n import { state, actions, timer } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n BigNumber.config({\n EXPONENTIAL_AT: [-1000, 20000]\n });\n\n const emits = defineEmits(['back-selection', 'switch-menu']);\n\n // Localization\n const { t } = useI18n({\n useScope: 'global',\n ...text\n });\n\n const remainingTime = computed(() => {\n const mins = Math.floor(timer.remaining / 60);\n const secs = Math.floor(timer.remaining % 60);\n\n return `${mins}:${secs < 10 ? `0${secs}` : secs}`;\n });\n\n const amount = computed(() =>\n new BigNumber(state.depositInfo.amount)\n .shiftedBy(-8)\n .toString()\n );\n\n const receive = computed(() =>\n new BigNumber(amount.value)\n .dividedBy(process.env.TOKEN_EXCHANGE_RATE)\n .toString()\n )\n\n const status = computed(() => {\n switch (state.depositInfo.status) {\n case 'TRANSFER_STATUS_WAITING_FOR_TX':\n return 'Waiting for payment';\n case 'TRANSFER_STATUS_SENT':\n const confirmations = `${state.depositInfo.confirmations \|\| 0} / ${state.config[state.chosenNetwork.value.network].confirmations}`;\n return `Confirming (${confirmations})`;\n default:\n return 'Superposition.';\n }\n });\n\n function backSelection() {\n emits(\"back-selection\");\n }\n\n function switchMenu(screen = 0) {\n emits(\"switch-menu\", screen);\n }\n\n function copy(text) {\n navigator.clipboard.writeText(text);\n }\n\n onMounted(() => {\n QRCode.toCanvas(\n document.getElementById('qrcode_address_deposit'),\n state.depositInfo.to,\n { width: 300 },\n (error) => { if (error) { console.error(error); } }\n )\n })\n\n watch(\n state,\n async () => {\n if (state.depositInfo.status === 'TRANSFER_STATUS_SENT') {\n actions.stopTimer();\n }\n\n if (state.depositInfo.status === 'TRANSFER_STATUS_COMPLETED') {\n actions.disconnectWebSocket();\n switchMenu(3);\n }\n },\n { deep: true },\n )\n</script>\n\n<style scoped>\n .address {\n text-wrap: nowrap;\n display: block;\n }\n</style>"],"names":["text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0DE,cAAU,OAAO;AAAA,MACf,gBAAgB,CAAC,MAAO,GAAK;AAAA,IACjC,CAAG;AAED,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,OAAO,KAAK,MAAM,MAAM,YAAY,EAAE;AAC5C,YAAM,OAAO,KAAK,MAAM,MAAM,YAAY,EAAE;AAE5C,aAAO,GAAG,IAAI,IAAI,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI;AAAA,IACjD,CAAC;AAED,UAAM,SAAS;AAAA,MAAS,MACtB,IAAI,UAAU,MAAM,YAAY,MAAM,EACnC,UAAU,EAAE,EACZ,SAAQ;AAAA,IACf;AAEE,UAAM,UAAU;AAAA,MAAS,MACvB,IAAI,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,UAAM,SAAS,SAAS,MAAM;AAC5B,cAAQ,MAAM,YAAY,QAAM;AAAA,QAC9B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,gBAAM,gBAAgB,GAAG,MAAM,YAAY,iBAAiB,CAAC,MAAM,MAAM,OAAO,MAAM,cAAc,MAAM,OAAO,EAAE,aAAa;AAChI,iBAAO,eAAe,aAAa;AAAA,QACrC;AACE,iBAAO;AAAA,MACf;AAAA,IACE,CAAC;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACxB;AAEA,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC7B;AAEA,aAAS,KAAKA,OAAM;AAClB,gBAAU,UAAU,UAAUA,KAAI;AAAA,IACpC;AAEA,cAAU,MAAM;AACd,aAAO;AAAA,QACL,SAAS,eAAe,wBAAwB;AAAA,QAChD,MAAM,YAAY;AAAA,QAClB,EAAE,OAAO,IAAG;AAAA,QACZ,CAAC,UAAW;AAAE,cAAI,OAAO;AAAE,oBAAQ,MAAM,KAAK;AAAA,UAAG;AAAA,QAAE;AAAA,MACzD;AAAA,IACE,CAAC;AAED;AAAA,MACE;AAAA,MACA,YAAY;AACV,YAAI,MAAM,YAAY,WAAW,wBAAwB;AACvD,kBAAQ,UAAS;AAAA,QACnB;AAEA,YAAI,MAAM,YAAY,WAAW,6BAA6B;AAC5D,kBAAQ,oBAAmB;AAC3B,qBAAW,CAAC;AAAA,QACd;AAAA,MACF;AAAA,MACA,EAAE,MAAM,KAAI;AAAA,IAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CryptoDepositProcessing.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue"],"sourcesContent":["<template>\n <h2 class=\"mn-b-small t-center fw-bold\">{{ t('wallet.depositWithCrypto') }}</h2>\n\n <div class=\"flex flex-justify-between\">\n <h3 class=\"fw-semi\">Amount: {{ amount }} {{ state.chosenNetwork.name.toUpperCase() }}</h3>\n <button\n class=\"uppercase t-main cursor-pointer\"\n @click=\"() => copy(amount)\"\n >\n copy\n </button>\n </div>\n\n <div class=\"flex flex-justify-between\">\n <h3 class=\"fw-semi truncate address\">Wallet: {{ state.depositInfo.to }}</h3>\n <button\n class=\"uppercase t-main cursor-pointer\"\n @click=\"() => copy(state.depositInfo.to)\"\n >\n copy\n </button>\n </div>\n\n <div class=\"flex flex-justify-around radius-big br-2px br-black-transp-10\">\n <canvas id=\"qrcode_address_deposit\"></canvas>\n </div>\n\n <div class=\"flex flex-justify-between\">\n <h3 class=\"fw-semi\">You will receive:</h3>\n <h3 class=\"fw-semi\">{{ receive }} WDT</h3>\n </div>\n <div v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\" class=\"flex flex-justify-between\">\n <h3 class=\"fw-semi\">Times left:</h3>\n <h3 class=\"fw-semi\">{{ remainingTime }}</h3>\n </div>\n <div class=\"flex flex-justify-between\">\n <h3 class=\"fw-semi\">Status:</h3>\n <h3 class=\"fw-semi\">{{ status }}</h3>\n </div>\n\n <button\n v-if=\"state.depositInfo.status === 'TRANSFER_STATUS_WAITING_FOR_TX'\"\n class=\"uppercase w-100 bg-main t-black pd-thin radius-medium t-center br-2px br-black-transp-10 mn-t-small\"\n @click=\"actions.cancelDeposit().then(() => backSelection())\"\n >\n {{ t('wallet.cancel') }}\n </button>\n</template>\n\n<script setup>\n import QRCode from 'qrcode';\n import { useI18n } from 'vue-i18n';\n import { watch, computed, onMounted } from 'vue';\n import { BigNumber } from 'bignumber.js';\n\n import text from '@martyrs/src/modules/wallet/views/localization/wallet.json';\n import { state, actions, timer } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n BigNumber.config({\n EXPONENTIAL_AT: [-1000, 20000]\n });\n\n const emits = defineEmits(['back-selection', 'switch-menu']);\n\n // Localization\n const { t } = useI18n({\n useScope: 'global',\n ...text\n });\n\n const remainingTime = computed(() => {\n const mins = Math.floor(timer.remaining / 60);\n const secs = Math.floor(timer.remaining % 60);\n\n return `${mins}:${secs < 10 ? `0${secs}` : secs}`;\n });\n\n const amount = computed(() =>\n new BigNumber(state.depositInfo.amount)\n .shiftedBy(-8)\n .toString()\n );\n\n const receive = computed(() =>\n new BigNumber(amount.value)\n .dividedBy(process.env.TOKEN_EXCHANGE_RATE)\n .toString()\n )\n\n const status = computed(() => {\n switch (state.depositInfo.status) {\n case 'TRANSFER_STATUS_WAITING_FOR_TX':\n return 'Waiting for payment';\n case 'TRANSFER_STATUS_SENT':\n const confirmations = `${state.depositInfo.confirmations \|\| 0} / ${state.config[state.chosenNetwork.value.network].confirmations}`;\n return `Confirming (${confirmations})`;\n default:\n return 'Superposition.';\n }\n });\n\n function backSelection() {\n emits(\"back-selection\");\n }\n\n function switchMenu(screen = 0) {\n emits(\"switch-menu\", screen);\n }\n\n function copy(text) {\n navigator.clipboard.writeText(text);\n }\n\n onMounted(() => {\n QRCode.toCanvas(\n document.getElementById('qrcode_address_deposit'),\n state.depositInfo.to,\n { width: 300 },\n (error) => { if (error) { console.error(error); } }\n )\n })\n\n watch(\n state,\n async () => {\n if (state.depositInfo.status === 'TRANSFER_STATUS_SENT') {\n actions.stopTimer();\n }\n\n if (state.depositInfo.status === 'TRANSFER_STATUS_COMPLETED') {\n actions.disconnectWebSocket();\n switchMenu(3);\n }\n },\n { deep: true },\n )\n</script>\n\n<style scoped>\n .address {\n text-wrap: nowrap;\n display: block;\n }\n</style>"],"names":["text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0DE,cAAU,OAAO;AAAA,MACf,gBAAgB,CAAC,MAAO,GAAK;AAAA,IACjC,CAAG;AAED,UAAM,QAAQ;AAGd,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,OAAO,KAAK,MAAM,MAAM,YAAY,EAAE;AAC5C,YAAM,OAAO,KAAK,MAAM,MAAM,YAAY,EAAE;AAE5C,aAAO,GAAG,IAAI,IAAI,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI;AAAA,IACjD,CAAC;AAED,UAAM,SAAS;AAAA,MAAS,MACtB,IAAI,UAAU,MAAM,YAAY,MAAM,EACnC,UAAU,EAAE,EACZ,SAAQ;AAAA,IACf;AAEE,UAAM,UAAU;AAAA,MAAS,MACvB,IAAI,UAAU,OAAO,KAAK,EACvB,UAAU,QAAQ,IAAI,mBAAmB,EACzC,SAAQ;AAAA,IACf;AAEE,UAAM,SAAS,SAAS,MAAM;AAC5B,cAAQ,MAAM,YAAY,QAAM;AAAA,QAC9B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,gBAAM,gBAAgB,GAAG,MAAM,YAAY,iBAAiB,CAAC,MAAM,MAAM,OAAO,MAAM,cAAc,MAAM,OAAO,EAAE,aAAa;AAChI,iBAAO,eAAe,aAAa;AAAA,QACrC;AACE,iBAAO;AAAA,MACf;AAAA,IACE,CAAC;AAED,aAAS,gBAAgB;AACvB,YAAM,gBAAgB;AAAA,IACxB;AAEA,aAAS,WAAW,SAAS,GAAG;AAC9B,YAAM,eAAe,MAAM;AAAA,IAC7B;AAEA,aAAS,KAAKA,OAAM;AAClB,gBAAU,UAAU,UAAUA,KAAI;AAAA,IACpC;AAEA,cAAU,MAAM;AACd,aAAO;AAAA,QACL,SAAS,eAAe,wBAAwB;AAAA,QAChD,MAAM,YAAY;AAAA,QAClB,EAAE,OAAO,IAAG;AAAA,QACZ,CAAC,UAAW;AAAE,cAAI,OAAO;AAAE,oBAAQ,MAAM,KAAK;AAAA,UAAG;AAAA,QAAE;AAAA,MACzD;AAAA,IACE,CAAC;AAED;AAAA,MACE;AAAA,MACA,YAAY;AACV,YAAI,MAAM,YAAY,WAAW,wBAAwB;AACvD,kBAAQ,UAAS;AAAA,QACnB;AAEA,YAAI,MAAM,YAAY,WAAW,6BAA6B;AAC5D,kBAAQ,oBAAmB;AAC3B,qBAAW,CAAC;AAAA,QACd;AAAA,MACF;AAAA,MACA,EAAE,MAAM,KAAI;AAAA,IAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue.js CHANGED Viewed

@@ -129,7 +129,7 @@ const _sfc_main = {
         !isMetaMaskInstalled.value ? (openBlock(), createElementBlock("button", {
           key: 0,
           onClick: connectMetaMask,
-          class: "transition-ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
+          class: "ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
         }, [
           createElementVNode("img", {
             loading: "lazy",
@@ -145,7 +145,7 @@ const _sfc_main = {
           !isPolygon.value ? (openBlock(), createElementBlock("button", {
             key: 0,
             onClick: switchToPolygon,
-            class: "transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small"
+            class: "ease-in-out cursor-pointer hover:bg-white hover:t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small"
           }, [
             createElementVNode("img", {
               loading: "lazy",
@@ -161,7 +161,7 @@ const _sfc_main = {
           isPolygon.value ? (openBlock(), createElementBlock("button", {
             key: 1,
             onClick: addToken,
-            class: "transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
+            class: "ease-in-out cursor-pointer hover:bg-white hover:t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
           }, [
             createElementVNode("img", {
               loading: "lazy",
@@ -169,7 +169,7 @@ const _sfc_main = {
               class: "mn-r-small i-big"
             }, null, 8, _hoisted_5),
             createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("addToken")), 1),
-            createVNode(_sfc_main$1, { class: "hover-fill-black fill-white t-transp" })
+            createVNode(_sfc_main$1, { class: "hover:fill-black fill-white t-transp" })
           ])) : createCommentVNode("", true)
         ], 64)),
         error.value ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(error.value), 1)) : createCommentVNode("", true)

package/dist/martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConnectMetamask.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/elements/ConnectMetamask.vue"],"sourcesContent":["<template>\n <div>\n <!-- Connect Metamask -->\n <button \n v-if=\"!isMetaMaskInstalled\"\n @click=\"connectMetaMask\" \n class=\"~~transition-~~ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n >\n <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n <span class=\"h4 uppercase w-100\">{{ t('connectMetaMask') }}</span>\n <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n </button>\n <template v-else>\n <!-- Switch to Polygon -->\n <button \n v-if=\"!isPolygon\"\n @click=\"switchToPolygon\" \n class=\"~~transition-~~ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small\"\n >\n <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n <span class=\"h4 uppercase w-100\">{{ t('switchToPolygon') }}</span>\n <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n </button>\n <!-- Add Token to metamask -->\n <button \n v-if=\"isPolygon\"\n @click=\"addToken\" \n class=\"~~transition-~~ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n >\n <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n <span class=\"h4 uppercase w-100\">{{ t('addToken') }}</span>\n <IconAdd class=\"hover-fill-black fill-white t-transp\"/>\n </button>\n </template>\n <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n // Token configuration\n tokenAddress: {\n type: String,\n required: true\n },\n tokenSymbol: {\n type: String,\n required: true\n },\n tokenImage: {\n type: String,\n required: true\n },\n tokenDecimals: {\n type: Number,\n default: 18\n },\n // Chain configuration\n targetChainId: {\n type: String,\n default: '0x89' // Polygon Mainnet by default\n },\n // UI configuration\n metamaskIcon: {\n type: String,\n default: '/icons/metamask.svg'\n },\n content: {\n type: Object,\n default: () => ({\n en: {\n \"connectMetaMask\": \"Connect MetaMask\",\n \"switchToPolygon\": \"Switch to Polygon\",\n \"addToken\": `Add token to MetaMask`,\n }\n })\n }\n});\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst connectMetaMask = async () => {\n if (typeof window.ethereum !== 'undefined') {\n try {\n await window.ethereum.request({ method: 'eth_requestAccounts' });\n checkMetaMask();\n } catch (err) {\n error.value = err.message;\n console.error('Error connecting to MetaMask:', err);\n }\n } else {\n window.open('https://metamask.io/', '_blank');\n }\n};\n\nconst checkMetaMask = async () => {\n if (typeof window.ethereum !== 'undefined') {\n isMetaMaskInstalled.value = true;\n const chainId = await window.ethereum.request({ method: 'eth_chainId' });\n isPolygon.value = chainId === props.targetChainId;\n } else {\n isMetaMaskInstalled.value = false;\n }\n};\n\nconst switchToPolygon = async () => {\n try {\n await window.ethereum.request({\n method: 'wallet_switchEthereumChain',\n params: [{ chainId: props.targetChainId }],\n });\n checkMetaMask();\n } catch (err) {\n error.value = err.message;\n console.error('Error switching to Polygon:', err);\n }\n};\n\nconst addToken = async () => {\n buttonStyle.value['pointer-events'] = 'none';\n error.value = null;\n loading.value = true;\n \n try {\n await ethereum.request({\n method: 'wallet_watchAsset',\n params: {\n type: 'ERC20',\n options: {\n address: props.tokenAddress,\n symbol: props.tokenSymbol,\n decimals: props.tokenDecimals,\n image: props.tokenImage,\n },\n },\n });\n buttonStyle.value['background-color'] = '#009911';\n loading.value = false;\n } catch (err) {\n error.value = err.message;\n loading.value = false;\n }\n};\n\nconst { t } = useI18n({\n messages: props.content\n});\n\nonMounted(() => {\n checkMetaMask();\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAwCd,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,cAAc,IAAI,EAAE;AAE1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D,wBAAa;AAAA,QACf,SAAS,KAAK;AACZ,gBAAM,QAAQ,IAAI;AAClB,kBAAQ,MAAM,iCAAiC,GAAG;AAAA,QACpD;AAAA,MACF,OAAO;AACL,eAAO,KAAK,wBAAwB,QAAQ;AAAA,MAC9C;AAAA,IACF;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,4BAAoB,QAAQ;AAC5B,cAAM,UAAU,MAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,eAAe;AACvE,kBAAU,QAAQ,YAAY,MAAM;AAAA,MACtC,OAAO;AACL,4BAAoB,QAAQ;AAAA,MAC9B;AAAA,IACF;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,cAAM,OAAO,SAAS,QAAQ;AAAA,UAC5B,QAAQ;AAAA,UACR,QAAQ,CAAC,EAAE,SAAS,MAAM,cAAa,CAAE;AAAA,QAC/C,CAAK;AACD,sBAAa;AAAA,MACf,SAAS,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,MAAM,+BAA+B,GAAG;AAAA,MAClD;AAAA,IACF;AAEA,UAAM,WAAW,YAAY;AAC3B,kBAAY,MAAM,gBAAgB,IAAI;AACtC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,QAAQ;AAAA,UACrB,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,cACP,SAAS,MAAM;AAAA,cACf,QAAQ,MAAM;AAAA,cACd,UAAU,MAAM;AAAA,cAChB,OAAO,MAAM;AAAA,YACvB;AAAA,UACA;AAAA,QACA,CAAK;AACD,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MAClB,SAAS,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,cAAU,MAAM;AACd,oBAAa;AAAA,IACf,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"ConnectMetamask.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/elements/ConnectMetamask.vue"],"sourcesContent":["<template>\n <div>\n <!-- Connect Metamask -->\n <button \n v-if=\"!isMetaMaskInstalled\"\n @click=\"connectMetaMask\" \n class=\"ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n >\n <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n <span class=\"h4 uppercase w-100\">{{ t('connectMetaMask') }}</span>\n <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n </button>\n <template v-else>\n <!-- Switch to Polygon -->\n <button \n v-if=\"!isPolygon\"\n @click=\"switchToPolygon\" \n class=\"ease-in-out cursor-pointer hover:bg-white hover:t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small\"\n >\n <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n <span class=\"h4 uppercase w-100\">{{ t('switchToPolygon') }}</span>\n <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n </button>\n <!-- Add Token to metamask -->\n <button \n v-if=\"isPolygon\"\n @click=\"addToken\" \n class=\"ease-in-out cursor-pointer hover:bg-white hover:t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n >\n <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n <span class=\"h4 uppercase w-100\">{{ t('addToken') }}</span>\n <IconAdd class=\"hover:fill-black fill-white t-transp\"/>\n </button>\n </template>\n <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n // Token configuration\n tokenAddress: {\n type: String,\n required: true\n },\n tokenSymbol: {\n type: String,\n required: true\n },\n tokenImage: {\n type: String,\n required: true\n },\n tokenDecimals: {\n type: Number,\n default: 18\n },\n // Chain configuration\n targetChainId: {\n type: String,\n default: '0x89' // Polygon Mainnet by default\n },\n // UI configuration\n metamaskIcon: {\n type: String,\n default: '/icons/metamask.svg'\n },\n content: {\n type: Object,\n default: () => ({\n en: {\n \"connectMetaMask\": \"Connect MetaMask\",\n \"switchToPolygon\": \"Switch to Polygon\",\n \"addToken\": `Add token to MetaMask`,\n }\n })\n }\n});\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst connectMetaMask = async () => {\n if (typeof window.ethereum !== 'undefined') {\n try {\n await window.ethereum.request({ method: 'eth_requestAccounts' });\n checkMetaMask();\n } catch (err) {\n error.value = err.message;\n console.error('Error connecting to MetaMask:', err);\n }\n } else {\n window.open('https://metamask.io/', '_blank');\n }\n};\n\nconst checkMetaMask = async () => {\n if (typeof window.ethereum !== 'undefined') {\n isMetaMaskInstalled.value = true;\n const chainId = await window.ethereum.request({ method: 'eth_chainId' });\n isPolygon.value = chainId === props.targetChainId;\n } else {\n isMetaMaskInstalled.value = false;\n }\n};\n\nconst switchToPolygon = async () => {\n try {\n await window.ethereum.request({\n method: 'wallet_switchEthereumChain',\n params: [{ chainId: props.targetChainId }],\n });\n checkMetaMask();\n } catch (err) {\n error.value = err.message;\n console.error('Error switching to Polygon:', err);\n }\n};\n\nconst addToken = async () => {\n buttonStyle.value['pointer-events'] = 'none';\n error.value = null;\n loading.value = true;\n \n try {\n await ethereum.request({\n method: 'wallet_watchAsset',\n params: {\n type: 'ERC20',\n options: {\n address: props.tokenAddress,\n symbol: props.tokenSymbol,\n decimals: props.tokenDecimals,\n image: props.tokenImage,\n },\n },\n });\n buttonStyle.value['background-color'] = '#009911';\n loading.value = false;\n } catch (err) {\n error.value = err.message;\n loading.value = false;\n }\n};\n\nconst { t } = useI18n({\n messages: props.content\n});\n\nonMounted(() => {\n checkMetaMask();\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAwCd,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,cAAc,IAAI,EAAE;AAE1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D,wBAAa;AAAA,QACf,SAAS,KAAK;AACZ,gBAAM,QAAQ,IAAI;AAClB,kBAAQ,MAAM,iCAAiC,GAAG;AAAA,QACpD;AAAA,MACF,OAAO;AACL,eAAO,KAAK,wBAAwB,QAAQ;AAAA,MAC9C;AAAA,IACF;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,4BAAoB,QAAQ;AAC5B,cAAM,UAAU,MAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,eAAe;AACvE,kBAAU,QAAQ,YAAY,MAAM;AAAA,MACtC,OAAO;AACL,4BAAoB,QAAQ;AAAA,MAC9B;AAAA,IACF;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,cAAM,OAAO,SAAS,QAAQ;AAAA,UAC5B,QAAQ;AAAA,UACR,QAAQ,CAAC,EAAE,SAAS,MAAM,cAAa,CAAE;AAAA,QAC/C,CAAK;AACD,sBAAa;AAAA,MACf,SAAS,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,MAAM,+BAA+B,GAAG;AAAA,MAClD;AAAA,IACF;AAEA,UAAM,WAAW,YAAY;AAC3B,kBAAY,MAAM,gBAAgB,IAAI;AACtC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,QAAQ;AAAA,UACrB,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,cACP,SAAS,MAAM;AAAA,cACf,QAAQ,MAAM;AAAA,cACd,UAAU,MAAM;AAAA,cAChB,OAAO,MAAM;AAAA,YACvB;AAAA,UACA;AAAA,QACA,CAAK;AACD,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MAClB,SAAS,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,cAAU,MAAM;AACd,oBAAa;AAAA,IACf,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}