@taole/newgiftbar 0.0.4 → 0.0.6

package/npm/newgiftbar.es.js

@@ -562,8 +562,8 @@ const options = {
    */
   isChatTest: false,
   /**
-   * 接口域名。lib 拼 URL 时按 key 取。
-   * papi：列表/支付；yapi：充值页。未注入时按 isChatTest 拼测试/正式域。
+   * 接口域名。lib 拼 URL 时按 key 取，必须由宿主注入。
+   * papi：列表/支付；yapi：充值页。
    * @type {{ papi?: string, yapi?: string, api?: string }}
    */
   apiDomain: {},
@@ -640,1604 +640,2179 @@ const options = {
    */
   playGiftAnimation: null,
   /**
-   * 点顶栏「贵族」：厅内打开 levelm iframe。
+   * 打开限额设置页。不注入时 `window.open(getLimitSettingsUrl())`。
    * @type {() => void}
    */
-  onOpenNobility: null,
+  onOpenLimitSettings: null,
   /**
-   * 打开限额设置页。不注入时 `window.open(getLimitSettingsUrl())`。
-   * @type {() => void}
+   * 栏内改收礼人。厅内对标旧栏点 #divTeacherList 写 giftToTeacher，下次开栏带回。
+   * @type {(user: { uid: number|string, nickname: string, color?: string }) => void}
    */
-  onOpenLimitSettings: null
+  onSelectUser: null
 };
-function get_each_context$a(ctx, list, i) {
-  const child_ctx = ctx.slice();
-  child_ctx[8] = list[i];
-  return child_ctx;
-}
-function create_if_block_3$8(ctx) {
-  let b;
-  return {
-    c() {
-      b = element("b");
-      attr(b, "class", "giftbar-tab-dot");
-    },
-    m(target, anchor) {
-      insert(target, b, anchor);
-    },
-    d(detaching) {
-      if (detaching) {
-        detach(b);
+const deferred = function() {
+  const defer = {};
+  defer.promise = new Promise((resolve, reject) => {
+    defer.resolve = resolve;
+    defer.reject = reject;
+  });
+  return defer;
+};
+function createModal(_Class, props = {}, target = document.body) {
+  const wrap = document.createElement("div");
+  wrap.setAttribute("data-modal-overlay", "");
+  wrap.setAttribute("data-giftbar-modal", "");
+  target.appendChild(wrap);
+  let modal = new _Class({ target: wrap, props: { closeModal, ...props } });
+  const defer = deferred();
+  function closeModal(err, result) {
+    try {
+      modal && modal.$destroy();
+    } finally {
+      modal = null;
+      if (wrap.parentNode) {
+        wrap.parentNode.removeChild(wrap);
       }
     }
-  };
-}
-function create_each_block$a(key_1, ctx) {
-  let div;
-  let span;
-  let t0_value = (
-    /*item*/
-    ctx[8].title + ""
-  );
-  let t0;
-  let t1;
-  let t2;
-  let div_class_value;
-  let mounted;
-  let dispose;
-  let if_block = (
-    /*item*/
-    ctx[8].is_new == 1 && create_if_block_3$8()
-  );
-  function click_handler() {
-    return (
-      /*click_handler*/
-      ctx[7](
-        /*item*/
-        ctx[8]
-      )
-    );
-  }
-  return {
-    key: key_1,
-    first: null,
-    c() {
-      div = element("div");
-      span = element("span");
-      t0 = text(t0_value);
-      t1 = space();
-      if (if_block) if_block.c();
-      t2 = space();
-      attr(div, "class", div_class_value = "giftbar-tab " + /*item*/
-      (ctx[8].id == /*tabId*/
-      ctx[1] ? "giftbar-tab-on" : ""));
-      attr(div, "role", "presentation");
-      this.first = div;
-    },
-    m(target, anchor) {
-      insert(target, div, anchor);
-      append(div, span);
-      append(span, t0);
-      append(div, t1);
-      if (if_block) if_block.m(div, null);
-      append(div, t2);
-      if (!mounted) {
-        dispose = listen(div, "click", stop_propagation(click_handler));
-        mounted = true;
-      }
-    },
-    p(new_ctx, dirty) {
-      ctx = new_ctx;
-      if (dirty & /*tabs*/
-      1 && t0_value !== (t0_value = /*item*/
-      ctx[8].title + "")) set_data(t0, t0_value);
-      if (
-        /*item*/
-        ctx[8].is_new == 1
-      ) {
-        if (if_block) ;
-        else {
-          if_block = create_if_block_3$8();
-          if_block.c();
-          if_block.m(div, t2);
-        }
-      } else if (if_block) {
-        if_block.d(1);
-        if_block = null;
-      }
-      if (dirty & /*tabs, tabId*/
-      3 && div_class_value !== (div_class_value = "giftbar-tab " + /*item*/
-      (ctx[8].id == /*tabId*/
-      ctx[1] ? "giftbar-tab-on" : ""))) {
-        attr(div, "class", div_class_value);
-      }
-    },
-    d(detaching) {
-      if (detaching) {
-        detach(div);
-      }
-      if (if_block) if_block.d();
-      mounted = false;
-      dispose();
+    if (err) {
+      defer.reject(err);
+    } else {
+      defer.resolve(result);
     }
-  };
+  }
+  return { modal, closeModal, promise: defer.promise };
 }
-function create_if_block_1$l(ctx) {
-  let a;
-  let t0;
-  let t1_value = (
-    /*tip*/
-    ctx[2].text + ""
-  );
-  let t1;
-  let a_href_value;
-  let if_block = (
-    /*tip*/
-    ctx[2].img && create_if_block_2$c(ctx)
-  );
-  return {
-    c() {
-      a = element("a");
-      if (if_block) if_block.c();
-      t0 = space();
-      t1 = text(t1_value);
-      attr(a, "href", a_href_value = /*tip*/
-      ctx[2].link);
-      attr(a, "target", "_blank");
-      attr(a, "rel", "noopener noreferrer");
-    },
-    m(target, anchor) {
-      insert(target, a, anchor);
-      if (if_block) if_block.m(a, null);
-      append(a, t0);
-      append(a, t1);
-    },
-    p(ctx2, dirty) {
-      if (
-        /*tip*/
-        ctx2[2].img
-      ) {
-        if (if_block) {
-          if_block.p(ctx2, dirty);
-        } else {
-          if_block = create_if_block_2$c(ctx2);
-          if_block.c();
-          if_block.m(a, t0);
-        }
-      } else if (if_block) {
-        if_block.d(1);
-        if_block = null;
-      }
-      if (dirty & /*tip*/
-      4 && t1_value !== (t1_value = /*tip*/
-      ctx2[2].text + "")) set_data(t1, t1_value);
-      if (dirty & /*tip*/
-      4 && a_href_value !== (a_href_value = /*tip*/
-      ctx2[2].link)) {
-        attr(a, "href", a_href_value);
-      }
-    },
-    d(detaching) {
-      if (detaching) {
-        detach(a);
-      }
-      if (if_block) if_block.d();
-    }
-  };
+function joinQuery(parts) {
+  return parts.filter((item) => item && item[1] !== void 0 && item[1] !== null).map(([key, value]) => key + "=" + value).join("&");
 }
-function create_if_block_2$c(ctx) {
-  let img;
-  let img_src_value;
-  return {
-    c() {
-      img = element("img");
-      if (!src_url_equal(img.src, img_src_value = /*tip*/
-      ctx[2].img)) attr(img, "src", img_src_value);
-      attr(img, "alt", "");
-    },
-    m(target, anchor) {
-      insert(target, img, anchor);
-    },
-    p(ctx2, dirty) {
-      if (dirty & /*tip*/
-      4 && !src_url_equal(img.src, img_src_value = /*tip*/
-      ctx2[2].img)) {
-        attr(img, "src", img_src_value);
-      }
-    },
-    d(detaching) {
-      if (detaching) {
-        detach(img);
-      }
+function appendQuery(url, params) {
+  let next = url || "";
+  Object.keys(params || {}).forEach((key) => {
+    const value = params[key];
+    if (value === void 0 || value === null) {
+      return;
     }
-  };
+    const re = new RegExp("([?&])" + key + "=[^&]*");
+    if (re.test(next)) {
+      next = next.replace(re, "$1" + key + "=" + value);
+    } else {
+      next += (next.indexOf("?") >= 0 ? "&" : "?") + key + "=" + value;
+    }
+  });
+  return next;
 }
-function create_if_block$o(ctx) {
-  let div;
-  let mounted;
-  let dispose;
-  return {
-    c() {
-      div = element("div");
-      div.innerHTML = `<img src="https://asset.tuwan.com/officialsite/images/king.png" alt=""/> <span>贵族</span>`;
-      attr(div, "class", "giftbar-nobility");
-      attr(div, "role", "presentation");
-    },
-    m(target, anchor) {
-      insert(target, div, anchor);
-      if (!mounted) {
-        dispose = listen(div, "click", stop_propagation(
-          /*openNobility*/
-          ctx[5]
-        ));
-        mounted = true;
-      }
-    },
-    p: noop,
-    d(detaching) {
-      if (detaching) {
-        detach(div);
-      }
-      mounted = false;
-      dispose();
-    }
-  };
+function stripSlash(domain) {
+  return domain ? String(domain).replace(/\/$/, "") : "";
 }
-function create_fragment$s(ctx) {
-  let div2;
-  let div0;
-  let each_blocks = [];
-  let each_1_lookup = /* @__PURE__ */ new Map();
-  let t0;
-  let div1;
-  let t1;
-  let each_value = ensure_array_like(
-    /*tabs*/
-    ctx[0]
-  );
-  const get_key = (ctx2) => (
-    /*item*/
-    ctx2[8].id
-  );
-  for (let i = 0; i < each_value.length; i += 1) {
-    let child_ctx = get_each_context$a(ctx, each_value, i);
-    let key = get_key(child_ctx);
-    each_1_lookup.set(key, each_blocks[i] = create_each_block$a(key, child_ctx));
+function resolveApiDomain(kind) {
+  const map = options.apiDomain || {};
+  const injected = map[kind];
+  if (injected) {
+    return stripSlash(injected);
   }
-  let if_block0 = (
-    /*tip*/
-    ctx[2] && /*tip*/
-    ctx[2].text && /*tip*/
-    ctx[2].link && /*tip*/
-    ctx[2].kind !== "hidden" && create_if_block_1$l(ctx)
-  );
-  let if_block1 = (
-    /*showNobility*/
-    ctx[3] && create_if_block$o(ctx)
-  );
-  return {
-    c() {
-      div2 = element("div");
-      div0 = element("div");
-      for (let i = 0; i < each_blocks.length; i += 1) {
-        each_blocks[i].c();
-      }
-      t0 = space();
-      div1 = element("div");
-      if (if_block0) if_block0.c();
-      t1 = space();
-      if (if_block1) if_block1.c();
-      attr(div0, "class", "giftbar-tabs");
-      attr(div1, "class", "giftbar-tip");
-      attr(div2, "class", "giftbar-head");
-    },
-    m(target, anchor) {
-      insert(target, div2, anchor);
-      append(div2, div0);
-      for (let i = 0; i < each_blocks.length; i += 1) {
-        if (each_blocks[i]) {
-          each_blocks[i].m(div0, null);
-        }
-      }
-      append(div2, t0);
-      append(div2, div1);
-      if (if_block0) if_block0.m(div1, null);
-      append(div1, t1);
-      if (if_block1) if_block1.m(div1, null);
-    },
-    p(ctx2, [dirty]) {
-      if (dirty & /*tabs, tabId, switchTab*/
-      19) {
-        each_value = ensure_array_like(
-          /*tabs*/
-          ctx2[0]
-        );
-        each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div0, destroy_block, create_each_block$a, null, get_each_context$a);
-      }
-      if (
-        /*tip*/
-        ctx2[2] && /*tip*/
-        ctx2[2].text && /*tip*/
-        ctx2[2].link && /*tip*/
-        ctx2[2].kind !== "hidden"
-      ) {
-        if (if_block0) {
-          if_block0.p(ctx2, dirty);
-        } else {
-          if_block0 = create_if_block_1$l(ctx2);
-          if_block0.c();
-          if_block0.m(div1, t1);
-        }
-      } else if (if_block0) {
-        if_block0.d(1);
-        if_block0 = null;
-      }
-      if (
-        /*showNobility*/
-        ctx2[3]
-      ) {
-        if (if_block1) {
-          if_block1.p(ctx2, dirty);
-        } else {
-          if_block1 = create_if_block$o(ctx2);
-          if_block1.c();
-          if_block1.m(div1, null);
-        }
-      } else if (if_block1) {
-        if_block1.d(1);
-        if_block1 = null;
-      }
-    },
-    i: noop,
-    o: noop,
-    d(detaching) {
-      if (detaching) {
-        detach(div2);
-      }
-      for (let i = 0; i < each_blocks.length; i += 1) {
-        each_blocks[i].d();
-      }
-      if (if_block0) if_block0.d();
-      if (if_block1) if_block1.d();
-    }
-  };
+  throw new Error("giftBarLib apiDomain." + kind + " is required");
 }
-function instance$s($$self, $$props, $$invalidate) {
-  let { tabs = [] } = $$props;
-  let { tabId = 0 } = $$props;
-  let { tip = {
-    kind: "magic",
-    text: "",
-    link: "",
-    img: ""
-  } } = $$props;
-  let { showNobility = true } = $$props;
-  let { onClickTab } = $$props;
-  function switchTab(item) {
-    onClickTab && onClickTab(item);
-  }
-  function openNobility(event) {
-    event && event.stopPropagation && event.stopPropagation();
-    if (typeof options.onOpenNobility === "function") {
-      options.onOpenNobility();
-    }
+function assertSource(source) {
+  if (source !== "room" && source !== "im") {
+    throw new Error("giftBarLib source must be 'room' or 'im'");
   }
-  const click_handler = (item) => switchTab(item);
-  $$self.$$set = ($$props2) => {
-    if ("tabs" in $$props2) $$invalidate(0, tabs = $$props2.tabs);
-    if ("tabId" in $$props2) $$invalidate(1, tabId = $$props2.tabId);
-    if ("tip" in $$props2) $$invalidate(2, tip = $$props2.tip);
-    if ("showNobility" in $$props2) $$invalidate(3, showNobility = $$props2.showNobility);
-    if ("onClickTab" in $$props2) $$invalidate(6, onClickTab = $$props2.onClickTab);
-  };
-  return [
-    tabs,
-    tabId,
-    tip,
-    showNobility,
-    switchTab,
-    openNobility,
-    onClickTab,
-    click_handler
-  ];
 }
-class GiftTabs extends SvelteComponent {
-  constructor(options2) {
-    super();
-    init(this, options2, instance$s, create_fragment$s, safe_not_equal, {
-      tabs: 0,
-      tabId: 1,
-      tip: 2,
-      showNobility: 3,
-      onClickTab: 6
-    });
+function assertRoomPayContext(ctx) {
+  if (!ctx || ctx.cid === void 0 || ctx.cid === null || ctx.cid === "") {
+    throw new Error("source=room requires cid in getPayContext");
   }
-}
-function giftHoverTip(node, html) {
-  let tip = null;
-  let currentHtml = html || "";
-  function hide() {
-    if (tip) {
-      tip.remove();
-      tip = null;
-    }
+  if (ctx.imuid !== void 0 || ctx.group_id !== void 0) {
+    throw new Error("source=room PayContext must not include imuid/group_id");
   }
-  function show() {
-    hide();
-    if (!currentHtml) {
-      return;
-    }
-    tip = document.createElement("div");
-    tip.className = "giftbar-item-tooltip";
-    tip.innerHTML = '<div class="giftbar-item-tooltip-inner">' + currentHtml + '</div><div class="giftbar-item-tooltip-arrow"></div>';
-    document.body.appendChild(tip);
-    const rect = node.getBoundingClientRect();
-    tip.style.left = rect.left + rect.width / 2 + "px";
-    tip.style.top = rect.top + "px";
+  if (String(ctx.actid) === "101") {
+    throw new Error("source=room PayContext must not use actid=101");
   }
-  node.addEventListener("mouseenter", show);
-  node.addEventListener("mouseleave", hide);
-  window.addEventListener("scroll", hide, true);
-  return {
-    update(nextHtml) {
-      currentHtml = nextHtml || "";
-      if (tip) {
-        if (!currentHtml) {
-          hide();
-        } else {
-          show();
-        }
-      }
-    },
-    destroy() {
-      hide();
-      node.removeEventListener("mouseenter", show);
-      node.removeEventListener("mouseleave", hide);
-      window.removeEventListener("scroll", hide, true);
-    }
-  };
 }
-const OSS_HOST_RE = /(^|\.)tuwandata\.com$|(^|\.)img\d*\.tuwan\.com$/i;
-const PROCESS = "image/resize,m_fill,w_128,h_128/format,webp";
-function giftListThumbUrl(src) {
-  if (!src || typeof src !== "string") {
-    return src || "";
-  }
-  if (/^(data:|blob:)/i.test(src)) {
-    return src;
+function hasValue$3(value) {
+  return value !== void 0 && value !== null && value !== "";
+}
+function assertImPayContext(ctx) {
+  if (!ctx) {
+    throw new Error("source=im requires getPayContext");
   }
-  if (/[?&]x-oss-process=/i.test(src)) {
-    return src;
+  if (!hasValue$3(ctx.imuid) && !hasValue$3(ctx.group_id)) {
+    throw new Error("source=im requires imuid or group_id in getPayContext");
   }
-  try {
-    const url = new URL(src, typeof location !== "undefined" ? location.href : "https://www.tuwan.com");
-    if (!OSS_HOST_RE.test(url.hostname)) {
-      return src;
-    }
-    url.searchParams.set("x-oss-process", PROCESS);
-    return url.toString();
-  } catch (e) {
-    return src;
+  if (hasValue$3(ctx.cid)) {
+    throw new Error("source=im PayContext must not include cid");
+  }
+  if (ctx.is_whole_wheat !== void 0) {
+    throw new Error("source=im PayContext must not include is_whole_wheat");
   }
 }
-const PRELOAD_MARGIN = "240px 0px";
-const GIFT_IMG_PLACEHOLDER = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-function findGridRoot(node) {
-  return node.closest ? node.closest(".giftbar-grid") : null;
+function getSource() {
+  return options.source;
 }
-function setSrc(node, src) {
-  if (node.getAttribute("src") === src) {
-    return;
+function isImSource() {
+  return options.source === "im";
+}
+function papi() {
+  return resolveApiDomain("papi");
+}
+function yapi() {
+  return resolveApiDomain("yapi");
+}
+function hasValue$2(value) {
+  return value !== void 0 && value !== null && value !== "";
+}
+function sceneParts$1(ctx) {
+  if (hasValue$2(ctx && ctx.group_id)) {
+    return [["group_id", ctx.group_id]];
   }
-  node.setAttribute("src", src);
+  return [["imuid", ctx && ctx.imuid]];
 }
-function lazyGiftImg(node, src) {
-  let currentSrc = src || "";
-  let observer = null;
-  function clearObserver() {
-    if (observer) {
-      observer.disconnect();
-      observer = null;
-    }
+function openParts(giftId, num, paySure, ctx) {
+  return [
+    ["giftid", giftId],
+    ["num", num || 1],
+    ["pay_confirm", 1],
+    ["apiver", 1],
+    ["pay_sure", paySure || 0],
+    ["uids", ctx && ctx.selfUid],
+    ...sceneParts$1(ctx)
+  ];
+}
+function getRechargeUrl() {
+  return yapi() + "/activityapi/recharge";
+}
+function getLimitSettingsUrl() {
+  return "https://y" + (options.isChatTest ? "-test" : "") + ".tuwan.com/home/consume-check";
+}
+function giveUpConsumeLimitUrl() {
+  return yapi() + "/user/setGiftRemindSetting?format=jsonp";
+}
+function giftListsUrl(cid, navid) {
+  return papi() + "/Teacher/giftLists?format=jsonp&platform=0" + (hasValue$2(cid) ? "&cid=" + cid : "") + "&navid=" + navid + "&apiver=4";
+}
+function haveGiftUrl(cid, navid) {
+  return papi() + "/Teacher/haveGift?format=jsonp&mode=2" + (hasValue$2(cid) ? "&cid=" + cid : "") + "&navid=" + navid;
+}
+function getMoneyUrl() {
+  return papi() + "/Teacher/getMoney";
+}
+function diamondGiftMoreUrl(query) {
+  return papi() + "/Diamond/giftMore?" + query;
+}
+function giveGiftUrl(query) {
+  return papi() + "/Teacher/giveGift?" + query;
+}
+function giveGiftInfoUrl(cid, giftId) {
+  return yapi() + "/nobility/getGiveGiftInfo?cid=" + cid + "&id=" + giftId + "&freeCardTypeid=2&format=jsonp";
+}
+function treasureBuyUrl(query) {
+  return papi() + "/Treasure/buy?format=jsonp&" + query;
+}
+function blindBoxPayUrl(query) {
+  return papi() + "/treasure/blindBox?format=jsonp&" + query;
+}
+function blindBoxImgListUrl(giftId) {
+  return papi() + "/gift/blindBoxImgList?format=jsonp&gift_id=" + giftId;
+}
+function treasureGetInfoUrl(giftId) {
+  return papi() + "/TreasureV3/getInfo?giftid=" + giftId + "&apiver=1";
+}
+function treasureGetRecordUrl(giftId, page, step) {
+  return papi() + "/TreasureV3/getRecord?format=jsonp&giftid=" + giftId + "&page=" + page + "&step=" + (step || 10);
+}
+function treasureGoldUrl(giftId, cid, num, paySure, ctx) {
+  if (isImSource()) {
+    return papi() + "/TreasureV3/gold?" + joinQuery(openParts(giftId, num, paySure, ctx));
   }
-  function applySrc() {
-    setSrc(node, currentSrc || GIFT_IMG_PLACEHOLDER);
+  return papi() + "/TreasureV3/gold?giftid=" + giftId + "&cid=" + cid + "&num=" + (num || 1) + "&pay_confirm=1&pay_sure=" + (paySure || 0);
+}
+function treasureV3BuyUrl(giftId, cid, num, paySure, ctx) {
+  if (isImSource()) {
+    return papi() + "/TreasureV3/buy?" + joinQuery(openParts(giftId, num, paySure, ctx));
   }
-  function observe() {
-    clearObserver();
-    setSrc(node, GIFT_IMG_PLACEHOLDER);
-    if (!currentSrc) {
-      return;
-    }
-    if (typeof IntersectionObserver !== "function") {
-      applySrc();
-      return;
-    }
-    const root = findGridRoot(node);
-    observer = new IntersectionObserver(
-      (entries) => {
-        const hit = entries.some((item) => item.isIntersecting);
-        if (!hit) {
-          return;
-        }
-        applySrc();
-        clearObserver();
-      },
-      { root: root || null, rootMargin: PRELOAD_MARGIN, threshold: 0.01 }
-    );
-    observer.observe(node);
+  return papi() + "/TreasureV3/buy?giftid=" + giftId + "&cid=" + cid + "&num=" + (num || 1) + "&pay_confirm=1&pay_sure=" + (paySure || 0);
+}
+function modalBlindBoxPayUrl(giftId, cid, num, worth, isBuy, ctx) {
+  if (isImSource()) {
+    return papi() + "/treasure/blindBox?" + joinQuery([
+      ["anonymous", 0],
+      ["actid", 100],
+      ["platform", 0],
+      ["giftid", giftId],
+      ["num", num || 1],
+      ["pay_confirm", 1],
+      ["apiver", 1],
+      ["pay_sure", 0],
+      ["worth", worth || 0],
+      ["is_buy", isBuy || 0],
+      ["uids", ctx && ctx.selfUid],
+      ...sceneParts$1(ctx)
+    ]);
   }
-  observe();
-  return {
-    update(nextSrc) {
-      const next = nextSrc || "";
-      if (next === currentSrc) {
-        return;
-      }
-      currentSrc = next;
-      observe();
-    },
-    destroy() {
-      clearObserver();
-    }
-  };
+  return papi() + "/treasure/blindBox?format=jsonp&giftid=" + giftId + "&cid=" + cid + "&num=" + (num || 1) + "&worth=" + (worth || 0) + "&is_buy=" + (isBuy || 0);
 }
-function get_each_context$9(ctx, list, i) {
-  const child_ctx = ctx.slice();
-  child_ctx[7] = list[i];
-  return child_ctx;
+function diamondPrefixQuery(parts) {
+  return "anonymous=0&actid=" + (isImSource() ? 101 : 100) + "&platform=0&" + joinQuery(parts);
 }
-function create_if_block_5$5(ctx) {
-  let span;
-  let t_value = (
-    /*giftItem*/
-    ctx[7].tag + ""
-  );
-  let t;
-  return {
-    c() {
-      span = element("span");
-      t = text(t_value);
-      attr(span, "class", "giftbar-item-tag");
-    },
-    m(target, anchor) {
-      insert(target, span, anchor);
-      append(span, t);
-    },
-    p(ctx2, dirty) {
-      if (dirty & /*gifts*/
-      1 && t_value !== (t_value = /*giftItem*/
-      ctx2[7].tag + "")) set_data(t, t_value);
-    },
-    d(detaching) {
-      if (detaching) {
-        detach(span);
-      }
-    }
-  };
+function boxPrefixQuery(parts) {
+  return "anonymous=0&actid=100&platform=0&" + joinQuery(parts);
 }
-function create_if_block_3$7(ctx) {
-  let div;
-  let t0;
-  let t1_value = (
-    /*giftItem*/
-    ctx[7].unitText + ""
-  );
-  let t1;
-  let if_block = (
-    /*giftItem*/
-    ctx[7].picIcon && create_if_block_4$6(ctx)
-  );
-  return {
-    c() {
-      div = element("div");
-      if (if_block) if_block.c();
-      t0 = space();
-      t1 = text(t1_value);
-      attr(div, "class", "giftbar-item-unit");
-    },
-    m(target, anchor) {
-      insert(target, div, anchor);
-      if (if_block) if_block.m(div, null);
-      append(div, t0);
-      append(div, t1);
-    },
-    p(ctx2, dirty) {
-      if (
-        /*giftItem*/
-        ctx2[7].picIcon
-      ) {
-        if (if_block) {
-          if_block.p(ctx2, dirty);
-        } else {
-          if_block = create_if_block_4$6(ctx2);
-          if_block.c();
-          if_block.m(div, t0);
-        }
-      } else if (if_block) {
-        if_block.d(1);
-        if_block = null;
-      }
-      if (dirty & /*gifts*/
-      1 && t1_value !== (t1_value = /*giftItem*/
-      ctx2[7].unitText + "")) set_data(t1, t1_value);
-    },
-    d(detaching) {
-      if (detaching) {
-        detach(div);
-      }
-      if (if_block) if_block.d();
-    }
-  };
+function platformPrefixQuery(parts) {
+  return "platform=0&" + joinQuery(parts);
 }
-function create_if_block_4$6(ctx) {
-  let img;
-  let img_class_value;
-  let img_src_value;
-  return {
-    c() {
-      img = element("img");
-      attr(img, "class", img_class_value = /*giftItem*/
-      ctx[7].isCrystal ? "is-crystal" : "");
-      if (!src_url_equal(img.src, img_src_value = /*giftItem*/
-      ctx[7].picIcon)) attr(img, "src", img_src_value);
-      attr(img, "alt", "");
+function getCrystalBlindBoxBaseUrl() {
+  if (options.isChatTest) {
+    return "https://act-test.tuwan.com/cdn/s1season-box.html";
+  }
+  const host = window.location.host || "";
+  const actHost = host.indexOf("diandiankaihei.com") > -1 ? "act.diandiankaihei.com" : "act.tuwan.com";
+  return "https://" + actHost + "/cdn/s1season-box.html";
+}
+function getCrystalBlindBoxUrl(cid, giftId, navid) {
+  const base = getCrystalBlindBoxBaseUrl();
+  if (isImSource()) {
+    return base + "?giftId=" + giftId + "&navid=" + navid;
+  }
+  return base + "?cid=" + cid + "&giftId=" + giftId;
+}
+const TAB_PACKAGE = 3;
+const TAB_CRYSTAL = 7;
+const PACKAGE_TAB_IDS = [TAB_PACKAGE, TAB_CRYSTAL];
+const MAGIC_GIFT_IDS = [866, 873, 1583, 155, 156];
+const NO_WHOLE_WHEAT_GIFT_IDS = [37, 9, 10, 55, 1293];
+const CRYSTAL_IMG = "https://asset.tuwan.com/chatroom/images/icon_new_crystal.png";
+const ZHUANSHI_IMG = "https://res.tuwan.com/templet/play/public/images/zuanshi.png";
+const EMPTY_BAG_IMG = "https://asset.tuwan.com/images/chartRoomNoGift.png";
+const DEFAULT_MAGIC_TIP_LINK = "https://y.tuwan.com/activities/900325Cdc25ee#/";
+const DEFAULT_CRYSTAL_TIP_LINK = "https://y.tuwan.com/activity/340Cb43562?v=1703303588331#/";
+const IM_DEFAULT_MAGIC_TIP_LINK = "https://y.tuwan.com/activity/36C33a2de?v=1656553263108#/";
+function isPackageTab(tabId) {
+  return PACKAGE_TAB_IDS.indexOf(Number(tabId)) > -1;
+}
+function getVipLevelUrl() {
+  return "https://y" + (options.isChatTest ? "-test" : "") + ".tuwan.com/vip_level";
+}
+function getNobilityUrl() {
+  return "https://y" + (options.isChatTest ? "-test" : "") + ".tuwan.com/levelm";
+}
+function getEmptyBagImg() {
+  return EMPTY_BAG_IMG;
+}
+function nrTobr(desc) {
+  if (!desc || typeof desc !== "string") {
+    return "";
+  }
+  return desc.replace(/\r\n/g, "<br>").replace(/\n/g, "<br>");
+}
+function formatBoxtitle(text2) {
+  if (!text2 || typeof text2 !== "string") {
+    return "";
+  }
+  const arr = text2.split("有机会获得");
+  if (arr.length > 1) {
+    return '有机会获得<span style="color:#ff6691;">' + arr[1] + "</span>";
+  }
+  return "";
+}
+function formatMoney(money, location2) {
+  const value = money * 1;
+  if (isNaN(value)) {
+    return money == null ? "" : String(money);
+  }
+  if (location2) {
+    if (value >= 1e4) {
+      return (value / 1e4).toFixed(2) + "w";
+    }
+    const moneyStr = value.toFixed(2) + "";
+    if (moneyStr.indexOf(".") === 4) {
+      return parseInt(String(value), 10);
+    }
+    return value.toFixed(2);
+  }
+  return value >= 1e4 ? (value / 1e4).toFixed(2) + "w" : parseInt(String(value), 10);
+}
+function stripHonorName(nickname) {
+  if (!nickname || typeof nickname !== "string") {
+    return nickname || "";
+  }
+  const marks = ["♕", "♚", "♔", "☬"];
+  for (let i = 0; i < marks.length; i++) {
+    if (nickname.indexOf(marks[i]) > -1) {
+      const part = nickname.split(marks[i])[1] || "";
+      return part || nickname;
+    }
+  }
+  return nickname;
+}
+function isIframeBlindBox(gift, tabId) {
+  return Number(tabId) === TAB_CRYSTAL && Number(gift && gift.type) === 24 && Number(gift && gift.worth) === 3;
+}
+function isBlindBoxModalGift(gift, tabId) {
+  const navid = Number(tabId);
+  const type = Number(gift && gift.type);
+  const id = Number(gift && gift.id);
+  const worth = Number(gift && gift.worth);
+  if (type !== 24 || id <= 1218) {
+    return false;
+  }
+  if (isImSource()) {
+    if (navid !== TAB_PACKAGE && navid !== TAB_CRYSTAL) {
+      return false;
+    }
+    return worth !== 3;
+  }
+  return navid === TAB_PACKAGE;
+}
+function canSendToSelf(gift, tabId) {
+  return Number(tabId) === TAB_PACKAGE && Number(gift && gift.type) === 7 || Number(gift && gift.id) === 383;
+}
+function allowEmptyWheat(gift, tabId) {
+  const type = Number(gift && gift.type);
+  const navid = Number(tabId);
+  return navid === TAB_PACKAGE && type === 7 || navid === TAB_CRYSTAL && type === 7 || navid === TAB_PACKAGE && type === 24;
+}
+function getGiftButtonStatus(gift, tabId, isSend) {
+  const empty2 = { send: false, open: false, use: false, sendLabel: "赠送" };
+  if (!gift) {
+    return { send: true, open: false, use: false, sendLabel: "赠送" };
+  }
+  const id = Number(gift.id);
+  const type = Number(gift.type);
+  const worth = Number(gift.worth);
+  const touid = Number(gift.to_uid || 0);
+  const navid = Number(tabId);
+  if (type === 29) {
+    if (isImSource()) {
+      return { ...empty2, send: true };
+    }
+    return { ...empty2, use: true };
+  }
+  if (navid === TAB_PACKAGE || navid === TAB_CRYSTAL) {
+    if (isImSource() && type === 24 && worth === 3 && navid !== TAB_CRYSTAL) {
+      return { ...empty2, send: true };
+    }
+    if (id === 383 || id === 873) {
+      return { ...empty2, open: true };
+    }
+    if (id === 866 || id === 1583) {
+      return { ...empty2, open: true, send: isImSource() ? false : Number(isSend) === 1 };
+    }
+    if (isImSource() && (id === 155 || id === 156)) {
+      return { ...empty2, open: true };
+    }
+    if (id === 384 || id === 389) {
+      return { ...empty2, use: true };
+    }
+    if (type === 7 || type === 24) {
+      return { ...empty2, open: true };
+    }
+    if (type === 16) {
+      return touid === 0 ? { ...empty2, use: true } : { ...empty2, send: true };
+    }
+    if (type === 37) {
+      return { ...empty2, send: true, sendLabel: "使用" };
+    }
+    return { ...empty2, send: true };
+  }
+  if (type === 37) {
+    return { ...empty2, send: true, sendLabel: "使用" };
+  }
+  return { ...empty2, send: true };
+}
+function getSelectUiState(gift, tabId, isSend) {
+  const buttons = getGiftButtonStatus(gift, tabId, isSend);
+  const effectiveIsSend = buttons.send && buttons.open ? isSend : buttons.send ? 1 : 0;
+  const state = {
+    countLocked: false,
+    showCountArrow: true,
+    recipient: "user",
+    showSendLabel: true,
+    boxTitleHtml: "",
+    sendLabel: buttons.sendLabel,
+    buttons
+  };
+  if (!gift) {
+    return state;
+  }
+  const id = Number(gift.id);
+  const type = Number(gift.type);
+  const navid = Number(tabId);
+  const touid = Number(gift.to_uid || 0);
+  const worth = Number(gift.worth);
+  if (type === 30) {
+    state.recipient = "room";
+    return state;
+  }
+  if (type === 37) {
+    state.countLocked = true;
+    state.showCountArrow = false;
+    state.showSendLabel = false;
+    state.recipient = "giftTitle";
+    return state;
+  }
+  if (id === 866 || id === 1583) {
+    if (Number(effectiveIsSend) === 1) {
+      state.recipient = "user";
+    } else {
+      state.recipient = "box";
+      state.boxTitleHtml = formatBoxtitle(gift.intro);
+    }
+    return state;
+  }
+  if (id === 368) {
+    state.recipient = "none";
+    return state;
+  }
+  if (id === 389) {
+    state.recipient = "box";
+    state.boxTitleHtml = '礼包价值：<span style="color:#ff6691;">' + gift.price / 100 + "点点币</span>";
+    return state;
+  }
+  if (navid === TAB_CRYSTAL && type === 7 || navid === TAB_PACKAGE && type === 7 || id === 873) {
+    state.recipient = "box";
+    state.boxTitleHtml = formatBoxtitle(gift.intro);
+    return state;
+  }
+  if (type === 16) {
+    state.recipient = touid === 0 ? "none" : "user";
+    return state;
+  }
+  if (navid === TAB_CRYSTAL && type === 24 && worth === 3) {
+    state.recipient = "user";
+    return state;
+  }
+  if (navid === TAB_PACKAGE && type === 24) {
+    state.recipient = "box";
+    state.boxTitleHtml = formatBoxtitle(gift.intro);
+    return state;
+  }
+  return state;
+}
+function getTipState(gift, tabId) {
+  const navid = Number(tabId);
+  if (isImSource()) {
+    if (!gift) {
+      return { kind: "hidden", text: "", link: "", img: "" };
+    }
+    const type2 = Number(gift.type);
+    const id = Number(gift.id);
+    if (type2 === 24 && (id <= 1218 || gift.explain_url)) {
+      return {
+        kind: "box",
+        text: "礼盒礼物说明",
+        link: id > 1218 ? gift.explain_url : "https://y.tuwan.com/activity/575C87d860?giftId=" + gift.id,
+        img: gift.pic || ""
+      };
+    }
+    if (gift.explain_url) {
+      return {
+        kind: "magic",
+        text: navid === TAB_CRYSTAL ? "紫晶魔法说明" : "魔法礼物说明",
+        link: gift.explain_url,
+        img: ""
+      };
+    }
+    if (navid === TAB_CRYSTAL) {
+      return {
+        kind: "magic",
+        text: "紫晶魔法说明",
+        link: DEFAULT_CRYSTAL_TIP_LINK,
+        img: ""
+      };
+    }
+    return {
+      kind: "magic",
+      text: "魔法礼物说明",
+      link: IM_DEFAULT_MAGIC_TIP_LINK,
+      img: ""
+    };
+  }
+  const tabDefault = navid === TAB_CRYSTAL ? { kind: "magic", text: "紫晶魔法说明", link: DEFAULT_CRYSTAL_TIP_LINK, img: "" } : { kind: "magic", text: "魔法礼物说明", link: DEFAULT_MAGIC_TIP_LINK, img: "" };
+  if (!gift) {
+    return tabDefault;
+  }
+  const type = Number(gift.type);
+  const worth = Number(gift.worth);
+  if (type === 30 || type === 31 || type === 32) {
+    return { kind: "vip", text: "VIP财富等级", link: getVipLevelUrl(), img: "" };
+  }
+  if (type === 37) {
+    return tabDefault;
+  }
+  if (type === 24 && worth === 3 && navid !== TAB_PACKAGE && navid !== TAB_CRYSTAL) {
+    return {
+      kind: "magic",
+      text: "魔法礼物说明",
+      link: gift.explain_url || DEFAULT_MAGIC_TIP_LINK,
+      img: ""
+    };
+  }
+  if (type === 24) {
+    if (gift.explain_url) {
+      return {
+        kind: "box",
+        text: "礼盒礼物说明",
+        link: gift.explain_url,
+        img: gift.pic || ""
+      };
+    }
+    return {
+      kind: "magic",
+      text: "魔法礼物说明",
+      link: DEFAULT_MAGIC_TIP_LINK,
+      img: ""
+    };
+  }
+  if (gift.explain_url) {
+    return {
+      kind: "magic",
+      text: "魔法礼物说明",
+      link: gift.explain_url,
+      img: ""
+    };
+  }
+  return tabDefault;
+}
+function isMagicGift(gift, tabId) {
+  const id = Number(gift && gift.id);
+  const navid = Number(tabId);
+  if (isImSource()) {
+    if (navid !== TAB_PACKAGE && navid !== TAB_CRYSTAL) {
+      return false;
+    }
+    if (Number(gift && gift.type) === 24 && Number(gift && gift.worth) === 3) {
+      return false;
+    }
+    if (Number(gift && gift.type) === 24 && id > 1218) {
+      return false;
+    }
+    return MAGIC_GIFT_IDS.indexOf(id) > -1;
+  }
+  if (id === 866 || id === 873 || id === 1583) {
+    return true;
+  }
+  return navid === TAB_PACKAGE && (id === 155 || id === 156);
+}
+function getSelectHostEffect(gift, tabId) {
+  if (!gift) {
+    return "";
+  }
+  const id = Number(gift.id);
+  const type = Number(gift.type);
+  if (id === 368 || id === 389) {
+    return "click";
+  }
+  if (id === 383) {
+    return "";
+  }
+  if (type === 16 && Number(gift.to_uid || 0) === 0) {
+    return "click";
+  }
+  if (type === 1e4) {
+    return "click";
+  }
+  if (type === 29) {
+    if (isImSource()) {
+      return "";
+    }
+    return "pardon";
+  }
+  return "";
+}
+function resolveFooterAction(action, gift, tabId, selectedUser) {
+  if (!gift || !gift.id) {
+    return { kind: "alert", message: "请选择一个礼物" };
+  }
+  const id = Number(gift.id);
+  const type = Number(gift.type);
+  const navid = Number(tabId);
+  const touid = Number(gift.to_uid || 0);
+  const uid = selectedUser ? Number(selectedUser.uid) : 0;
+  if (action === "use") {
+    if (type === 29) {
+      if (isImSource()) {
+        return { kind: "pay", payAction: "send" };
+      }
+      return { kind: "pardon" };
+    }
+    if (id === 389) {
+      return { kind: "hostClick" };
+    }
+    if (type === 16 && touid === 0) {
+      return { kind: "hostClick" };
+    }
+    return { kind: "pay", payAction: "send" };
+  }
+  if (action === "send") {
+    if (Number(gift.question_gift) === 1) {
+      return { kind: "question" };
+    }
+    if (type === 30 || type === 37) {
+      return { kind: "hostUse" };
+    }
+    if (id === 1293 && uid === 0) {
+      return { kind: "alert", message: "该礼物不能赠送全麦" };
+    }
+    return { kind: "pay", payAction: "send" };
+  }
+  if (isIframeBlindBox(gift, navid)) {
+    return { kind: "iframe" };
+  }
+  if (isBlindBoxModalGift(gift, navid)) {
+    return { kind: "blindBox" };
+  }
+  if (isMagicGift(gift, navid)) {
+    return { kind: "magic" };
+  }
+  if (id === 383) {
+    return { kind: "hostClick" };
+  }
+  if (id === 368 || id === 389) {
+    return { kind: "hostClick" };
+  }
+  if (type === 16 && touid === 0) {
+    return { kind: "hostClick" };
+  }
+  return { kind: "pay", payAction: "open" };
+}
+let guidIdx = 0;
+function nextGuid(navid, id, index) {
+  if (index !== void 0 && index !== null) {
+    return "giftbar_" + navid + "_" + id + "_" + index;
+  }
+  guidIdx += 1;
+  return "giftbar_" + navid + "_" + id + "_" + guidIdx;
+}
+function transformShopGift(navid, temp, index) {
+  const worth = Number(temp.worth);
+  temp.picIcon = worth === 3 ? CRYSTAL_IMG : ZHUANSHI_IMG;
+  temp.isCrystal = worth === 3;
+  temp.unitText = temp.diamond + (worth === 3 ? "紫晶" : "钻");
+  temp.unitText2 = "";
+  if (temp.worth === void 0) {
+    temp.worth = 0;
+  }
+  temp.atitle = temp.intro && temp.intro !== " " ? nrTobr(temp.intro) : "";
+  temp.guid = nextGuid(navid, temp.id, index);
+}
+function transformBagGift(navid, temp, index) {
+  const type = Number(temp.type);
+  const worth = Number(temp.worth);
+  const id = Number(temp.id);
+  const num = temp.num;
+  const price = temp.price;
+  const priority = Number(temp.priority_display) || 0;
+  temp.picIcon = "";
+  temp.unitText = "";
+  temp.unitText2 = "";
+  temp.isCrystal = false;
+  if (type === 24 && worth === 3) {
+    if (priority > 0) {
+      temp.picIcon = CRYSTAL_IMG;
+      temp.isCrystal = true;
+      temp.unitText = String(price / 10);
+    } else {
+      temp.unitText2 = "x" + num;
+    }
+  } else if (Number(navid) === TAB_CRYSTAL && type === 7) {
+    temp.picIcon = CRYSTAL_IMG;
+    temp.isCrystal = true;
+    temp.unitText = String(price / 10);
+  } else {
+    let giftNum = "";
+    if (type === 7 || Number(navid) === TAB_PACKAGE && priority > 0) {
+      giftNum = price / 10 + "钻";
+    } else {
+      giftNum = "x" + num;
+    }
+    if (Number(navid) === TAB_PACKAGE && priority > 0) {
+      temp.picIcon = ZHUANSHI_IMG;
+      temp.unitText = giftNum;
+    } else if (id === 155 || id === 156) {
+      temp.picIcon = ZHUANSHI_IMG;
+      temp.unitText = giftNum;
+    } else {
+      temp.unitText2 = giftNum;
+    }
+  }
+  if (temp.worth === void 0) {
+    temp.worth = 0;
+  }
+  temp.atitle = temp.intro && temp.intro !== " " ? nrTobr(temp.intro) : "";
+  temp.guid = nextGuid(navid, temp.id, index);
+}
+function create_fragment$s(ctx) {
+  let div1;
+  let div0;
+  let iframe;
+  let iframe_src_value;
+  let mounted;
+  let dispose;
+  return {
+    c() {
+      div1 = element("div");
+      div0 = element("div");
+      iframe = element("iframe");
+      attr(iframe, "title", "blind-box");
+      if (!src_url_equal(iframe.src, iframe_src_value = /*url*/
+      ctx[0])) attr(iframe, "src", iframe_src_value);
+      attr(
+        iframe,
+        "width",
+        /*width*/
+        ctx[1]
+      );
+      attr(
+        iframe,
+        "height",
+        /*height*/
+        ctx[2]
+      );
+      attr(iframe, "frameborder", "0");
+      attr(
+        iframe,
+        "allow",
+        /*iframeAllow*/
+        ctx[5]
+      );
+      attr(iframe, "class", "svelte-1ma5gxj");
+      attr(div0, "role", "presentation");
+      attr(div0, "class", "giftbar-iframe-wrap svelte-1ma5gxj");
+      set_style(
+        div0,
+        "width",
+        /*width*/
+        ctx[1] + "px"
+      );
+      set_style(
+        div0,
+        "height",
+        /*height*/
+        ctx[2] + "px"
+      );
+      attr(
+        div1,
+        "id",
+        /*iframeId*/
+        ctx[3]
+      );
+      attr(div1, "class", "giftbar-iframe-mask svelte-1ma5gxj");
+      attr(div1, "role", "presentation");
     },
     m(target, anchor) {
-      insert(target, img, anchor);
+      insert(target, div1, anchor);
+      append(div1, div0);
+      append(div0, iframe);
+      ctx[11](iframe);
+      if (!mounted) {
+        dispose = [
+          listen(div0, "click", stop_propagation(
+            /*click_handler*/
+            ctx[10]
+          )),
+          listen(div1, "click", stop_propagation(
+            /*onMaskClick*/
+            ctx[6]
+          ))
+        ];
+        mounted = true;
+      }
     },
-    p(ctx2, dirty) {
-      if (dirty & /*gifts*/
-      1 && img_class_value !== (img_class_value = /*giftItem*/
-      ctx2[7].isCrystal ? "is-crystal" : "")) {
-        attr(img, "class", img_class_value);
+    p(ctx2, [dirty]) {
+      if (dirty & /*url*/
+      1 && !src_url_equal(iframe.src, iframe_src_value = /*url*/
+      ctx2[0])) {
+        attr(iframe, "src", iframe_src_value);
+      }
+      if (dirty & /*width*/
+      2) {
+        attr(
+          iframe,
+          "width",
+          /*width*/
+          ctx2[1]
+        );
       }
-      if (dirty & /*gifts*/
-      1 && !src_url_equal(img.src, img_src_value = /*giftItem*/
-      ctx2[7].picIcon)) {
-        attr(img, "src", img_src_value);
+      if (dirty & /*height*/
+      4) {
+        attr(
+          iframe,
+          "height",
+          /*height*/
+          ctx2[2]
+        );
+      }
+      if (dirty & /*iframeAllow*/
+      32) {
+        attr(
+          iframe,
+          "allow",
+          /*iframeAllow*/
+          ctx2[5]
+        );
+      }
+      if (dirty & /*width*/
+      2) {
+        set_style(
+          div0,
+          "width",
+          /*width*/
+          ctx2[1] + "px"
+        );
+      }
+      if (dirty & /*height*/
+      4) {
+        set_style(
+          div0,
+          "height",
+          /*height*/
+          ctx2[2] + "px"
+        );
+      }
+      if (dirty & /*iframeId*/
+      8) {
+        attr(
+          div1,
+          "id",
+          /*iframeId*/
+          ctx2[3]
+        );
       }
     },
+    i: noop,
+    o: noop,
     d(detaching) {
       if (detaching) {
-        detach(img);
+        detach(div1);
       }
+      ctx[11](null);
+      mounted = false;
+      run_all(dispose);
     }
   };
 }
-function create_if_block_2$b(ctx) {
-  let div;
-  let t_value = (
-    /*giftItem*/
-    ctx[7].unitText2 + ""
+function instance$s($$self, $$props, $$invalidate) {
+  let iframeAllow;
+  let { closeModal } = $$props;
+  let { url = "" } = $$props;
+  let { width = 400 } = $$props;
+  let { height = 585 } = $$props;
+  let { onRefreshHaveGift = null } = $$props;
+  let { iframeId = "" } = $$props;
+  let { closeOnMask = false } = $$props;
+  let frameEl;
+  let closed = false;
+  function onMaskClick() {
+    if (closeOnMask) {
+      handleClose();
+      return;
+    }
+    tryCloseIframe();
+  }
+  function tryCloseIframe() {
+    if (!frameEl || !frameEl.contentWindow) {
+      return;
+    }
+    frameEl.contentWindow.postMessage(
+      {
+        channel: "common_iframe",
+        type: "tryClose",
+        data: { iframeId }
+      },
+      "*"
+    );
+  }
+  function handleClose() {
+    if (closed) {
+      return;
+    }
+    closed = true;
+    onRefreshHaveGift && onRefreshHaveGift();
+    closeModal && closeModal(null, true);
+  }
+  function onMessage(event) {
+    const data = event.data;
+    if (!data) {
+      return;
+    }
+    if (data.closeIframe || data.channel === "common_iframe" && data.type === "closeIframe") {
+      if (data.id && iframeId && String(data.id) !== String(iframeId)) {
+        return;
+      }
+      handleClose();
+      return;
+    }
+    if (data.channel === "common_iframe" && data.type === "refreshHaveGift") {
+      onRefreshHaveGift && onRefreshHaveGift();
+    }
+  }
+  onMount(() => {
+    window.addEventListener("message", onMessage);
+  });
+  onDestroy(() => {
+    window.removeEventListener("message", onMessage);
+  });
+  function click_handler(event) {
+    bubble.call(this, $$self, event);
+  }
+  function iframe_binding($$value) {
+    binding_callbacks[$$value ? "unshift" : "push"](() => {
+      frameEl = $$value;
+      $$invalidate(4, frameEl);
+    });
+  }
+  $$self.$$set = ($$props2) => {
+    if ("closeModal" in $$props2) $$invalidate(7, closeModal = $$props2.closeModal);
+    if ("url" in $$props2) $$invalidate(0, url = $$props2.url);
+    if ("width" in $$props2) $$invalidate(1, width = $$props2.width);
+    if ("height" in $$props2) $$invalidate(2, height = $$props2.height);
+    if ("onRefreshHaveGift" in $$props2) $$invalidate(8, onRefreshHaveGift = $$props2.onRefreshHaveGift);
+    if ("iframeId" in $$props2) $$invalidate(3, iframeId = $$props2.iframeId);
+    if ("closeOnMask" in $$props2) $$invalidate(9, closeOnMask = $$props2.closeOnMask);
+  };
+  $$invalidate(5, iframeAllow = options.isChatTest ? "local-network-access 'src'" : void 0);
+  return [
+    url,
+    width,
+    height,
+    iframeId,
+    frameEl,
+    iframeAllow,
+    onMaskClick,
+    closeModal,
+    onRefreshHaveGift,
+    closeOnMask,
+    click_handler,
+    iframe_binding
+  ];
+}
+class IframeModal extends SvelteComponent {
+  constructor(options2) {
+    super();
+    init(this, options2, instance$s, create_fragment$s, safe_not_equal, {
+      closeModal: 7,
+      url: 0,
+      width: 1,
+      height: 2,
+      onRefreshHaveGift: 8,
+      iframeId: 3,
+      closeOnMask: 9
+    });
+  }
+}
+function showExplainIframe(url) {
+  if (!url) {
+    return;
+  }
+  const iframeId = "iframe_" + Date.now();
+  const joined = url + (url.indexOf("?") >= 0 ? "&" : "?") + "eleId=" + encodeURIComponent(iframeId);
+  return createModal(
+    IframeModal,
+    {
+      url: joined,
+      iframeId,
+      width: 375,
+      height: 700,
+      closeOnMask: true
+    },
+    document.body
   );
-  let t;
+}
+function showNobilityIframe() {
+  return showExplainIframe(getNobilityUrl());
+}
+function showIframeBlindBox({ cid, giftId, navid, onRefreshHaveGift }) {
+  const iframeId = "iframe_" + Date.now();
+  const base = getCrystalBlindBoxUrl(cid, giftId, navid);
+  const url = base + (base.indexOf("?") >= 0 ? "&" : "?") + "eleId=" + encodeURIComponent(iframeId);
+  return createModal(
+    IframeModal,
+    {
+      url,
+      iframeId,
+      width: 400,
+      height: 585,
+      onRefreshHaveGift
+    },
+    document.body
+  );
+}
+function get_each_context$a(ctx, list, i) {
+  const child_ctx = ctx.slice();
+  child_ctx[8] = list[i];
+  return child_ctx;
+}
+function create_if_block_3$8(ctx) {
+  let b;
   return {
     c() {
-      div = element("div");
-      t = text(t_value);
-      attr(div, "class", "giftbar-item-unit");
+      b = element("b");
+      attr(b, "class", "giftbar-tab-dot");
     },
     m(target, anchor) {
-      insert(target, div, anchor);
-      append(div, t);
-    },
-    p(ctx2, dirty) {
-      if (dirty & /*gifts*/
-      1 && t_value !== (t_value = /*giftItem*/
-      ctx2[7].unitText2 + "")) set_data(t, t_value);
+      insert(target, b, anchor);
     },
     d(detaching) {
       if (detaching) {
-        detach(div);
+        detach(b);
       }
     }
   };
 }
-function create_each_block$9(key_1, ctx) {
-  let div2;
-  let div0;
-  let img;
-  let img_class_value;
-  let img_src_value;
-  let lazyGiftImg_action;
+function create_each_block$a(key_1, ctx) {
+  let div;
+  let span;
+  let t0_value = (
+    /*item*/
+    ctx[8].title + ""
+  );
   let t0;
   let t1;
-  let div1;
-  let t2_value = (
-    /*giftItem*/
-    ctx[7].title + ""
-  );
   let t2;
-  let t3;
-  let t4;
-  let div2_id_value;
-  let div2_class_value;
-  let giftHoverTip_action;
+  let div_class_value;
   let mounted;
   let dispose;
-  let if_block0 = (
-    /*giftItem*/
-    ctx[7].tag && create_if_block_5$5(ctx)
-  );
-  let if_block1 = (
-    /*giftItem*/
-    ctx[7].unitText && create_if_block_3$7(ctx)
-  );
-  let if_block2 = (
-    /*giftItem*/
-    ctx[7].unitText2 && create_if_block_2$b(ctx)
-  );
-  function click_handler() {
-    return (
-      /*click_handler*/
-      ctx[6](
-        /*giftItem*/
-        ctx[7]
-      )
-    );
-  }
-  return {
-    key: key_1,
-    first: null,
-    c() {
-      div2 = element("div");
-      div0 = element("div");
-      img = element("img");
-      t0 = space();
-      if (if_block0) if_block0.c();
-      t1 = space();
-      div1 = element("div");
-      t2 = text(t2_value);
-      t3 = space();
-      if (if_block1) if_block1.c();
-      t4 = space();
-      if (if_block2) if_block2.c();
-      attr(img, "class", img_class_value = "giftbar-item-pic " + /*animGuid*/
-      (ctx[3] === /*giftItem*/
-      ctx[7].guid ? "gift-select-animation" : ""));
-      if (!src_url_equal(img.src, img_src_value = GIFT_IMG_PLACEHOLDER)) attr(img, "src", img_src_value);
-      attr(img, "alt", "");
-      attr(img, "decoding", "async");
-      attr(img, "loading", "lazy");
-      set_style(div0, "position", "relative");
-      attr(div1, "class", "giftbar-item-title");
-      attr(div2, "id", div2_id_value = /*giftItem*/
-      ctx[7].guid);
-      attr(div2, "class", div2_class_value = "giftbar-item " + /*selectGift*/
-      (ctx[1] === /*giftItem*/
-      ctx[7] ? "giftbar-item-on" : ""));
-      attr(div2, "role", "presentation");
-      this.first = div2;
+  let if_block = (
+    /*item*/
+    ctx[8].is_new == 1 && create_if_block_3$8()
+  );
+  function click_handler() {
+    return (
+      /*click_handler*/
+      ctx[7](
+        /*item*/
+        ctx[8]
+      )
+    );
+  }
+  return {
+    key: key_1,
+    first: null,
+    c() {
+      div = element("div");
+      span = element("span");
+      t0 = text(t0_value);
+      t1 = space();
+      if (if_block) if_block.c();
+      t2 = space();
+      attr(div, "class", div_class_value = "giftbar-tab " + /*item*/
+      (ctx[8].id == /*tabId*/
+      ctx[1] ? "giftbar-tab-on" : ""));
+      attr(div, "role", "presentation");
+      this.first = div;
     },
     m(target, anchor) {
-      insert(target, div2, anchor);
-      append(div2, div0);
-      append(div0, img);
-      append(div0, t0);
-      if (if_block0) if_block0.m(div0, null);
-      append(div2, t1);
-      append(div2, div1);
-      append(div1, t2);
-      append(div2, t3);
-      if (if_block1) if_block1.m(div2, null);
-      append(div2, t4);
-      if (if_block2) if_block2.m(div2, null);
+      insert(target, div, anchor);
+      append(div, span);
+      append(span, t0);
+      append(div, t1);
+      if (if_block) if_block.m(div, null);
+      append(div, t2);
       if (!mounted) {
-        dispose = [
-          action_destroyer(lazyGiftImg_action = lazyGiftImg.call(null, img, giftListThumbUrl(
-            /*giftItem*/
-            ctx[7].pic
-          ))),
-          action_destroyer(giftHoverTip_action = giftHoverTip.call(
-            null,
-            div2,
-            /*giftItem*/
-            ctx[7].atitle || ""
-          )),
-          listen(div2, "click", stop_propagation(click_handler))
-        ];
+        dispose = listen(div, "click", stop_propagation(click_handler));
         mounted = true;
       }
     },
     p(new_ctx, dirty) {
       ctx = new_ctx;
-      if (dirty & /*animGuid, gifts*/
-      9 && img_class_value !== (img_class_value = "giftbar-item-pic " + /*animGuid*/
-      (ctx[3] === /*giftItem*/
-      ctx[7].guid ? "gift-select-animation" : ""))) {
-        attr(img, "class", img_class_value);
-      }
-      if (lazyGiftImg_action && is_function(lazyGiftImg_action.update) && dirty & /*gifts*/
-      1) lazyGiftImg_action.update.call(null, giftListThumbUrl(
-        /*giftItem*/
-        ctx[7].pic
-      ));
-      if (
-        /*giftItem*/
-        ctx[7].tag
-      ) {
-        if (if_block0) {
-          if_block0.p(ctx, dirty);
-        } else {
-          if_block0 = create_if_block_5$5(ctx);
-          if_block0.c();
-          if_block0.m(div0, null);
-        }
-      } else if (if_block0) {
-        if_block0.d(1);
-        if_block0 = null;
-      }
-      if (dirty & /*gifts*/
-      1 && t2_value !== (t2_value = /*giftItem*/
-      ctx[7].title + "")) set_data(t2, t2_value);
-      if (
-        /*giftItem*/
-        ctx[7].unitText
-      ) {
-        if (if_block1) {
-          if_block1.p(ctx, dirty);
-        } else {
-          if_block1 = create_if_block_3$7(ctx);
-          if_block1.c();
-          if_block1.m(div2, t4);
-        }
-      } else if (if_block1) {
-        if_block1.d(1);
-        if_block1 = null;
-      }
+      if (dirty & /*tabs*/
+      1 && t0_value !== (t0_value = /*item*/
+      ctx[8].title + "")) set_data(t0, t0_value);
       if (
-        /*giftItem*/
-        ctx[7].unitText2
+        /*item*/
+        ctx[8].is_new == 1
       ) {
-        if (if_block2) {
-          if_block2.p(ctx, dirty);
-        } else {
-          if_block2 = create_if_block_2$b(ctx);
-          if_block2.c();
-          if_block2.m(div2, null);
+        if (if_block) ;
+        else {
+          if_block = create_if_block_3$8();
+          if_block.c();
+          if_block.m(div, t2);
         }
-      } else if (if_block2) {
-        if_block2.d(1);
-        if_block2 = null;
-      }
-      if (dirty & /*gifts*/
-      1 && div2_id_value !== (div2_id_value = /*giftItem*/
-      ctx[7].guid)) {
-        attr(div2, "id", div2_id_value);
+      } else if (if_block) {
+        if_block.d(1);
+        if_block = null;
       }
-      if (dirty & /*selectGift, gifts*/
-      3 && div2_class_value !== (div2_class_value = "giftbar-item " + /*selectGift*/
-      (ctx[1] === /*giftItem*/
-      ctx[7] ? "giftbar-item-on" : ""))) {
-        attr(div2, "class", div2_class_value);
+      if (dirty & /*tabs, tabId*/
+      3 && div_class_value !== (div_class_value = "giftbar-tab " + /*item*/
+      (ctx[8].id == /*tabId*/
+      ctx[1] ? "giftbar-tab-on" : ""))) {
+        attr(div, "class", div_class_value);
       }
-      if (giftHoverTip_action && is_function(giftHoverTip_action.update) && dirty & /*gifts*/
-      1) giftHoverTip_action.update.call(
-        null,
-        /*giftItem*/
-        ctx[7].atitle || ""
-      );
     },
     d(detaching) {
       if (detaching) {
-        detach(div2);
+        detach(div);
       }
-      if (if_block0) if_block0.d();
-      if (if_block1) if_block1.d();
-      if (if_block2) if_block2.d();
+      if (if_block) if_block.d();
       mounted = false;
-      run_all(dispose);
+      dispose();
     }
   };
 }
-function create_if_block$n(ctx) {
-  let if_block_anchor;
-  function select_block_type(ctx2, dirty) {
-    if (
-      /*emptyImg*/
-      ctx2[2]
-    ) return create_if_block_1$k;
-    return create_else_block$c;
-  }
-  let current_block_type = select_block_type(ctx);
-  let if_block = current_block_type(ctx);
+function create_if_block_1$l(ctx) {
+  let a;
+  let t0;
+  let t1_value = (
+    /*tip*/
+    ctx[2].text + ""
+  );
+  let t1;
+  let a_href_value;
+  let if_block = (
+    /*tip*/
+    ctx[2].img && create_if_block_2$c(ctx)
+  );
   return {
     c() {
-      if_block.c();
-      if_block_anchor = empty();
+      a = element("a");
+      if (if_block) if_block.c();
+      t0 = space();
+      t1 = text(t1_value);
+      attr(a, "href", a_href_value = /*tip*/
+      ctx[2].link);
+      attr(a, "target", "_blank");
+      attr(a, "rel", "noopener noreferrer");
     },
     m(target, anchor) {
-      if_block.m(target, anchor);
-      insert(target, if_block_anchor, anchor);
+      insert(target, a, anchor);
+      if (if_block) if_block.m(a, null);
+      append(a, t0);
+      append(a, t1);
     },
     p(ctx2, dirty) {
-      if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) {
-        if_block.p(ctx2, dirty);
-      } else {
-        if_block.d(1);
-        if_block = current_block_type(ctx2);
+      if (
+        /*tip*/
+        ctx2[2].img
+      ) {
         if (if_block) {
+          if_block.p(ctx2, dirty);
+        } else {
+          if_block = create_if_block_2$c(ctx2);
           if_block.c();
-          if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          if_block.m(a, t0);
         }
+      } else if (if_block) {
+        if_block.d(1);
+        if_block = null;
+      }
+      if (dirty & /*tip*/
+      4 && t1_value !== (t1_value = /*tip*/
+      ctx2[2].text + "")) set_data(t1, t1_value);
+      if (dirty & /*tip*/
+      4 && a_href_value !== (a_href_value = /*tip*/
+      ctx2[2].link)) {
+        attr(a, "href", a_href_value);
       }
     },
     d(detaching) {
       if (detaching) {
-        detach(if_block_anchor);
+        detach(a);
       }
-      if_block.d(detaching);
+      if (if_block) if_block.d();
     }
   };
 }
-function create_else_block$c(ctx) {
-  let div;
+function create_if_block_2$c(ctx) {
+  let img;
+  let img_src_value;
   return {
     c() {
-      div = element("div");
-      div.textContent = "还没有礼物哦~";
-      attr(div, "class", "giftbar-empty");
+      img = element("img");
+      if (!src_url_equal(img.src, img_src_value = /*tip*/
+      ctx[2].img)) attr(img, "src", img_src_value);
+      attr(img, "alt", "");
     },
     m(target, anchor) {
-      insert(target, div, anchor);
+      insert(target, img, anchor);
+    },
+    p(ctx2, dirty) {
+      if (dirty & /*tip*/
+      4 && !src_url_equal(img.src, img_src_value = /*tip*/
+      ctx2[2].img)) {
+        attr(img, "src", img_src_value);
+      }
     },
-    p: noop,
     d(detaching) {
       if (detaching) {
-        detach(div);
+        detach(img);
       }
     }
   };
 }
-function create_if_block_1$k(ctx) {
-  let img;
-  let img_src_value;
+function create_if_block$o(ctx) {
+  let div;
+  let mounted;
+  let dispose;
   return {
     c() {
-      img = element("img");
-      attr(img, "class", "giftbar-empty-img");
-      if (!src_url_equal(img.src, img_src_value = /*emptyImg*/
-      ctx[2])) attr(img, "src", img_src_value);
-      attr(img, "alt", "");
+      div = element("div");
+      div.innerHTML = `<img src="https://asset.tuwan.com/officialsite/images/king.png" alt=""/> <span>贵族</span>`;
+      attr(div, "class", "giftbar-nobility");
+      attr(div, "role", "presentation");
     },
     m(target, anchor) {
-      insert(target, img, anchor);
-    },
-    p(ctx2, dirty) {
-      if (dirty & /*emptyImg*/
-      4 && !src_url_equal(img.src, img_src_value = /*emptyImg*/
-      ctx2[2])) {
-        attr(img, "src", img_src_value);
+      insert(target, div, anchor);
+      if (!mounted) {
+        dispose = listen(div, "click", stop_propagation(
+          /*openNobility*/
+          ctx[5]
+        ));
+        mounted = true;
       }
     },
+    p: noop,
     d(detaching) {
       if (detaching) {
-        detach(img);
+        detach(div);
       }
+      mounted = false;
+      dispose();
     }
   };
 }
 function create_fragment$r(ctx) {
-  let div;
+  let div2;
+  let div0;
   let each_blocks = [];
   let each_1_lookup = /* @__PURE__ */ new Map();
-  let t;
+  let t0;
+  let div1;
+  let t1;
   let each_value = ensure_array_like(
-    /*gifts*/
+    /*tabs*/
     ctx[0]
   );
   const get_key = (ctx2) => (
-    /*giftItem*/
-    ctx2[7].guid || /*giftItem*/
-    ctx2[7].id
+    /*item*/
+    ctx2[8].id
   );
   for (let i = 0; i < each_value.length; i += 1) {
-    let child_ctx = get_each_context$9(ctx, each_value, i);
+    let child_ctx = get_each_context$a(ctx, each_value, i);
     let key = get_key(child_ctx);
-    each_1_lookup.set(key, each_blocks[i] = create_each_block$9(key, child_ctx));
+    each_1_lookup.set(key, each_blocks[i] = create_each_block$a(key, child_ctx));
   }
-  let if_block = (
-    /*gifts*/
-    ctx[0].length === 0 && create_if_block$n(ctx)
+  let if_block0 = (
+    /*tip*/
+    ctx[2] && /*tip*/
+    ctx[2].text && /*tip*/
+    ctx[2].link && /*tip*/
+    ctx[2].kind !== "hidden" && create_if_block_1$l(ctx)
+  );
+  let if_block1 = (
+    /*showNobility*/
+    ctx[3] && create_if_block$o(ctx)
   );
   return {
     c() {
-      div = element("div");
+      div2 = element("div");
+      div0 = element("div");
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].c();
       }
-      t = space();
-      if (if_block) if_block.c();
-      attr(div, "class", "giftbar-grid");
+      t0 = space();
+      div1 = element("div");
+      if (if_block0) if_block0.c();
+      t1 = space();
+      if (if_block1) if_block1.c();
+      attr(div0, "class", "giftbar-tabs");
+      attr(div1, "class", "giftbar-tip");
+      attr(div2, "class", "giftbar-head");
     },
     m(target, anchor) {
-      insert(target, div, anchor);
+      insert(target, div2, anchor);
+      append(div2, div0);
       for (let i = 0; i < each_blocks.length; i += 1) {
         if (each_blocks[i]) {
-          each_blocks[i].m(div, null);
+          each_blocks[i].m(div0, null);
         }
       }
-      append(div, t);
-      if (if_block) if_block.m(div, null);
+      append(div2, t0);
+      append(div2, div1);
+      if (if_block0) if_block0.m(div1, null);
+      append(div1, t1);
+      if (if_block1) if_block1.m(div1, null);
     },
     p(ctx2, [dirty]) {
-      if (dirty & /*gifts, selectGift, choose, animGuid*/
-      27) {
+      if (dirty & /*tabs, tabId, switchTab*/
+      19) {
         each_value = ensure_array_like(
-          /*gifts*/
+          /*tabs*/
           ctx2[0]
         );
-        each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div, destroy_block, create_each_block$9, t, get_each_context$9);
+        each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div0, destroy_block, create_each_block$a, null, get_each_context$a);
       }
       if (
-        /*gifts*/
-        ctx2[0].length === 0
+        /*tip*/
+        ctx2[2] && /*tip*/
+        ctx2[2].text && /*tip*/
+        ctx2[2].link && /*tip*/
+        ctx2[2].kind !== "hidden"
       ) {
-        if (if_block) {
-          if_block.p(ctx2, dirty);
+        if (if_block0) {
+          if_block0.p(ctx2, dirty);
         } else {
-          if_block = create_if_block$n(ctx2);
-          if_block.c();
-          if_block.m(div, null);
+          if_block0 = create_if_block_1$l(ctx2);
+          if_block0.c();
+          if_block0.m(div1, t1);
         }
-      } else if (if_block) {
-        if_block.d(1);
-        if_block = null;
+      } else if (if_block0) {
+        if_block0.d(1);
+        if_block0 = null;
+      }
+      if (
+        /*showNobility*/
+        ctx2[3]
+      ) {
+        if (if_block1) {
+          if_block1.p(ctx2, dirty);
+        } else {
+          if_block1 = create_if_block$o(ctx2);
+          if_block1.c();
+          if_block1.m(div1, null);
+        }
+      } else if (if_block1) {
+        if_block1.d(1);
+        if_block1 = null;
       }
     },
     i: noop,
     o: noop,
     d(detaching) {
       if (detaching) {
-        detach(div);
+        detach(div2);
       }
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].d();
       }
-      if (if_block) if_block.d();
-    }
-  };
-}
-function instance$r($$self, $$props, $$invalidate) {
-  let { gifts = [] } = $$props;
-  let { selectGift = null } = $$props;
-  let { emptyImg = "" } = $$props;
-  let { onClickItem } = $$props;
-  let animGuid = "";
-  function choose(item) {
-    $$invalidate(3, animGuid = item.guid);
-    onClickItem && onClickItem(item);
-    setTimeout(
-      () => {
-        if (animGuid === item.guid) {
-          $$invalidate(3, animGuid = "");
-        }
-      },
-      300
-    );
-  }
-  const click_handler = (giftItem) => choose(giftItem);
-  $$self.$$set = ($$props2) => {
-    if ("gifts" in $$props2) $$invalidate(0, gifts = $$props2.gifts);
-    if ("selectGift" in $$props2) $$invalidate(1, selectGift = $$props2.selectGift);
-    if ("emptyImg" in $$props2) $$invalidate(2, emptyImg = $$props2.emptyImg);
-    if ("onClickItem" in $$props2) $$invalidate(5, onClickItem = $$props2.onClickItem);
-  };
-  return [gifts, selectGift, emptyImg, animGuid, choose, onClickItem, click_handler];
-}
-class GiftGrid extends SvelteComponent {
-  constructor(options2) {
-    super();
-    init(this, options2, instance$r, create_fragment$r, safe_not_equal, {
-      gifts: 0,
-      selectGift: 1,
-      emptyImg: 2,
-      onClickItem: 5
-    });
-  }
-}
-function assertSource(source) {
-  if (source !== "room" && source !== "im") {
-    throw new Error("giftBarLib source must be 'room' or 'im'");
-  }
-}
-function assertRoomPayContext(ctx) {
-  if (!ctx || ctx.cid === void 0 || ctx.cid === null || ctx.cid === "") {
-    throw new Error("source=room requires cid in getPayContext");
-  }
-  if (ctx.imuid !== void 0 || ctx.group_id !== void 0) {
-    throw new Error("source=room PayContext must not include imuid/group_id");
-  }
-  if (String(ctx.actid) === "101") {
-    throw new Error("source=room PayContext must not use actid=101");
-  }
-}
-function hasValue$3(value) {
-  return value !== void 0 && value !== null && value !== "";
-}
-function assertImPayContext(ctx) {
-  if (!ctx) {
-    throw new Error("source=im requires getPayContext");
-  }
-  if (!hasValue$3(ctx.imuid) && !hasValue$3(ctx.group_id)) {
-    throw new Error("source=im requires imuid or group_id in getPayContext");
-  }
-  if (hasValue$3(ctx.cid)) {
-    throw new Error("source=im PayContext must not include cid");
-  }
-  if (ctx.is_whole_wheat !== void 0) {
-    throw new Error("source=im PayContext must not include is_whole_wheat");
-  }
-}
-function getSource() {
-  return options.source;
-}
-function isImSource() {
-  return options.source === "im";
-}
-const TAB_PACKAGE = 3;
-const TAB_CRYSTAL = 7;
-const PACKAGE_TAB_IDS = [TAB_PACKAGE, TAB_CRYSTAL];
-const MAGIC_GIFT_IDS = [866, 873, 1583, 155, 156];
-const NO_WHOLE_WHEAT_GIFT_IDS = [37, 9, 10, 55, 1293];
-const CRYSTAL_IMG = "https://asset.tuwan.com/chatroom/images/icon_new_crystal.png";
-const ZHUANSHI_IMG = "https://res.tuwan.com/templet/play/public/images/zuanshi.png";
-const EMPTY_BAG_IMG = "https://asset.tuwan.com/images/chartRoomNoGift.png";
-const DEFAULT_MAGIC_TIP_LINK = "https://y.tuwan.com/activities/900325Cdc25ee#/";
-const DEFAULT_CRYSTAL_TIP_LINK = "https://y.tuwan.com/activity/340Cb43562?v=1703303588331#/";
-const IM_DEFAULT_MAGIC_TIP_LINK = "https://y.tuwan.com/activity/36C33a2de?v=1656553263108#/";
-function isPackageTab(tabId) {
-  return PACKAGE_TAB_IDS.indexOf(Number(tabId)) > -1;
-}
-function getVipLevelUrl() {
-  return "https://y" + (options.isChatTest ? "-test" : "") + ".tuwan.com/vip_level";
-}
-function getEmptyBagImg() {
-  return EMPTY_BAG_IMG;
-}
-function nrTobr(desc) {
-  if (!desc || typeof desc !== "string") {
-    return "";
-  }
-  return desc.replace(/\r\n/g, "<br>").replace(/\n/g, "<br>");
-}
-function formatBoxtitle(text2) {
-  if (!text2 || typeof text2 !== "string") {
-    return "";
-  }
-  const arr = text2.split("有机会获得");
-  if (arr.length > 1) {
-    return '有机会获得<span style="color:#ff6691;">' + arr[1] + "</span>";
-  }
-  return "";
-}
-function formatMoney(money, location2) {
-  const value = money * 1;
-  if (isNaN(value)) {
-    return money == null ? "" : String(money);
-  }
-  if (location2) {
-    if (value >= 1e4) {
-      return (value / 1e4).toFixed(2) + "w";
-    }
-    const moneyStr = value.toFixed(2) + "";
-    if (moneyStr.indexOf(".") === 4) {
-      return parseInt(String(value), 10);
-    }
-    return value.toFixed(2);
-  }
-  return value >= 1e4 ? (value / 1e4).toFixed(2) + "w" : parseInt(String(value), 10);
-}
-function stripHonorName(nickname) {
-  if (!nickname || typeof nickname !== "string") {
-    return nickname || "";
-  }
-  const marks = ["♕", "♚", "♔", "☬"];
-  for (let i = 0; i < marks.length; i++) {
-    if (nickname.indexOf(marks[i]) > -1) {
-      const part = nickname.split(marks[i])[1] || "";
-      return part || nickname;
-    }
-  }
-  return nickname;
-}
-function isIframeBlindBox(gift, tabId) {
-  return Number(tabId) === TAB_CRYSTAL && Number(gift && gift.type) === 24 && Number(gift && gift.worth) === 3;
+      if (if_block0) if_block0.d();
+      if (if_block1) if_block1.d();
+    }
+  };
 }
-function isBlindBoxModalGift(gift, tabId) {
-  const navid = Number(tabId);
-  const type = Number(gift && gift.type);
-  const id = Number(gift && gift.id);
-  const worth = Number(gift && gift.worth);
-  if (type !== 24 || id <= 1218) {
-    return false;
+function instance$r($$self, $$props, $$invalidate) {
+  let { tabs = [] } = $$props;
+  let { tabId = 0 } = $$props;
+  let { tip = {
+    kind: "magic",
+    text: "",
+    link: "",
+    img: ""
+  } } = $$props;
+  let { showNobility = true } = $$props;
+  let { onClickTab } = $$props;
+  function switchTab(item) {
+    onClickTab && onClickTab(item);
   }
-  if (isImSource()) {
-    if (navid !== TAB_PACKAGE && navid !== TAB_CRYSTAL) {
-      return false;
-    }
-    return worth !== 3;
+  function openNobility(event) {
+    event && event.stopPropagation && event.stopPropagation();
+    showNobilityIframe();
   }
-  return navid === TAB_PACKAGE;
-}
-function canSendToSelf(gift, tabId) {
-  return Number(tabId) === TAB_PACKAGE && Number(gift && gift.type) === 7 || Number(gift && gift.id) === 383;
-}
-function allowEmptyWheat(gift, tabId) {
-  const type = Number(gift && gift.type);
-  const navid = Number(tabId);
-  return navid === TAB_PACKAGE && type === 7 || navid === TAB_CRYSTAL && type === 7 || navid === TAB_PACKAGE && type === 24;
+  const click_handler = (item) => switchTab(item);
+  $$self.$$set = ($$props2) => {
+    if ("tabs" in $$props2) $$invalidate(0, tabs = $$props2.tabs);
+    if ("tabId" in $$props2) $$invalidate(1, tabId = $$props2.tabId);
+    if ("tip" in $$props2) $$invalidate(2, tip = $$props2.tip);
+    if ("showNobility" in $$props2) $$invalidate(3, showNobility = $$props2.showNobility);
+    if ("onClickTab" in $$props2) $$invalidate(6, onClickTab = $$props2.onClickTab);
+  };
+  return [
+    tabs,
+    tabId,
+    tip,
+    showNobility,
+    switchTab,
+    openNobility,
+    onClickTab,
+    click_handler
+  ];
 }
-function getGiftButtonStatus(gift, tabId, isSend) {
-  const empty2 = { send: false, open: false, use: false, sendLabel: "赠送" };
-  if (!gift) {
-    return { send: true, open: false, use: false, sendLabel: "赠送" };
+class GiftTabs extends SvelteComponent {
+  constructor(options2) {
+    super();
+    init(this, options2, instance$r, create_fragment$r, safe_not_equal, {
+      tabs: 0,
+      tabId: 1,
+      tip: 2,
+      showNobility: 3,
+      onClickTab: 6
+    });
   }
-  const id = Number(gift.id);
-  const type = Number(gift.type);
-  const worth = Number(gift.worth);
-  const touid = Number(gift.to_uid || 0);
-  const navid = Number(tabId);
-  if (type === 29) {
-    if (isImSource()) {
-      return { ...empty2, send: true };
+}
+function giftHoverTip(node, html) {
+  let tip = null;
+  let currentHtml = html || "";
+  function hide() {
+    if (tip) {
+      tip.remove();
+      tip = null;
     }
-    return { ...empty2, use: true };
   }
-  if (navid === TAB_PACKAGE || navid === TAB_CRYSTAL) {
-    if (isImSource() && type === 24 && worth === 3 && navid !== TAB_CRYSTAL) {
-      return { ...empty2, send: true };
-    }
-    if (id === 383 || id === 873) {
-      return { ...empty2, open: true };
-    }
-    if (id === 866 || id === 1583) {
-      return { ...empty2, open: true, send: isImSource() ? false : Number(isSend) === 1 };
-    }
-    if (isImSource() && (id === 155 || id === 156)) {
-      return { ...empty2, open: true };
-    }
-    if (id === 384 || id === 389) {
-      return { ...empty2, use: true };
-    }
-    if (type === 7 || type === 24) {
-      return { ...empty2, open: true };
-    }
-    if (type === 16) {
-      return touid === 0 ? { ...empty2, use: true } : { ...empty2, send: true };
-    }
-    if (type === 37) {
-      return { ...empty2, send: true, sendLabel: "使用" };
+  function show() {
+    hide();
+    if (!currentHtml) {
+      return;
     }
-    return { ...empty2, send: true };
-  }
-  if (type === 37) {
-    return { ...empty2, send: true, sendLabel: "使用" };
-  }
-  return { ...empty2, send: true };
-}
-function getSelectUiState(gift, tabId, isSend) {
-  const buttons = getGiftButtonStatus(gift, tabId, isSend);
-  const effectiveIsSend = buttons.send && buttons.open ? isSend : buttons.send ? 1 : 0;
-  const state = {
-    countLocked: false,
-    showCountArrow: true,
-    recipient: "user",
-    showSendLabel: true,
-    boxTitleHtml: "",
-    sendLabel: buttons.sendLabel,
-    buttons
-  };
-  if (!gift) {
-    return state;
-  }
-  const id = Number(gift.id);
-  const type = Number(gift.type);
-  const navid = Number(tabId);
-  const touid = Number(gift.to_uid || 0);
-  const worth = Number(gift.worth);
-  if (type === 30) {
-    state.recipient = "room";
-    return state;
-  }
-  if (type === 37) {
-    state.countLocked = true;
-    state.showCountArrow = false;
-    state.showSendLabel = false;
-    state.recipient = "giftTitle";
-    return state;
+    tip = document.createElement("div");
+    tip.className = "giftbar-item-tooltip";
+    tip.innerHTML = '<div class="giftbar-item-tooltip-inner">' + currentHtml + '</div><div class="giftbar-item-tooltip-arrow"></div>';
+    document.body.appendChild(tip);
+    const rect = node.getBoundingClientRect();
+    tip.style.left = rect.left + rect.width / 2 + "px";
+    tip.style.top = rect.top + "px";
   }
-  if (id === 866 || id === 1583) {
-    if (Number(effectiveIsSend) === 1) {
-      state.recipient = "user";
-    } else {
-      state.recipient = "box";
-      state.boxTitleHtml = formatBoxtitle(gift.intro);
+  node.addEventListener("mouseenter", show);
+  node.addEventListener("mouseleave", hide);
+  window.addEventListener("scroll", hide, true);
+  return {
+    update(nextHtml) {
+      currentHtml = nextHtml || "";
+      if (tip) {
+        if (!currentHtml) {
+          hide();
+        } else {
+          show();
+        }
+      }
+    },
+    destroy() {
+      hide();
+      node.removeEventListener("mouseenter", show);
+      node.removeEventListener("mouseleave", hide);
+      window.removeEventListener("scroll", hide, true);
     }
-    return state;
-  }
-  if (id === 368) {
-    state.recipient = "none";
-    return state;
-  }
-  if (id === 389) {
-    state.recipient = "box";
-    state.boxTitleHtml = '礼包价值：<span style="color:#ff6691;">' + gift.price / 100 + "点点币</span>";
-    return state;
-  }
-  if (navid === TAB_CRYSTAL && type === 7 || navid === TAB_PACKAGE && type === 7 || id === 873) {
-    state.recipient = "box";
-    state.boxTitleHtml = formatBoxtitle(gift.intro);
-    return state;
-  }
-  if (type === 16) {
-    state.recipient = touid === 0 ? "none" : "user";
-    return state;
-  }
-  if (navid === TAB_CRYSTAL && type === 24 && worth === 3) {
-    state.recipient = "user";
-    return state;
-  }
-  if (navid === TAB_PACKAGE && type === 24) {
-    state.recipient = "box";
-    state.boxTitleHtml = formatBoxtitle(gift.intro);
-    return state;
-  }
-  return state;
+  };
 }
-function getTipState(gift, tabId) {
-  const navid = Number(tabId);
-  if (isImSource()) {
-    if (!gift) {
-      return { kind: "hidden", text: "", link: "", img: "" };
-    }
-    const type2 = Number(gift.type);
-    const id = Number(gift.id);
-    if (type2 === 24 && (id <= 1218 || gift.explain_url)) {
-      return {
-        kind: "box",
-        text: "礼盒礼物说明",
-        link: id > 1218 ? gift.explain_url : "https://y.tuwan.com/activity/575C87d860?giftId=" + gift.id,
-        img: gift.pic || ""
-      };
-    }
-    if (gift.explain_url) {
-      return {
-        kind: "magic",
-        text: navid === TAB_CRYSTAL ? "紫晶魔法说明" : "魔法礼物说明",
-        link: gift.explain_url,
-        img: ""
-      };
-    }
-    if (navid === TAB_CRYSTAL) {
-      return {
-        kind: "magic",
-        text: "紫晶魔法说明",
-        link: DEFAULT_CRYSTAL_TIP_LINK,
-        img: ""
-      };
-    }
-    return {
-      kind: "magic",
-      text: "魔法礼物说明",
-      link: IM_DEFAULT_MAGIC_TIP_LINK,
-      img: ""
-    };
+const OSS_HOST_RE = /(^|\.)tuwandata\.com$|(^|\.)img\d*\.tuwan\.com$/i;
+const PROCESS = "image/resize,m_fill,w_128,h_128/format,webp";
+function giftListThumbUrl(src) {
+  if (!src || typeof src !== "string") {
+    return src || "";
   }
-  const tabDefault = navid === TAB_CRYSTAL ? { kind: "magic", text: "紫晶魔法说明", link: DEFAULT_CRYSTAL_TIP_LINK, img: "" } : { kind: "magic", text: "魔法礼物说明", link: DEFAULT_MAGIC_TIP_LINK, img: "" };
-  if (!gift) {
-    return tabDefault;
+  if (/^(data:|blob:)/i.test(src)) {
+    return src;
   }
-  const type = Number(gift.type);
-  const worth = Number(gift.worth);
-  if (type === 30 || type === 31 || type === 32) {
-    return { kind: "vip", text: "VIP财富等级", link: getVipLevelUrl(), img: "" };
+  if (/[?&]x-oss-process=/i.test(src)) {
+    return src;
   }
-  if (type === 37) {
-    return tabDefault;
+  try {
+    const url = new URL(src, typeof location !== "undefined" ? location.href : "https://www.tuwan.com");
+    if (!OSS_HOST_RE.test(url.hostname)) {
+      return src;
+    }
+    url.searchParams.set("x-oss-process", PROCESS);
+    return url.toString();
+  } catch (e) {
+    return src;
   }
-  if (type === 24 && worth === 3 && navid !== TAB_PACKAGE && navid !== TAB_CRYSTAL) {
-    return {
-      kind: "magic",
-      text: "魔法礼物说明",
-      link: gift.explain_url || DEFAULT_MAGIC_TIP_LINK,
-      img: ""
-    };
+}
+const PRELOAD_MARGIN = "240px 0px";
+const GIFT_IMG_PLACEHOLDER = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+function findGridRoot(node) {
+  return node.closest ? node.closest(".giftbar-grid") : null;
+}
+function setSrc(node, src) {
+  if (node.getAttribute("src") === src) {
+    return;
   }
-  if (type === 24) {
-    if (gift.explain_url) {
-      return {
-        kind: "box",
-        text: "礼盒礼物说明",
-        link: gift.explain_url,
-        img: gift.pic || ""
-      };
+  node.setAttribute("src", src);
+}
+function lazyGiftImg(node, src) {
+  let currentSrc = src || "";
+  let observer = null;
+  function clearObserver() {
+    if (observer) {
+      observer.disconnect();
+      observer = null;
     }
-    return {
-      kind: "magic",
-      text: "魔法礼物说明",
-      link: DEFAULT_MAGIC_TIP_LINK,
-      img: ""
-    };
   }
-  if (gift.explain_url) {
-    return {
-      kind: "magic",
-      text: "魔法礼物说明",
-      link: gift.explain_url,
-      img: ""
-    };
+  function applySrc() {
+    setSrc(node, currentSrc || GIFT_IMG_PLACEHOLDER);
   }
-  return tabDefault;
+  function observe() {
+    clearObserver();
+    setSrc(node, GIFT_IMG_PLACEHOLDER);
+    if (!currentSrc) {
+      return;
+    }
+    if (typeof IntersectionObserver !== "function") {
+      applySrc();
+      return;
+    }
+    const root = findGridRoot(node);
+    observer = new IntersectionObserver(
+      (entries) => {
+        const hit = entries.some((item) => item.isIntersecting);
+        if (!hit) {
+          return;
+        }
+        applySrc();
+        clearObserver();
+      },
+      { root: root || null, rootMargin: PRELOAD_MARGIN, threshold: 0.01 }
+    );
+    observer.observe(node);
+  }
+  observe();
+  return {
+    update(nextSrc) {
+      const next = nextSrc || "";
+      if (next === currentSrc) {
+        return;
+      }
+      currentSrc = next;
+      observe();
+    },
+    destroy() {
+      clearObserver();
+    }
+  };
 }
-function isMagicGift(gift, tabId) {
-  const id = Number(gift && gift.id);
-  const navid = Number(tabId);
-  if (isImSource()) {
-    if (navid !== TAB_PACKAGE && navid !== TAB_CRYSTAL) {
-      return false;
+function get_each_context$9(ctx, list, i) {
+  const child_ctx = ctx.slice();
+  child_ctx[10] = list[i];
+  return child_ctx;
+}
+function create_if_block_6$4(ctx) {
+  let span;
+  let t_value = (
+    /*giftItem*/
+    ctx[10].tag + ""
+  );
+  let t;
+  return {
+    c() {
+      span = element("span");
+      t = text(t_value);
+      attr(span, "class", "giftbar-item-tag");
+    },
+    m(target, anchor) {
+      insert(target, span, anchor);
+      append(span, t);
+    },
+    p(ctx2, dirty) {
+      if (dirty & /*gifts*/
+      1 && t_value !== (t_value = /*giftItem*/
+      ctx2[10].tag + "")) set_data(t, t_value);
+    },
+    d(detaching) {
+      if (detaching) {
+        detach(span);
+      }
     }
-    if (Number(gift && gift.type) === 24 && Number(gift && gift.worth) === 3) {
-      return false;
+  };
+}
+function create_if_block_4$6(ctx) {
+  let div;
+  let t0;
+  let t1_value = (
+    /*giftItem*/
+    ctx[10].unitText + ""
+  );
+  let t1;
+  let if_block = (
+    /*giftItem*/
+    ctx[10].picIcon && create_if_block_5$5(ctx)
+  );
+  return {
+    c() {
+      div = element("div");
+      if (if_block) if_block.c();
+      t0 = space();
+      t1 = text(t1_value);
+      attr(div, "class", "giftbar-item-unit");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      if (if_block) if_block.m(div, null);
+      append(div, t0);
+      append(div, t1);
+    },
+    p(ctx2, dirty) {
+      if (
+        /*giftItem*/
+        ctx2[10].picIcon
+      ) {
+        if (if_block) {
+          if_block.p(ctx2, dirty);
+        } else {
+          if_block = create_if_block_5$5(ctx2);
+          if_block.c();
+          if_block.m(div, t0);
+        }
+      } else if (if_block) {
+        if_block.d(1);
+        if_block = null;
+      }
+      if (dirty & /*gifts*/
+      1 && t1_value !== (t1_value = /*giftItem*/
+      ctx2[10].unitText + "")) set_data(t1, t1_value);
+    },
+    d(detaching) {
+      if (detaching) {
+        detach(div);
+      }
+      if (if_block) if_block.d();
     }
-    if (Number(gift && gift.type) === 24 && id > 1218) {
-      return false;
+  };
+}
+function create_if_block_5$5(ctx) {
+  let img;
+  let img_class_value;
+  let img_src_value;
+  return {
+    c() {
+      img = element("img");
+      attr(img, "class", img_class_value = /*giftItem*/
+      ctx[10].isCrystal ? "is-crystal" : "");
+      if (!src_url_equal(img.src, img_src_value = /*giftItem*/
+      ctx[10].picIcon)) attr(img, "src", img_src_value);
+      attr(img, "alt", "");
+    },
+    m(target, anchor) {
+      insert(target, img, anchor);
+    },
+    p(ctx2, dirty) {
+      if (dirty & /*gifts*/
+      1 && img_class_value !== (img_class_value = /*giftItem*/
+      ctx2[10].isCrystal ? "is-crystal" : "")) {
+        attr(img, "class", img_class_value);
+      }
+      if (dirty & /*gifts*/
+      1 && !src_url_equal(img.src, img_src_value = /*giftItem*/
+      ctx2[10].picIcon)) {
+        attr(img, "src", img_src_value);
+      }
+    },
+    d(detaching) {
+      if (detaching) {
+        detach(img);
+      }
+    }
+  };
+}
+function create_if_block_3$7(ctx) {
+  let div;
+  let t_value = (
+    /*giftItem*/
+    ctx[10].unitText2 + ""
+  );
+  let t;
+  return {
+    c() {
+      div = element("div");
+      t = text(t_value);
+      attr(div, "class", "giftbar-item-unit");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      append(div, t);
+    },
+    p(ctx2, dirty) {
+      if (dirty & /*gifts*/
+      1 && t_value !== (t_value = /*giftItem*/
+      ctx2[10].unitText2 + "")) set_data(t, t_value);
+    },
+    d(detaching) {
+      if (detaching) {
+        detach(div);
+      }
     }
-    return MAGIC_GIFT_IDS.indexOf(id) > -1;
-  }
-  if (id === 866 || id === 873 || id === 1583) {
-    return true;
-  }
-  return navid === TAB_PACKAGE && (id === 155 || id === 156);
+  };
 }
-function getSelectHostEffect(gift, tabId) {
-  if (!gift) {
-    return "";
-  }
-  const id = Number(gift.id);
-  const type = Number(gift.type);
-  if (id === 368 || id === 389) {
-    return "click";
-  }
-  if (id === 383) {
-    return "";
-  }
-  if (type === 16 && Number(gift.to_uid || 0) === 0) {
-    return "click";
-  }
-  if (type === 1e4) {
-    return "click";
+function create_if_block_2$b(ctx) {
+  let div;
+  let mounted;
+  let dispose;
+  function click_handler(...args) {
+    return (
+      /*click_handler*/
+      ctx[8](
+        /*giftItem*/
+        ctx[10],
+        ...args
+      )
+    );
   }
-  if (type === 29) {
-    if (isImSource()) {
-      return "";
+  return {
+    c() {
+      div = element("div");
+      attr(div, "class", "giftbar-help-icon");
+      attr(div, "role", "presentation");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      if (!mounted) {
+        dispose = listen(div, "click", stop_propagation(click_handler));
+        mounted = true;
+      }
+    },
+    p(new_ctx, dirty) {
+      ctx = new_ctx;
+    },
+    d(detaching) {
+      if (detaching) {
+        detach(div);
+      }
+      mounted = false;
+      dispose();
     }
-    return "pardon";
-  }
-  return "";
+  };
 }
-function resolveFooterAction(action, gift, tabId, selectedUser) {
-  if (!gift || !gift.id) {
-    return { kind: "alert", message: "请选择一个礼物" };
+function create_each_block$9(key_1, ctx) {
+  let div2;
+  let div0;
+  let img;
+  let img_class_value;
+  let img_src_value;
+  let lazyGiftImg_action;
+  let t0;
+  let t1;
+  let div1;
+  let t2_value = (
+    /*giftItem*/
+    ctx[10].title + ""
+  );
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let show_if = canShowHelp(
+    /*giftItem*/
+    ctx[10],
+    /*selectGift*/
+    ctx[1]
+  );
+  let div2_id_value;
+  let div2_class_value;
+  let giftHoverTip_action;
+  let mounted;
+  let dispose;
+  let if_block0 = (
+    /*giftItem*/
+    ctx[10].tag && create_if_block_6$4(ctx)
+  );
+  let if_block1 = (
+    /*giftItem*/
+    ctx[10].unitText && create_if_block_4$6(ctx)
+  );
+  let if_block2 = (
+    /*giftItem*/
+    ctx[10].unitText2 && create_if_block_3$7(ctx)
+  );
+  let if_block3 = show_if && create_if_block_2$b(ctx);
+  function click_handler_12() {
+    return (
+      /*click_handler_1*/
+      ctx[9](
+        /*giftItem*/
+        ctx[10]
+      )
+    );
   }
-  const id = Number(gift.id);
-  const type = Number(gift.type);
-  const navid = Number(tabId);
-  const touid = Number(gift.to_uid || 0);
-  const uid = selectedUser ? Number(selectedUser.uid) : 0;
-  if (action === "use") {
-    if (type === 29) {
-      if (isImSource()) {
-        return { kind: "pay", payAction: "send" };
+  return {
+    key: key_1,
+    first: null,
+    c() {
+      div2 = element("div");
+      div0 = element("div");
+      img = element("img");
+      t0 = space();
+      if (if_block0) if_block0.c();
+      t1 = space();
+      div1 = element("div");
+      t2 = text(t2_value);
+      t3 = space();
+      if (if_block1) if_block1.c();
+      t4 = space();
+      if (if_block2) if_block2.c();
+      t5 = space();
+      if (if_block3) if_block3.c();
+      attr(img, "class", img_class_value = "giftbar-item-pic " + /*animGuid*/
+      (ctx[3] === /*giftItem*/
+      ctx[10].guid ? "gift-select-animation" : ""));
+      if (!src_url_equal(img.src, img_src_value = GIFT_IMG_PLACEHOLDER)) attr(img, "src", img_src_value);
+      attr(img, "alt", "");
+      attr(img, "decoding", "async");
+      attr(img, "loading", "lazy");
+      set_style(div0, "position", "relative");
+      attr(div1, "class", "giftbar-item-title");
+      attr(div2, "id", div2_id_value = /*giftItem*/
+      ctx[10].guid);
+      attr(div2, "class", div2_class_value = "giftbar-item " + /*selectGift*/
+      (ctx[1] === /*giftItem*/
+      ctx[10] ? "giftbar-item-on" : ""));
+      attr(div2, "role", "presentation");
+      this.first = div2;
+    },
+    m(target, anchor) {
+      insert(target, div2, anchor);
+      append(div2, div0);
+      append(div0, img);
+      append(div0, t0);
+      if (if_block0) if_block0.m(div0, null);
+      append(div2, t1);
+      append(div2, div1);
+      append(div1, t2);
+      append(div2, t3);
+      if (if_block1) if_block1.m(div2, null);
+      append(div2, t4);
+      if (if_block2) if_block2.m(div2, null);
+      append(div2, t5);
+      if (if_block3) if_block3.m(div2, null);
+      if (!mounted) {
+        dispose = [
+          action_destroyer(lazyGiftImg_action = lazyGiftImg.call(null, img, giftListThumbUrl(
+            /*giftItem*/
+            ctx[10].pic
+          ))),
+          action_destroyer(giftHoverTip_action = giftHoverTip.call(
+            null,
+            div2,
+            /*giftItem*/
+            ctx[10].atitle || ""
+          )),
+          listen(div2, "click", stop_propagation(click_handler_12))
+        ];
+        mounted = true;
       }
-      return { kind: "pardon" };
-    }
-    if (id === 389) {
-      return { kind: "hostClick" };
-    }
-    if (type === 16 && touid === 0) {
-      return { kind: "hostClick" };
+    },
+    p(new_ctx, dirty) {
+      ctx = new_ctx;
+      if (dirty & /*animGuid, gifts*/
+      9 && img_class_value !== (img_class_value = "giftbar-item-pic " + /*animGuid*/
+      (ctx[3] === /*giftItem*/
+      ctx[10].guid ? "gift-select-animation" : ""))) {
+        attr(img, "class", img_class_value);
+      }
+      if (lazyGiftImg_action && is_function(lazyGiftImg_action.update) && dirty & /*gifts*/
+      1) lazyGiftImg_action.update.call(null, giftListThumbUrl(
+        /*giftItem*/
+        ctx[10].pic
+      ));
+      if (
+        /*giftItem*/
+        ctx[10].tag
+      ) {
+        if (if_block0) {
+          if_block0.p(ctx, dirty);
+        } else {
+          if_block0 = create_if_block_6$4(ctx);
+          if_block0.c();
+          if_block0.m(div0, null);
+        }
+      } else if (if_block0) {
+        if_block0.d(1);
+        if_block0 = null;
+      }
+      if (dirty & /*gifts*/
+      1 && t2_value !== (t2_value = /*giftItem*/
+      ctx[10].title + "")) set_data(t2, t2_value);
+      if (
+        /*giftItem*/
+        ctx[10].unitText
+      ) {
+        if (if_block1) {
+          if_block1.p(ctx, dirty);
+        } else {
+          if_block1 = create_if_block_4$6(ctx);
+          if_block1.c();
+          if_block1.m(div2, t4);
+        }
+      } else if (if_block1) {
+        if_block1.d(1);
+        if_block1 = null;
+      }
+      if (
+        /*giftItem*/
+        ctx[10].unitText2
+      ) {
+        if (if_block2) {
+          if_block2.p(ctx, dirty);
+        } else {
+          if_block2 = create_if_block_3$7(ctx);
+          if_block2.c();
+          if_block2.m(div2, t5);
+        }
+      } else if (if_block2) {
+        if_block2.d(1);
+        if_block2 = null;
+      }
+      if (dirty & /*gifts, selectGift*/
+      3) show_if = canShowHelp(
+        /*giftItem*/
+        ctx[10],
+        /*selectGift*/
+        ctx[1]
+      );
+      if (show_if) {
+        if (if_block3) {
+          if_block3.p(ctx, dirty);
+        } else {
+          if_block3 = create_if_block_2$b(ctx);
+          if_block3.c();
+          if_block3.m(div2, null);
+        }
+      } else if (if_block3) {
+        if_block3.d(1);
+        if_block3 = null;
+      }
+      if (dirty & /*gifts*/
+      1 && div2_id_value !== (div2_id_value = /*giftItem*/
+      ctx[10].guid)) {
+        attr(div2, "id", div2_id_value);
+      }
+      if (dirty & /*selectGift, gifts*/
+      3 && div2_class_value !== (div2_class_value = "giftbar-item " + /*selectGift*/
+      (ctx[1] === /*giftItem*/
+      ctx[10] ? "giftbar-item-on" : ""))) {
+        attr(div2, "class", div2_class_value);
+      }
+      if (giftHoverTip_action && is_function(giftHoverTip_action.update) && dirty & /*gifts*/
+      1) giftHoverTip_action.update.call(
+        null,
+        /*giftItem*/
+        ctx[10].atitle || ""
+      );
+    },
+    d(detaching) {
+      if (detaching) {
+        detach(div2);
+      }
+      if (if_block0) if_block0.d();
+      if (if_block1) if_block1.d();
+      if (if_block2) if_block2.d();
+      if (if_block3) if_block3.d();
+      mounted = false;
+      run_all(dispose);
     }
-    return { kind: "pay", payAction: "send" };
+  };
+}
+function create_if_block$n(ctx) {
+  let if_block_anchor;
+  function select_block_type(ctx2, dirty) {
+    if (
+      /*emptyImg*/
+      ctx2[2]
+    ) return create_if_block_1$k;
+    return create_else_block$c;
   }
-  if (action === "send") {
-    if (Number(gift.question_gift) === 1) {
-      return { kind: "question" };
+  let current_block_type = select_block_type(ctx);
+  let if_block = current_block_type(ctx);
+  return {
+    c() {
+      if_block.c();
+      if_block_anchor = empty();
+    },
+    m(target, anchor) {
+      if_block.m(target, anchor);
+      insert(target, if_block_anchor, anchor);
+    },
+    p(ctx2, dirty) {
+      if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) {
+        if_block.p(ctx2, dirty);
+      } else {
+        if_block.d(1);
+        if_block = current_block_type(ctx2);
+        if (if_block) {
+          if_block.c();
+          if_block.m(if_block_anchor.parentNode, if_block_anchor);
+        }
+      }
+    },
+    d(detaching) {
+      if (detaching) {
+        detach(if_block_anchor);
+      }
+      if_block.d(detaching);
     }
-    if (type === 30 || type === 37) {
-      return { kind: "hostUse" };
+  };
+}
+function create_else_block$c(ctx) {
+  let div;
+  return {
+    c() {
+      div = element("div");
+      div.textContent = "还没有礼物哦~";
+      attr(div, "class", "giftbar-empty");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+    },
+    p: noop,
+    d(detaching) {
+      if (detaching) {
+        detach(div);
+      }
     }
-    if (id === 1293 && uid === 0) {
-      return { kind: "alert", message: "该礼物不能赠送全麦" };
+  };
+}
+function create_if_block_1$k(ctx) {
+  let img;
+  let img_src_value;
+  return {
+    c() {
+      img = element("img");
+      attr(img, "class", "giftbar-empty-img");
+      if (!src_url_equal(img.src, img_src_value = /*emptyImg*/
+      ctx[2])) attr(img, "src", img_src_value);
+      attr(img, "alt", "");
+    },
+    m(target, anchor) {
+      insert(target, img, anchor);
+    },
+    p(ctx2, dirty) {
+      if (dirty & /*emptyImg*/
+      4 && !src_url_equal(img.src, img_src_value = /*emptyImg*/
+      ctx2[2])) {
+        attr(img, "src", img_src_value);
+      }
+    },
+    d(detaching) {
+      if (detaching) {
+        detach(img);
+      }
     }
-    return { kind: "pay", payAction: "send" };
-  }
-  if (isIframeBlindBox(gift, navid)) {
-    return { kind: "iframe" };
-  }
-  if (isBlindBoxModalGift(gift, navid)) {
-    return { kind: "blindBox" };
-  }
-  if (isMagicGift(gift, navid)) {
-    return { kind: "magic" };
-  }
-  if (id === 383) {
-    return { kind: "hostClick" };
-  }
-  if (id === 368 || id === 389) {
-    return { kind: "hostClick" };
-  }
-  if (type === 16 && touid === 0) {
-    return { kind: "hostClick" };
-  }
-  return { kind: "pay", payAction: "open" };
+  };
 }
-let guidIdx = 0;
-function nextGuid(navid, id, index) {
-  if (index !== void 0 && index !== null) {
-    return "giftbar_" + navid + "_" + id + "_" + index;
+function create_fragment$q(ctx) {
+  let div;
+  let each_blocks = [];
+  let each_1_lookup = /* @__PURE__ */ new Map();
+  let t;
+  let each_value = ensure_array_like(
+    /*gifts*/
+    ctx[0]
+  );
+  const get_key = (ctx2) => (
+    /*giftItem*/
+    ctx2[10].guid || /*giftItem*/
+    ctx2[10].id
+  );
+  for (let i = 0; i < each_value.length; i += 1) {
+    let child_ctx = get_each_context$9(ctx, each_value, i);
+    let key = get_key(child_ctx);
+    each_1_lookup.set(key, each_blocks[i] = create_each_block$9(key, child_ctx));
   }
-  guidIdx += 1;
-  return "giftbar_" + navid + "_" + id + "_" + guidIdx;
+  let if_block = (
+    /*gifts*/
+    ctx[0].length === 0 && create_if_block$n(ctx)
+  );
+  return {
+    c() {
+      div = element("div");
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        each_blocks[i].c();
+      }
+      t = space();
+      if (if_block) if_block.c();
+      attr(div, "class", "giftbar-grid");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        if (each_blocks[i]) {
+          each_blocks[i].m(div, null);
+        }
+      }
+      append(div, t);
+      if (if_block) if_block.m(div, null);
+    },
+    p(ctx2, [dirty]) {
+      if (dirty & /*gifts, selectGift, choose, openHelp, canShowHelp, animGuid*/
+      59) {
+        each_value = ensure_array_like(
+          /*gifts*/
+          ctx2[0]
+        );
+        each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div, destroy_block, create_each_block$9, t, get_each_context$9);
+      }
+      if (
+        /*gifts*/
+        ctx2[0].length === 0
+      ) {
+        if (if_block) {
+          if_block.p(ctx2, dirty);
+        } else {
+          if_block = create_if_block$n(ctx2);
+          if_block.c();
+          if_block.m(div, null);
+        }
+      } else if (if_block) {
+        if_block.d(1);
+        if_block = null;
+      }
+    },
+    i: noop,
+    o: noop,
+    d(detaching) {
+      if (detaching) {
+        detach(div);
+      }
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        each_blocks[i].d();
+      }
+      if (if_block) if_block.d();
+    }
+  };
 }
-function transformShopGift(navid, temp, index) {
-  const worth = Number(temp.worth);
-  temp.picIcon = worth === 3 ? CRYSTAL_IMG : ZHUANSHI_IMG;
-  temp.isCrystal = worth === 3;
-  temp.unitText = temp.diamond + (worth === 3 ? "紫晶" : "钻");
-  temp.unitText2 = "";
-  if (temp.worth === void 0) {
-    temp.worth = 0;
-  }
-  temp.atitle = temp.intro && temp.intro !== " " ? nrTobr(temp.intro) : "";
-  temp.guid = nextGuid(navid, temp.id, index);
+function canShowHelp(gift, selected) {
+  return selected === gift && Number(gift && gift.is_multi_gift) === 1 && !!(gift && gift.explain_url);
 }
-function transformBagGift(navid, temp, index) {
-  const type = Number(temp.type);
-  const worth = Number(temp.worth);
-  const id = Number(temp.id);
-  const num = temp.num;
-  const price = temp.price;
-  const priority = Number(temp.priority_display) || 0;
-  temp.picIcon = "";
-  temp.unitText = "";
-  temp.unitText2 = "";
-  temp.isCrystal = false;
-  if (type === 24 && worth === 3) {
-    if (priority > 0) {
-      temp.picIcon = CRYSTAL_IMG;
-      temp.isCrystal = true;
-      temp.unitText = String(price / 10);
-    } else {
-      temp.unitText2 = "x" + num;
-    }
-  } else if (Number(navid) === TAB_CRYSTAL && type === 7) {
-    temp.picIcon = CRYSTAL_IMG;
-    temp.isCrystal = true;
-    temp.unitText = String(price / 10);
-  } else {
-    let giftNum = "";
-    if (type === 7 || Number(navid) === TAB_PACKAGE && priority > 0) {
-      giftNum = price / 10 + "钻";
-    } else {
-      giftNum = "x" + num;
-    }
-    if (Number(navid) === TAB_PACKAGE && priority > 0) {
-      temp.picIcon = ZHUANSHI_IMG;
-      temp.unitText = giftNum;
-    } else if (id === 155 || id === 156) {
-      temp.picIcon = ZHUANSHI_IMG;
-      temp.unitText = giftNum;
-    } else {
-      temp.unitText2 = giftNum;
-    }
+function instance$q($$self, $$props, $$invalidate) {
+  let { gifts = [] } = $$props;
+  let { selectGift = null } = $$props;
+  let { emptyImg = "" } = $$props;
+  let { onClickItem } = $$props;
+  let { onOpenHelp } = $$props;
+  let animGuid = "";
+  function choose(item) {
+    $$invalidate(3, animGuid = item.guid);
+    onClickItem && onClickItem(item);
+    setTimeout(
+      () => {
+        if (animGuid === item.guid) {
+          $$invalidate(3, animGuid = "");
+        }
+      },
+      300
+    );
   }
-  if (temp.worth === void 0) {
-    temp.worth = 0;
+  function openHelp(event, gift) {
+    event && event.stopPropagation && event.stopPropagation();
+    onOpenHelp && onOpenHelp(gift);
+  }
+  const click_handler = (giftItem, event) => openHelp(event, giftItem);
+  const click_handler_12 = (giftItem) => choose(giftItem);
+  $$self.$$set = ($$props2) => {
+    if ("gifts" in $$props2) $$invalidate(0, gifts = $$props2.gifts);
+    if ("selectGift" in $$props2) $$invalidate(1, selectGift = $$props2.selectGift);
+    if ("emptyImg" in $$props2) $$invalidate(2, emptyImg = $$props2.emptyImg);
+    if ("onClickItem" in $$props2) $$invalidate(6, onClickItem = $$props2.onClickItem);
+    if ("onOpenHelp" in $$props2) $$invalidate(7, onOpenHelp = $$props2.onOpenHelp);
+  };
+  return [
+    gifts,
+    selectGift,
+    emptyImg,
+    animGuid,
+    choose,
+    openHelp,
+    onClickItem,
+    onOpenHelp,
+    click_handler,
+    click_handler_12
+  ];
+}
+class GiftGrid extends SvelteComponent {
+  constructor(options2) {
+    super();
+    init(this, options2, instance$q, create_fragment$q, safe_not_equal, {
+      gifts: 0,
+      selectGift: 1,
+      emptyImg: 2,
+      onClickItem: 6,
+      onOpenHelp: 7
+    });
   }
-  temp.atitle = temp.intro && temp.intro !== " " ? nrTobr(temp.intro) : "";
-  temp.guid = nextGuid(navid, temp.id, index);
 }
 function create_if_block_1$j(ctx) {
   let p;
@@ -2315,7 +2890,7 @@ function create_if_block$m(ctx) {
     }
   };
 }
-function create_fragment$q(ctx) {
+function create_fragment$p(ctx) {
   let div1;
   let div0;
   let p;
@@ -2411,7 +2986,7 @@ function create_fragment$q(ctx) {
     }
   };
 }
-function instance$q($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
   let diamondText;
   let crystalText;
   let moneyText;
@@ -2458,172 +3033,8 @@ function instance$q($$self, $$props, $$invalidate) {
 class GiftBalance extends SvelteComponent {
   constructor(options2) {
     super();
-    init(this, options2, instance$q, create_fragment$q, safe_not_equal, { diamondInfo: 5, showMoney: 6 });
-  }
-}
-function joinQuery(parts) {
-  return parts.filter((item) => item && item[1] !== void 0 && item[1] !== null).map(([key, value]) => key + "=" + value).join("&");
-}
-function appendQuery(url, params) {
-  let next = url || "";
-  Object.keys(params || {}).forEach((key) => {
-    const value = params[key];
-    if (value === void 0 || value === null) {
-      return;
-    }
-    const re = new RegExp("([?&])" + key + "=[^&]*");
-    if (re.test(next)) {
-      next = next.replace(re, "$1" + key + "=" + value);
-    } else {
-      next += (next.indexOf("?") >= 0 ? "&" : "?") + key + "=" + value;
-    }
-  });
-  return next;
-}
-function stripSlash(domain) {
-  return domain ? String(domain).replace(/\/$/, "") : "";
-}
-function guessApiDomain(prefix) {
-  const host = window.location.host || "";
-  const main = host.split(".").slice(-2).join(".") || "tuwan.com";
-  if (options.isChatTest) {
-    return "https://" + prefix + "-test." + main;
-  }
-  return "https://" + prefix + "." + main;
-}
-function resolveApiDomain(kind) {
-  const map = options.apiDomain || {};
-  const injected = map[kind];
-  if (injected) {
-    return stripSlash(injected);
-  }
-  if (kind === "papi" || kind === "yapi") {
-    return guessApiDomain(kind);
-  }
-  throw new Error("giftBarLib apiDomain." + kind + " is required");
-}
-function papi() {
-  return resolveApiDomain("papi");
-}
-function yapi() {
-  return resolveApiDomain("yapi");
-}
-function hasValue$2(value) {
-  return value !== void 0 && value !== null && value !== "";
-}
-function sceneParts$1(ctx) {
-  if (hasValue$2(ctx && ctx.group_id)) {
-    return [["group_id", ctx.group_id]];
-  }
-  return [["imuid", ctx && ctx.imuid]];
-}
-function openParts(giftId, num, paySure, ctx) {
-  return [
-    ["giftid", giftId],
-    ["num", num || 1],
-    ["pay_confirm", 1],
-    ["apiver", 1],
-    ["pay_sure", paySure || 0],
-    ["uids", ctx && ctx.selfUid],
-    ...sceneParts$1(ctx)
-  ];
-}
-function getRechargeUrl() {
-  return yapi() + "/activityapi/recharge";
-}
-function getLimitSettingsUrl() {
-  return "https://y" + (options.isChatTest ? "-test" : "") + ".tuwan.com/home/consume-check";
-}
-function giveUpConsumeLimitUrl() {
-  return yapi() + "/user/setGiftRemindSetting?format=jsonp";
-}
-function giftListsUrl(cid, navid) {
-  return papi() + "/Teacher/giftLists?format=jsonp&platform=0" + (hasValue$2(cid) ? "&cid=" + cid : "") + "&navid=" + navid + "&apiver=4";
-}
-function haveGiftUrl(cid, navid) {
-  return papi() + "/Teacher/haveGift?format=jsonp&mode=2" + (hasValue$2(cid) ? "&cid=" + cid : "") + "&navid=" + navid;
-}
-function getMoneyUrl() {
-  return papi() + "/Teacher/getMoney";
-}
-function diamondGiftMoreUrl(query) {
-  return papi() + "/Diamond/giftMore?" + query;
-}
-function giveGiftUrl(query) {
-  return papi() + "/Teacher/giveGift?" + query;
-}
-function giveGiftInfoUrl(cid, giftId) {
-  return yapi() + "/nobility/getGiveGiftInfo?cid=" + cid + "&id=" + giftId + "&freeCardTypeid=2&format=jsonp";
-}
-function treasureBuyUrl(query) {
-  return papi() + "/Treasure/buy?format=jsonp&" + query;
-}
-function blindBoxPayUrl(query) {
-  return papi() + "/treasure/blindBox?format=jsonp&" + query;
-}
-function blindBoxImgListUrl(giftId) {
-  return papi() + "/gift/blindBoxImgList?format=jsonp&gift_id=" + giftId;
-}
-function treasureGetInfoUrl(giftId) {
-  return papi() + "/TreasureV3/getInfo?giftid=" + giftId + "&apiver=1";
-}
-function treasureGetRecordUrl(giftId, page, step) {
-  return papi() + "/TreasureV3/getRecord?format=jsonp&giftid=" + giftId + "&page=" + page + "&step=" + (step || 10);
-}
-function treasureGoldUrl(giftId, cid, num, paySure, ctx) {
-  if (isImSource()) {
-    return papi() + "/TreasureV3/gold?" + joinQuery(openParts(giftId, num, paySure, ctx));
-  }
-  return papi() + "/TreasureV3/gold?giftid=" + giftId + "&cid=" + cid + "&num=" + (num || 1) + "&pay_confirm=1&pay_sure=" + (paySure || 0);
-}
-function treasureV3BuyUrl(giftId, cid, num, paySure, ctx) {
-  if (isImSource()) {
-    return papi() + "/TreasureV3/buy?" + joinQuery(openParts(giftId, num, paySure, ctx));
-  }
-  return papi() + "/TreasureV3/buy?giftid=" + giftId + "&cid=" + cid + "&num=" + (num || 1) + "&pay_confirm=1&pay_sure=" + (paySure || 0);
-}
-function modalBlindBoxPayUrl(giftId, cid, num, worth, isBuy, ctx) {
-  if (isImSource()) {
-    return papi() + "/treasure/blindBox?" + joinQuery([
-      ["anonymous", 0],
-      ["actid", 100],
-      ["platform", 0],
-      ["giftid", giftId],
-      ["num", num || 1],
-      ["pay_confirm", 1],
-      ["apiver", 1],
-      ["pay_sure", 0],
-      ["worth", worth || 0],
-      ["is_buy", isBuy || 0],
-      ["uids", ctx && ctx.selfUid],
-      ...sceneParts$1(ctx)
-    ]);
-  }
-  return papi() + "/treasure/blindBox?format=jsonp&giftid=" + giftId + "&cid=" + cid + "&num=" + (num || 1) + "&worth=" + (worth || 0) + "&is_buy=" + (isBuy || 0);
-}
-function diamondPrefixQuery(parts) {
-  return "anonymous=0&actid=" + (isImSource() ? 101 : 100) + "&platform=0&" + joinQuery(parts);
-}
-function boxPrefixQuery(parts) {
-  return "anonymous=0&actid=100&platform=0&" + joinQuery(parts);
-}
-function platformPrefixQuery(parts) {
-  return "platform=0&" + joinQuery(parts);
-}
-function getCrystalBlindBoxBaseUrl() {
-  if (options.isChatTest) {
-    return "https://act-test.tuwan.com/cdn/s1season-box.html";
-  }
-  const host = window.location.host || "";
-  const actHost = host.indexOf("diandiankaihei.com") > -1 ? "act.diandiankaihei.com" : "act.tuwan.com";
-  return "https://" + actHost + "/cdn/s1season-box.html";
-}
-function getCrystalBlindBoxUrl(cid, giftId, navid) {
-  const base = getCrystalBlindBoxBaseUrl();
-  if (isImSource()) {
-    return base + "?giftId=" + giftId + "&navid=" + navid;
+    init(this, options2, instance$p, create_fragment$p, safe_not_equal, { diamondInfo: 5, showMoney: 6 });
   }
-  return base + "?cid=" + cid + "&giftId=" + giftId;
 }
 function clickOutside(nodeOrSelector, callback) {
   const handleClick = (event) => {
@@ -3294,7 +3705,7 @@ function create_if_block$l(ctx) {
     }
   };
 }
-function create_fragment$p(ctx) {
+function create_fragment$o(ctx) {
   let div3;
   let div0;
   let span0;
@@ -3406,7 +3817,6 @@ function create_fragment$p(ctx) {
       ctx[3].countLocked;
       attr(div0, "class", div0_class_value = "giftbar-count " + /*ui*/
       (ctx[3].countLocked ? "is-locked" : ""));
-      set_style(div0, "margin-left", "10px");
       attr(div1, "class", "giftbar-btns");
       attr(div2, "class", "giftbar-recharge");
       attr(div3, "class", "giftbar-footer");
@@ -3584,7 +3994,7 @@ function create_fragment$p(ctx) {
     }
   };
 }
-function instance$p($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
   let buttons;
   let { diamondInfo = {} } = $$props;
   let { showMoney = false } = $$props;
@@ -3717,8 +4127,8 @@ class GiftFooter extends SvelteComponent {
     init(
       this,
       options2,
-      instance$p,
-      create_fragment$p,
+      instance$o,
+      create_fragment$o,
       safe_not_equal,
       {
         diamondInfo: 1,
@@ -4048,7 +4458,7 @@ function create_if_block_1$h(ctx) {
     }
   };
 }
-function create_fragment$o(ctx) {
+function create_fragment$n(ctx) {
   let div;
   function select_block_type(ctx2, dirty) {
     if (
@@ -4104,7 +4514,7 @@ function create_fragment$o(ctx) {
     }
   };
 }
-function instance$o($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
   let view;
   let roseUrl;
   let { data = null } = $$props;
@@ -4126,7 +4536,7 @@ function instance$o($$self, $$props, $$invalidate) {
 class JingpaiNotice extends SvelteComponent {
   constructor(options2) {
     super();
-    init(this, options2, instance$o, create_fragment$o, safe_not_equal, { data: 2 });
+    init(this, options2, instance$n, create_fragment$n, safe_not_equal, { data: 2 });
   }
 }
 const GIFT_BAR_EXTRA = {
@@ -4141,38 +4551,6 @@ function giftBarLog(tag, extra) {
   } catch (_e) {
   }
 }
-const deferred = function() {
-  const defer = {};
-  defer.promise = new Promise((resolve, reject) => {
-    defer.resolve = resolve;
-    defer.reject = reject;
-  });
-  return defer;
-};
-function createModal(_Class, props = {}, target = document.body) {
-  const wrap = document.createElement("div");
-  wrap.setAttribute("data-modal-overlay", "");
-  wrap.setAttribute("data-giftbar-modal", "");
-  target.appendChild(wrap);
-  let modal = new _Class({ target: wrap, props: { closeModal, ...props } });
-  const defer = deferred();
-  function closeModal(err, result) {
-    try {
-      modal && modal.$destroy();
-    } finally {
-      modal = null;
-      if (wrap.parentNode) {
-        wrap.parentNode.removeChild(wrap);
-      }
-    }
-    if (err) {
-      defer.reject(err);
-    } else {
-      defer.resolve(result);
-    }
-  }
-  return { modal, closeModal, promise: defer.promise };
-}
 function hasValue$1(value) {
   return value !== void 0 && value !== null && value !== "";
 }
@@ -4348,7 +4726,7 @@ function mustHaveRequest() {
     throw new Error("giftBarLib requires host request(url)");
   }
 }
-function create_fragment$n(ctx) {
+function create_fragment$m(ctx) {
   let div3;
   let div2;
   let div0;
@@ -4470,7 +4848,7 @@ function create_fragment$n(ctx) {
 }
 const defaultMessageText = "今日消费已超过最大限额，确定是否继续打赏？";
 const giveUpConfirmMessage = "是否放弃首次充值限额设置";
-function instance$n($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
   let isLimitSettingsError;
   let messageText;
   let cancelBtnText;
@@ -4564,7 +4942,7 @@ function instance$n($$self, $$props, $$invalidate) {
 class ConsumeCheck extends SvelteComponent {
   constructor(options2) {
     super();
-    init(this, options2, instance$n, create_fragment$n, safe_not_equal, { closeModal: 5, res: 6, url: 7 });
+    init(this, options2, instance$m, create_fragment$m, safe_not_equal, { closeModal: 5, res: 6, url: 7 });
   }
 }
 function showConsumeCheck({ res, url }) {
@@ -4864,7 +5242,7 @@ function create_each_block$7(ctx) {
     }
   };
 }
-function create_fragment$m(ctx) {
+function create_fragment$l(ctx) {
   let div5;
   let div4;
   let div0;
@@ -5017,7 +5395,7 @@ function create_fragment$m(ctx) {
 }
 const click_handler_1 = () => {
 };
-function instance$m($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
   let btnText;
   let { closeModal } = $$props;
   let { gift } = $$props;
@@ -5115,7 +5493,7 @@ function instance$m($$self, $$props, $$invalidate) {
 class PardonCard extends SvelteComponent {
   constructor(options2) {
     super();
-    init(this, options2, instance$m, create_fragment$m, safe_not_equal, { closeModal: 9, gift: 10, cid: 11 });
+    init(this, options2, instance$l, create_fragment$l, safe_not_equal, { closeModal: 9, gift: 10, cid: 11 });
   }
 }
 let opening = false;
@@ -5152,7 +5530,7 @@ function create_if_block_1$f(ctx) {
         /*title*/
         ctx[0]
       );
-      attr(div, "class", "giftbar-confirm-title svelte-qctpdt");
+      attr(div, "class", "giftbar-confirm-title svelte-1bi4u90");
     },
     m(target, anchor) {
       insert(target, div, anchor);
@@ -5177,6 +5555,7 @@ function create_if_block$i(ctx) {
   let div;
   let i;
   let t0;
+  let span;
   let t1;
   let mounted;
   let dispose;
@@ -5185,12 +5564,13 @@ function create_if_block$i(ctx) {
       div = element("div");
       i = element("i");
       t0 = space();
+      span = element("span");
       t1 = text(
         /*checkboxText*/
         ctx[4]
       );
-      attr(i, "class", "svelte-qctpdt");
-      attr(div, "class", "giftbar-confirm-choice svelte-qctpdt");
+      attr(i, "class", "svelte-1bi4u90");
+      attr(div, "class", "giftbar-confirm-choice svelte-1bi4u90");
       attr(div, "role", "presentation");
       toggle_class(
         div,
@@ -5203,7 +5583,8 @@ function create_if_block$i(ctx) {
       insert(target, div, anchor);
       append(div, i);
       append(div, t0);
-      append(div, t1);
+      append(div, span);
+      append(span, t1);
       if (!mounted) {
         dispose = listen(div, "click", stop_propagation(
           /*click_handler_1*/
@@ -5238,7 +5619,7 @@ function create_if_block$i(ctx) {
     }
   };
 }
-function create_fragment$l(ctx) {
+function create_fragment$k(ctx) {
   let div3;
   let div2;
   let t0;
@@ -5283,15 +5664,15 @@ function create_fragment$l(ctx) {
       );
       t5 = space();
       if (if_block1) if_block1.c();
-      attr(div0, "class", "giftbar-confirm-body svelte-qctpdt");
+      attr(div0, "class", "giftbar-confirm-body svelte-1bi4u90");
       attr(button0, "type", "button");
-      attr(button0, "class", "giftbar-confirm-btn giftbar-confirm-cancel svelte-qctpdt");
+      attr(button0, "class", "giftbar-confirm-btn giftbar-confirm-cancel svelte-1bi4u90");
       attr(button1, "type", "button");
-      attr(button1, "class", "giftbar-confirm-btn giftbar-confirm-ok svelte-qctpdt");
-      attr(div1, "class", "giftbar-confirm-footer svelte-qctpdt");
-      attr(div2, "class", "giftbar-confirm-dialog svelte-qctpdt");
+      attr(button1, "class", "giftbar-confirm-btn giftbar-confirm-ok svelte-1bi4u90");
+      attr(div1, "class", "giftbar-confirm-footer svelte-1bi4u90");
+      attr(div2, "class", "giftbar-confirm-dialog svelte-1bi4u90");
       attr(div2, "role", "presentation");
-      attr(div3, "class", "giftbar-confirm-mask svelte-qctpdt");
+      attr(div3, "class", "giftbar-confirm-mask svelte-1bi4u90");
       attr(div3, "role", "presentation");
     },
     m(target, anchor) {
@@ -5313,18 +5694,14 @@ function create_fragment$l(ctx) {
       if (if_block1) if_block1.m(div2, null);
       if (!mounted) {
         dispose = [
-          listen(
-            button0,
-            "click",
+          listen(button0, "click", stop_propagation(
             /*onCancel*/
             ctx[6]
-          ),
-          listen(
-            button1,
-            "click",
+          )),
+          listen(button1, "click", stop_propagation(
             /*onConfirm*/
             ctx[7]
-          ),
+          )),
           listen(div2, "click", stop_propagation(
             /*click_handler*/
             ctx[9]
@@ -5397,7 +5774,7 @@ function create_fragment$l(ctx) {
     }
   };
 }
-function instance$l($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
   let { closeModal } = $$props;
   let { title = "温馨提示" } = $$props;
   let { message = "" } = $$props;
@@ -5405,11 +5782,20 @@ function instance$l($$self, $$props, $$invalidate) {
   let { confirmText = "确认" } = $$props;
   let { checkboxText = "" } = $$props;
   let checked = false;
+  function finish(ok) {
+    const payload = { ok, checked };
+    setTimeout(
+      () => {
+        closeModal && closeModal(null, payload);
+      },
+      0
+    );
+  }
   function onCancel() {
-    closeModal && closeModal(null, { ok: false, checked });
+    finish(false);
   }
   function onConfirm() {
-    closeModal && closeModal(null, { ok: true, checked });
+    finish(true);
   }
   function click_handler(event) {
     bubble.call(this, $$self, event);
@@ -5440,7 +5826,7 @@ function instance$l($$self, $$props, $$invalidate) {
 class ConfirmDialog extends SvelteComponent {
   constructor(options2) {
     super();
-    init(this, options2, instance$l, create_fragment$l, safe_not_equal, {
+    init(this, options2, instance$k, create_fragment$k, safe_not_equal, {
       closeModal: 8,
       title: 0,
       message: 1,
@@ -5664,226 +6050,6 @@ async function payGiftAction({ gift, tabId, count, selectedUser, action, extra }
   });
   return requestPay(url, { gift, tabId, count, selectedUser, action, ctx, extra: extra || {} });
 }
-function create_fragment$k(ctx) {
-  let div1;
-  let div0;
-  let iframe;
-  let iframe_src_value;
-  let mounted;
-  let dispose;
-  return {
-    c() {
-      div1 = element("div");
-      div0 = element("div");
-      iframe = element("iframe");
-      attr(iframe, "title", "blind-box");
-      if (!src_url_equal(iframe.src, iframe_src_value = /*url*/
-      ctx[0])) attr(iframe, "src", iframe_src_value);
-      attr(
-        iframe,
-        "width",
-        /*width*/
-        ctx[1]
-      );
-      attr(
-        iframe,
-        "height",
-        /*height*/
-        ctx[2]
-      );
-      attr(iframe, "frameborder", "0");
-      attr(iframe, "allow", "local-network-access 'src'");
-      attr(iframe, "class", "svelte-1ma5gxj");
-      attr(div0, "role", "presentation");
-      attr(div0, "class", "giftbar-iframe-wrap svelte-1ma5gxj");
-      set_style(
-        div0,
-        "width",
-        /*width*/
-        ctx[1] + "px"
-      );
-      set_style(
-        div0,
-        "height",
-        /*height*/
-        ctx[2] + "px"
-      );
-      attr(
-        div1,
-        "id",
-        /*iframeId*/
-        ctx[3]
-      );
-      attr(div1, "class", "giftbar-iframe-mask svelte-1ma5gxj");
-      attr(div1, "role", "presentation");
-    },
-    m(target, anchor) {
-      insert(target, div1, anchor);
-      append(div1, div0);
-      append(div0, iframe);
-      if (!mounted) {
-        dispose = [
-          listen(div0, "click", stop_propagation(
-            /*click_handler*/
-            ctx[7]
-          )),
-          listen(div1, "click", stop_propagation(
-            /*handleClose*/
-            ctx[4]
-          ))
-        ];
-        mounted = true;
-      }
-    },
-    p(ctx2, [dirty]) {
-      if (dirty & /*url*/
-      1 && !src_url_equal(iframe.src, iframe_src_value = /*url*/
-      ctx2[0])) {
-        attr(iframe, "src", iframe_src_value);
-      }
-      if (dirty & /*width*/
-      2) {
-        attr(
-          iframe,
-          "width",
-          /*width*/
-          ctx2[1]
-        );
-      }
-      if (dirty & /*height*/
-      4) {
-        attr(
-          iframe,
-          "height",
-          /*height*/
-          ctx2[2]
-        );
-      }
-      if (dirty & /*width*/
-      2) {
-        set_style(
-          div0,
-          "width",
-          /*width*/
-          ctx2[1] + "px"
-        );
-      }
-      if (dirty & /*height*/
-      4) {
-        set_style(
-          div0,
-          "height",
-          /*height*/
-          ctx2[2] + "px"
-        );
-      }
-      if (dirty & /*iframeId*/
-      8) {
-        attr(
-          div1,
-          "id",
-          /*iframeId*/
-          ctx2[3]
-        );
-      }
-    },
-    i: noop,
-    o: noop,
-    d(detaching) {
-      if (detaching) {
-        detach(div1);
-      }
-      mounted = false;
-      run_all(dispose);
-    }
-  };
-}
-function instance$k($$self, $$props, $$invalidate) {
-  let { closeModal } = $$props;
-  let { url = "" } = $$props;
-  let { width = 400 } = $$props;
-  let { height = 585 } = $$props;
-  let { onRefreshHaveGift = null } = $$props;
-  let { iframeId = "" } = $$props;
-  let closed = false;
-  function handleClose() {
-    if (closed) {
-      return;
-    }
-    closed = true;
-    onRefreshHaveGift && onRefreshHaveGift();
-    closeModal && closeModal(null, true);
-  }
-  function onMessage(event) {
-    const data = event.data || {};
-    if (data.closeIframe) {
-      if (data.id && iframeId && String(data.id) !== String(iframeId)) {
-        return;
-      }
-      handleClose();
-      return;
-    }
-    if (data.channel === "common_iframe" && data.type === "refreshHaveGift") {
-      onRefreshHaveGift && onRefreshHaveGift();
-    }
-  }
-  onMount(() => {
-    window.addEventListener("message", onMessage);
-  });
-  onDestroy(() => {
-    window.removeEventListener("message", onMessage);
-  });
-  function click_handler(event) {
-    bubble.call(this, $$self, event);
-  }
-  $$self.$$set = ($$props2) => {
-    if ("closeModal" in $$props2) $$invalidate(5, closeModal = $$props2.closeModal);
-    if ("url" in $$props2) $$invalidate(0, url = $$props2.url);
-    if ("width" in $$props2) $$invalidate(1, width = $$props2.width);
-    if ("height" in $$props2) $$invalidate(2, height = $$props2.height);
-    if ("onRefreshHaveGift" in $$props2) $$invalidate(6, onRefreshHaveGift = $$props2.onRefreshHaveGift);
-    if ("iframeId" in $$props2) $$invalidate(3, iframeId = $$props2.iframeId);
-  };
-  return [
-    url,
-    width,
-    height,
-    iframeId,
-    handleClose,
-    closeModal,
-    onRefreshHaveGift,
-    click_handler
-  ];
-}
-class IframeModal extends SvelteComponent {
-  constructor(options2) {
-    super();
-    init(this, options2, instance$k, create_fragment$k, safe_not_equal, {
-      closeModal: 5,
-      url: 0,
-      width: 1,
-      height: 2,
-      onRefreshHaveGift: 6,
-      iframeId: 3
-    });
-  }
-}
-function showIframeBlindBox({ cid, giftId, navid, onRefreshHaveGift }) {
-  const iframeId = "iframe_" + Date.now();
-  const base = getCrystalBlindBoxUrl(cid, giftId, navid);
-  const url = base + (base.indexOf("?") >= 0 ? "&" : "?") + "eleId=" + encodeURIComponent(iframeId);
-  return createModal(
-    IframeModal,
-    {
-      url,
-      iframeId,
-      width: 400,
-      height: 585,
-      onRefreshHaveGift
-    },
-    document.body
-  );
-}
 class SvgaPlayer {
   constructor() {
     this.instance = null;
@@ -18886,7 +19052,11 @@ function create_if_block(ctx) {
       ),
       onClickItem: (
         /*chooseGift*/
-        ctx[18]
+        ctx[19]
+      ),
+      onOpenHelp: (
+        /*openGiftHelp*/
+        ctx[20]
       )
     }
   });
@@ -18926,16 +19096,16 @@ function create_if_block(ctx) {
         ctx[12]
       ),
       onSelectUser: (
-        /*func*/
-        ctx[29]
+        /*chooseUser*/
+        ctx[18]
       ),
       onCountChange: (
-        /*func_1*/
-        ctx[30]
+        /*func*/
+        ctx[31]
       ),
       onAction: (
         /*handleAction*/
-        ctx[19]
+        ctx[21]
       )
     }
   });
@@ -18978,7 +19148,7 @@ function create_if_block(ctx) {
       if (!mounted) {
         dispose = listen(div1, "click", stop_propagation(
           /*click_handler*/
-          ctx[28]
+          ctx[30]
         ));
         mounted = true;
       }
@@ -19070,12 +19240,9 @@ function create_if_block(ctx) {
       if (dirty[0] & /*selectNum*/
       4096) giftfooter_changes.selectNum = /*selectNum*/
       ctx2[12];
-      if (dirty[0] & /*selectUser*/
-      256) giftfooter_changes.onSelectUser = /*func*/
-      ctx2[29];
       if (dirty[0] & /*selectNum*/
-      4096) giftfooter_changes.onCountChange = /*func_1*/
-      ctx2[30];
+      4096) giftfooter_changes.onCountChange = /*func*/
+      ctx2[31];
       giftfooter.$set(giftfooter_changes);
       if (!current || dirty[0] & /*isShow*/
       8) {
@@ -19322,7 +19489,7 @@ function instance($$self, $$props, $$invalidate) {
   }
   function applyUpdate(payload) {
     if (payload && payload.extras) {
-      $$invalidate(27, extras = payload.extras);
+      $$invalidate(29, extras = payload.extras);
     }
   }
   onMount(() => {
@@ -19485,7 +19652,7 @@ function instance($$self, $$props, $$invalidate) {
     const response = await options.request(giftListsUrl(cid, 0));
     applyTabList(response);
     if (response && response.error === 0) {
-      $$invalidate(26, isSend = response.is_send);
+      $$invalidate(28, isSend = response.is_send);
       applyBanner(response);
     }
   }
@@ -19504,7 +19671,7 @@ function instance($$self, $$props, $$invalidate) {
     const response = await options.request(giftListsUrl(cid, activeTabId));
     if (response && response.error === 0) {
       applyTabList(response);
-      $$invalidate(26, isSend = response.is_send);
+      $$invalidate(28, isSend = response.is_send);
       const data = response.data || [];
       decorateShop(data);
       $$invalidate(6, giftList = data);
@@ -19561,6 +19728,12 @@ function instance($$self, $$props, $$invalidate) {
       updateBaoguo();
     }
   }
+  function chooseUser(user) {
+    $$invalidate(8, selectUser = user);
+    if (typeof options.onSelectUser === "function") {
+      options.onSelectUser(user);
+    }
+  }
   function chooseGift(giftItem) {
     resetCount();
     if (Number(giftItem && giftItem.type) === 37) {
@@ -19569,6 +19742,13 @@ function instance($$self, $$props, $$invalidate) {
     $$invalidate(1, selectGiftItem = giftItem);
     applySelectEffect(giftItem);
   }
+  function openGiftHelp(gift) {
+    const url = gift && gift.explain_url;
+    if (!url) {
+      return;
+    }
+    showExplainIframe(url);
+  }
   async function openIframe(giftItem) {
     const ctx = await options.getPayContext({
       gift: giftItem,
@@ -19669,11 +19849,10 @@ function instance($$self, $$props, $$invalidate) {
   function click_handler(event) {
     bubble.call(this, $$self, event);
   }
-  const func = (user) => $$invalidate(8, selectUser = user);
-  const func_1 = (num) => $$invalidate(12, selectNum = num);
+  const func = (num) => $$invalidate(12, selectNum = num);
   $$self.$$.update = () => {
     if ($$self.$$.dirty[0] & /*selectGiftItem, activeTabId, isSend*/
-    67108867) {
+    268435459) {
       $$invalidate(2, ui = getSelectUiState(selectGiftItem, activeTabId, isSend));
     }
     if ($$self.$$.dirty[0] & /*selectGiftItem, activeTabId*/
@@ -19685,7 +19864,7 @@ function instance($$self, $$props, $$invalidate) {
       $$invalidate(15, emptyImg = isPackageTab(activeTabId) ? getEmptyBagImg() : "");
     }
     if ($$self.$$.dirty[0] & /*extras*/
-    134217728) {
+    536870912) {
       $$invalidate(14, jingpai = extras[GIFT_BAR_EXTRA.JINGPAI]);
     }
     if ($$self.$$.dirty[0] & /*ui*/
@@ -19714,7 +19893,9 @@ function instance($$self, $$props, $$invalidate) {
     emptyImg,
     tip,
     switchTab,
+    chooseUser,
     chooseGift,
+    openGiftHelp,
     handleAction,
     show,
     hide,
@@ -19725,8 +19906,7 @@ function instance($$self, $$props, $$invalidate) {
     isSend,
     extras,
     click_handler,
-    func,
-    func_1
+    func
   ];
 }
 class GiftPanel extends SvelteComponent {
@@ -19739,34 +19919,34 @@ class GiftPanel extends SvelteComponent {
       create_fragment,
       safe_not_equal,
       {
-        show: 20,
-        hide: 21,
-        reset: 22,
-        updateDiamond: 23,
-        updateBaoguo: 24,
-        isShowing: 25
+        show: 22,
+        hide: 23,
+        reset: 24,
+        updateDiamond: 25,
+        updateBaoguo: 26,
+        isShowing: 27
       },
       null,
       [-1, -1]
     );
   }
   get show() {
-    return this.$$.ctx[20];
+    return this.$$.ctx[22];
   }
   get hide() {
-    return this.$$.ctx[21];
+    return this.$$.ctx[23];
   }
   get reset() {
-    return this.$$.ctx[22];
+    return this.$$.ctx[24];
   }
   get updateDiamond() {
-    return this.$$.ctx[23];
+    return this.$$.ctx[25];
   }
   get updateBaoguo() {
-    return this.$$.ctx[24];
+    return this.$$.ctx[26];
   }
   get isShowing() {
-    return this.$$.ctx[25];
+    return this.$$.ctx[27];
   }
 }
 function merge(target, source) {