@ozdao/martyrs 0.2.484 → 0.2.486

package/dist/martyrs/src/modules/music/components/pages/ArtistManager.vue.cjs

@@ -0,0 +1,303 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+require("vue-i18n");
+;/* empty css                                          */
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const IconSearch = require("../../../icons/navigation/IconSearch.vue.cjs");
+const artists = require("../../store/artists.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+const _hoisted_1 = { class: "pd-medium" };
+const _hoisted_2 = { class: "flex flex-justify-between flex-v-center mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-medium" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex-center flex mn-medium"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "bg-light pd-medium radius-medium t-center"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "cols-1 gap-small"
+};
+const _hoisted_7 = { class: "flex-v-center flex mobile:w-100 mobile:mn-b-small" };
+const _hoisted_8 = { class: "w-4r h-4r radius-medium o-hidden mn-r-medium mobile:mn-r-small" };
+const _hoisted_9 = ["src"];
+const _hoisted_10 = {
+  key: 1,
+  class: "w-100 h-100 bg-second-nano flex-center flex"
+};
+const _hoisted_11 = { class: "h5 mn-b-thin" };
+const _hoisted_12 = { class: "p-small t-transp" };
+const _hoisted_13 = {
+  key: 0,
+  class: "bg-second-nano pd-micro radius-small"
+};
+const _hoisted_14 = { class: "flex flex-nowrap gap-small mobile:w-100 mobile:flex-justify-between" };
+const _hoisted_15 = { class: "p-medium mn-b-medium" };
+const _hoisted_16 = { class: "flex flex-justify-between" };
+const _sfc_main = {
+  __name: "ArtistManager",
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const search = vue.ref("");
+    const isLoading = vue.ref(false);
+    const showDeleteConfirm = vue.ref(false);
+    const selectedArtist = vue.ref(null);
+    const userArtists = vue.computed(() => {
+      return artists.state.userArtists;
+    });
+    const loadUserArtists = async () => {
+      isLoading.value = true;
+      try {
+        await artists.actions.fetchUserArtists(auth.state.user._id);
+      } catch (error) {
+        console.error("Error loading artists:", error);
+        globals.actions.setError({
+          message: "Failed to load your artists"
+        });
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const handleSearch = async (value) => {
+      if (!value.trim()) {
+        await loadUserArtists();
+        return;
+      }
+      isLoading.value = true;
+      try {
+        const options = {
+          creator: auth.state.user._id,
+          search: value
+        };
+        await artists.actions.fetchArtists(options);
+      } catch (error) {
+        console.error("Error searching artists:", error);
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const viewArtist = (artist) => {
+      router.push({
+        name: "artist-detail",
+        params: { url: artist.url }
+      });
+    };
+    const editArtist = (artist) => {
+      router.push({
+        name: "artist-edit",
+        params: { url: artist.url }
+      });
+    };
+    const confirmDelete = (artist) => {
+      selectedArtist.value = artist;
+      showDeleteConfirm.value = true;
+    };
+    const deleteArtist = async () => {
+      if (!selectedArtist.value) return;
+      try {
+        await artists.actions.deleteArtist(selectedArtist.value._id);
+        showDeleteConfirm.value = false;
+        selectedArtist.value = null;
+        globals.actions.setError({
+          message: "Artist deleted successfully",
+          status: "success"
+        });
+      } catch (error) {
+        console.error("Error deleting artist:", error);
+        globals.actions.setError({
+          message: "Failed to delete artist"
+        });
+      }
+    };
+    const getStatusLabel = (status) => {
+      const statusMap = {
+        "draft": {
+          text: "Draft",
+          color: "#888888"
+        },
+        "published": {
+          text: "Published",
+          color: "#10FA7D"
+          // main color
+        },
+        "archived": {
+          text: "Archived",
+          color: "#FF0A54"
+          // fourth color
+        }
+      };
+      return statusMap[status] || {
+        text: status,
+        color: "#888888"
+      };
+    };
+    vue.onMounted(async () => {
+      await loadUserArtists();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = vue.createElementVNode("h2", { class: "h2" }, "Manage Artists", -1)),
+          vue.createVNode(Button.default, {
+            submit: () => vue.unref(router).push({ name: "artist-create" }),
+            class: "bg-main t-white",
+            showSucces: false,
+            showLoader: false
+          }, {
+            default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+              vue.createTextVNode(" Create Artist ")
+            ])),
+            _: 1
+          }, 8, ["submit"])
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(Field.default, {
+            field: search.value,
+            "onUpdate:field": [
+              _cache[0] || (_cache[0] = ($event) => search.value = $event),
+              handleSearch
+            ],
+            placeholder: "Search artists...",
+            class: "w-m-40r"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(IconSearch.default, { class: "i-medium mn-r-small" })
+            ]),
+            _: 1
+          }, 8, ["field"])
+        ]),
+        isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          vue.createVNode(Loader.default)
+        ])) : userArtists.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          _cache[5] || (_cache[5] = vue.createElementVNode("p", { class: "mn-b-small p-medium" }, "You haven't created any artists yet", -1)),
+          _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "p-small t-transp mn-b-medium" }, "Start by creating your first artist profile", -1)),
+          vue.createVNode(Button.default, {
+            submit: () => vue.unref(router).push({ name: "artist-create" }),
+            class: "bg-main t-white",
+            showSucces: false,
+            showLoader: false
+          }, {
+            default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+              vue.createTextVNode(" Create Artist ")
+            ])),
+            _: 1
+          }, 8, ["submit"])
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(userArtists.value, (artist) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: artist._id,
+              class: "bg-light pd-medium radius-medium flex-v-center flex flex-justify-between hover-bg-light mobile:flex-column"
+            }, [
+              vue.createElementVNode("div", _hoisted_7, [
+                vue.createElementVNode("div", _hoisted_8, [
+                  artist.photoUrl ? (vue.openBlock(), vue.createElementBlock("img", {
+                    key: 0,
+                    src: _ctx.FILE_SERVER_URL + artist.photoUrl,
+                    alt: "Artist photo",
+                    class: "w-100 h-100 object-fit-cover"
+                  }, null, 8, _hoisted_9)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+                    vue.createElementVNode("span", null, vue.toDisplayString(artist.name), 1)
+                  ]))
+                ]),
+                vue.createElementVNode("div", null, [
+                  vue.createElementVNode("h3", _hoisted_11, vue.toDisplayString(artist.name), 1),
+                  vue.createElementVNode("p", _hoisted_12, [
+                    vue.createTextVNode(vue.toDisplayString(getStatusLabel(artist.status)) + " ", 1),
+                    artist.isVerified ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, " Verified ")) : vue.createCommentVNode("", true)
+                  ])
+                ])
+              ]),
+              vue.createElementVNode("div", _hoisted_14, [
+                vue.createVNode(Button.default, {
+                  submit: () => viewArtist(artist),
+                  class: "bg-grey-nano t-black",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: vue.withCtx(() => _cache[7] || (_cache[7] = [
+                    vue.createTextVNode(" View ")
+                  ])),
+                  _: 2
+                }, 1032, ["submit"]),
+                vue.createVNode(Button.default, {
+                  submit: () => editArtist(artist),
+                  class: "bg-main t-white",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: vue.withCtx(() => _cache[8] || (_cache[8] = [
+                    vue.createTextVNode(" Edit ")
+                  ])),
+                  _: 2
+                }, 1032, ["submit"]),
+                vue.createVNode(Button.default, {
+                  submit: () => confirmDelete(artist),
+                  class: "bg-fourth t-white",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: vue.withCtx(() => _cache[9] || (_cache[9] = [
+                    vue.createTextVNode(" Delete ")
+                  ])),
+                  _: 2
+                }, 1032, ["submit"])
+              ])
+            ]);
+          }), 128))
+        ])),
+        vue.createVNode(Popup.default, {
+          isPopupOpen: showDeleteConfirm.value,
+          onClosePopup: _cache[1] || (_cache[1] = ($event) => showDeleteConfirm.value = false),
+          class: "bg-white pd-medium radius-medium w-m-33r"
+        }, {
+          default: vue.withCtx(() => {
+            var _a;
+            return [
+              _cache[14] || (_cache[14] = vue.createElementVNode("h3", { class: "h3 mn-b-medium" }, "Delete Artist", -1)),
+              vue.createElementVNode("p", _hoisted_15, [
+                _cache[10] || (_cache[10] = vue.createTextVNode(" Are you sure you want to delete ")),
+                vue.createElementVNode("b", null, vue.toDisplayString((_a = selectedArtist.value) == null ? void 0 : _a.name), 1),
+                _cache[11] || (_cache[11] = vue.createTextVNode("? "))
+              ]),
+              _cache[15] || (_cache[15] = vue.createElementVNode("p", { class: "p-small t-transp mn-b-medium" }, " This action cannot be undone and will remove all artist data. ", -1)),
+              vue.createElementVNode("div", _hoisted_16, [
+                vue.createVNode(Button.default, {
+                  submit: () => showDeleteConfirm.value = false,
+                  class: "bg-grey-nano t-black",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: vue.withCtx(() => _cache[12] || (_cache[12] = [
+                    vue.createTextVNode(" Cancel ")
+                  ])),
+                  _: 1
+                }, 8, ["submit"]),
+                vue.createVNode(Button.default, {
+                  submit: deleteArtist,
+                  class: "bg-fourth t-white"
+                }, {
+                  default: vue.withCtx(() => _cache[13] || (_cache[13] = [
+                    vue.createTextVNode(" Confirm Delete ")
+                  ])),
+                  _: 1
+                })
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ArtistManager.vue.cjs.map

package/dist/martyrs/src/modules/music/components/pages/ArtistManager.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistManager.vue.cjs","sources":["../../../../../../../src/modules/music/components/pages/ArtistManager.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium\">\n    <div class=\"flex flex-justify-between flex-v-center mn-b-medium\">\n      <h2 class=\"h2\">Manage Artists</h2>\n      <Button\n        :submit=\"() => router.push({ name: 'artist-create' })\"\n        class=\"bg-main t-white\"\n        :showSucces=\"false\"\n        :showLoader=\"false\"\n      >\n        Create Artist\n      </Button>\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <Field\n        v-model:field=\"search\"\n        placeholder=\"Search artists...\"\n        class=\"w-m-40r\"\n        @update:field=\"handleSearch\"\n      >\n        <IconSearch class=\"i-medium mn-r-small\" />\n      </Field>\n    </div>\n    \n    <!-- Loading state -->\n    <div v-if=\"isLoading\" class=\"flex-center flex mn-medium\">\n      <Loader />\n    </div>\n    \n    <!-- Empty state -->\n    <div v-else-if=\"userArtists.length === 0\" class=\"bg-light pd-medium radius-medium t-center\">\n      <p class=\"mn-b-small p-medium\">You haven't created any artists yet</p>\n      <p class=\"p-small t-transp mn-b-medium\">Start by creating your first artist profile</p>\n      <Button\n        :submit=\"() => router.push({ name: 'artist-create' })\"\n        class=\"bg-main t-white\"\n        :showSucces=\"false\"\n        :showLoader=\"false\"\n      >\n        Create Artist\n      </Button>\n    </div>\n    \n    <!-- Artist list -->\n    <div v-else class=\"cols-1 gap-small\">\n      <div\n        v-for=\"artist in userArtists\"\n        :key=\"artist._id\"\n        class=\"bg-light pd-medium radius-medium flex-v-center flex flex-justify-between hover-bg-light mobile:flex-column\"\n      >\n        <div class=\"flex-v-center flex mobile:w-100 mobile:mn-b-small\">\n          <div class=\"w-4r h-4r radius-medium o-hidden mn-r-medium mobile:mn-r-small\">\n            <img\n              v-if=\"artist.photoUrl\"\n              :src=\"FILE_SERVER_URL + artist.photoUrl\"\n              alt=\"Artist photo\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <div v-else class=\"w-100 h-100 bg-second-nano flex-center flex\">\n              <span>{{ artist.name }}</span>\n            </div>\n          </div>\n          \n          <div>\n            <h3 class=\"h5 mn-b-thin\">{{ artist.name }}</h3>\n            <p class=\"p-small t-transp\">\n              {{getStatusLabel(artist.status)}}\n              <span v-if=\"artist.isVerified\" class=\"bg-second-nano pd-micro radius-small\">\n                Verified\n              </span>\n            </p>\n          </div>\n        </div>\n        \n        <div class=\"flex flex-nowrap gap-small mobile:w-100 mobile:flex-justify-between\">\n          <Button\n            :submit=\"() => viewArtist(artist)\"\n            class=\"bg-grey-nano t-black\"\n            :showSucces=\"false\"\n            :showLoader=\"false\"\n          >\n            View\n          </Button>\n          \n          <Button\n            :submit=\"() => editArtist(artist)\"\n            class=\"bg-main t-white\"\n            :showSucces=\"false\"\n            :showLoader=\"false\"\n          >\n            Edit\n          </Button>\n          \n          <Button\n            :submit=\"() => confirmDelete(artist)\"\n            class=\"bg-fourth t-white\"\n            :showSucces=\"false\"\n            :showLoader=\"false\"\n          >\n            Delete\n          </Button>\n        </div>\n      </div>\n    </div>\n    \n    <!-- Confirmation popup -->\n    <Popup\n      :isPopupOpen=\"showDeleteConfirm\"\n      @close-popup=\"showDeleteConfirm = false\"\n      class=\"bg-white pd-medium radius-medium w-m-33r\"\n    >\n      <h3 class=\"h3 mn-b-medium\">Delete Artist</h3>\n      <p class=\"p-medium mn-b-medium\">\n        Are you sure you want to delete <b>{{ selectedArtist?.name }}</b>?\n      </p>\n      <p class=\"p-small t-transp mn-b-medium\">\n        This action cannot be undone and will remove all artist data.\n      </p>\n      \n      <div class=\"flex flex-justify-between\">\n        <Button\n          :submit=\"() => showDeleteConfirm = false\"\n          class=\"bg-grey-nano t-black\"\n          :showSucces=\"false\"\n          :showLoader=\"false\"\n        >\n          Cancel\n        </Button>\n        \n        <Button\n          :submit=\"deleteArtist\"\n          class=\"bg-fourth t-white\"\n        >\n          Confirm Delete\n        </Button>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useRouter } from 'vue-router';\n\n// Import Martyrs components\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Status from '@martyrs/src/components/Status/Status.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\n// Import store\nimport * as artistsStore from '../../store/artists';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n\n// Router\nconst router = useRouter();\n\n// State\nconst search = ref('');\nconst isLoading = ref(false);\nconst showDeleteConfirm = ref(false);\nconst selectedArtist = ref(null);\n\n// Computed\nconst userArtists = computed(() => {\n  return artistsStore.state.userArtists;\n});\n\n// Methods\nconst loadUserArtists = async () => {\n  isLoading.value = true;\n  try {\n    await artistsStore.actions.fetchUserArtists(auth.state.user._id);\n  } catch (error) {\n    console.error('Error loading artists:', error);\n    globals.actions.setError({\n      message: 'Failed to load your artists'\n    });\n  } finally {\n    isLoading.value = false;\n  }\n};\n\nconst handleSearch = async (value) => {\n  if (!value.trim()) {\n    // If search is empty, load all user artists\n    await loadUserArtists();\n    return;\n  }\n  \n  isLoading.value = true;\n  try {\n    // Search only within user's artists\n    const options = {\n      creator: auth.state.user._id,\n      search: value\n    };\n    await artistsStore.actions.fetchArtists(options);\n    // Update userArtists (assuming the store is correctly updating userArtists)\n  } catch (error) {\n    console.error('Error searching artists:', error);\n  } finally {\n    isLoading.value = false;\n  }\n};\n\nconst viewArtist = (artist) => {\n  router.push({\n    name: 'artist-detail',\n    params: { url: artist.url }\n  });\n};\n\nconst editArtist = (artist) => {\n  router.push({\n    name: 'artist-edit',\n    params: { url: artist.url }\n  });\n};\n\nconst confirmDelete = (artist) => {\n  selectedArtist.value = artist;\n  showDeleteConfirm.value = true;\n};\n\nconst deleteArtist = async () => {\n  if (!selectedArtist.value) return;\n  \n  try {\n    await artistsStore.actions.deleteArtist(selectedArtist.value._id);\n    showDeleteConfirm.value = false;\n    selectedArtist.value = null;\n    \n    // Show success message\n    globals.actions.setError({\n      message: 'Artist deleted successfully',\n      status: 'success'\n    });\n  } catch (error) {\n    console.error('Error deleting artist:', error);\n    globals.actions.setError({\n      message: 'Failed to delete artist'\n    });\n  }\n};\n\nconst getStatusLabel = (status) => {\n  const statusMap = {\n    'draft': {\n      text: 'Draft',\n      color: '#888888'\n    },\n    'published': {\n      text: 'Published',\n      color: '#10FA7D' // main color\n    },\n    'archived': {\n      text: 'Archived',\n      color: '#FF0A54' // fourth color\n    }\n  };\n  \n  return statusMap[status] || {\n    text: status,\n    color: '#888888'\n  };\n};\n\n// Lifecycle hooks\nonMounted(async () => {\n  await loadUserArtists();\n});\n</script>"],"names":["useRouter","ref","computed","artistsStore.state","artistsStore.actions","auth.state","globals.actions","onMounted"],"mappings":"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"}

package/dist/martyrs/src/modules/music/components/pages/ArtistManager.vue.js

@@ -0,0 +1,303 @@
+import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
+import "vue-i18n";
+/* empty css                                        */
+import _sfc_main$3 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconSearch.vue.js";
+import { state, actions } from "../../store/artists.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { actions as actions$1 } from "../../../globals/views/store/globals.js";
+const _hoisted_1 = { class: "pd-medium" };
+const _hoisted_2 = { class: "flex flex-justify-between flex-v-center mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-medium" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex-center flex mn-medium"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "bg-light pd-medium radius-medium t-center"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "cols-1 gap-small"
+};
+const _hoisted_7 = { class: "flex-v-center flex mobile:w-100 mobile:mn-b-small" };
+const _hoisted_8 = { class: "w-4r h-4r radius-medium o-hidden mn-r-medium mobile:mn-r-small" };
+const _hoisted_9 = ["src"];
+const _hoisted_10 = {
+  key: 1,
+  class: "w-100 h-100 bg-second-nano flex-center flex"
+};
+const _hoisted_11 = { class: "h5 mn-b-thin" };
+const _hoisted_12 = { class: "p-small t-transp" };
+const _hoisted_13 = {
+  key: 0,
+  class: "bg-second-nano pd-micro radius-small"
+};
+const _hoisted_14 = { class: "flex flex-nowrap gap-small mobile:w-100 mobile:flex-justify-between" };
+const _hoisted_15 = { class: "p-medium mn-b-medium" };
+const _hoisted_16 = { class: "flex flex-justify-between" };
+const _sfc_main = {
+  __name: "ArtistManager",
+  setup(__props) {
+    const router = useRouter();
+    const search = ref("");
+    const isLoading = ref(false);
+    const showDeleteConfirm = ref(false);
+    const selectedArtist = ref(null);
+    const userArtists = computed(() => {
+      return state.userArtists;
+    });
+    const loadUserArtists = async () => {
+      isLoading.value = true;
+      try {
+        await actions.fetchUserArtists(state$1.user._id);
+      } catch (error) {
+        console.error("Error loading artists:", error);
+        actions$1.setError({
+          message: "Failed to load your artists"
+        });
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const handleSearch = async (value) => {
+      if (!value.trim()) {
+        await loadUserArtists();
+        return;
+      }
+      isLoading.value = true;
+      try {
+        const options = {
+          creator: state$1.user._id,
+          search: value
+        };
+        await actions.fetchArtists(options);
+      } catch (error) {
+        console.error("Error searching artists:", error);
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const viewArtist = (artist) => {
+      router.push({
+        name: "artist-detail",
+        params: { url: artist.url }
+      });
+    };
+    const editArtist = (artist) => {
+      router.push({
+        name: "artist-edit",
+        params: { url: artist.url }
+      });
+    };
+    const confirmDelete = (artist) => {
+      selectedArtist.value = artist;
+      showDeleteConfirm.value = true;
+    };
+    const deleteArtist = async () => {
+      if (!selectedArtist.value) return;
+      try {
+        await actions.deleteArtist(selectedArtist.value._id);
+        showDeleteConfirm.value = false;
+        selectedArtist.value = null;
+        actions$1.setError({
+          message: "Artist deleted successfully",
+          status: "success"
+        });
+      } catch (error) {
+        console.error("Error deleting artist:", error);
+        actions$1.setError({
+          message: "Failed to delete artist"
+        });
+      }
+    };
+    const getStatusLabel = (status) => {
+      const statusMap = {
+        "draft": {
+          text: "Draft",
+          color: "#888888"
+        },
+        "published": {
+          text: "Published",
+          color: "#10FA7D"
+          // main color
+        },
+        "archived": {
+          text: "Archived",
+          color: "#FF0A54"
+          // fourth color
+        }
+      };
+      return statusMap[status] || {
+        text: status,
+        color: "#888888"
+      };
+    };
+    onMounted(async () => {
+      await loadUserArtists();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = createElementVNode("h2", { class: "h2" }, "Manage Artists", -1)),
+          createVNode(_sfc_main$1, {
+            submit: () => unref(router).push({ name: "artist-create" }),
+            class: "bg-main t-white",
+            showSucces: false,
+            showLoader: false
+          }, {
+            default: withCtx(() => _cache[2] || (_cache[2] = [
+              createTextVNode(" Create Artist ")
+            ])),
+            _: 1
+          }, 8, ["submit"])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(Field, {
+            field: search.value,
+            "onUpdate:field": [
+              _cache[0] || (_cache[0] = ($event) => search.value = $event),
+              handleSearch
+            ],
+            placeholder: "Search artists...",
+            class: "w-m-40r"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$2, { class: "i-medium mn-r-small" })
+            ]),
+            _: 1
+          }, 8, ["field"])
+        ]),
+        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createVNode(Loader)
+        ])) : userArtists.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          _cache[5] || (_cache[5] = createElementVNode("p", { class: "mn-b-small p-medium" }, "You haven't created any artists yet", -1)),
+          _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-small t-transp mn-b-medium" }, "Start by creating your first artist profile", -1)),
+          createVNode(_sfc_main$1, {
+            submit: () => unref(router).push({ name: "artist-create" }),
+            class: "bg-main t-white",
+            showSucces: false,
+            showLoader: false
+          }, {
+            default: withCtx(() => _cache[4] || (_cache[4] = [
+              createTextVNode(" Create Artist ")
+            ])),
+            _: 1
+          }, 8, ["submit"])
+        ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(userArtists.value, (artist) => {
+            return openBlock(), createElementBlock("div", {
+              key: artist._id,
+              class: "bg-light pd-medium radius-medium flex-v-center flex flex-justify-between hover-bg-light mobile:flex-column"
+            }, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  artist.photoUrl ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: _ctx.FILE_SERVER_URL + artist.photoUrl,
+                    alt: "Artist photo",
+                    class: "w-100 h-100 object-fit-cover"
+                  }, null, 8, _hoisted_9)) : (openBlock(), createElementBlock("div", _hoisted_10, [
+                    createElementVNode("span", null, toDisplayString(artist.name), 1)
+                  ]))
+                ]),
+                createElementVNode("div", null, [
+                  createElementVNode("h3", _hoisted_11, toDisplayString(artist.name), 1),
+                  createElementVNode("p", _hoisted_12, [
+                    createTextVNode(toDisplayString(getStatusLabel(artist.status)) + " ", 1),
+                    artist.isVerified ? (openBlock(), createElementBlock("span", _hoisted_13, " Verified ")) : createCommentVNode("", true)
+                  ])
+                ])
+              ]),
+              createElementVNode("div", _hoisted_14, [
+                createVNode(_sfc_main$1, {
+                  submit: () => viewArtist(artist),
+                  class: "bg-grey-nano t-black",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: withCtx(() => _cache[7] || (_cache[7] = [
+                    createTextVNode(" View ")
+                  ])),
+                  _: 2
+                }, 1032, ["submit"]),
+                createVNode(_sfc_main$1, {
+                  submit: () => editArtist(artist),
+                  class: "bg-main t-white",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: withCtx(() => _cache[8] || (_cache[8] = [
+                    createTextVNode(" Edit ")
+                  ])),
+                  _: 2
+                }, 1032, ["submit"]),
+                createVNode(_sfc_main$1, {
+                  submit: () => confirmDelete(artist),
+                  class: "bg-fourth t-white",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: withCtx(() => _cache[9] || (_cache[9] = [
+                    createTextVNode(" Delete ")
+                  ])),
+                  _: 2
+                }, 1032, ["submit"])
+              ])
+            ]);
+          }), 128))
+        ])),
+        createVNode(_sfc_main$3, {
+          isPopupOpen: showDeleteConfirm.value,
+          onClosePopup: _cache[1] || (_cache[1] = ($event) => showDeleteConfirm.value = false),
+          class: "bg-white pd-medium radius-medium w-m-33r"
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              _cache[14] || (_cache[14] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Delete Artist", -1)),
+              createElementVNode("p", _hoisted_15, [
+                _cache[10] || (_cache[10] = createTextVNode(" Are you sure you want to delete ")),
+                createElementVNode("b", null, toDisplayString((_a = selectedArtist.value) == null ? void 0 : _a.name), 1),
+                _cache[11] || (_cache[11] = createTextVNode("? "))
+              ]),
+              _cache[15] || (_cache[15] = createElementVNode("p", { class: "p-small t-transp mn-b-medium" }, " This action cannot be undone and will remove all artist data. ", -1)),
+              createElementVNode("div", _hoisted_16, [
+                createVNode(_sfc_main$1, {
+                  submit: () => showDeleteConfirm.value = false,
+                  class: "bg-grey-nano t-black",
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: withCtx(() => _cache[12] || (_cache[12] = [
+                    createTextVNode(" Cancel ")
+                  ])),
+                  _: 1
+                }, 8, ["submit"]),
+                createVNode(_sfc_main$1, {
+                  submit: deleteArtist,
+                  class: "bg-fourth t-white"
+                }, {
+                  default: withCtx(() => _cache[13] || (_cache[13] = [
+                    createTextVNode(" Confirm Delete ")
+                  ])),
+                  _: 1
+                })
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ArtistManager.vue.js.map

package/dist/martyrs/src/modules/music/components/pages/ArtistManager.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistManager.vue.js","sources":["../../../../../../../src/modules/music/components/pages/ArtistManager.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium\">\n    <div class=\"flex flex-justify-between flex-v-center mn-b-medium\">\n      <h2 class=\"h2\">Manage Artists</h2>\n      <Button\n        :submit=\"() => router.push({ name: 'artist-create' })\"\n        class=\"bg-main t-white\"\n        :showSucces=\"false\"\n        :showLoader=\"false\"\n      >\n        Create Artist\n      </Button>\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <Field\n        v-model:field=\"search\"\n        placeholder=\"Search artists...\"\n        class=\"w-m-40r\"\n        @update:field=\"handleSearch\"\n      >\n        <IconSearch class=\"i-medium mn-r-small\" />\n      </Field>\n    </div>\n    \n    <!-- Loading state -->\n    <div v-if=\"isLoading\" class=\"flex-center flex mn-medium\">\n      <Loader />\n    </div>\n    \n    <!-- Empty state -->\n    <div v-else-if=\"userArtists.length === 0\" class=\"bg-light pd-medium radius-medium t-center\">\n      <p class=\"mn-b-small p-medium\">You haven't created any artists yet</p>\n      <p class=\"p-small t-transp mn-b-medium\">Start by creating your first artist profile</p>\n      <Button\n        :submit=\"() => router.push({ name: 'artist-create' })\"\n        class=\"bg-main t-white\"\n        :showSucces=\"false\"\n        :showLoader=\"false\"\n      >\n        Create Artist\n      </Button>\n    </div>\n    \n    <!-- Artist list -->\n    <div v-else class=\"cols-1 gap-small\">\n      <div\n        v-for=\"artist in userArtists\"\n        :key=\"artist._id\"\n        class=\"bg-light pd-medium radius-medium flex-v-center flex flex-justify-between hover-bg-light mobile:flex-column\"\n      >\n        <div class=\"flex-v-center flex mobile:w-100 mobile:mn-b-small\">\n          <div class=\"w-4r h-4r radius-medium o-hidden mn-r-medium mobile:mn-r-small\">\n            <img\n              v-if=\"artist.photoUrl\"\n              :src=\"FILE_SERVER_URL + artist.photoUrl\"\n              alt=\"Artist photo\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <div v-else class=\"w-100 h-100 bg-second-nano flex-center flex\">\n              <span>{{ artist.name }}</span>\n            </div>\n          </div>\n          \n          <div>\n            <h3 class=\"h5 mn-b-thin\">{{ artist.name }}</h3>\n            <p class=\"p-small t-transp\">\n              {{getStatusLabel(artist.status)}}\n              <span v-if=\"artist.isVerified\" class=\"bg-second-nano pd-micro radius-small\">\n                Verified\n              </span>\n            </p>\n          </div>\n        </div>\n        \n        <div class=\"flex flex-nowrap gap-small mobile:w-100 mobile:flex-justify-between\">\n          <Button\n            :submit=\"() => viewArtist(artist)\"\n            class=\"bg-grey-nano t-black\"\n            :showSucces=\"false\"\n            :showLoader=\"false\"\n          >\n            View\n          </Button>\n          \n          <Button\n            :submit=\"() => editArtist(artist)\"\n            class=\"bg-main t-white\"\n            :showSucces=\"false\"\n            :showLoader=\"false\"\n          >\n            Edit\n          </Button>\n          \n          <Button\n            :submit=\"() => confirmDelete(artist)\"\n            class=\"bg-fourth t-white\"\n            :showSucces=\"false\"\n            :showLoader=\"false\"\n          >\n            Delete\n          </Button>\n        </div>\n      </div>\n    </div>\n    \n    <!-- Confirmation popup -->\n    <Popup\n      :isPopupOpen=\"showDeleteConfirm\"\n      @close-popup=\"showDeleteConfirm = false\"\n      class=\"bg-white pd-medium radius-medium w-m-33r\"\n    >\n      <h3 class=\"h3 mn-b-medium\">Delete Artist</h3>\n      <p class=\"p-medium mn-b-medium\">\n        Are you sure you want to delete <b>{{ selectedArtist?.name }}</b>?\n      </p>\n      <p class=\"p-small t-transp mn-b-medium\">\n        This action cannot be undone and will remove all artist data.\n      </p>\n      \n      <div class=\"flex flex-justify-between\">\n        <Button\n          :submit=\"() => showDeleteConfirm = false\"\n          class=\"bg-grey-nano t-black\"\n          :showSucces=\"false\"\n          :showLoader=\"false\"\n        >\n          Cancel\n        </Button>\n        \n        <Button\n          :submit=\"deleteArtist\"\n          class=\"bg-fourth t-white\"\n        >\n          Confirm Delete\n        </Button>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useRouter } from 'vue-router';\n\n// Import Martyrs components\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Status from '@martyrs/src/components/Status/Status.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\n// Import store\nimport * as artistsStore from '../../store/artists';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n\n// Router\nconst router = useRouter();\n\n// State\nconst search = ref('');\nconst isLoading = ref(false);\nconst showDeleteConfirm = ref(false);\nconst selectedArtist = ref(null);\n\n// Computed\nconst userArtists = computed(() => {\n  return artistsStore.state.userArtists;\n});\n\n// Methods\nconst loadUserArtists = async () => {\n  isLoading.value = true;\n  try {\n    await artistsStore.actions.fetchUserArtists(auth.state.user._id);\n  } catch (error) {\n    console.error('Error loading artists:', error);\n    globals.actions.setError({\n      message: 'Failed to load your artists'\n    });\n  } finally {\n    isLoading.value = false;\n  }\n};\n\nconst handleSearch = async (value) => {\n  if (!value.trim()) {\n    // If search is empty, load all user artists\n    await loadUserArtists();\n    return;\n  }\n  \n  isLoading.value = true;\n  try {\n    // Search only within user's artists\n    const options = {\n      creator: auth.state.user._id,\n      search: value\n    };\n    await artistsStore.actions.fetchArtists(options);\n    // Update userArtists (assuming the store is correctly updating userArtists)\n  } catch (error) {\n    console.error('Error searching artists:', error);\n  } finally {\n    isLoading.value = false;\n  }\n};\n\nconst viewArtist = (artist) => {\n  router.push({\n    name: 'artist-detail',\n    params: { url: artist.url }\n  });\n};\n\nconst editArtist = (artist) => {\n  router.push({\n    name: 'artist-edit',\n    params: { url: artist.url }\n  });\n};\n\nconst confirmDelete = (artist) => {\n  selectedArtist.value = artist;\n  showDeleteConfirm.value = true;\n};\n\nconst deleteArtist = async () => {\n  if (!selectedArtist.value) return;\n  \n  try {\n    await artistsStore.actions.deleteArtist(selectedArtist.value._id);\n    showDeleteConfirm.value = false;\n    selectedArtist.value = null;\n    \n    // Show success message\n    globals.actions.setError({\n      message: 'Artist deleted successfully',\n      status: 'success'\n    });\n  } catch (error) {\n    console.error('Error deleting artist:', error);\n    globals.actions.setError({\n      message: 'Failed to delete artist'\n    });\n  }\n};\n\nconst getStatusLabel = (status) => {\n  const statusMap = {\n    'draft': {\n      text: 'Draft',\n      color: '#888888'\n    },\n    'published': {\n      text: 'Published',\n      color: '#10FA7D' // main color\n    },\n    'archived': {\n      text: 'Archived',\n      color: '#FF0A54' // fourth color\n    }\n  };\n  \n  return statusMap[status] || {\n    text: status,\n    color: '#888888'\n  };\n};\n\n// Lifecycle hooks\nonMounted(async () => {\n  await loadUserArtists();\n});\n</script>"],"names":["artistsStore.state","artistsStore.actions","auth.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+JA,UAAM,SAAS,UAAW;AAG1B,UAAM,SAAS,IAAI,EAAE;AACrB,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,oBAAoB,IAAI,KAAK;AACnC,UAAM,iBAAiB,IAAI,IAAI;AAG/B,UAAM,cAAc,SAAS,MAAM;AACjC,aAAOA,MAAmB;AAAA,IAC5B,CAAC;AAGD,UAAM,kBAAkB,YAAY;AAClC,gBAAU,QAAQ;AAClB,UAAI;AACF,cAAMC,QAAqB,iBAAiBC,QAAW,KAAK,GAAG;AAAA,MAChE,SAAQ,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAC7CC,kBAAgB,SAAS;AAAA,UACvB,SAAS;AAAA,QACf,CAAK;AAAA,MACL,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,UAAM,eAAe,OAAO,UAAU;AACpC,UAAI,CAAC,MAAM,QAAQ;AAEjB,cAAM,gBAAiB;AACvB;AAAA,MACJ;AAEE,gBAAU,QAAQ;AAClB,UAAI;AAEF,cAAM,UAAU;AAAA,UACd,SAASD,QAAW,KAAK;AAAA,UACzB,QAAQ;AAAA,QACT;AACD,cAAMD,QAAqB,aAAa,OAAO;AAAA,MAEhD,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,UAAM,aAAa,CAAC,WAAW;AAC7B,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ,EAAE,KAAK,OAAO,IAAG;AAAA,MAC7B,CAAG;AAAA,IACH;AAEA,UAAM,aAAa,CAAC,WAAW;AAC7B,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ,EAAE,KAAK,OAAO,IAAG;AAAA,MAC7B,CAAG;AAAA,IACH;AAEA,UAAM,gBAAgB,CAAC,WAAW;AAChC,qBAAe,QAAQ;AACvB,wBAAkB,QAAQ;AAAA,IAC5B;AAEA,UAAM,eAAe,YAAY;AAC/B,UAAI,CAAC,eAAe,MAAO;AAE3B,UAAI;AACF,cAAMA,QAAqB,aAAa,eAAe,MAAM,GAAG;AAChE,0BAAkB,QAAQ;AAC1B,uBAAe,QAAQ;AAGvBE,kBAAgB,SAAS;AAAA,UACvB,SAAS;AAAA,UACT,QAAQ;AAAA,QACd,CAAK;AAAA,MACF,SAAQ,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAC7CA,kBAAgB,SAAS;AAAA,UACvB,SAAS;AAAA,QACf,CAAK;AAAA,MACL;AAAA,IACA;AAEA,UAAM,iBAAiB,CAAC,WAAW;AACjC,YAAM,YAAY;AAAA,QAChB,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,QACR;AAAA,QACD,aAAa;AAAA,UACX,MAAM;AAAA,UACN,OAAO;AAAA;AAAA,QACR;AAAA,QACD,YAAY;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA;AAAA,QACb;AAAA,MACG;AAED,aAAO,UAAU,MAAM,KAAK;AAAA,QAC1B,MAAM;AAAA,QACN,OAAO;AAAA,MACR;AAAA,IACH;AAGA,cAAU,YAAY;AACpB,YAAM,gBAAiB;AAAA,IACzB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}