@dcrackel/hematournamentui 1.0.573 → 1.0.575

package/dist/HemaTournamentUI-lib.es.js

@@ -13755,18 +13755,19 @@ const jy = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAClCAYAAADS6VbkAA
     return {
       loading: Ky,
       showCropper: !1,
-      uploading: !1
+      uploading: !1,
+      localImageUrl: this.urlToImage
     };
   },
   computed: {
-    localUrl() {
-      return this.urlToImage ? this.urlToImage : this.isProfile ? jy : Xc;
+    displayedUrl() {
+      return this.localImageUrl || (this.isProfile ? jy : Xc);
     },
     getClasses() {
-      return this.customClass ? this.customClass : "h-40 w-80 border-2 border-dashed rounded-lg bg-contain bg-contain bg-center bg-no-repeat";
+      return this.customClass ? this.customClass : "h-52 w-80 border-2 border-dashed rounded-lg bg-contain bg-contain bg-center bg-no-repeat";
     },
     getSkeletonClass() {
-      return this.customSkeletonClass ? this.customSkeletonClass : "border-2 h-40 w-80 border-dashed rounded-lg bg-quaternaryHighlight animate-pulse";
+      return this.customSkeletonClass ? this.customSkeletonClass : "border-2 h-52 w-80 border-dashed rounded-lg bg-quaternaryHighlight animate-pulse";
     }
   },
   methods: {
@@ -13777,7 +13778,7 @@ const jy = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAClCAYAAADS6VbkAA
       this.uploading = !0;
     },
     handleUploaded(n) {
-      this.uploading = !1, n.response.status === 200 && (this.localUrl = `${this.imageServer}${this.uploadImageName}.png`, this.$emit("update:url", `${this.imageServer}${this.uploadImageName}.png`));
+      this.uploading = !1, n.response.status === 200 && (this.localImageUrl = `${this.imageServer}${this.uploadImageName}.png`, console.log("Image uploaded successfully"), console.log(this.localImageUrl), this.$emit("update:url", `${this.imageServer}${this.uploadImageName}.png`));
     },
     handleCompleted() {
       this.message = "Upload completed.";
@@ -13795,10 +13796,10 @@ function Vy(n, e, t, r, o, i) {
   return m(), I("section", Gy, [
     o.uploading ? Q("", !0) : (m(), I("img", {
       key: 0,
-      src: i.localUrl,
+      src: i.displayedUrl,
       class: te(i.getClasses),
       style: Nt(t.customStyle),
-      alt: i.localUrl,
+      alt: i.displayedUrl,
       onError: e[0] || (e[0] = (...a) => i.onImageError && i.onImageError(...a)),
       onClick: e[1] || (e[1] = (a) => i.setShowCropper())
     }, null, 46, Jy)),
@@ -30062,13 +30063,9 @@ const sc = /* @__PURE__ */ oe(pO, [["render", vO]]), wO = {
       type: Object,
       required: !0
     },
-    urlToImage: {
-      type: String,
-      default: null
-    },
     uploadImageName: {
       type: String,
-      default: "default-image"
+      default: "t-default-image"
     },
     uploadServer: {
       type: String,
@@ -30092,6 +30089,9 @@ const sc = /* @__PURE__ */ oe(pO, [["render", vO]]), wO = {
     TextBoxEditor: ic
   },
   computed: {
+    tournamentImage() {
+      return this.tournament.Images && this.tournament.Images.length > 0 ? this.tournament.Images[0].URL : "";
+    },
     tournamentName() {
       var n;
       return ((n = this.tournament) == null ? void 0 : n.Name) || "";
@@ -30163,7 +30163,7 @@ function RO(n, e, t, r, o, i) {
     ]),
     f("div", DO, [
       h(a, {
-        urlToImage: t.urlToImage,
+        urlToImage: i.tournamentImage,
         uploadImageName: t.uploadImageName,
         uploadServer: t.uploadServer,
         imageServer: t.imageServer,
@@ -30641,10 +30641,6 @@ const AT = {
       required: !0,
       default: () => []
     },
-    urlToImage: {
-      type: String,
-      default: null
-    },
     uploadImageName: {
       type: String,
       default: "default-image"
@@ -30692,29 +30688,22 @@ const AT = {
       this.currentTab = n, this.$emit("tab:menu-click", n);
     },
     checkIfNewTournament() {
-      if (this.tournament && Object.keys(this.tournament).length > 0 && this.tournament.Name) {
-        this.isNewTournament = !1, this.localTournament = { ...this.tournament };
-        return;
-      }
-      this.isNewTournament = !0, this.initializeTournament();
-    },
-    initializeTournament(n) {
-      const e = {
-        Name: "",
-        Address: "",
-        TotalDays: 1,
-        StartDate: "",
-        RegistrationCutOff: "",
-        Description: "",
-        HostedOnM2: !1,
-        Visibility: "Open"
-      };
-      if (n && Object.keys(n).length > 0) {
-        const t = new Date(n.StartDate), r = new Date(n.EndDate), o = !isNaN(t.getTime()) && !isNaN(r.getTime()) ? Math.max(1, (r - t) / (1e3 * 60 * 60 * 24) + 1) : 1;
-        this.localTournament = { ...n, TotalDays: o };
+      if (!this.tournament || Object.keys(this.tournament).length === 0 || !this.tournament.Name) {
+        this.isNewTournament = !0, this.localTournament = {
+          Name: "",
+          Address: "",
+          TotalDays: 1,
+          StartDate: "",
+          RegistrationCutOff: "",
+          Description: "",
+          HostedOnM2: !1,
+          Visibility: "Open"
+        };
         return;
       }
-      this.localTournament = { ...e };
+      this.isNewTournament = !1;
+      const n = new Date(this.tournament.StartDate), e = new Date(this.tournament.EndDate), t = !isNaN(n.getTime()) && !isNaN(e.getTime()) ? Math.max(1, (e - n) / (1e3 * 60 * 60 * 24) + 1) : 1;
+      this.localTournament = { ...this.tournament, TotalDays: t };
     },
     handleAddNewAddress(n) {
       this.localTournament.AddressId = 0, this.localTournament.Address = n, this.$emit("add:newAddress", n);
@@ -30728,7 +30717,7 @@ const AT = {
       }), !Object.values(this.validation).some((e) => e.invalid);
     },
     handleNewImageUrl(n) {
-      this.tournament.imageLink = n, this.$emit("update:image", n);
+      this.tournament.imageLink = n, this.imageName = n, this.$emit("update:image", n);
     },
     updateTournament(n) {
       this.localTournament = { ...this.localTournament, ...n }, Object.keys(n).forEach((e) => {
@@ -39867,7 +39856,7 @@ const l2 = /* @__PURE__ */ oe(o2, [["render", a2]]), c2 = {
   methods: {
     personProfileTabs: GO,
     handleProfilePicUpdate(n) {
-      this.person.ProfileImage = n, this.$emit("update:image", n);
+      console.log(n), this.person.ProfileImage = n, this.$emit("update:image", n);
     },
     handleSubmit() {
       this.$emit("submit:person", this.person);