@ozdao/martyrs 0.2.571 → 0.2.572

package/dist/martyrs/src/modules/spots/components/pages/SpotEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpotEdit.vue.js","sources":["../../../../../../../src/modules/spots/components/pages/SpotEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"spots.state.spot\" class=\"for-transition w-100 cols-1 pd-thin gap-thin\">\n\n\n    <Block class=\"flex-nowrap flex-v-center flex\">\n      \n      <h1 class=\"mn-r-auto\">\n        {{ route.params.spot ? spots.state.spot.profile.name : 'Create Spot' }}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"bg-main\"\n      >\n        Save Spot\n      </Button>\n    </Block>\n    \n\n    <div class=\"cols-2 gap-thin\"> \n      <Block\n        title=\"Profile\"\n        class=\"mn-b-semi\"\n      >\n        <div class=\"gap-small mn-b-small cols-2-fit-content\">\n          <UploadImage \n             v-model:photo=\"spots.state.spot.profile.photo\"\n            :uploadPath=\"'organizations/' + spots.state.spot.name + '/avatars'\"\n            class=\"aspect-1x1 w-8r o-hidden radius-extra\" \n          />\n\n          <div class=\"w-100\">\n            <Field \n              v-model:field=\"spots.state.spot.profile.name\"     \n              label=\"Name\"  \n              placeholder=\"Spot Name\" \n              class=\"mn-b-small bg-white radius-small pd-medium\"\n              :validation=\"organizationName\" \n            />\n            <Field \n              v-model:field=\"spots.state.spot.profile.description\"     \n              label=\"Description\"  \n              placeholder=\"Spot description (max 120 symbols)\" \n              class=\"bg-white radius-small pd-medium\"\n              :validation=\"organizationName\" \n            />  \n          </div>\n        </div>\n\n        <Field \n          v-model:field=\"spots.state.spot.minorder\"     \n          label=\"Min.order\"  \n          placeholder=\"Enter minimum order value\" \n          class=\"bg-white radius-small mn-b-small pd-small\"\n          :validation=\"organizationName\" \n        />  \n\n        <Select \n          v-model:select=\"spots.state.spot.status\"\n          label=\"Status\"\n          :options=\"[\n            'unpublished', \n            'published',\n            'archivied'\n          ]\"\n          placeholder=\"Status\"\n          class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n        />\n\n        <p class=\"p-regular mn-b-small\">Please the available delivery options:</p>\n\n        <Checkbox \n          v-for=\"option in ['pickup','courier','post']\"\n          :label=\"option\"\n          name=\"Delivery\"\n          :value=\"option\"\n          class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.delivery\"\n          @update:radio=\"event => spots.state.spot.delivery = event\"\n        />\n\n        <p class=\"p-regular mn-b-small\">Please select the available payment methods:</p>\n     \n        <Checkbox \n          v-for=\"option in ['cash','bank transfer','crypto']\"\n          :label=\"option\"\n          name=\"Payment\"\n          :value=\"option\"\n          class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.payment\"\n          @update:radio=\"event => spots.state.spot.payment = event\"\n        />\n      </Block>\n\n      <Block\n        title=\"Location\"\n        class=\"pos-relative\"\n      >\n        <Address\n          :apiKey=\"GOOGLE_MAPS_API_KEY\" \n          :address=\"spots.state.spot.address\" \n          :location=\"spots.state.spot.location\"  \n          :locale=\"$i18n.locale\"   \n          label=\"Address\"    \n          placeholder=\"Enter delivery address\"  \n          class=\"\n            bg-white pd-small radius-tl-medium radius-tr-medium \n          \"\n          @update:location=\"newLocation => {\n            spots.state.spot.location = newLocation;\n          }\"\n          @update:address=\"newAddress => {\n            spots.state.spot.address = newAddress;\n          }\"\n        />\n        <LocationMarker \n         :apiKey=\"GOOGLE_MAPS_API_KEY\" \n\n          :address=\"spots.state.spot.address\" \n          :location=\"spots.state.spot.location\" \n          :locale=\"$i18n.locale\"\n          \n          class=\"h-20r mn-b-small radius-bl-medium radius-br-medium  o-hidden\"\n          @update:location=\"newLocation => {\n            spots.state.spot.location = newLocation;\n          }\"\n          @update:address=\"newAddress => {\n            spots.state.spot.address = newAddress;\n          }\"\n        />\n        <WorktimeEdit \n          v-model:worktime=\"spots.state.spot.worktime\"\n          class=\"mn-b-small\"\n        />\n\n        <p class=\"mn-b-small p-regular\">Options:</p>\n        <Checkbox \n          :label=\"'Hide address'\"\n          name=\"address\"\n          class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.position?.hide\"\n          @update:radio=\"event => spots.state.spot.position.hide = event\"\n        />\n\n      </Block>\n\n    </div>\n\n    <Button :submit=\"onDelete\" :callback=\"redirectDash\" class=\"w-100 bg-light\">Delete Spot</Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\n\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@martyrs/src/components/Tab/Tab.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 Address from \"@martyrs/src/components/Address/Address.vue\";\nimport LocationMarker from \"@martyrs/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\nimport WorktimeEdit from \"../sections/WorktimeEdit.vue\";\n\nimport * as spots from \"@martyrs/src/modules/spots/store/spots.js\";\n\nconst router = useRouter();\nconst route = useRoute();\nconst tabOrganization = ref(\"details\");\nconst showAddNew = ref(false);\n\nconst getRouteName = (baseName) => `${route.meta?.context || ''}${baseName}`\n\nonMounted(async () => {\n  await fetchData();\n})\n\nasync function fetchData() {\n\n  if (route.params.spot) await spots.actions.readOne(route.params.spot);\n\n  const lng = spots.state.spot.location?.coordinates[0]\n  const lat = spots.state.spot.location?.coordinates[1]\n\n  spots.state.spot.location = {\n    lat: lat || 1,\n    lng: lng || 1\n  }\n}\n\nasync function onSubmit() {\n\n  spots.state.spot.location = {\n    type: 'Point',\n    coordinates: [spots.state.spot.location.lng, spots.state.spot.location.lat]\n  }\n\n\n  if (route.params.spot) {\n    await spots.actions.update(\n      route.params._id,\n      spots.state.spot\n    );\n  }\n  if (!route.params.spot) {\n    await spots.actions.create(\n      route.params._id,\n      spots.state.spot\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: getRouteName('Spots'), params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  await spots.actions.delete(\n    route.params._id,\n    spots.state.spot\n  );\n}\n\nfunction redirectDash() {\n  router.push({ name: getRouteName('Spots'), params: { _id: route.params._id } });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["spots.actions","spots.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6KA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AACE,QAAI,SAAS;AAClB,QAAI,KAAK;AAE5B,UAAM,eAAe,CAAC,aAAa,GAAG,MAAM,MAAM,WAAW,EAAE,GAAG,QAAQ;AAE1E,cAAU,YAAY;AACpB,YAAM,UAAS;AAAA,IACjB,CAAC;AAED,mBAAe,YAAY;AAEzB,UAAI,MAAM,OAAO,KAAM,OAAMA,QAAc,QAAQ,MAAM,OAAO,IAAI;AAEpE,YAAM,MAAMC,MAAY,KAAK,UAAU,YAAY,CAAC;AACpD,YAAM,MAAMA,MAAY,KAAK,UAAU,YAAY,CAAC;AAEpDA,YAAY,KAAK,WAAW;AAAA,QAC1B,KAAK,OAAO;AAAA,QACZ,KAAK,OAAO;AAAA,MAChB;AAAA,IACA;AAEA,mBAAe,WAAW;AAExBA,YAAY,KAAK,WAAW;AAAA,QAC1B,MAAM;AAAA,QACN,aAAa,CAACA,MAAY,KAAK,SAAS,KAAKA,MAAY,KAAK,SAAS,GAAG;AAAA,MAC9E;AAGE,UAAI,MAAM,OAAO,MAAM;AACrB,cAAMD,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,MAAY;AAAA,QAClB;AAAA,MACE;AACA,UAAI,CAAC,MAAM,OAAO,MAAM;AACtB,cAAMD,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,MAAY;AAAA,QAClB;AAAA,MACE;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,aAAa,OAAO,GAAG,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,IAChF;AAEA,mBAAe,WAAW;AACxB,YAAMD,QAAc;AAAA,QAClB,MAAM,OAAO;AAAA,QACbC,MAAY;AAAA,MAChB;AAAA,IACA;AAEA,aAAS,eAAe;AACtB,aAAO,KAAK,EAAE,MAAM,aAAa,OAAO,GAAG,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,IAChF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SpotEdit.vue.js","sources":["../../../../../../../src/modules/spots/components/pages/SpotEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"spots.state.spot\" class=\"for-transition w-100 cols-1 pd-thin gap-thin\">\n\n\n    <Block class=\"flex-nowrap flex-v-center flex\">\n      \n      <h1 class=\"mn-r-auto\">\n        {{ route.params.spot ? spots.state.spot.profile.name : 'Create Spot' }}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"bg-main\"\n      >\n        Save Spot\n      </Button>\n    </Block>\n    \n\n    <div class=\"cols-2 mobile:cols-1 gap-thin\"> \n      <Block\n        title=\"Profile\"\n        class=\"mn-b-semi\"\n      >\n        <div class=\"gap-small mn-b-small cols-[fit-content(100%)_1fr] mobile:cols-1\">\n          <UploadImage \n             v-model:photo=\"spots.state.spot.profile.photo\"\n            :uploadPath=\"'organizations/' + spots.state.spot.name + '/avatars'\"\n            class=\"aspect-1x1 w-8r o-hidden radius-extra\" \n          />\n\n          <div class=\"w-100\">\n            <Field \n              v-model:field=\"spots.state.spot.profile.name\"     \n              label=\"Name\"  \n              placeholder=\"Spot Name\" \n              class=\"mn-b-small bg-white radius-small pd-medium\"\n              :validation=\"organizationName\" \n            />\n            <Field \n              v-model:field=\"spots.state.spot.profile.description\"     \n              label=\"Description\"  \n              placeholder=\"Spot description (max 120 symbols)\" \n              class=\"bg-white radius-small pd-medium\"\n              :validation=\"organizationName\" \n            />  \n          </div>\n        </div>\n\n        <Field \n          v-model:field=\"spots.state.spot.minorder\"     \n          label=\"Min.order\"  \n          placeholder=\"Enter minimum order value\" \n          class=\"bg-white radius-small mn-b-small pd-small\"\n          :validation=\"organizationName\" \n        />  \n\n        <Select \n          v-model:select=\"spots.state.spot.status\"\n          label=\"Status\"\n          :options=\"[\n            'unpublished', \n            'published',\n            'archivied'\n          ]\"\n          placeholder=\"Status\"\n          class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n        />\n\n        <p class=\"p-regular mn-b-small\">Please the available delivery options:</p>\n\n        <Checkbox \n          v-for=\"option in ['pickup','courier','post']\"\n          :label=\"option\"\n          name=\"Delivery\"\n          :value=\"option\"\n          class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.delivery\"\n          @update:radio=\"event => spots.state.spot.delivery = event\"\n        />\n\n        <p class=\"p-regular mn-b-small\">Please select the available payment methods:</p>\n     \n        <Checkbox \n          v-for=\"option in ['cash','bank transfer','crypto']\"\n          :label=\"option\"\n          name=\"Payment\"\n          :value=\"option\"\n          class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.payment\"\n          @update:radio=\"event => spots.state.spot.payment = event\"\n        />\n      </Block>\n\n      <Block\n        title=\"Location\"\n        class=\"pos-relative\"\n      >\n        <Address\n          :apiKey=\"GOOGLE_MAPS_API_KEY\" \n          :address=\"spots.state.spot.address\" \n          :location=\"spots.state.spot.location\"  \n          :locale=\"$i18n.locale\"   \n          label=\"Address\"    \n          placeholder=\"Enter delivery address\"  \n          class=\"\n            bg-white pd-small radius-tl-medium radius-tr-medium \n          \"\n          @update:location=\"newLocation => {\n            spots.state.spot.location = newLocation;\n          }\"\n          @update:address=\"newAddress => {\n            spots.state.spot.address = newAddress;\n          }\"\n        />\n        <LocationMarker \n         :apiKey=\"GOOGLE_MAPS_API_KEY\" \n\n          :address=\"spots.state.spot.address\" \n          :location=\"spots.state.spot.location\" \n          :locale=\"$i18n.locale\"\n          \n          class=\"h-20r mn-b-small radius-bl-medium radius-br-medium  o-hidden\"\n          @update:location=\"newLocation => {\n            spots.state.spot.location = newLocation;\n          }\"\n          @update:address=\"newAddress => {\n            spots.state.spot.address = newAddress;\n          }\"\n        />\n        <WorktimeEdit \n          v-model:worktime=\"spots.state.spot.worktime\"\n          class=\"mn-b-small\"\n        />\n\n        <p class=\"mn-b-small p-regular\">Options:</p>\n        <Checkbox \n          :label=\"'Hide address'\"\n          name=\"address\"\n          class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.position?.hide\"\n          @update:radio=\"event => spots.state.spot.position.hide = event\"\n        />\n\n      </Block>\n\n    </div>\n\n    <Button :submit=\"onDelete\" :callback=\"redirectDash\" class=\"w-100 bg-light\">Delete Spot</Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\n\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@martyrs/src/components/Tab/Tab.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 Address from \"@martyrs/src/components/Address/Address.vue\";\nimport LocationMarker from \"@martyrs/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\nimport WorktimeEdit from \"../sections/WorktimeEdit.vue\";\n\nimport * as spots from \"@martyrs/src/modules/spots/store/spots.js\";\n\nconst router = useRouter();\nconst route = useRoute();\nconst tabOrganization = ref(\"details\");\nconst showAddNew = ref(false);\n\nconst getRouteName = (baseName) => `${route.meta?.context || ''}${baseName}`\n\nonMounted(async () => {\n  await fetchData();\n})\n\nasync function fetchData() {\n\n  if (route.params.spot) await spots.actions.readOne(route.params.spot);\n\n  const lng = spots.state.spot.location?.coordinates[0]\n  const lat = spots.state.spot.location?.coordinates[1]\n\n  spots.state.spot.location = {\n    lat: lat || 1,\n    lng: lng || 1\n  }\n}\n\nasync function onSubmit() {\n\n  spots.state.spot.location = {\n    type: 'Point',\n    coordinates: [spots.state.spot.location.lng, spots.state.spot.location.lat]\n  }\n\n\n  if (route.params.spot) {\n    await spots.actions.update(\n      route.params._id,\n      spots.state.spot\n    );\n  }\n  if (!route.params.spot) {\n    await spots.actions.create(\n      route.params._id,\n      spots.state.spot\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: getRouteName('Spots'), params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  await spots.actions.delete(\n    route.params._id,\n    spots.state.spot\n  );\n}\n\nfunction redirectDash() {\n  router.push({ name: getRouteName('Spots'), params: { _id: route.params._id } });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["spots.actions","spots.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6KA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AACE,QAAI,SAAS;AAClB,QAAI,KAAK;AAE5B,UAAM,eAAe,CAAC,aAAa,GAAG,MAAM,MAAM,WAAW,EAAE,GAAG,QAAQ;AAE1E,cAAU,YAAY;AACpB,YAAM,UAAS;AAAA,IACjB,CAAC;AAED,mBAAe,YAAY;AAEzB,UAAI,MAAM,OAAO,KAAM,OAAMA,QAAc,QAAQ,MAAM,OAAO,IAAI;AAEpE,YAAM,MAAMC,MAAY,KAAK,UAAU,YAAY,CAAC;AACpD,YAAM,MAAMA,MAAY,KAAK,UAAU,YAAY,CAAC;AAEpDA,YAAY,KAAK,WAAW;AAAA,QAC1B,KAAK,OAAO;AAAA,QACZ,KAAK,OAAO;AAAA,MAChB;AAAA,IACA;AAEA,mBAAe,WAAW;AAExBA,YAAY,KAAK,WAAW;AAAA,QAC1B,MAAM;AAAA,QACN,aAAa,CAACA,MAAY,KAAK,SAAS,KAAKA,MAAY,KAAK,SAAS,GAAG;AAAA,MAC9E;AAGE,UAAI,MAAM,OAAO,MAAM;AACrB,cAAMD,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,MAAY;AAAA,QAClB;AAAA,MACE;AACA,UAAI,CAAC,MAAM,OAAO,MAAM;AACtB,cAAMD,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,MAAY;AAAA,QAClB;AAAA,MACE;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,aAAa,OAAO,GAAG,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,IAChF;AAEA,mBAAe,WAAW;AACxB,YAAMD,QAAc;AAAA,QAClB,MAAM,OAAO;AAAA,QACbC,MAAY;AAAA,MAChB;AAAA,IACA;AAEA,aAAS,eAAe;AACtB,aAAO,KAAK,EAAE,MAAM,aAAa,OAAO,GAAG,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,IAChF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/spots/components/pages/Spots.vue.js

