@ozdao/martyrs 0.2.456 → 0.2.458

package/dist/martyrs/src/modules/products/components/pages/Products.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                           */
 require("vue-i18n");

package/dist/martyrs/src/modules/products/components/pages/Products.vue.js

@@ -1,6 +1,6 @@
 import { ref, watch, onMounted, onUnmounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createElementVNode, unref, createVNode, renderSlot, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$2 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                         */
 import "vue-i18n";

package/dist/martyrs/src/modules/products/components/sections/SectionProduct.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Button = require("../../../../components/Button/Button.vue.cjs");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
 const Images360 = require("../blocks/Images360.vue.cjs");

package/dist/martyrs/src/modules/products/components/sections/SectionProduct.vue.js

@@ -1,6 +1,6 @@
 import { computed, ref, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createVNode, unref, toDisplayString, Transition, withCtx, Fragment, renderList, createTextVNode } from "vue";
 import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import Images360 from "../blocks/Images360.vue.js";

package/dist/martyrs/src/modules/rents/views/components/pages/GanttChart.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
 const Select = require("../../../../../components/Select/Select.vue.cjs");
 const IconChevronRight = require("../../../../icons/navigation/IconChevronRight.vue.cjs");
 const IconChevronLeft = require("../../../../icons/navigation/IconChevronLeft.vue.cjs");

package/dist/martyrs/src/modules/rents/views/components/pages/GanttChart.vue.js

@@ -1,5 +1,5 @@
 import { useCssVars, ref, computed, watch, onMounted, nextTick, createElementBlock, openBlock, createElementVNode, createVNode, withDirectives, Fragment, renderList, toDisplayString, vModelSelect, createCommentVNode, normalizeClass, normalizeStyle } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
 import Select from "../../../../../components/Select/Select.vue.js";
 import IconChevronRight from "../../../../icons/navigation/IconChevronRight.vue.js";
 import IconChevronLeft from "../../../../icons/navigation/IconChevronLeft.vue.js";

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
 const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                        */
 const GanttChart = require("./GanttChart.vue.cjs");

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.js

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createVNode, unref, toDisplayString, withCtx } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
 /* empty css                      */
 import GanttChart from "./GanttChart.vue.js";

package/dist/martyrs/src/modules/reports/components/pages/BackofficeReports.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const reports = require("../../store/reports.cjs");
-const _hoisted_1 = { class: "cols-3 gap-thin" };
+const _hoisted_1 = { class: "cols-3 mobile:cols-1 gap-thin" };
 const _hoisted_2 = { class: "t-black p-small mn-b-small" };
 const _hoisted_3 = { class: "pd-2px radius-big d-inline-block bg-light t-semi" };
 const _hoisted_4 = { class: "t-black p-small mn-b-small" };

