@ozdao/martyrs 0.2.485 → 0.2.486

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

@@ -0,0 +1,382 @@
+import { reactive, ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, toDisplayString, withModifiers, createVNode, createBlock, createCommentVNode, Fragment, renderList, withCtx, createTextVNode } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../components/Checkbox/Checkbox.vue.js";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
+import { actions as actions$1 } from "../../store/artists.js";
+import { actions } from "../../../globals/views/store/globals.js";
+import { state } from "../../../auth/views/store/auth.js";
+const _hoisted_1 = { class: "pd-medium" };
+const _hoisted_2 = { class: "h2 mn-b-medium" };
+const _hoisted_3 = { class: "bg-light pd-medium radius-medium" };
+const _hoisted_4 = { class: "cols-2 mobile:cols-1 gap-medium" };
+const _hoisted_5 = {
+  key: 1,
+  class: "t-transp p-small mn-b-medium"
+};
+const _hoisted_6 = { class: "bg-light pd-medium radius-medium" };
+const _hoisted_7 = { class: "cols-2 mobile:cols-1 gap-medium" };
+const _hoisted_8 = { class: "bg-light pd-medium radius-medium" };
+const _hoisted_9 = {
+  key: 0,
+  class: "flex-center flex"
+};
+const _hoisted_10 = {
+  key: 1,
+  class: "flex flex-wrap gap-small mn-b-medium"
+};
+const _hoisted_11 = { class: "bg-light pd-medium radius-medium" };
+const _hoisted_12 = { class: "flex flex-justify-between" };
+const _sfc_main = {
+  __name: "ArtistForm",
+  props: {
+    editMode: {
+      type: Boolean,
+      default: false
+    },
+    url: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const router = useRouter();
+    useRoute();
+    const artist = reactive({
+      name: "",
+      bio: "",
+      photoUrl: "",
+      coverUrl: "",
+      website: "",
+      location: "",
+      isVerified: false,
+      status: "draft",
+      socials: {
+        telegram: "",
+        twitter: "",
+        facebook: "",
+        instagram: ""
+      },
+      url: "",
+      genre: []
+    });
+    const validation = reactive({
+      name: false,
+      bio: false
+    });
+    const statusOptions = [
+      "draft",
+      "published",
+      "archived"
+    ];
+    const availableGenres = ref([]);
+    const selectedGenres = reactive({});
+    const isLoadingGenres = ref(false);
+    const genreIds = computed(() => {
+      return Object.keys(selectedGenres).filter((id) => selectedGenres[id]);
+    });
+    const fetchGenres = async () => {
+      isLoadingGenres.value = true;
+      try {
+      } catch (error) {
+        console.error("Error fetching genres:", error);
+        actions.setError({
+          message: "Failed to load genres"
+        });
+      } finally {
+        isLoadingGenres.value = false;
+      }
+    };
+    const initializeSelectedGenres = (genreIds2) => {
+      if (!genreIds2 || !Array.isArray(genreIds2)) return;
+      for (const key in selectedGenres) {
+        delete selectedGenres[key];
+      }
+      genreIds2.forEach((id) => {
+        selectedGenres[id] = true;
+      });
+    };
+    const fetchArtist = async () => {
+      var _a, _b, _c, _d;
+      if (!props.url) return;
+      try {
+        const fetchedArtist = await actions$1.fetchArtistByUrl(props.url);
+        if (!fetchedArtist) {
+          actions.setError({
+            message: "Artist not found"
+          });
+          return;
+        }
+        Object.assign(artist, {
+          name: fetchedArtist.name || "",
+          bio: fetchedArtist.bio || "",
+          photoUrl: fetchedArtist.photoUrl || "",
+          coverUrl: fetchedArtist.coverUrl || "",
+          website: fetchedArtist.website || "",
+          location: fetchedArtist.location || "",
+          isVerified: fetchedArtist.isVerified || false,
+          status: fetchedArtist.status || "draft",
+          url: fetchedArtist.url || "",
+          genre: fetchedArtist.genre || [],
+          _id: fetchedArtist._id,
+          socials: {
+            telegram: ((_a = fetchedArtist.socials) == null ? void 0 : _a.telegram) || "",
+            twitter: ((_b = fetchedArtist.socials) == null ? void 0 : _b.twitter) || "",
+            facebook: ((_c = fetchedArtist.socials) == null ? void 0 : _c.facebook) || "",
+            instagram: ((_d = fetchedArtist.socials) == null ? void 0 : _d.instagram) || ""
+          }
+        });
+        initializeSelectedGenres(fetchedArtist.genre);
+      } catch (error) {
+        console.error("Error fetching artist:", error);
+        actions.setError({
+          message: "Failed to load artist details"
+        });
+      }
+    };
+    const validateForm = () => {
+      let isValid = true;
+      if (!artist.name.trim()) {
+        validation.name = {
+          message: "Artist name is required"
+        };
+        isValid = false;
+      } else {
+        validation.name = false;
+      }
+      if (artist.bio && artist.bio.length > 2e3) {
+        validation.bio = {
+          message: "Biography is too long (max 2000 characters)"
+        };
+        isValid = false;
+      } else {
+        validation.bio = false;
+      }
+      return isValid;
+    };
+    const submitForm = async () => {
+      if (!validateForm()) {
+        return;
+      }
+      try {
+        const formData = {
+          ...artist,
+          genre: genreIds.value
+        };
+        if (!props.editMode) {
+          formData.owner = {
+            type: "user",
+            target: state.user._id
+          };
+          formData.creator = {
+            type: "user",
+            target: state.user._id
+          };
+        }
+        let result;
+        if (props.editMode) {
+          result = await actions$1.updateArtist(formData);
+        } else {
+          result = await actions$1.createArtist(formData);
+        }
+        setTimeout(() => {
+          router.push({
+            name: "artist-detail",
+            params: { url: result.url }
+          });
+        }, 1e3);
+      } catch (error) {
+        console.error("Error saving artist:", error);
+        actions.setError({
+          message: "Failed to save artist"
+        });
+      }
+    };
+    const handleUploadError = (error) => {
+      console.error("Upload error:", error);
+      actions.setError({
+        message: "Error uploading image"
+      });
+    };
+    onMounted(async () => {
+      await fetchGenres();
+      if (props.editMode) {
+        await fetchArtist();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("h2", _hoisted_2, toDisplayString(__props.editMode ? "Edit Artist" : "Create Artist"), 1),
+        createElementVNode("form", {
+          onSubmit: withModifiers(submitForm, ["prevent"]),
+          class: "cols-1 gap-medium"
+        }, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[16] || (_cache[16] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Basic Information", -1)),
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", null, [
+                _cache[14] || (_cache[14] = createElementVNode("p", { class: "p-semi mn-b-small" }, "Artist Photo", -1)),
+                createVNode(_sfc_main$1, {
+                  photo: artist.photoUrl,
+                  "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => artist.photoUrl = $event),
+                  uploadPath: "artists/photos",
+                  class: "w-100 h-15r mn-b-small",
+                  onError: handleUploadError
+                }, null, 8, ["photo"])
+              ]),
+              createElementVNode("div", null, [
+                _cache[15] || (_cache[15] = createElementVNode("p", { class: "p-semi mn-b-small" }, "Cover Image", -1)),
+                createVNode(_sfc_main$1, {
+                  photo: artist.coverUrl,
+                  "onUpdate:photo": _cache[1] || (_cache[1] = ($event) => artist.coverUrl = $event),
+                  uploadPath: "artists/covers",
+                  class: "w-100 h-15r mn-b-small",
+                  onError: handleUploadError
+                }, null, 8, ["photo"])
+              ])
+            ]),
+            createVNode(Field, {
+              field: artist.name,
+              "onUpdate:field": _cache[2] || (_cache[2] = ($event) => artist.name = $event),
+              label: "Artist Name",
+              placeholder: "Enter artist name",
+              class: "mn-b-medium",
+              validation: validation.name
+            }, null, 8, ["field", "validation"]),
+            createVNode(Field, {
+              field: artist.bio,
+              "onUpdate:field": _cache[3] || (_cache[3] = ($event) => artist.bio = $event),
+              label: "Biography",
+              type: "textarea",
+              placeholder: "Enter artist biography",
+              class: "mn-b-medium",
+              validation: validation.bio
+            }, null, 8, ["field", "validation"]),
+            createVNode(Field, {
+              field: artist.location,
+              "onUpdate:field": _cache[4] || (_cache[4] = ($event) => artist.location = $event),
+              label: "Location",
+              placeholder: "e.g., Los Angeles, CA",
+              class: "mn-b-medium"
+            }, null, 8, ["field"]),
+            createVNode(Field, {
+              field: artist.website,
+              "onUpdate:field": _cache[5] || (_cache[5] = ($event) => artist.website = $event),
+              label: "Website",
+              placeholder: "https://example.com",
+              class: "mn-b-medium"
+            }, null, 8, ["field"]),
+            !artist.url && !__props.editMode ? (openBlock(), createBlock(Field, {
+              key: 0,
+              field: artist.url,
+              "onUpdate:field": _cache[6] || (_cache[6] = ($event) => artist.url = $event),
+              label: "Custom URL",
+              placeholder: "custom-artist-url",
+              class: "mn-b-small"
+            }, null, 8, ["field"])) : createCommentVNode("", true),
+            !artist.url && !__props.editMode ? (openBlock(), createElementBlock("p", _hoisted_5, " Leave blank for auto-generation based on the artist name ")) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            _cache[17] || (_cache[17] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Social Media", -1)),
+            createElementVNode("div", _hoisted_7, [
+              createVNode(Field, {
+                field: artist.socials.telegram,
+                "onUpdate:field": _cache[7] || (_cache[7] = ($event) => artist.socials.telegram = $event),
+                label: "Telegram",
+                placeholder: "@username",
+                class: "mn-b-medium"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: artist.socials.twitter,
+                "onUpdate:field": _cache[8] || (_cache[8] = ($event) => artist.socials.twitter = $event),
+                label: "Twitter",
+                placeholder: "@username",
+                class: "mn-b-medium"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: artist.socials.facebook,
+                "onUpdate:field": _cache[9] || (_cache[9] = ($event) => artist.socials.facebook = $event),
+                label: "Facebook",
+                placeholder: "username or page-name",
+                class: "mn-b-medium"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: artist.socials.instagram,
+                "onUpdate:field": _cache[10] || (_cache[10] = ($event) => artist.socials.instagram = $event),
+                label: "Instagram",
+                placeholder: "@username",
+                class: "mn-b-medium"
+              }, null, 8, ["field"])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_8, [
+            _cache[18] || (_cache[18] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Genres", -1)),
+            _cache[19] || (_cache[19] = createElementVNode("p", { class: "t-transp mn-b-medium" }, " Select genres that best describe this artist ", -1)),
+            isLoadingGenres.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+              createVNode(Loader, { class: "mn-b-medium" })
+            ])) : (openBlock(), createElementBlock("div", _hoisted_10, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(availableGenres.value, (genre) => {
+                return openBlock(), createBlock(_sfc_main$2, {
+                  key: genre._id,
+                  active: selectedGenres[genre._id],
+                  "onUpdate:active": ($event) => selectedGenres[genre._id] = $event,
+                  label: genre.name,
+                  class: "pd-small bg-white radius-medium"
+                }, null, 8, ["active", "onUpdate:active", "label"]);
+              }), 128))
+            ]))
+          ]),
+          createElementVNode("div", _hoisted_11, [
+            _cache[20] || (_cache[20] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Publishing Status", -1)),
+            createVNode(Select, {
+              select: artist.status,
+              "onUpdate:select": _cache[11] || (_cache[11] = ($event) => artist.status = $event),
+              options: statusOptions,
+              label: "Status",
+              class: "mn-b-medium w-m-20r"
+            }, null, 8, ["select"]),
+            createVNode(_sfc_main$2, {
+              active: artist.isVerified,
+              "onUpdate:active": _cache[12] || (_cache[12] = ($event) => artist.isVerified = $event),
+              label: "Verified Artist",
+              class: "mn-b-medium"
+            }, null, 8, ["active"])
+          ]),
+          createElementVNode("div", _hoisted_12, [
+            createVNode(_sfc_main$3, {
+              onClick: _cache[13] || (_cache[13] = ($event) => _ctx.$router.go(-1)),
+              class: "bg-grey-nano t-black",
+              showSucces: false,
+              showLoader: false
+            }, {
+              default: withCtx(() => _cache[21] || (_cache[21] = [
+                createTextVNode(" Cancel ")
+              ])),
+              _: 1
+            }),
+            createVNode(_sfc_main$3, {
+              submit: submitForm,
+              class: "bg-main t-black",
+              text: {
+                success: __props.editMode ? "Updated!" : "Created!"
+              }
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.editMode ? "Update Artist" : "Create Artist"), 1)
+              ]),
+              _: 1
+            }, 8, ["text"])
+          ])
+        ], 32)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ArtistForm.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistForm.vue.js","sources":["../../../../../../../src/modules/music/components/pages/ArtistForm.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium\">\n    <h2 class=\"h2 mn-b-medium\">{{ editMode ? 'Edit Artist' : 'Create Artist' }}</h2>\n    \n    <form @submit.prevent=\"submitForm\" class=\"cols-1 gap-medium\">\n      <!-- Basic Info Section -->\n      <div class=\"bg-light pd-medium radius-medium\">\n        <h3 class=\"h3 mn-b-medium\">Basic Information</h3>\n        \n        <div class=\"cols-2 mobile:cols-1 gap-medium\">\n          <!-- Artist Photo -->\n          <div>\n            <p class=\"p-semi mn-b-small\">Artist Photo</p>\n            <UploadImage\n              v-model:photo=\"artist.photoUrl\"\n              uploadPath=\"artists/photos\"\n              class=\"w-100 h-15r mn-b-small\"\n              @error=\"handleUploadError\"\n            />\n          </div>\n          \n          <!-- Artist Cover -->\n          <div>\n            <p class=\"p-semi mn-b-small\">Cover Image</p>\n            <UploadImage\n              v-model:photo=\"artist.coverUrl\"\n              uploadPath=\"artists/covers\"\n              class=\"w-100 h-15r mn-b-small\"\n              @error=\"handleUploadError\"\n            />\n          </div>\n        </div>\n        \n        <!-- Name -->\n        <Field\n          v-model:field=\"artist.name\"\n          label=\"Artist Name\"\n          placeholder=\"Enter artist name\"\n          class=\"mn-b-medium\"\n          :validation=\"validation.name\"\n        />\n        \n        <!-- Bio -->\n        <Field\n          v-model:field=\"artist.bio\"\n          label=\"Biography\"\n          type=\"textarea\"\n          placeholder=\"Enter artist biography\"\n          class=\"mn-b-medium\"\n          :validation=\"validation.bio\"\n        />\n        \n        <!-- Location -->\n        <Field\n          v-model:field=\"artist.location\"\n          label=\"Location\"\n          placeholder=\"e.g., Los Angeles, CA\"\n          class=\"mn-b-medium\"\n        />\n        \n        <!-- Website -->\n        <Field\n          v-model:field=\"artist.website\"\n          label=\"Website\"\n          placeholder=\"https://example.com\"\n          class=\"mn-b-medium\"\n        />\n        \n        <!-- URL (if editable) -->\n        <Field\n          v-if=\"!artist.url && !editMode\"\n          v-model:field=\"artist.url\"\n          label=\"Custom URL\"\n          placeholder=\"custom-artist-url\"\n          class=\"mn-b-small\"\n        />\n        <p v-if=\"!artist.url && !editMode\" class=\"t-transp p-small mn-b-medium\">\n          Leave blank for auto-generation based on the artist name\n        </p>\n      </div>\n      \n      <!-- Social Media Section -->\n      <div class=\"bg-light pd-medium radius-medium\">\n        <h3 class=\"h3 mn-b-medium\">Social Media</h3>\n        \n        <div class=\"cols-2 mobile:cols-1 gap-medium\">\n          <!-- Telegram -->\n          <Field\n            v-model:field=\"artist.socials.telegram\"\n            label=\"Telegram\"\n            placeholder=\"@username\"\n            class=\"mn-b-medium\"\n          />\n          \n          <!-- Twitter -->\n          <Field\n            v-model:field=\"artist.socials.twitter\"\n            label=\"Twitter\"\n            placeholder=\"@username\"\n            class=\"mn-b-medium\"\n          />\n          \n          <!-- Facebook -->\n          <Field\n            v-model:field=\"artist.socials.facebook\"\n            label=\"Facebook\"\n            placeholder=\"username or page-name\"\n            class=\"mn-b-medium\"\n          />\n          \n          <!-- Instagram -->\n          <Field\n            v-model:field=\"artist.socials.instagram\"\n            label=\"Instagram\"\n            placeholder=\"@username\"\n            class=\"mn-b-medium\"\n          />\n        </div>\n      </div>\n      \n      <!-- Genres Section (assuming genres are available) -->\n      <div class=\"bg-light pd-medium radius-medium\">\n        <h3 class=\"h3 mn-b-medium\">Genres</h3>\n        <p class=\"t-transp mn-b-medium\">\n          Select genres that best describe this artist\n        </p>\n        \n        <div v-if=\"isLoadingGenres\" class=\"flex-center flex\">\n          <Loader class=\"mn-b-medium\" />\n        </div>\n        \n        <div v-else class=\"flex flex-wrap gap-small mn-b-medium\">\n          <Checkbox\n            v-for=\"genre in availableGenres\"\n            :key=\"genre._id\"\n            v-model:active=\"selectedGenres[genre._id]\"\n            :label=\"genre.name\"\n            class=\"pd-small bg-white radius-medium\"\n          />\n        </div>\n      </div>\n      \n      <!-- Status Section -->\n      <div class=\"bg-light pd-medium radius-medium\">\n        <h3 class=\"h3 mn-b-medium\">Publishing Status</h3>\n        \n        <Select\n          v-model:select=\"artist.status\"\n          :options=\"statusOptions\"\n          label=\"Status\"\n          class=\"mn-b-medium w-m-20r\"\n        />\n        \n        <Checkbox\n          v-model:active=\"artist.isVerified\"\n          label=\"Verified Artist\"\n          class=\"mn-b-medium\"\n        />\n      </div>\n      \n      <!-- Submit Button -->\n      <div class=\"flex flex-justify-between\">\n        <Button\n          @click=\"$router.go(-1)\"\n          class=\"bg-grey-nano t-black\"\n          :showSucces=\"false\"\n          :showLoader=\"false\"\n        >\n          Cancel\n        </Button>\n        \n        <Button\n          :submit=\"submitForm\"\n          class=\"bg-main t-black\"\n          :text=\"{\n            success: editMode ? 'Updated!' : 'Created!'\n          }\"\n        >\n          {{ editMode ? 'Update Artist' : 'Create Artist' }}\n        </Button>\n      </div>\n    </form>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, onMounted, computed } from 'vue';\nimport { useRouter, useRoute } 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 Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\n\n// Import store\nimport * as artistsStore from '../../store/artists';\n// import * as genreStore from '../../store/genres'; // Assuming you have a genre store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n// Props\nconst props = defineProps({\n  editMode: {\n    type: Boolean,\n    default: false\n  },\n  url: {\n    type: String,\n    default: ''\n  }\n});\n\n// Router and route\nconst router = useRouter();\nconst route = useRoute();\n\n// State\nconst artist = reactive({\n  name: '',\n  bio: '',\n  photoUrl: '',\n  coverUrl: '',\n  website: '',\n  location: '',\n  isVerified: false,\n  status: 'draft',\n  socials: {\n    telegram: '',\n    twitter: '',\n    facebook: '',\n    instagram: ''\n  },\n  url: '',\n  genre: []\n});\n\nconst validation = reactive({\n  name: false,\n  bio: false\n});\n\n// Status options\nconst statusOptions = [\n  'draft',\n  'published',\n  'archived'\n];\n\n// Genres\nconst availableGenres = ref([]);\nconst selectedGenres = reactive({});\nconst isLoadingGenres = ref(false);\n\n// Computed\nconst genreIds = computed(() => {\n  return Object.keys(selectedGenres).filter(id => selectedGenres[id]);\n});\n\n// Methods\nconst fetchGenres = async () => {\n  isLoadingGenres.value = true;\n  try {\n    // Assuming genreStore has a fetchGenres method\n    // const genres = await genreStore.actions.fetchGenres();\n    // availableGenres.value = genres;\n  } catch (error) {\n    console.error('Error fetching genres:', error);\n    globals.actions.setError({\n      message: 'Failed to load genres'\n    });\n  } finally {\n    isLoadingGenres.value = false;\n  }\n};\n\nconst initializeSelectedGenres = (genreIds) => {\n  if (!genreIds || !Array.isArray(genreIds)) return;\n  \n  // Reset selected genres\n  for (const key in selectedGenres) {\n    delete selectedGenres[key];\n  }\n  \n  // Set selected genres based on artist's genres\n  genreIds.forEach(id => {\n    selectedGenres[id] = true;\n  });\n};\n\nconst fetchArtist = async () => {\n  if (!props.url) return;\n  \n  try {\n    const fetchedArtist = await artistsStore.actions.fetchArtistByUrl(props.url);\n    \n    if (!fetchedArtist) {\n      globals.actions.setError({\n        message: 'Artist not found'\n      });\n      return;\n    }\n    \n    // Update local artist data\n    Object.assign(artist, {\n      name: fetchedArtist.name || '',\n      bio: fetchedArtist.bio || '',\n      photoUrl: fetchedArtist.photoUrl || '',\n      coverUrl: fetchedArtist.coverUrl || '',\n      website: fetchedArtist.website || '',\n      location: fetchedArtist.location || '',\n      isVerified: fetchedArtist.isVerified || false,\n      status: fetchedArtist.status || 'draft',\n      url: fetchedArtist.url || '',\n      genre: fetchedArtist.genre || [],\n      _id: fetchedArtist._id,\n      socials: {\n        telegram: fetchedArtist.socials?.telegram || '',\n        twitter: fetchedArtist.socials?.twitter || '',\n        facebook: fetchedArtist.socials?.facebook || '',\n        instagram: fetchedArtist.socials?.instagram || ''\n      }\n    });\n    \n    // Initialize selected genres\n    initializeSelectedGenres(fetchedArtist.genre);\n    \n  } catch (error) {\n    console.error('Error fetching artist:', error);\n    globals.actions.setError({\n      message: 'Failed to load artist details'\n    });\n  }\n};\n\nconst validateForm = () => {\n  let isValid = true;\n  \n  // Validate name\n  if (!artist.name.trim()) {\n    validation.name = {\n      message: 'Artist name is required'\n    };\n    isValid = false;\n  } else {\n    validation.name = false;\n  }\n  \n  // Validate bio\n  if (artist.bio && artist.bio.length > 2000) {\n    validation.bio = {\n      message: 'Biography is too long (max 2000 characters)'\n    };\n    isValid = false;\n  } else {\n    validation.bio = false;\n  }\n  \n  return isValid;\n};\n\nconst submitForm = async () => {\n  if (!validateForm()) {\n    return;\n  }\n  \n  try {\n    // Prepare data for submission\n    const formData = {\n      ...artist,\n      genre: genreIds.value\n    };\n    \n    // Add ownership data if creating new artist\n    if (!props.editMode) {\n      formData.owner = {\n        type: 'user',\n        target: auth.state.user._id\n      };\n      formData.creator = {\n        type: 'user',\n        target: auth.state.user._id\n      };\n    }\n    \n    let result;\n    if (props.editMode) {\n      result = await artistsStore.actions.updateArtist(formData);\n    } else {\n      result = await artistsStore.actions.createArtist(formData);\n    }\n    \n    // Navigate to artist detail page\n    setTimeout(() => {\n      router.push({\n        name: 'artist-detail',\n        params: { url: result.url }\n      });\n    }, 1000);\n    \n  } catch (error) {\n    console.error('Error saving artist:', error);\n    globals.actions.setError({\n      message: 'Failed to save artist'\n    });\n  }\n};\n\nconst handleUploadError = (error) => {\n  console.error('Upload error:', error);\n  globals.actions.setError({\n    message: 'Error uploading image'\n  });\n};\n\n// Lifecycle hooks\nonMounted(async () => {\n  await fetchGenres();\n  \n  if (props.editMode) {\n    await fetchArtist();\n  }\n});\n</script>"],"names":["globals.actions","genreIds","artistsStore.actions","auth.state"],"mappings":"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"}