@@ -14,7 +14,7 @@ const _hoisted_2 = {
   class: "pd-medium flex-v-center flex-nowrap flex"
 };
 const _hoisted_3 = { class: "w-100 rows-1 pd-thin pos-relative o-hidden" };
-const _hoisted_4 = { class: "mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-type-x-mandatory scroll-pd-regular" };
+const _hoisted_4 = { class: "mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular" };
 const _hoisted_5 = { class: "gap-thin flex-nowrap flex" };
 const _hoisted_6 = ["onClick"];
 const _sfc_main = {
@@ -61,7 +61,7 @@ const _sfc_main = {
               name: getRouteName("Create Spot"),
               params: { _id: unref(route).params._id }
             })),
-            class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+            class: "radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second"
           }, " + ")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3, [
@@ -71,7 +71,7 @@ const _sfc_main = {
                 return openBlock(), createElementBlock("div", {
                   key: category._id,
                   onClick: ($event) => selectCategory(category),
-                  class: "flex-child-default bg-light flex t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all"
+                  class: "flex-child-default bg-light flex t-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease"
                 }, toDisplayString(category.name), 9, _hoisted_6);
               }), 128))
             ])

package/dist/martyrs/src/modules/spots/components/pages/Spots.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spots.vue.js","sources":["../../../../../../../src/modules/spots/components/pages/Spots.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Spots</h2>\n      <button\n        v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: getRouteName('Create Spot'),\n          params: { _id: route.params._id }\n        })\"\n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n        \n        <div class=\"mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-type-x-mandatory scroll-pd-regular\">\n          <div class=\"gap-thin flex-nowrap flex\">\n            <div\n              v-for=\"category in currentCategories\"\n              :key=\"category._id\"\n              @click=\"selectCategory(category)\"\n              class=\"flex-child-default bg-light flex t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all\"\n            >\n              {{ category.name }}\n            </div>\n          </div>\n        </div>\n\n        <Feed\n          :search=\"true\"\n          v-model:filter=\"spots.state.filter\"\n          v-model:sort=\"spots.state.sort\"\n          :showLoadMore=\"false\"\n          :states=\"{\n            empty: {\n              title: 'No Spots Found',\n              description: 'Currently, there are no spots available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => spots.actions.read(options),\n            state: spots.state\n          }\"\n          :options=\"{\n            limit: 12,\n            organization: route.params._id || null,\n            user: auth.state.user._id,\n            search: route.query.search\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"cols-1 pos-relative w-100 rows-1 gap-thin\"\n        >\n          <CardSpot\n            v-for=\"(spot, index) in items\"\n            :key=\"index\"\n            :spot=\"spot\"\n            :organization=\"organization\"\n            :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            :showDeliveryOptions=\"true\"\n            :showPaymentOptions=\"true\"\n            class=\"radius-medium h-min-big bg-light\"\n            @click=\"$router.push({\n              name: getRouteName('Spot'),\n              params: {\n                _id: route.params._id,\n                spot: spot._id\n              }\n            })\"\n          />\n        </Feed>\n\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n  import * as spots from '@martyrs/src/modules/spots/store/spots.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const route = useRoute()\n  const router = useRouter()\n  const { hasAccess } = useGlobalMixins()\n\n  const getRouteName = (baseName) => `${route.meta?.context || ''}${baseName}`\n\n  // Props\n  const props = defineProps({\n    organization: {\n      type: Object,\n      default: null\n    }\n  })\n\n  // Categories for mobile view\n  const currentCategories = ref([]);\n\n  const selectCategory = (category) => {\n    // Implementation for category selection\n    console.log('Category selected:', category);\n  };\n\n  store.core.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\"\n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => router.push({ name: getRouteName('Create Spot'), params: { _id: route.params._id } })\n  }]\n\n  onMounted(async () => {\n    if (route.params._id) {\n      await organizations.actions.read({ _id: route.params._id });\n    }\n  })\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["IconPlus","auth.state","organizations.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,UAAM,QAAQ,SAAQ;AAKpB,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,UAAS,IAAK,gBAAe;AAErC,UAAM,eAAe,CAAC,aAAa,GAAG,MAAM,MAAM,WAAW,EAAE,GAAG,QAAQ;AAW1E,UAAM,oBAAoB,IAAI,EAAE;AAEhC,UAAM,iBAAiB,CAAC,aAAa;AAEnC,cAAQ,IAAI,sBAAsB,QAAQ;AAAA,IAC5C;AAEA,UAAM,KAAK,MAAM,eAAe,UAAU,CAAC;AAAA,MACzC,WAAWA;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,aAAa,GAAG,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,IACtG,CAAG;AAED,cAAU,YAAY;AACpB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMC,QAAsB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC5D;AAAA,IACF,CAAC;AAED,gBAAY,MAAM;AAChB,YAAM,KAAK,MAAM,eAAe,UAAU,CAAA;AAAA,IAC5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Spots.vue.js","sources":["../../../../../../../src/modules/spots/components/pages/Spots.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Spots</h2>\n      <button\n        v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: getRouteName('Create Spot'),\n          params: { _id: route.params._id }\n        })\"\n        class=\"radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n        \n        <div class=\"mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular\">\n          <div class=\"gap-thin flex-nowrap flex\">\n            <div\n              v-for=\"category in currentCategories\"\n              :key=\"category._id\"\n              @click=\"selectCategory(category)\"\n              class=\"flex-child-default bg-light flex t-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease\"\n            >\n              {{ category.name }}\n            </div>\n          </div>\n        </div>\n\n        <Feed\n          :search=\"true\"\n          v-model:filter=\"spots.state.filter\"\n          v-model:sort=\"spots.state.sort\"\n          :showLoadMore=\"false\"\n          :states=\"{\n            empty: {\n              title: 'No Spots Found',\n              description: 'Currently, there are no spots available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => spots.actions.read(options),\n            state: spots.state\n          }\"\n          :options=\"{\n            limit: 12,\n            organization: route.params._id || null,\n            user: auth.state.user._id,\n            search: route.query.search\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"cols-1 pos-relative w-100 rows-1 gap-thin\"\n        >\n          <CardSpot\n            v-for=\"(spot, index) in items\"\n            :key=\"index\"\n            :spot=\"spot\"\n            :organization=\"organization\"\n            :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            :showDeliveryOptions=\"true\"\n            :showPaymentOptions=\"true\"\n            class=\"radius-medium h-min-big bg-light\"\n            @click=\"$router.push({\n              name: getRouteName('Spot'),\n              params: {\n                _id: route.params._id,\n                spot: spot._id\n              }\n            })\"\n          />\n        </Feed>\n\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n  import * as spots from '@martyrs/src/modules/spots/store/spots.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const route = useRoute()\n  const router = useRouter()\n  const { hasAccess } = useGlobalMixins()\n\n  const getRouteName = (baseName) => `${route.meta?.context || ''}${baseName}`\n\n  // Props\n  const props = defineProps({\n    organization: {\n      type: Object,\n      default: null\n    }\n  })\n\n  // Categories for mobile view\n  const currentCategories = ref([]);\n\n  const selectCategory = (category) => {\n    // Implementation for category selection\n    console.log('Category selected:', category);\n  };\n\n  store.core.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\"\n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => router.push({ name: getRouteName('Create Spot'), params: { _id: route.params._id } })\n  }]\n\n  onMounted(async () => {\n    if (route.params._id) {\n      await organizations.actions.read({ _id: route.params._id });\n    }\n  })\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["IconPlus","auth.state","organizations.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,UAAM,QAAQ,SAAQ;AAKpB,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,UAAS,IAAK,gBAAe;AAErC,UAAM,eAAe,CAAC,aAAa,GAAG,MAAM,MAAM,WAAW,EAAE,GAAG,QAAQ;AAW1E,UAAM,oBAAoB,IAAI,EAAE;AAEhC,UAAM,iBAAiB,CAAC,aAAa;AAEnC,cAAQ,IAAI,sBAAsB,QAAQ;AAAA,IAC5C;AAEA,UAAM,KAAK,MAAM,eAAe,UAAU,CAAC;AAAA,MACzC,WAAWA;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,aAAa,GAAG,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,IACtG,CAAG;AAED,cAAU,YAAY;AACpB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMC,QAAsB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC5D;AAAA,IACF,CAAC;AAED,gBAAY,MAAM;AAChB,YAAM,KAAK,MAAM,eAAe,UAAU,CAAA;AAAA,IAC5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -17,7 +17,7 @@ const _hoisted_6 = {
   class: "regular-schedule mn-b-small"
 };
 const _hoisted_7 = { class: "day-info flex-child-1" };