package/dist/martyrs/src/modules/reports/components/pages/BackofficeReports.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeReports.vue.cjs","sources":["../../../../../../../src/modules/reports/components/pages/BackofficeReports.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Reports</h3> <!-- Updated this line -->\n    </div>\n\n    <div class=\"cols-3 gap-thin\">\n      <div \n        v-for=\"report in state.all\"\n        :key=\"report._id\"\n        class=\"radius-medium pd-small bg-light\"\n      >\n        <!-- Here, you should update the properties of the report object to reflect the actual structure of a report -->\n        <!-- For example, I'm using 'user', 'type', and 'reason'. You should replace them with actual report properties -->\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">User</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.user}}</span> <!-- Updated this line -->\n        </p>\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">Type</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.type}}</span> <!-- Updated this line -->\n        </p>\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">Reason</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.reason}}</span> <!-- Updated this line -->\n        </p>\n\n        <div class=\"gap-thin flex-nowrap flex\">\n          <!-- Update buttons and actions as needed -->\n          <button class=\"button-small w-100 bg-black t-white button\">\n            Close Report\n          </button>\n          <button class=\"button-small w-100 bg-black t-white button\">\n            Hide Content\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { actions as reportActions, state } from '../../store/reports'; // Update the import path\n\n// You might want to handle other lifecycle hooks or methods depending on your needs.\n// Here, I'll demonstrate using the 'deleteReport' method as an example.\n\nconst deleteReport = async (id) => {\n  try {\n    await reportActions.remove({ _id: id });  // Updated method name and parameter\n    // Optionally, add a notification about successful deletion here\n  } catch (error) {\n    console.error(error);\n    // Optionally, add a notification about the error here\n  }\n};\n\n// Fetch all reports on component mount. This part depends on how your store is structured.\nreportActions.read();  // Updated method name\n</script>\n"],"names":["reportActions"],"mappings":";;;;;;;;;;;;;;AAiEAA,YAAa,QAAC,KAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BackofficeReports.vue.cjs","sources":["../../../../../../../src/modules/reports/components/pages/BackofficeReports.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Reports</h3> <!-- Updated this line -->\n    </div>\n\n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"report in state.all\"\n        :key=\"report._id\"\n        class=\"radius-medium pd-small bg-light\"\n      >\n        <!-- Here, you should update the properties of the report object to reflect the actual structure of a report -->\n        <!-- For example, I'm using 'user', 'type', and 'reason'. You should replace them with actual report properties -->\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">User</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.user}}</span> <!-- Updated this line -->\n        </p>\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">Type</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.type}}</span> <!-- Updated this line -->\n        </p>\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">Reason</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.reason}}</span> <!-- Updated this line -->\n        </p>\n\n        <div class=\"gap-thin flex-nowrap flex\">\n          <!-- Update buttons and actions as needed -->\n          <button class=\"button-small w-100 bg-black t-white button\">\n            Close Report\n          </button>\n          <button class=\"button-small w-100 bg-black t-white button\">\n            Hide Content\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { actions as reportActions, state } from '../../store/reports'; // Update the import path\n\n// You might want to handle other lifecycle hooks or methods depending on your needs.\n// Here, I'll demonstrate using the 'deleteReport' method as an example.\n\nconst deleteReport = async (id) => {\n  try {\n    await reportActions.remove({ _id: id });  // Updated method name and parameter\n    // Optionally, add a notification about successful deletion here\n  } catch (error) {\n    console.error(error);\n    // Optionally, add a notification about the error here\n  }\n};\n\n// Fetch all reports on component mount. This part depends on how your store is structured.\nreportActions.read();  // Updated method name\n</script>\n"],"names":["reportActions"],"mappings":";;;;;;;;;;;;;;AAiEAA,YAAa,QAAC,KAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/reports/components/pages/BackofficeReports.vue.js

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, Fragment, renderList, unref, toDisplayString } from "vue";
 import { actions, state } from "../../store/reports.js";
-const _hoisted_1 = { class: "cols-3 gap-thin" };
+const _hoisted_1 = { class: "cols-3 mobile:cols-1 gap-thin" };
 const _hoisted_2 = { class: "t-black p-small mn-b-small" };
 const _hoisted_3 = { class: "pd-2px radius-big d-inline-block bg-light t-semi" };
 const _hoisted_4 = { class: "t-black p-small mn-b-small" };

