@ozdao/martyrs 0.2.547 → 0.2.549

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

@@ -1 +1 @@
-{"version":3,"file":"SpotEdit.vue.cjs","sources":["../../../../../../../src/modules/spots/components/pages/SpotEdit.vue"],"sourcesContent":["<template>\n  <div 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-medium 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-medium 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-medium\">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\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.replace({ name: \"Spot\", params: { _id: route.params._id, spot: spots.state.spot._id } });\n   router.push({ name: \"Organization\",  query: { tab: '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: \"Organization\", params: { _id: route.params._id }});\n}\n</script>\n\n<style scoped>\n</style>"],"names":["useRouter","useRoute","ref","onMounted","spots.actions","spots.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6KA,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AACEC,QAAAA,IAAI,SAAS;AAClBA,QAAAA,IAAI,KAAK;AAE5BC,QAAAA,UAAU,YAAY;AACpB,YAAM,UAAS;AAAA,IACjB,CAAC;AAED,mBAAe,YAAY;AAEzB,UAAI,MAAM,OAAO,KAAM,OAAMC,MAAAA,QAAc,QAAQ,MAAM,OAAO,IAAI;AAEpE,YAAM,MAAMC,MAAAA,MAAY,KAAK,UAAU,YAAY,CAAC;AACpD,YAAM,MAAMA,MAAAA,MAAY,KAAK,UAAU,YAAY,CAAC;AAEpDA,YAAAA,MAAY,KAAK,WAAW;AAAA,QAC1B,KAAK,OAAO;AAAA,QACZ,KAAK,OAAO;AAAA,MAChB;AAAA,IACA;AAEA,mBAAe,WAAW;AAExBA,YAAAA,MAAY,KAAK,WAAW;AAAA,QAC1B,MAAM;AAAA,QACN,aAAa,CAACA,MAAAA,MAAY,KAAK,SAAS,KAAKA,MAAAA,MAAY,KAAK,SAAS,GAAG;AAAA,MAC9E;AAGE,UAAI,MAAM,OAAO,MAAM;AACrB,cAAMD,MAAAA,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,YAAY;AAAA,QAClB;AAAA,MACE;AACA,UAAI,CAAC,MAAM,OAAO,MAAM;AACtB,cAAMD,MAAAA,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,YAAY;AAAA,QAClB;AAAA,MACE;AAAA,IACF;AAEA,aAAS,aAAa;AAEnB,aAAO,KAAK,EAAE,MAAM,gBAAiB,OAAO,EAAE,KAAK,QAAO,GAAI,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACnG;AAEA,mBAAe,WAAW;AACxB,YAAMD,MAAAA,QAAc;AAAA,QAClB,MAAM,OAAO;AAAA,QACbC,YAAY;AAAA,MAChB;AAAA,IACA;AAEA,aAAS,eAAe;AACtB,aAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SpotEdit.vue.cjs","sources":["../../../../../../../src/modules/spots/components/pages/SpotEdit.vue"],"sourcesContent":["<template>\n  <div 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\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.replace({ name: \"Spot\", params: { _id: route.params._id, spot: spots.state.spot._id } });\n   router.push({ name: \"Organization\",  query: { tab: '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: \"Organization\", params: { _id: route.params._id }});\n}\n</script>\n\n<style scoped>\n</style>"],"names":["useRouter","useRoute","ref","onMounted","spots.actions","spots.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6KA,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AACEC,QAAAA,IAAI,SAAS;AAClBA,QAAAA,IAAI,KAAK;AAE5BC,QAAAA,UAAU,YAAY;AACpB,YAAM,UAAS;AAAA,IACjB,CAAC;AAED,mBAAe,YAAY;AAEzB,UAAI,MAAM,OAAO,KAAM,OAAMC,MAAAA,QAAc,QAAQ,MAAM,OAAO,IAAI;AAEpE,YAAM,MAAMC,MAAAA,MAAY,KAAK,UAAU,YAAY,CAAC;AACpD,YAAM,MAAMA,MAAAA,MAAY,KAAK,UAAU,YAAY,CAAC;AAEpDA,YAAAA,MAAY,KAAK,WAAW;AAAA,QAC1B,KAAK,OAAO;AAAA,QACZ,KAAK,OAAO;AAAA,MAChB;AAAA,IACA;AAEA,mBAAe,WAAW;AAExBA,YAAAA,MAAY,KAAK,WAAW;AAAA,QAC1B,MAAM;AAAA,QACN,aAAa,CAACA,MAAAA,MAAY,KAAK,SAAS,KAAKA,MAAAA,MAAY,KAAK,SAAS,GAAG;AAAA,MAC9E;AAGE,UAAI,MAAM,OAAO,MAAM;AACrB,cAAMD,MAAAA,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,YAAY;AAAA,QAClB;AAAA,MACE;AACA,UAAI,CAAC,MAAM,OAAO,MAAM;AACtB,cAAMD,MAAAA,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,YAAY;AAAA,QAClB;AAAA,MACE;AAAA,IACF;AAEA,aAAS,aAAa;AAEnB,aAAO,KAAK,EAAE,MAAM,gBAAiB,OAAO,EAAE,KAAK,QAAO,GAAI,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACnG;AAEA,mBAAe,WAAW;AACxB,YAAMD,MAAAA,QAAc;AAAA,QAClB,MAAM,OAAO;AAAA,QACbC,YAAY;AAAA,MAChB;AAAA,IACA;AAEA,aAAS,eAAe;AACtB,aAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,8 +3,8 @@ import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                 */
-import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$4 from "../../../../components/Address/Address.vue.js";
 import _sfc_main$5 from "../../../../components/LocationMarker/LocationMarker.vue.js";
@@ -136,7 +136,7 @@ const _sfc_main = {
                 placeholder: "Status",
                 class: "pos-relative w-100 mn-b-small bg-white radius-small pd-medium"
               }, null, 8, ["select"]),
-              _cache[14] || (_cache[14] = createElementVNode("p", { class: "p-medium mn-b-small" }, "Please the available delivery options:", -1)),
+              _cache[14] || (_cache[14] = createElementVNode("p", { class: "p-regular mn-b-small" }, "Please the available delivery options:", -1)),
               (openBlock(), createElementBlock(Fragment, null, renderList(["pickup", "courier", "post"], (option) => {
                 return createVNode(_sfc_main$3, {
                   label: option,
@@ -147,7 +147,7 @@ const _sfc_main = {
                   "onUpdate:radio": _cache[5] || (_cache[5] = (event) => state.spot.delivery = event)
                 }, null, 8, ["label", "value", "radio"]);
               }), 64)),
-              _cache[15] || (_cache[15] = createElementVNode("p", { class: "p-medium mn-b-small" }, "Please select the available payment methods:", -1)),
+              _cache[15] || (_cache[15] = createElementVNode("p", { class: "p-regular mn-b-small" }, "Please select the available payment methods:", -1)),
               (openBlock(), createElementBlock(Fragment, null, renderList(["cash", "bank transfer", "crypto"], (option) => {
                 return createVNode(_sfc_main$3, {
                   label: option,
@@ -199,7 +199,7 @@ const _sfc_main = {
                 "onUpdate:worktime": _cache[11] || (_cache[11] = ($event) => state.spot.worktime = $event),
                 class: "mn-b-small"
               }, null, 8, ["worktime"]),
-              _cache[16] || (_cache[16] = createElementVNode("p", { class: "mn-b-small p-medium" }, "Options:", -1)),
+              _cache[16] || (_cache[16] = createElementVNode("p", { class: "mn-b-small p-regular" }, "Options:", -1)),
               createVNode(_sfc_main$3, {
                 label: "Hide address",
                 name: "address",

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 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-medium 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-medium 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-medium\">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\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.replace({ name: \"Spot\", params: { _id: route.params._id, spot: spots.state.spot._id } });\n   router.push({ name: \"Organization\",  query: { tab: '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: \"Organization\", 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,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;AAEnB,aAAO,KAAK,EAAE,MAAM,gBAAiB,OAAO,EAAE,KAAK,QAAO,GAAI,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACnG;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,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SpotEdit.vue.js","sources":["../../../../../../../src/modules/spots/components/pages/SpotEdit.vue"],"sourcesContent":["<template>\n  <div 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\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.replace({ name: \"Spot\", params: { _id: route.params._id, spot: spots.state.spot._id } });\n   router.push({ name: \"Organization\",  query: { tab: '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: \"Organization\", 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,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;AAEnB,aAAO,KAAK,EAAE,MAAM,gBAAiB,OAAO,EAAE,KAAK,QAAO,GAAI,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACnG;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,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,8 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
 const Button = require("../../../../components/Button/Button.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 ;/* empty css                    */

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

@@ -1,8 +1,8 @@
 import { mergeModels, useModel, ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, Fragment, renderList, normalizeClass, createCommentVNode, createBlock } from "vue";
 import { useI18n } from "vue-i18n";
 import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 /* empty css                  */

package/dist/martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const wallet = require("../../localization/wallet.json.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const vueI18n = require("vue-i18n");
 const _hoisted_1 = { class: "bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between" };
 const _sfc_main = {

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

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, Fragment, createElementVNode, createVNode, unref, toDisplayString } from "vue";
 import text from "../../localization/wallet.json.js";
-import Field from "../../../../../components/Field/Field.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = { class: "bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between" };
 const _sfc_main = {

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.cjs

@@ -5,8 +5,8 @@ const vueI18n = require("vue-i18n");
 const bignumber = require("../../../../../../node_modules/.pnpm/bignumber.js@9.2.1/node_modules/bignumber.js/bignumber.cjs");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../../components/Select/Select.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Select = require("../../../../../components/Select/Select.vue.cjs");
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };
 const _hoisted_3 = ["disabled"];

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

@@ -3,8 +3,8 @@ import { useI18n } from "vue-i18n";
 import { BigNumber } from "../../../../../../node_modules/.pnpm/bignumber.js@9.2.1/node_modules/bignumber.js/bignumber.js";
 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.vue2.js";
+import Field from "../../../../../components/Field/Field.vue2.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_3 = ["disabled"];

package/dist/martyrs/src/modules/wallet/views/components/pages/Wallet.vue.cjs

@@ -1,16 +1,37 @@
 "use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
-const Web3 = require("web3");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");
 require("vue-router");
 ;/* empty css                                              */
-;/* empty css                                                */
-;/* empty css                                            */
+;/* empty css                                                 */
+;/* empty css                                             */
 ;/* empty css                                          */
 const ConnectMetamask = require("../elements/ConnectMetamask.vue.cjs");
 const CashDeposit = require("../blocks/CashDeposit.vue.cjs");
@@ -21,7 +42,7 @@ const CryptoDepositProcessing = require("../blocks/CryptoDepositProcessing.vue.c
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "bg-black t-white mn-b-thin radius-big pd-big" };
 const _hoisted_3 = { class: "mn-b-medium" };
-const _hoisted_4 = { class: "mn-b-semi t-transp p-semi" };
+const _hoisted_4 = { class: "mn-b-semi t-transp p-medium" };
 const _hoisted_5 = {
   key: 0,
   class: "gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium"
@@ -76,12 +97,13 @@ const _sfc_main = {
       useScope: "global",
       ...wallet.default
     });
-    vue.onMounted(() => {
+    vue.onMounted(async () => {
       window.ethereum.on("accountsChanged", (accounts) => {
         if (accounts.length < 1) {
           wallet_store.state.account = null;
         }
       });
+      const { default: Web3 } = await import("web3");
       wallet_store.state.web3 = new Web3(window.ethereum || "http://localhost:8080");
       wallet_store.actions.listRewards();
       wallet_store.actions.tryReconnectWallet();
@@ -127,7 +149,7 @@ const _sfc_main = {
           vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
             _cache[12] || (_cache[12] = vue.createElementVNode("p", { class: "t-transp t-medium mn-b-thin" }, "You own:", -1)),
             vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(vue.unref(wallet_store.state).share) + "%", 1),
-            _cache[13] || (_cache[13] = vue.createElementVNode("p", { class: "t-white p-semi t-medium mn-b-semi" }, "of all shares", -1)),
+            _cache[13] || (_cache[13] = vue.createElementVNode("p", { class: "t-white p-medium t-medium mn-b-semi" }, "of all shares", -1)),
             vue.createElementVNode("div", _hoisted_9, [
               vue.unref(wallet_store.state).account ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_10, [
                 _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "uppercase p-small t-medium t-transp" }, "Connected Metamask", -1)),

package/dist/martyrs/src/modules/wallet/views/components/pages/Wallet.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Wallet.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-semi\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"t-nowrap w-max bg-main t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-semi t-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp t-medium \">\n               <span class=\"uppercase p-small t-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-solid br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center t-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n  import Web3 from \"web3\";\n\n  import { state, actions } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n  import Button from '@martyrs/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@martyrs/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n\n\n  onMounted(() => {\n      // User has disconnected metamask from extension\n    window.ethereum.on('accountsChanged', (accounts) => {\n      if (accounts.length < 1) {\n        state.account = null;\n      }\n    });\n\n\n    state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":["useI18n","text","onMounted","state","actions","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAC,IAAKA,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAAA;AAAAA,IACP,CAAG;AAiBDC,QAAAA,UAAU,MAAM;AAEd,aAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,YAAI,SAAS,SAAS,GAAG;AACvBC,uBAAAA,MAAM,UAAU;AAAA,QAClB;AAAA,MACF,CAAC;AAGDA,mBAAAA,MAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhEC,mBAAAA,QAAQ,YAAW;AACnBA,mBAAAA,QAAQ,mBAAkB;AAAA,IAC5B,CAAC;AAKD,UAAM,iBAAiBC,IAAAA,IAAI,KAAK;AAChC,UAAM,mBAAmBA,IAAAA,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC3B;AAEA,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACzB;AACA,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzBD,mBAAAA,QAAQ,UAAS;AACjBA,mBAAAA,QAAQ,oBAAmB;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Wallet.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-medium\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"t-nowrap w-max bg-main t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-medium t-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp t-medium \">\n               <span class=\"uppercase p-small t-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-solid br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-medium\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-medium\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center t-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n\n  import { state, actions } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n\n  const { t } = useI18n({\n    useScope: 'global',\n    ...text\n  })\n\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n  import Button from '@martyrs/src/components/Button/Button.vue';\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@martyrs/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n\n\n  onMounted(async () => {\n      // User has disconnected metamask from extension\n    window.ethereum.on('accountsChanged', (accounts) => {\n      if (accounts.length < 1) {\n        state.account = null;\n      }\n    });\n\n    // Динамический импорт Web3 только когда компонент монтируется\n    const { default: Web3 } = await import('web3');\n    state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":["useI18n","text","onMounted","state","actions","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6ME,UAAM,EAAE,EAAC,IAAKA,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAAA;AAAAA,IACP,CAAG;AAiBDC,QAAAA,UAAU,YAAY;AAEpB,aAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,YAAI,SAAS,SAAS,GAAG;AACvBC,uBAAAA,MAAM,UAAU;AAAA,QAClB;AAAA,MACF,CAAC;AAGD,YAAM,EAAE,SAAS,SAAS,MAAM,OAAO,MAAM;AAC7CA,mBAAAA,MAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhEC,mBAAAA,QAAQ,YAAW;AACnBA,mBAAAA,QAAQ,mBAAkB;AAAA,IAC5B,CAAC;AAKD,UAAM,iBAAiBC,IAAAA,IAAI,KAAK;AAChC,UAAM,mBAAmBA,IAAAA,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC3B;AAEA,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACzB;AACA,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzBD,mBAAAA,QAAQ,UAAS;AACjBA,mBAAAA,QAAQ,oBAAmB;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/wallet/views/components/pages/Wallet.vue.js

@@ -1,14 +1,13 @@
 import { onMounted, ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, Fragment, renderList, createBlock } from "vue";
 import { useI18n } from "vue-i18n";
-import Web3 from "web3";
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
 import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import "vue-router";
 /* empty css                                            */
-/* empty css                                              */
-/* empty css                                          */
+/* empty css                                               */
+/* empty css                                           */
 /* empty css                                        */
 import _sfc_main$2 from "../elements/ConnectMetamask.vue.js";
 import _sfc_main$4 from "../blocks/CashDeposit.vue.js";
@@ -19,7 +18,7 @@ import CryptoDepositProcessing from "../blocks/CryptoDepositProcessing.vue.js";
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "bg-black t-white mn-b-thin radius-big pd-big" };
 const _hoisted_3 = { class: "mn-b-medium" };
-const _hoisted_4 = { class: "mn-b-semi t-transp p-semi" };
+const _hoisted_4 = { class: "mn-b-semi t-transp p-medium" };
 const _hoisted_5 = {
   key: 0,
   class: "gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium"
@@ -74,12 +73,13 @@ const _sfc_main = {
       useScope: "global",
       ...text
     });
-    onMounted(() => {
+    onMounted(async () => {
       window.ethereum.on("accountsChanged", (accounts) => {
         if (accounts.length < 1) {
           state.account = null;
         }
       });
+      const { default: Web3 } = await import("web3");
       state.web3 = new Web3(window.ethereum || "http://localhost:8080");
       actions.listRewards();
       actions.tryReconnectWallet();
@@ -125,7 +125,7 @@ const _sfc_main = {
           unref(state).account ? (openBlock(), createElementBlock("div", _hoisted_7, [
             _cache[12] || (_cache[12] = createElementVNode("p", { class: "t-transp t-medium mn-b-thin" }, "You own:", -1)),
             createElementVNode("p", _hoisted_8, toDisplayString(unref(state).share) + "%", 1),
-            _cache[13] || (_cache[13] = createElementVNode("p", { class: "t-white p-semi t-medium mn-b-semi" }, "of all shares", -1)),
+            _cache[13] || (_cache[13] = createElementVNode("p", { class: "t-white p-medium t-medium mn-b-semi" }, "of all shares", -1)),
             createElementVNode("div", _hoisted_9, [
               unref(state).account ? (openBlock(), createElementBlock("p", _hoisted_10, [
                 _cache[10] || (_cache[10] = createElementVNode("span", { class: "uppercase p-small t-medium t-transp" }, "Connected Metamask", -1)),

package/dist/martyrs/src/modules/wallet/views/components/pages/Wallet.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wallet.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-semi\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"t-nowrap w-max bg-main t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-semi t-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp t-medium \">\n               <span class=\"uppercase p-small t-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-solid br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-semi\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center t-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n  import Web3 from \"web3\";\n\n  import { state, actions } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n \n  const { t } = useI18n({\n    useScope: 'global', \n    ...text\n  })\n\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n  import Button from '@martyrs/src/components/Button/Button.vue'; \n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@martyrs/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n\n\n  onMounted(() => {\n      // User has disconnected metamask from extension\n    window.ethereum.on('accountsChanged', (accounts) => {\n      if (accounts.length < 1) {\n        state.account = null;\n      }\n    });\n\n\n    state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ME,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAiBD,cAAU,MAAM;AAEd,aAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,YAAI,SAAS,SAAS,GAAG;AACvB,gBAAM,UAAU;AAAA,QAClB;AAAA,MACF,CAAC;AAGD,YAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhE,cAAQ,YAAW;AACnB,cAAQ,mBAAkB;AAAA,IAC5B,CAAC;AAKD,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC3B;AAEA,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACzB;AACA,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzB,cAAQ,UAAS;AACjB,cAAQ,oBAAmB;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Wallet.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Wallet.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"bg-black t-white mn-b-thin radius-big pd-big\">\n      <h1 class=\"mn-b-medium\">{{ t('wallet.title') }}</h1>\n\n      <p class=\"mn-b-semi t-transp p-medium\">\n        {{ t('wallet.subtitle') }}\n      </p>\n\n      <div \n        v-if=\"state.account\"\n        class=\"gap-thin mn-b-thin flex-nowrap bg-black radius-extra t-white br-solid br-white-transp-10 br-1px flex-v-center flex pd-medium\"\n      >\n        <div class=\"flex-v-center flex-nowrap flex mn-r-auto\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt.svg\" class=\"mn-r-thin i-big\"> -->\n          <h2>{{state.tokenBalance}} {{ t('wallet.token') }}</h2>\n        </div>\n\n        <button @click=\"openGetMorePopup\" class=\"t-nowrap w-max bg-main t-medium button\">Get More</button>\n\n\n        <Button \n          :submit=\"actions.collectRewards\" \n          class=\"w-max bg-white t-black t-medium button\"\n        >\n          Withdraw\n        </Button>\n      </div>\n\n      <ConnectMetamask class=\"mn-b-thin radius-extra br-solid br-white-transp-10 br-1px w-100\" />\n\n      <div\n        v-if=\"state.account\"\n        class=\"w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black\"\n      >\n        <p class=\"t-transp t-medium mn-b-thin\">You own:</p>\n        <p class=\"h1 mn-b-small\">{{state.share}}%</p>\n        <p class=\"t-white p-medium t-medium mn-b-semi\">of all shares</p>\n\n          <div\n            class=\"flex-v-center mn-b-small flex-nowrap flex pd-small bg-black-transp-5 radius-extra\"\n          >\n              <!-- <img loading=\"lazy\" src=\"@/assets/icons/metamask.svg\" class=\"mn-r-small i-big\" > -->\n            \n            <p v-if=\"state.account\" class=\"t-transp t-medium \">\n               <span class=\"uppercase p-small t-medium t-transp\">Connected Metamask</span><br>\n               <span>{{state.account}}</span>\n            </p>\n\n            <button\n              v-if=\"state.account\"\n              @click=\"actions.disconnectWallet\"\n              class=\"mn-l-auto bg-red button\"\n            >\n              Disconnect Wallet\n            </button>\n          </div>\n      </div>\n\n    </section>\n\n    <div v-if=\"!state.account\" class=\"mn-b-semi cols-2 gap-thin\">\n      <div\n        class=\"w-100 pd-medium radius-medium t-center bg-light\"\n      >\n        <h3 class=\"mn-b-small\">Make first order and start earning Weeder Token</h3>\n        <button class=\"mn-l-auto mn-r-auto bg-main button\">Explore marketplace</button>\n      </div>\n\n      <div\n        class=\"w-100 pd-medium flex-center flex flex-column radius-medium t-center bg-light\"\n      >\n        <h3 \n          v-if=\"!state.account\"\n          class=\"mn-b-small\"\n        >\n          Connect Metamask to withdrawal your earnings.\n        </h3>\n\n        <button\n          v-if=\"!state.account\"\n          @click=\"actions.connectWallet\"\n          class=\"br-solid br-2px br-black-transp-10 t-black button\"\n        >\n          Connect Wallet\n        </button>\n      </div>\n    </div>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Latest Rewards </h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-light\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-medium\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n\n      </div>\n\n\n    </section>\n\n    <h2 class=\"mn-b-small\" v-if=\"state.rewards.length > 0\">Activity</h2>\n\n    <section class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        class=\"radius-medium bg-grey\"\n        v-for=\"income in state.rewards\"\n      > \n        <div class=\"flex-nowrap br-b br-black-transp-10 br-solid flex pd-medium\">\n          <!-- <img loading=\"lazy\" src=\"/logo/wdt-plus.svg\" class=\"mn-r-thin i-medium\"> -->\n          <p class=\"t-semi mn-r-auto\">{{income.amount}} WDT</p>\n          \n          <span class=\"pd-t-nano pd-b-nano pd-l-thin pd-r-thin bg-main flex flex-center radius-extra t-semi p-small\">{{income.type === 'blogpost' ? 'Community Reward' : income.type}}</span>\n        </div>\n\n        <div class=\"pd-medium\">\n          <h4 class=\"t-regular mn-b-thin\">{{income.name}}</h4>\n          <!-- <p class=\"p-small\">{{income.content[0].content}}</p> -->\n        </div>\n      </div>\n    </section>\n\n    <Popup \n      @close-popup=\"closeGetMorePopup\" \n      :isPopupOpen=\"isGetMorePopup\"\n      class=\"w-m-50r t-left pd-big bg-white radius-big\"\n    >\n      <div\n        v-if=\"currentMenuPopup === 0\"\n      >\n        <h2 class=\"mn-b-small t-center t-bold\">Choose the way of deposit</h2>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(1)\"\n        >\n          CASH\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(2)\"\n        >\n          CARD\n        </button>\n\n        <button\n          class=\"w-100 bg-white t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10 mn-t-small\"\n          @click=\"switchGetMoreMenu(4)\"\n        >\n          CRYPTO\n        </button>\n      </div>\n\n      <CashDepositMenu\n        v-if=\"currentMenuPopup === 1\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n      />\n\n      <CardDepositMenu\n        v-if=\"currentMenuPopup === 2\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CardBalanceReplenished\n        v-if=\"currentMenuPopup === 3\"\n        @close=\"closeGetMorePopup\"\n      />\n\n      <CryptoDepositMenu\n        v-if=\"currentMenuPopup === 4\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n\n      <CryptoDepositProcessing\n        v-if=\"currentMenuPopup === 5\"\n        @back-selection=\"switchGetMoreMenu(0)\"\n        @switch-menu=\"switchGetMoreMenu\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref } from 'vue';\n  import { useI18n } from 'vue-i18n'\n\n  import { state, actions } from '@martyrs/src/modules/wallet/views/store/wallet.store';\n\n  import text from '@martyrs/src/modules/wallet/views/localization/wallet.json'\n\n  const { t } = useI18n({\n    useScope: 'global',\n    ...text\n  })\n\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n  import Button from '@martyrs/src/components/Button/Button.vue';\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  import ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue';\n\n  import CashDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CashDeposit.vue';\n  import CardDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue';\n  import CryptoDepositMenu from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue';\n  import CardBalanceReplenished from '@martyrs/src/modules/wallet/views/components/blocks/CardBalanceReplenished.vue';\n  import CryptoDepositProcessing from '@martyrs/src/modules/wallet/views/components/blocks/CryptoDepositProcessing.vue';\n\n\n\n  onMounted(async () => {\n      // User has disconnected metamask from extension\n    window.ethereum.on('accountsChanged', (accounts) => {\n      if (accounts.length < 1) {\n        state.account = null;\n      }\n    });\n\n    // Динамический импорт Web3 только когда компонент монтируется\n    const { default: Web3 } = await import('web3');\n    state.web3 = new Web3(window.ethereum || 'http://localhost:8080');\n\n    actions.listRewards();\n    actions.tryReconnectWallet();\n  });\n\n  // /////////////////////////////////////////\n  // GetMore Popup\n  // /////////////////////////////////////////\n  const isGetMorePopup = ref(false)\n  const currentMenuPopup = ref(0)\n\n  function switchGetMoreMenu(value) {\n    currentMenuPopup.value = value;\n  }\n\n  function openGetMorePopup() {\n    isGetMorePopup.value = true;\n  }\n  function closeGetMorePopup() {\n    isGetMorePopup.value = false;\n    currentMenuPopup.value = 0;\n    actions.stopTimer();\n    actions.disconnectWebSocket();\n  }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6ME,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAG;AAAA,IACP,CAAG;AAiBD,cAAU,YAAY;AAEpB,aAAO,SAAS,GAAG,mBAAmB,CAAC,aAAa;AAClD,YAAI,SAAS,SAAS,GAAG;AACvB,gBAAM,UAAU;AAAA,QAClB;AAAA,MACF,CAAC;AAGD,YAAM,EAAE,SAAS,SAAS,MAAM,OAAO,MAAM;AAC7C,YAAM,OAAO,IAAI,KAAK,OAAO,YAAY,uBAAuB;AAEhE,cAAQ,YAAW;AACnB,cAAQ,mBAAkB;AAAA,IAC5B,CAAC;AAKD,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,CAAC;AAE9B,aAAS,kBAAkB,OAAO;AAChC,uBAAiB,QAAQ;AAAA,IAC3B;AAEA,aAAS,mBAAmB;AAC1B,qBAAe,QAAQ;AAAA,IACzB;AACA,aAAS,oBAAoB;AAC3B,qBAAe,QAAQ;AACvB,uBAAiB,QAAQ;AACzB,cAAQ,UAAS;AACjB,cAAQ,oBAAmB;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./main-8f945Ngn.cjs");exports.Address=a._sfc_main;exports.Breadcrumbs=a._sfc_main$1;exports.Button=a._sfc_main$2;exports.Calendar=a.Calendar;exports.Carousel=a.Carousel;exports.Checkbox=a._sfc_main$3;exports.Chips=a._sfc_main$4;exports.Countdown=a._sfc_main$5;exports.DatePicker=a._sfc_main$6;exports.Dropdown=a._sfc_main$7;exports.EmptyState=a._sfc_main$8;exports.Error=a._sfc_main$9;exports.Feed=a._sfc_main$10;exports.Field=a.Field;exports.FieldBig=a._sfc_main$11;exports.FieldPhone=a._sfc_main$12;exports.FieldTags=a.FieldTags;exports.Gradient=a._sfc_main$13;exports.Loader=a.Loader;exports.LocationMarker=a._sfc_main$14;exports.Map=a.Map;exports.Marquee=a._sfc_main$15;exports.Media=a.Media;exports.Menu=a._sfc_main$16;exports.MenuItem=a._sfc_main$17;exports.Popup=a._sfc_main$18;exports.Radio=a._sfc_main$19;exports.Select=a.Select;exports.SelectMulti=a._sfc_main$20;exports.Shader=a.Shader;exports.Slider=a._sfc_main$21;exports.Spoiler=a._sfc_main$22;exports.Status=a._sfc_main$23;exports.Tab=a._sfc_main$24;exports.Text=a._sfc_main$25;exports.Tooltip=a._sfc_main$26;exports.Upload=a.Upload;exports.UploadImage=a.UploadImage;exports.UploadImageMultiple=a._sfc_main$27;exports.default=a.main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./main-DvjCsGb1.cjs");exports.Address=a._sfc_main;exports.Breadcrumbs=a._sfc_main$1;exports.Button=a._sfc_main$2;exports.Calendar=a.Calendar;exports.Carousel=a.Carousel;exports.Checkbox=a._sfc_main$3;exports.Chips=a._sfc_main$4;exports.Countdown=a._sfc_main$5;exports.DatePicker=a._sfc_main$6;exports.Dropdown=a._sfc_main$7;exports.EmptyState=a._sfc_main$8;exports.Error=a._sfc_main$9;exports.Feed=a._sfc_main$10;exports.Field=a.Field;exports.FieldBig=a._sfc_main$11;exports.FieldPhone=a._sfc_main$12;exports.FieldTags=a.FieldTags;exports.Gradient=a._sfc_main$13;exports.Loader=a.Loader;exports.LocationMarker=a._sfc_main$14;exports.Map=a.Map;exports.Marquee=a._sfc_main$15;exports.Media=a.Media;exports.Menu=a._sfc_main$16;exports.MenuItem=a._sfc_main$17;exports.Popup=a._sfc_main$18;exports.Radio=a._sfc_main$19;exports.Select=a.Select;exports.SelectMulti=a._sfc_main$20;exports.Shader=a.Shader;exports.Slider=a._sfc_main$21;exports.Spoiler=a._sfc_main$22;exports.Status=a._sfc_main$23;exports.Tab=a._sfc_main$24;exports.Text=a._sfc_main$25;exports.Tooltip=a._sfc_main$26;exports.Upload=a.Upload;exports.UploadImage=a.UploadImage;exports.UploadImageMultiple=a._sfc_main$27;exports.default=a.main;