@salla.sa/twilight-components 2.13.31 → 2.13.32

package/dist/cjs/salla-add-product-button_47.cjs.entry.js

@@ -28839,7 +28839,6 @@ const sallaUserMenuCss = "";
 const SallaUserMenu = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    var _a;
     this.items = {
       notifications: BellRing,
       orders: OrderIcon,
@@ -28893,7 +28892,6 @@ const SallaUserMenu = class {
     }
     //we need it to be the last item
     this.items.logout = LogoutIcon;
-    this.triggerSlot = ((_a = this.host.querySelector('[slot="trigger"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) || '<div class="s-user-menu-trigger"><div class="s-user-menu-avatar-wrap"><img class="s-user-menu-trigger-avatar" src="{avatar}" alt="{first_name}{last_name}" /></div><div class="s-user-menu-trigger-content"><span class="s-user-menu-trigger-hello">{hello}</span><p class="s-user-menu-trigger-name">{first_name} {last_name}</p></div> <i class="s-user-menu-trigger-icon">{icon}</i></div>';
     salla.onReady(() => {
       if (salla.config.isGuest()) {
         return;
@@ -28924,6 +28922,17 @@ const SallaUserMenu = class {
       }
     });
   }
+  componentWillLoad() {
+    return (new Promise((resolve) => salla.onReady(resolve))).then(() => {
+      let trigger = this.host.querySelector('[slot="trigger"]');
+      this.triggerSlot = '<div class="s-user-menu-trigger"><div class="s-user-menu-avatar-wrap"><img class="s-user-menu-trigger-avatar" src="{avatar}" alt="{first_name}{last_name}" /></div><div class="s-user-menu-trigger-content"><span class="s-user-menu-trigger-hello">{hello}</span><p class="s-user-menu-trigger-name">{first_name} {last_name}</p></div> <i class="s-user-menu-trigger-icon">{icon}</i></div>';
+      if (!trigger) {
+        return;
+      }
+      this.triggerSlot = trigger.innerHTML;
+      trigger.innerHTML = this.replaceParams(trigger.innerHTML);
+    });
+  }
   fetchFreshProfile() {
     //don't request fetchFreshProfile unless token is injected into the api
     if (!salla.api.token) {
@@ -28959,17 +28968,20 @@ const SallaUserMenu = class {
     event.preventDefault();
     salla.auth.logout('sall-user-menu');
   }
+  replaceParams(body) {
+    return body
+      .replace(/\{hello\}/g, this.hello)
+      .replace(/\{first_name\}/g, this.first_name)
+      .replace(/\{last_name\}/g, this.last_name)
+      .replace(/\{avatar\}/g, this.avatar)
+      .replace(/\{icon\}/g, ArrowDown);
+  }
   getTheHeader() {
     return index.h("div", { class: {
         's-user-menu-trigger-slot': true,
         's-user-menu-red-dot': this.hasBadges,
         's-user-menu-trigger-avatar-only': this.avatarOnly
-      }, id: 'trigger-slot', onClick: (e) => this.open(e), innerHTML: this.triggerSlot
-        .replace(/\{hello\}/g, this.hello)
-        .replace(/\{first_name\}/g, this.first_name)
-        .replace(/\{last_name\}/g, this.last_name)
-        .replace(/\{avatar\}/g, this.avatar)
-        .replace(/\{icon\}/g, ArrowDown) });
+      }, id: 'trigger-slot', onClick: (e) => this.open(e), innerHTML: this.replaceParams(this.triggerSlot) });
   }
   getMenuItem(item, i) {
     //todo:: enhancement support slot here