package/dist/martyrs/src/modules/reports/components/pages/BackofficeReports.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeReports.vue.js","sources":["../../../../../../../src/modules/reports/components/pages/BackofficeReports.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Reports</h3> <!-- Updated this line -->\n    </div>\n\n    <div class=\"cols-3 gap-thin\">\n      <div \n        v-for=\"report in state.all\"\n        :key=\"report._id\"\n        class=\"radius-medium pd-small bg-light\"\n      >\n        <!-- Here, you should update the properties of the report object to reflect the actual structure of a report -->\n        <!-- For example, I'm using 'user', 'type', and 'reason'. You should replace them with actual report properties -->\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">User</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.user}}</span> <!-- Updated this line -->\n        </p>\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">Type</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.type}}</span> <!-- Updated this line -->\n        </p>\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">Reason</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.reason}}</span> <!-- Updated this line -->\n        </p>\n\n        <div class=\"gap-thin flex-nowrap flex\">\n          <!-- Update buttons and actions as needed -->\n          <button class=\"button-small w-100 bg-black t-white button\">\n            Close Report\n          </button>\n          <button class=\"button-small w-100 bg-black t-white button\">\n            Hide Content\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { actions as reportActions, state } from '../../store/reports'; // Update the import path\n\n// You might want to handle other lifecycle hooks or methods depending on your needs.\n// Here, I'll demonstrate using the 'deleteReport' method as an example.\n\nconst deleteReport = async (id) => {\n  try {\n    await reportActions.remove({ _id: id });  // Updated method name and parameter\n    // Optionally, add a notification about successful deletion here\n  } catch (error) {\n    console.error(error);\n    // Optionally, add a notification about the error here\n  }\n};\n\n// Fetch all reports on component mount. This part depends on how your store is structured.\nreportActions.read();  // Updated method name\n</script>\n"],"names":["reportActions"],"mappings":";;;;;;;;;;;;AAiEAA,YAAc,KAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BackofficeReports.vue.js","sources":["../../../../../../../src/modules/reports/components/pages/BackofficeReports.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Reports</h3> <!-- Updated this line -->\n    </div>\n\n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"report in state.all\"\n        :key=\"report._id\"\n        class=\"radius-medium pd-small bg-light\"\n      >\n        <!-- Here, you should update the properties of the report object to reflect the actual structure of a report -->\n        <!-- For example, I'm using 'user', 'type', and 'reason'. You should replace them with actual report properties -->\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">User</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.user}}</span> <!-- Updated this line -->\n        </p>\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">Type</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.type}}</span> <!-- Updated this line -->\n        </p>\n\n        <p class=\"t-black p-small mn-b-small\">\n          <span class=\"uppercase t-transp\">Reason</span>\n          <br> \n          <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.reason}}</span> <!-- Updated this line -->\n        </p>\n\n        <div class=\"gap-thin flex-nowrap flex\">\n          <!-- Update buttons and actions as needed -->\n          <button class=\"button-small w-100 bg-black t-white button\">\n            Close Report\n          </button>\n          <button class=\"button-small w-100 bg-black t-white button\">\n            Hide Content\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { actions as reportActions, state } from '../../store/reports'; // Update the import path\n\n// You might want to handle other lifecycle hooks or methods depending on your needs.\n// Here, I'll demonstrate using the 'deleteReport' method as an example.\n\nconst deleteReport = async (id) => {\n  try {\n    await reportActions.remove({ _id: id });  // Updated method name and parameter\n    // Optionally, add a notification about successful deletion here\n  } catch (error) {\n    console.error(error);\n    // Optionally, add a notification about the error here\n  }\n};\n\n// Fetch all reports on component mount. This part depends on how your store is structured.\nreportActions.read();  // Updated method name\n</script>\n"],"names":["reportActions"],"mappings":";;;;;;;;;;;;AAiEAA,YAAc,KAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-;/* empty css                                    */
+;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");

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

