@sledge-app/react-instant-search 0.0.87 → 0.0.89

package/dist/sledge-react-instant-search.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports, $ as $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, a as $cb5cc270b50c6fcd$export$41fb9f06171c75f4, b as $cb5cc270b50c6fcd$export$602eac185826482c, c as $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, d as $cb5cc270b50c6fcd$export$f39c2d165cd861fe, e as $cb5cc270b50c6fcd$export$21b07c8f274aebd5, f as $67824d98245208a0$export$be92b6f5f03c0fe9, g as $67824d98245208a0$export$adb584737d712b70, h as $e698a72e93240346$export$be92b6f5f03c0fe9, i as $e698a72e93240346$export$adb584737d712b70, k as $faa2e61a3361514f$export$be92b6f5f03c0fe9, l as $faa2e61a3361514f$export$13921ac0cc260818, m as $faa2e61a3361514f$export$9a58ef0d7ad3278c, n as $faa2e61a3361514f$export$6521433ed15a34db, o as $f99a8c78507165f7$export$be92b6f5f03c0fe9, p as $f99a8c78507165f7$export$6d08773d2e66f8f2, q as $f99a8c78507165f7$export$adb584737d712b70, r as $cc7e05a45900e73f$export$6d08773d2e66f8f2, s as $cc7e05a45900e73f$export$d6e5bf9c43ea9319, t as $cc7e05a45900e73f$export$c3468e2714d175fa, u as $cc7e05a45900e73f$export$be92b6f5f03c0fe9, v as $cc7e05a45900e73f$export$41fb9f06171c75f4, w as $cc7e05a45900e73f$export$4c8d1a57a761ef94, x as $cc7e05a45900e73f$export$f04a61298a47a40f, y as $cc7e05a45900e73f$export$602eac185826482c, z as $cc7e05a45900e73f$export$7c6e2c02157bb7d2, A as $cc7e05a45900e73f$export$2f60d3ec9ad468f2, B as $cc7e05a45900e73f$export$d5c6c08dc2d3ca7, C as $cc7e05a45900e73f$export$bf1aedc3039c8d63, D as motion, E as $a093c7e1ec25a057$export$2881499e37b75b9a, F as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, G as $a093c7e1ec25a057$export$41fb9f06171c75f4, H as $a093c7e1ec25a057$export$602eac185826482c, I as $a093c7e1ec25a057$export$7c6e2c02157bb7d2, J as $a093c7e1ec25a057$export$21b07c8f274aebd5, K as $57acba87d6e25586$export$be92b6f5f03c0fe9, L as $57acba87d6e25586$export$d5c6c08dc2d3ca7, M as $57acba87d6e25586$export$9a4e88b92edfce6b, N as $57acba87d6e25586$export$6521433ed15a34db, O as $57acba87d6e25586$export$ac61190d9fc311a9, P as MasonryResponsive, Q as Masonry, R as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, S as $5d3850c4d0b4e6c7$export$602eac185826482c, T as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, U as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 } from "./vendor-90dfd914.js";
+import { j as jsxRuntimeExports, $ as $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, a as $cb5cc270b50c6fcd$export$41fb9f06171c75f4, b as $cb5cc270b50c6fcd$export$602eac185826482c, c as $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, d as $cb5cc270b50c6fcd$export$f39c2d165cd861fe, e as $cb5cc270b50c6fcd$export$21b07c8f274aebd5, f as $67824d98245208a0$export$be92b6f5f03c0fe9, g as $67824d98245208a0$export$adb584737d712b70, h as $e698a72e93240346$export$be92b6f5f03c0fe9, i as $e698a72e93240346$export$adb584737d712b70, k as $faa2e61a3361514f$export$be92b6f5f03c0fe9, l as $faa2e61a3361514f$export$13921ac0cc260818, m as $faa2e61a3361514f$export$9a58ef0d7ad3278c, n as $faa2e61a3361514f$export$6521433ed15a34db, o as $f99a8c78507165f7$export$be92b6f5f03c0fe9, p as $f99a8c78507165f7$export$6d08773d2e66f8f2, q as $f99a8c78507165f7$export$adb584737d712b70, r as $cc7e05a45900e73f$export$6d08773d2e66f8f2, s as $cc7e05a45900e73f$export$d6e5bf9c43ea9319, t as $cc7e05a45900e73f$export$c3468e2714d175fa, u as $cc7e05a45900e73f$export$be92b6f5f03c0fe9, v as $cc7e05a45900e73f$export$41fb9f06171c75f4, w as $cc7e05a45900e73f$export$4c8d1a57a761ef94, x as $cc7e05a45900e73f$export$f04a61298a47a40f, y as $cc7e05a45900e73f$export$602eac185826482c, z as $cc7e05a45900e73f$export$7c6e2c02157bb7d2, A as $cc7e05a45900e73f$export$2f60d3ec9ad468f2, B as $cc7e05a45900e73f$export$d5c6c08dc2d3ca7, C as $cc7e05a45900e73f$export$bf1aedc3039c8d63, D as client, E as motion, F as $a093c7e1ec25a057$export$2881499e37b75b9a, G as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, H as $a093c7e1ec25a057$export$41fb9f06171c75f4, I as $a093c7e1ec25a057$export$602eac185826482c, J as $a093c7e1ec25a057$export$7c6e2c02157bb7d2, K as $a093c7e1ec25a057$export$21b07c8f274aebd5, L as $57acba87d6e25586$export$be92b6f5f03c0fe9, M as $57acba87d6e25586$export$d5c6c08dc2d3ca7, N as $57acba87d6e25586$export$9a4e88b92edfce6b, O as $57acba87d6e25586$export$6521433ed15a34db, P as $57acba87d6e25586$export$ac61190d9fc311a9, Q as MasonryResponsive, R as Masonry, S as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, T as $5d3850c4d0b4e6c7$export$602eac185826482c, U as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, V as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 } from "./vendor-1f00eb2b.js";
 import React__default, { createElement } from "react";
 import { SledgeContext } from "@sledge-app/core";
 import "react-dom";