-const _hoisted_8 = { class: "day-name t-semi" };
+const _hoisted_8 = { class: "day-name fw-semi" };
 const _hoisted_9 = {
   key: 0,
   class: "day-hours"
@@ -45,7 +45,7 @@ const _hoisted_18 = {
 };
 const _hoisted_19 = { class: "day-info flex-child-1" };
 const _hoisted_20 = { class: "flex flex-nowrap flex-v-center" };
-const _hoisted_21 = { class: "day-name t-semi" };
+const _hoisted_21 = { class: "day-name fw-semi" };
 const _hoisted_22 = {
   key: 0,
   class: "t-small t-transp mn-l-small"
@@ -76,7 +76,7 @@ const _hoisted_33 = {
   key: 0,
   class: "error-message mn-b-small pd-small radius-small bg-fourth-nano"
 };
-const _hoisted_34 = { class: "flex-child-1 time-inputs cols-2 gap-small" };
+const _hoisted_34 = { class: "flex-child-1 time-inputs cols-2 mobile:cols-1 gap-small" };
 const _hoisted_35 = { class: "button-group flex flex-nowrap gap-small mn-t-medium" };
 const _hoisted_36 = { class: "schedule-editor" };
 const _hoisted_37 = {
@@ -90,7 +90,7 @@ const _hoisted_41 = {
   key: 0,
   class: "error-message mn-b-small pd-small radius-small bg-fourth-nano"
 };
-const _hoisted_42 = { class: "flex-child-1 time-inputs cols-2 gap-small" };
+const _hoisted_42 = { class: "flex-child-1 time-inputs cols-2 mobile:cols-1 gap-small" };
 const _hoisted_43 = { class: "button-group flex flex-nowrap gap-small mn-t-medium" };
 const _sfc_main = {
   __name: "WorktimeEdit",
@@ -796,7 +796,7 @@ const _sfc_main = {
     };
   }
 };
-const WorktimeEdit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d25ccbfd"]]);
+const WorktimeEdit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65db2272"]]);
 export {
   WorktimeEdit as default
 };

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

@@ -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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"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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
 };