@@ -2,7 +2,7 @@ import { ref, onMounted, createElementBlock, openBlock, createVNode, createEleme
 import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                  */
+/* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";

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

@@ -49,7 +49,7 @@ const _sfc_main = {
             owner: vue.unref(route).params._id,
             ...tab.value !== "all" && { type: tab.value }
           },
-          class: "gap-thin cols-3"
+          class: "gap-thin cols-3 mobile:cols-1"
         }, {
           default: vue.withCtx(({
             items

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

@@ -1 +1 @@
-{"version":3,"file":"Payments.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Payments.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n\n    <SectionPageTitle\n      title=\"Payments\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Proccesing',  value: 'processing' },\n        { name: 'Finished',  value: 'finished' },\n        { name: 'Canceled',  value: 'canceled' },\n        { name: 'Refunded',  value: 'refunded' },\n      ]\"\n      :actions=\"[\n        { to: { name: 'PaymentsCreate'}, label: 'Create Payment' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Payments Found',\n          description: 'Currently, there are no payments.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => payments.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3\"\n    >\n      <div\n        v-for=\"payment in items\" \n         class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        {{payment}}\n      </div>\n    </Feed>\n\n\n</div>\n</template>\n\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport * as payments from '@martyrs/src/modules/wallet/views/store/payments.store';  \n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tab = ref('all')\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref"],"mappings":";;;;;;;;;;;;;AAgEA,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AAExB,UAAM,MAAMC,IAAG,IAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Payments.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Payments.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n\n    <SectionPageTitle\n      title=\"Payments\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Proccesing',  value: 'processing' },\n        { name: 'Finished',  value: 'finished' },\n        { name: 'Canceled',  value: 'canceled' },\n        { name: 'Refunded',  value: 'refunded' },\n      ]\"\n      :actions=\"[\n        { to: { name: 'PaymentsCreate'}, label: 'Create Payment' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Payments Found',\n          description: 'Currently, there are no payments.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => payments.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3 mobile:cols-1\"\n    >\n      <div\n        v-for=\"payment in items\" \n         class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        {{payment}}\n      </div>\n    </Feed>\n\n\n</div>\n</template>\n\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport * as payments from '@martyrs/src/modules/wallet/views/store/payments.store';  \n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tab = ref('all')\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref"],"mappings":";;;;;;;;;;;;;AAgEA,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AAExB,UAAM,MAAMC,IAAG,IAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -47,7 +47,7 @@ const _sfc_main = {
             owner: unref(route).params._id,
             ...tab.value !== "all" && { type: tab.value }
           },
-          class: "gap-thin cols-3"
+          class: "gap-thin cols-3 mobile:cols-1"
         }, {
           default: withCtx(({
             items

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

@@ -1 +1 @@
-{"version":3,"file":"Payments.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Payments.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n\n    <SectionPageTitle\n      title=\"Payments\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Proccesing',  value: 'processing' },\n        { name: 'Finished',  value: 'finished' },\n        { name: 'Canceled',  value: 'canceled' },\n        { name: 'Refunded',  value: 'refunded' },\n      ]\"\n      :actions=\"[\n        { to: { name: 'PaymentsCreate'}, label: 'Create Payment' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Payments Found',\n          description: 'Currently, there are no payments.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => payments.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3\"\n    >\n      <div\n        v-for=\"payment in items\" \n         class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        {{payment}}\n      </div>\n    </Feed>\n\n\n</div>\n</template>\n\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport * as payments from '@martyrs/src/modules/wallet/views/store/payments.store';  \n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tab = ref('all')\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAgEA,UAAM,QAAQ,SAAU;AACT,cAAS;AAExB,UAAM,MAAM,IAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Payments.vue.js","sources":["../../../../../../../../src/modules/wallet/views/components/pages/Payments.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n\n    <SectionPageTitle\n      title=\"Payments\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Proccesing',  value: 'processing' },\n        { name: 'Finished',  value: 'finished' },\n        { name: 'Canceled',  value: 'canceled' },\n        { name: 'Refunded',  value: 'refunded' },\n      ]\"\n      :actions=\"[\n        { to: { name: 'PaymentsCreate'}, label: 'Create Payment' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Payments Found',\n          description: 'Currently, there are no payments.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => payments.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3 mobile:cols-1\"\n    >\n      <div\n        v-for=\"payment in items\" \n         class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        {{payment}}\n      </div>\n    </Feed>\n\n\n</div>\n</template>\n\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport * as payments from '@martyrs/src/modules/wallet/views/store/payments.store';  \n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tab = ref('all')\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAgEA,UAAM,QAAQ,SAAU;AACT,cAAS;AAExB,UAAM,MAAM,IAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs.cjs.js

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