@@ -7,6 +7,51 @@ const ProductFilterWidget = (props) => {
 };
 const API_URL = "https://sledge-api-preprod.offstack.io";
 const INSTANT_SEARCH_ENGINE_URL = "https://instant-search-engine.offstack.io";
+const SELECTOR_ATTRIBUTE_KEY = "data-component";
+const DATASET_ATTRIBUTE_KEY = {
+  GLOBAL: {
+    ON_AFTER_ADD_WISHLIST: "data-on-after-add-wishlist",
+    ON_AFTER_REMOVE_WISHLIST: "data-on-after-remove-wishlist",
+    ON_AFTER_ADD_TO_CART: "data-on-after-add-to-cart",
+    ON_AFTER_ADD_REVIEW: "data-on-after-add-review",
+    ON_AFTER_RENDER_PRODUCT: "data-on-after-render-product",
+    PRODUCT_ID: "data-product-id",
+    PRODUCT_VARIANT_ID: "data-product-variant-id",
+    PRODUCT_NAME: "data-product-name",
+    PRODUCT_VENDOR: "data-product-vendor",
+    PRODUCT_SKU: "data-product-sku",
+    PRODUCT_VARIANT_NAME: "data-product-variant-name",
+    PRODUCT_LINK: "data-product-link",
+    PRODUCT_IMAGE: "data-product-image",
+    PRODUCT_CURRENCY: "data-product-currency",
+    PRODUCT_PRICE: "data-product-price",
+    USER_ID: "data-user-id",
+    USER_EMAIL: "data-user-email",
+    USER_FULLNAME: "data-user-fullname",
+    COLLECTION_ID: "data-collection-id",
+    WIDTH_ELEMENT: "data-width-element",
+    ICON_SIZE: "data-icon-size",
+    API_KEY: "data-api-key",
+    INSTANT_SEARCH_API_KEY: "data-instant-search-api-key",
+    RENDER_PRODUCT_CARD: "data-render-product-card"
+  },
+  WISHLIST: {
+    SHARE_ID: "data-share-id",
+    QUERY_SHARE_ID: "data-query-share-id",
+    CUSTOM_ROUTE_PAGE: "data-custom-route-page",
+    RENDER_WISHLIST_WIDGET_ALERT: "data-render-wishlist-widget-alert",
+    USE_PROXY_URL: "data-use-proxy-url"
+  },
+  PRODUCT_REVIEW: {
+    RATING_SIZE: "data-rating-size"
+  },
+  INSTANT_SEARCH: {
+    QUERY_KEYWORD: "data-query-keyword",
+    RENDER_SUGGESTION_KEYWORD_LIST: "data-render-suggestion-keyword-list",
+    RENDER_OTHER_INDEX_LIST: "data-render-other-index-list",
+    RENDER_SEARCH_VIEW_MORE_RESULT: "data-render-search-view-more-result"
+  }
+};
 const LOCAL_STORAGE_KEY = {
   ANONYM_ID: "sledge-anonym-id",
   AUTH_APP: "sledge-auth-app",
@@ -16,6 +61,45 @@ const LOCAL_STORAGE_KEY = {
   INSTANT_SEARCH_SETTING: "sledge-instant-search-setting",
   EXPIRY_SETTING: "sledge-expiry-setting"
 };
+const INTERNAL_SELECTOR_VALUE = {
+  ELEMENT_TOAST_NOTIFICATION: "toast-notification",
+  ELEMENT_CONFIRMATION_POPUP: "confirmation-popup",
+  ELEMENT_INFO_POPUP: "info-popup",
+  WISHLIST: {
+    ELEMENT_BADGE_FLOATING_ICON: "wishlist-badge-floating-icon",
+    ELEMENT_BADGE_FLOATING_FULL: "wishlist-badge-floating-full",
+    ELEMENT_WIDGET_POPUP: "wishlist-widget-popup"
+  },
+  PRODUCT_REVIEW: {
+    ELEMENT_WIDGET_POPUP_DETAIL: "product-review-widget-popup-detail",
+    ELEMENT_WIDGET_FORM_ADD: "product-review-widget-form-add"
+  },
+  INSTANT_SEARCH: {
+    ELEMENT_SEARCH_ICON_WIDGET_POPUP: "instant-search-icon-widget-popup"
+  }
+};
+const SELECTOR = {
+  GLOBAL: {
+    ELEMENT_CUSTOM_COMPONENTS: `[${SELECTOR_ATTRIBUTE_KEY}="custom-components"]`
+  },
+  WISHLIST: {
+    ELEMENT_BADGE: `[${SELECTOR_ATTRIBUTE_KEY}="wishlist-badge"]`,
+    ELEMENT_BADGE_MENU_ITEM: `[href="#sledge-wishlist-badge-menu-item"]`,
+    ELEMENT_TRIGGER: `[${SELECTOR_ATTRIBUTE_KEY}="wishlist-trigger"]`,
+    ELEMENT_WIDGET: `[${SELECTOR_ATTRIBUTE_KEY}="wishlist-widget"]`,
+    ELEMENT_BUTTON_DETAIL: `[${SELECTOR_ATTRIBUTE_KEY}="wishlist-button-detail"]`
+  },
+  PRODUCT_REVIEW: {
+    ELEMENT_WIDGET: `[${SELECTOR_ATTRIBUTE_KEY}="product-review-widget"]`,
+    ELEMENT_RATING: `[${SELECTOR_ATTRIBUTE_KEY}="product-review-rating"]`
+  },
+  INSTANT_SEARCH: {
+    ELEMENT_SEARCH_WIDGET: `[${SELECTOR_ATTRIBUTE_KEY}="instant-search-widget"]`,
+    ELEMENT_SEARCH_ICON_WIDGET: `[${SELECTOR_ATTRIBUTE_KEY}="instant-search-icon-widget"]`,
+    ELEMENT_SEARCH_RESULT_WIDGET: `[${SELECTOR_ATTRIBUTE_KEY}="instant-search-result-widget"]`,
+    ELEMENT_PLP_WIDGET: `[${SELECTOR_ATTRIBUTE_KEY}="instant-search-product-filter-widget"]`
+  }
+};
 const SEARCH_RESULT_URL = "/pages/search-result";
 const ELEMENT_ID = {
   PRODUCT_REVIEW: {
@@ -33,6 +117,15 @@ const sanitizeDataId = (id) => {
     return getId;
   }
 };
+const detectInitSelector = (element, init) => {
+  let hasRunning = false;
+  document.body.addEventListener("DOMNodeInserted", () => {
+    if (!hasRunning && element) {
+      hasRunning = true;
+      init();
+    }
+  });
+};
 const isFunction = (data) => typeof data === "function";
 const scrollToElement = (element, headerOffset) => {
   if (!element)
@@ -510,6 +603,113 @@ const addToCart = async (data) => {
     return;
   });
 };
+const BadgeFloatingFull = (props) => {
+  var _a;
+  const { sledgeAnonymId } = React__default.useContext(SledgeContext);
+  const { isFirstLoading, isLoading, totalWishlist, isMaximizeTotalWishlist, proxyUrl, position = "left", dataSettings, useProxyUrl } = props || {};
+  const { is_required_login } = ((_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.global) || {};
+  const [isRequiredLogin, setIsRequiredLogin] = React__default.useState(false);
+  React__default.useEffect(() => {
+    setIsRequiredLogin(sledgeAnonymId && is_required_login);
+  }, [sledgeAnonymId]);
+  const handleRequiredLogin = (e) => {
+    if (isRequiredLogin) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    if (isRequiredLogin) {
+      if (typeof window !== "undefined" && window.sledgeConfirmationPopup)
+        window.sledgeConfirmationPopup({
+          title: "Login required!",
+          message: "Please login to save your wishlist across devices.",
+          textSubmit: "Login",
+          textCancel: "Cancel",
+          buttonSubmitType: "info",
+          onSubmit: () => window.location.href = "/account/login"
+        });
+    } else {
+      if (useProxyUrl)
+        window.location.href = proxyUrl || "/";
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge-wishlist__badge-floating sledge-wishlist__badge-floating-${position}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { onClick: handleRequiredLogin, className: "sledge-wishlist__badge-floating-icon-link", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sledge-wishlist__badge-floating-text", children: "My Wishlist" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sledge-wishlist__badge-icon", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(HeartIcon, { width: 18, height: 18, type: "fill", color: "#000000" }),
+      !isFirstLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `sledge-wishlist__badge-counter sledge-wishlist__badge-counter-bottom-right ${isMaximizeTotalWishlist ? "sledge-wishlist__badge-fit-content" : ""}`, children: isLoading || isRequiredLogin ? 0 : `${isMaximizeTotalWishlist ? "99+" : totalWishlist}` || 0 })
+    ] })
+  ] }) });
+};
+const BadgeFloatingIcon = (props) => {
+  var _a;
+  const { sledgeAnonymId } = React__default.useContext(SledgeContext);
+  const { isFirstLoading, isLoading, totalWishlist, isMaximizeTotalWishlist, proxyUrl, position = "bottom-right", dataSettings, useProxyUrl } = props || {};
+  const { is_required_login } = ((_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.global) || {};
+  const [isRequiredLogin, setIsRequiredLogin] = React__default.useState(false);
+  React__default.useEffect(() => {
+    setIsRequiredLogin(sledgeAnonymId && is_required_login);
+  }, [sledgeAnonymId]);
+  const handleRequiredLogin = (e) => {
+    if (isRequiredLogin) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    if (isRequiredLogin) {
+      if (typeof window !== "undefined" && window.sledgeConfirmationPopup)
+        window.sledgeConfirmationPopup({
+          title: "Login required!",
+          message: "Please login to save your wishlist across devices.",
+          textSubmit: "Login",
+          textCancel: "Cancel",
+          buttonSubmitType: "info",
+          onSubmit: () => window.location.href = "/account/login"
+        });
+    } else {
+      if (useProxyUrl)
+        window.location.href = proxyUrl || "/";
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge-wishlist__badge-floating-icon sledge-wishlist__badge-floating-${position}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { onClick: handleRequiredLogin, className: "sledge-wishlist__badge-floating-icon-link", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sledge-wishlist__badge-icon", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(HeartIcon, { width: 27.01, height: 25.73, type: "outline", color: "#000000" }),
+    !isFirstLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `sledge-wishlist__badge-counter sledge-wishlist__badge-counter-bottom-right ${isMaximizeTotalWishlist ? "sledge-wishlist__badge-fit-content" : ""}`, children: isLoading || isRequiredLogin ? 0 : `${isMaximizeTotalWishlist ? "99+" : totalWishlist}` || 0 })
+  ] }) }) });
+};
+const BadgeHeaderMenu = (props) => {
+  var _a;
+  const { sledgeAnonymId } = React__default.useContext(SledgeContext);
+  const { isFirstLoading, isLoading, totalWishlist, isMaximizeTotalWishlist, proxyUrl, dataSettings, useProxyUrl } = props || {};
+  const { is_required_login } = ((_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.global) || {};
+  const defaultColorIcon = "#000000";
+  const [colorIcon, setColorIcon] = React__default.useState(defaultColorIcon);
+  const [isRequiredLogin, setIsRequiredLogin] = React__default.useState(false);
+  React__default.useEffect(() => {
+    setIsRequiredLogin(sledgeAnonymId && is_required_login);
+  }, [sledgeAnonymId]);
+  const handleRequiredLogin = (e) => {
+    if (isRequiredLogin) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    if (isRequiredLogin) {
+      if (typeof window !== "undefined" && window.sledgeConfirmationPopup)
+        window.sledgeConfirmationPopup({
+          title: "Login required!",
+          message: "Please login to save your wishlist across devices.",
+          textSubmit: "Login",
+          textCancel: "Cancel",
+          buttonSubmitType: "info",
+          onSubmit: () => window.location.href = "/account/login"
+        });
+    } else {
+      if (useProxyUrl)
+        window.location.href = proxyUrl || "/";
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sledge-wishlist__badge", onClick: handleRequiredLogin, onMouseEnter: () => setColorIcon("#F85538"), onMouseLeave: () => setColorIcon(defaultColorIcon), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(HeartIcon, { width: 20, height: 20, type: "outline", color: colorIcon }),
+    !isFirstLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `sledge-wishlist__badge-counter sledge-wishlist__badge-counter-header-menu ${isMaximizeTotalWishlist ? "sledge-wishlist__badge-fit-content" : ""}`, children: isLoading || isRequiredLogin ? 0 : `${isMaximizeTotalWishlist ? "99+" : totalWishlist}` || 0 })
+  ] });
+};
 const addWishlist = async (data) => {
   const { productId, productVariantId, productName, productVendor, productSku, productVariantName, productLink, productImage, productCurrency, productPrice } = data;
   let sledgeAuthApp = localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP);
@@ -575,6 +775,21 @@ const bulkAddWishlist = async (data) => {
     return;
   });
 };
+const getWishlistInfo = async (token) => {
+  let sledgeAuthApp = token || localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP);
+  var myHeaders = new Headers();
+  myHeaders.append("Authorization", `Bearer ${sledgeAuthApp}`);
+  var requestOptions = {
+    method: "GET",
+    headers: myHeaders,
+    redirect: "follow"
+  };
+  return await fetch(`${API_URL}/wishlist/info`, requestOptions).then((response) => response.json()).then((result) => {
+    return result;
+  }).catch(() => {
+    return;
+  });
+};
 const checkWishlist = async (id, variantId) => {
   let convertId = sanitizeDataId(id);
   let convertVariantId = variantId ? sanitizeDataId(variantId) : "";
@@ -618,11 +833,160 @@ const addToCartTrigger$1 = async (data) => {
     return;
   });
 };
+const BadgeRoot = (props) => {
+  const { children, useProxyUrl = false, data: propsData } = props;
+  const { isRenderApp, triggerRenderMultipleComponent } = React__default.useContext(SledgeContext);
+  const { wishlist: isRenderAppWishlist } = isRenderApp || {};
+  const [totalWishlist, setTotalWishlist] = React__default.useState((propsData == null ? void 0 : propsData.total_data) || 0);
+  const [isFirstLoading, setIsFirstLoading] = React__default.useState(!propsData);
+  const [isLoading, setIsLoading] = React__default.useState(!propsData);
+  const [isMaximizeTotalWishlist, setIsMaximizeTotalWishlist] = React__default.useState(false);
+  const [proxyUrl, setProxyUrl] = React__default.useState((propsData == null ? void 0 : propsData.proxy_url) || "");
+  const [dataSettings, setDataSettings] = React__default.useState({});
+  const handleGetWishlistInfo = async () => {
+    var _a, _b, _c;
+    let response;
+    let run = false;
+    let valueTotalWishlist;
+    let valueProxyUrl;
+    response = await getWishlistInfo();
+    run = ((_a = response == null ? void 0 : response.status) == null ? void 0 : _a.code) === 200 || false;
+    valueTotalWishlist = !((_b = response == null ? void 0 : response.data) == null ? void 0 : _b.total_data) ? 0 : response.data.total_data;
+    valueProxyUrl = ((_c = response == null ? void 0 : response.data) == null ? void 0 : _c.proxy_url) || "";
+    if (run) {
+      setTotalWishlist(valueTotalWishlist);
+      setIsMaximizeTotalWishlist(valueTotalWishlist > 99);
+      setProxyUrl(valueProxyUrl);
+      setIsFirstLoading(false);
+      setIsLoading(false);
+    }
+  };
+  const handleSettings = async (LOCAL_STORAGE_WISHLIST_SETTING) => {
+    let response;
+    response = JSON.parse(LOCAL_STORAGE_WISHLIST_SETTING);
+    if (!response)
+      return;
+    setDataSettings(response);
+    await handleGetWishlistInfo();
+  };
+  React__default.useEffect(() => {
+    if (!isRenderAppWishlist)
+      return;
+    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || "");
+  }, [isRenderAppWishlist, triggerRenderMultipleComponent]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: React__default.Children.count(children) && React__default.Children.map(
+    children,
+    (child) => React__default.cloneElement(child, {
+      isFirstLoading,
+      isLoading,
+      totalWishlist,
+      isMaximizeTotalWishlist,
+      proxyUrl,
+      dataSettings,
+      useProxyUrl
+    })
+  ) });
+};
+const Badge = ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: React__default.Children.count(children) && React__default.Children.map(children, (child) => React__default.cloneElement(child, {})) });
+Badge.Root = BadgeRoot;
+Badge.HeaderMenu = BadgeHeaderMenu;
+Badge.FloatingFull = BadgeFloatingFull;
+Badge.FloatingIcon = BadgeFloatingIcon;
+const BadgeInitSelector = () => {
+  const sledgeWishlistSettings = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || "");
+  if (!sledgeWishlistSettings)
+    return;
+  const { floating_button_type } = (sledgeWishlistSettings == null ? void 0 : sledgeWishlistSettings.launch_point) || {};
+  const isBottomFloatingType = String(floating_button_type).includes("bottom");
+  if (floating_button_type !== "none") {
+    if (isBottomFloatingType) {
+      let elementFloatingIcon = document.createElement("div");
+      elementFloatingIcon.setAttribute(SELECTOR_ATTRIBUTE_KEY, INTERNAL_SELECTOR_VALUE.WISHLIST.ELEMENT_BADGE_FLOATING_ICON);
+      document.body.appendChild(elementFloatingIcon);
+      if (elementFloatingIcon) {
+        elementFloatingIcon.innerHTML = "";
+        const USE_PROXY_URL = elementFloatingIcon.getAttribute(DATASET_ATTRIBUTE_KEY.WISHLIST.USE_PROXY_URL);
+        client.createRoot(elementFloatingIcon).render(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SledgeContext.Provider,
+            {
+              value: {
+                isRenderApp: {
+                  wishlist: true,
+                  productReview: true,
+                  instantSearch: true
+                },
+                sledgeAnonymId: localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
+                isJsVersion: true
+              },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge.Root, { useProxyUrl: Boolean(USE_PROXY_URL && USE_PROXY_URL === "true"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge.FloatingIcon, { position: floating_button_type }) })
+            }
+          ) })
+        );
+      }
+    } else {
+      let elementFloatingFull = document.createElement("div");
+      elementFloatingFull.setAttribute(SELECTOR_ATTRIBUTE_KEY, INTERNAL_SELECTOR_VALUE.WISHLIST.ELEMENT_BADGE_FLOATING_FULL);
+      document.body.appendChild(elementFloatingFull);
+      if (elementFloatingFull) {
+        elementFloatingFull.innerHTML = "";
+        const USE_PROXY_URL = elementFloatingFull.getAttribute(DATASET_ATTRIBUTE_KEY.WISHLIST.USE_PROXY_URL);
+        client.createRoot(elementFloatingFull).render(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SledgeContext.Provider,
+            {
+              value: {
+                isRenderApp: {
+                  wishlist: true,
+                  productReview: true,
+                  instantSearch: true
+                },
+                sledgeAnonymId: localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
+                isJsVersion: true
+              },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge.Root, { useProxyUrl: Boolean(USE_PROXY_URL && USE_PROXY_URL === "true"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge.FloatingFull, { position: floating_button_type }) })
+            }
+          ) })
+        );
+      }
+    }
+  } else {
+    let element = Array.from(document.querySelectorAll(SELECTOR.WISHLIST.ELEMENT_BADGE));
+    detectInitSelector(element, () => {
+      if (element.length) {
+        element.map((item) => {
+          if (item) {
+            const USE_PROXY_URL = item.getAttribute(DATASET_ATTRIBUTE_KEY.WISHLIST.USE_PROXY_URL);
+            item.innerHTML = "";
+            client.createRoot(item).render(
+              /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                SledgeContext.Provider,
+                {
+                  value: {
+                    isRenderApp: {
+                      wishlist: true,
+                      productReview: true,
+                      instantSearch: true
+                    },
+                    sledgeAnonymId: localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
+                    isJsVersion: true
+                  },
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge.Root, { useProxyUrl: Boolean(USE_PROXY_URL && USE_PROXY_URL === "true"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge.HeaderMenu, {}) })
+                }
+              ) })
+            );
+          }
+        });
+      }
+    });
+  }
+};
 const Trigger = (props) => {
   var _a, _b, _c;
   const { params, forceActive = false, hidden = false, onAfterAddWishlist, onAfterRemoveWishlist, wishlistChecked } = props;
   const { productId, productVariantId } = params || {};
   const { isRenderApp, triggerRenderMultipleComponent, sledgeAnonymId } = React__default.useContext(SledgeContext);
+  const { wishlist: isRenderAppWishlist } = isRenderApp || {};
   const defaultColorIcon = "#767676";
   const defaultTypeIcon = "outline";
   const activeColorIcon = "#F85538";
@@ -675,11 +1039,9 @@ const Trigger = (props) => {
     const { code } = status || {};
     if (code === 200) {
       if (typeof window !== "undefined") {
-        if (window.sledgeWishlistBadgeUpdate) {
-          if (((_b2 = (_a2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _a2.badge) == null ? void 0 : _b2.trigger) && typeof wishlistChecked !== "boolean")
-            (_f = (_c2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _c2.badge) == null ? void 0 : _f.trigger(!((_e = (_d = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _d.badge) == null ? void 0 : _e.value));
-          window.sledgeWishlistBadgeUpdate();
-        }
+        if (((_b2 = (_a2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _a2.badge) == null ? void 0 : _b2.trigger) && typeof wishlistChecked !== "boolean")
+          (_f = (_c2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _c2.badge) == null ? void 0 : _f.trigger(!((_e = (_d = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _d.badge) == null ? void 0 : _e.value));
+        BadgeInitSelector();
         if (window.sledgeWishlistWidgetListUpdate)
           window.sledgeWishlistWidgetListUpdate();
         if (window.sledgeWishlistButtonDetailUpdate)
@@ -725,7 +1087,7 @@ const Trigger = (props) => {
     setIsLoading(false);
   };
   React__default.useEffect(() => {
-    if (!(isRenderApp == null ? void 0 : isRenderApp.wishlist))
+    if (!isRenderAppWishlist)
       return;
     if (typeof window !== "undefined") {
       window.sledgeWishlistTriggerUpdate = () => {
@@ -733,15 +1095,15 @@ const Trigger = (props) => {
       };
     }
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || "");
-  }, [isRenderApp]);
+  }, [isRenderAppWishlist]);
   React__default.useEffect(() => {
     setIsRequiredLogin(sledgeAnonymId && is_required_login);
   }, [sledgeAnonymId]);
   React__default.useEffect(() => {
-    if (!(isRenderApp == null ? void 0 : isRenderApp.wishlist))
+    if (!isRenderAppWishlist)
       return;
     handleCheckWishlist();
-  }, [isRenderApp, productVariantId]);
+  }, [isRenderAppWishlist, productVariantId]);
   const isActive = (isWishlist || forceActive) && !isRequiredLogin;
   React__default.useEffect(() => {
     if (isActive) {
@@ -881,11 +1243,9 @@ const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger,
     let resBulkAddWishlist = await bulkAddWishlist(data);
     if (((_a2 = resBulkAddWishlist == null ? void 0 : resBulkAddWishlist.status) == null ? void 0 : _a2.code) === 200) {
       if (typeof window !== "undefined") {
-        if (window.sledgeWishlistBadgeUpdate) {
-          if ((_c2 = (_b2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _b2.badge) == null ? void 0 : _c2.trigger)
-            (_g = (_d2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _d2.badge) == null ? void 0 : _g.trigger(!((_f2 = (_e2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _e2.badge) == null ? void 0 : _f2.value));
-          window.sledgeWishlistBadgeUpdate();
-        }
+        if ((_c2 = (_b2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _b2.badge) == null ? void 0 : _c2.trigger)
+          (_g = (_d2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _d2.badge) == null ? void 0 : _g.trigger(!((_f2 = (_e2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _e2.badge) == null ? void 0 : _f2.value));
+        BadgeInitSelector();
         if (window.sledgeInfoPopup)
           window.sledgeInfoPopup({
             title: title_added_all_to_wishlist,
@@ -1165,6 +1525,7 @@ const Rating = (props) => {
   const { value, size = "md", params, withSkeletonLoading = true, isScrollToElementWidget = true, data: propsData, sledgeSettings } = props;
   const { productId } = params || {};
   const { isRenderApp, triggerRenderMultipleComponent } = React__default.useContext(SledgeContext);
+  const { productReview: isRenderAppProductReview } = isRenderApp || {};
   const initLoading = propsData || value ? false : true;
   const [isFirstLoading, setIsFirstLoading] = React__default.useState(initLoading);
   const [isLoading, setIsLoading] = React__default.useState(initLoading);
@@ -1238,7 +1599,7 @@ const Rating = (props) => {
     }, 200);
   };
   React__default.useEffect(() => {
-    if (!(isRenderApp == null ? void 0 : isRenderApp.productReview))
+    if (!isRenderAppProductReview)
       return;
     if (size === "xs") {
       setSizing({
@@ -1260,7 +1621,7 @@ const Rating = (props) => {
     if (isProductIdChanged)
       setIsFirstLoading(true);
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.PRODUCT_REVIEW_SETTING) || "");
-  }, [isRenderApp, productId]);
+  }, [isRenderAppProductReview, productId]);
   React__default.useEffect(() => {
     var _a2, _b2, _c, _d;
     if (!productId || productId && ((_b2 = (_a2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.productReview) == null ? void 0 : _a2.rating) == null ? void 0 : _b2.value) !== productId)
@@ -2258,6 +2619,7 @@ const SkeletonLoading = {
 };
 const SearchIconWidget = (props) => {
   const { isRenderApp, isJsVersion } = React__default.useContext(SledgeContext);
+  const { instantSearch: isRenderAppInstantSearch } = isRenderApp || {};
   const { size = "sm", children, onAfterAddToCart, onAfterAddWishlist, onAfterRemoveWishlist, onAfterRenderProduct } = props || {};
   let productCardsComponent = null;
   let suggestionKeywordListsComponent = null;
@@ -2281,7 +2643,7 @@ const SearchIconWidget = (props) => {
     height: 0
   });
   React__default.useEffect(() => {
-    if (!(isRenderApp == null ? void 0 : isRenderApp.instantSearch))
+    if (!isRenderAppInstantSearch)
       return;
     if (size === "xs") {
       setSizing({
@@ -2299,7 +2661,7 @@ const SearchIconWidget = (props) => {
         height: 25
       });
     }
-  }, [isRenderApp]);
+  }, [isRenderAppInstantSearch]);
   const handleShowWidget = () => {
     if (typeof window !== "undefined" && window.sledgeInstantSearchIconWidgetPopup)
       window.sledgeInstantSearchIconWidgetPopup({
@@ -3995,6 +4357,7 @@ const ResultEmpty = (props) => {
 const SearchWidget = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const { isRenderApp, isJsVersion } = React__default.useContext(SledgeContext);
+  const { instantSearch: isRenderAppInstantSearch } = isRenderApp || {};
   const { width = "400px", children, onAfterAddToCart, onAfterAddWishlist, onAfterRemoveWishlist, onAfterRenderProduct } = props;
   let productCardsComponent = null;
   let suggestionKeywordListsComponent = null;
@@ -4091,7 +4454,7 @@ const SearchWidget = (props) => {
     await handleMultiSearch(response);
   };
   React__default.useEffect(() => {
-    if (!(isRenderApp == null ? void 0 : isRenderApp.instantSearch))
+    if (!isRenderAppInstantSearch)
       return;
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "");
   }, [keyword]);