@sledge-app/react-instant-search 0.0.8 → 0.0.10

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

@@ -628,7 +628,7 @@ const Trigger = (props) => {
   var _a, _b, _c;
   const { data, forceActive, hidden, onAfterAddWishlist, onAfterRemoveWishlist } = props;
   const { productId, productVariantId } = data || {};
-  const { isRenderApp, triggerRenderMultipleComponent } = React__default.useContext(SledgeContext);
+  const { isRenderApp, triggerRenderMultipleComponent, sledgeAnonymId } = React__default.useContext(SledgeContext);
   const defaultColorIcon = "#767676";
   const defaultTypeIcon = "outline";
   const activeColorIcon = "#F85538";
@@ -736,9 +736,11 @@ const Trigger = (props) => {
         handleCheckWishlist();
       };
     }
-    setIsRequiredLogin(localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) && is_required_login);
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || "");
   }, [isRenderApp]);
+  React__default.useEffect(() => {
+    setIsRequiredLogin(sledgeAnonymId && is_required_login);
+  }, [sledgeAnonymId]);
   React__default.useEffect(() => {
     handleCheckWishlist();
   }, [productVariantId]);
@@ -776,6 +778,7 @@ const Trigger = (props) => {
 const Widget$1 = "";
 const WidgetHeaderClearTrigger = ({ buttonText, shareId, dataSettings, isFirstLoading }) => {
   var _a, _b, _c, _d, _e;
+  const { sledgeAnonymId } = React__default.useContext(SledgeContext);
   const { is_required_login } = ((_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.global) || {};
   const {
     text_color: display_button_clear_all_text_color,
@@ -807,8 +810,8 @@ const WidgetHeaderClearTrigger = ({ buttonText, shareId, dataSettings, isFirstLo
     ...display_button_clear_all_text_transform && { textTransform: display_button_clear_all_text_transform }
   };
   React__default.useEffect(() => {
-    setIsRequiredLogin(localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) && is_required_login);
-  }, []);
+    setIsRequiredLogin(sledgeAnonymId && is_required_login);
+  }, [sledgeAnonymId]);
   const handleClick = () => {
     if (typeof window !== "undefined" && window.sledgeConfirmationPopup)
       window.sledgeConfirmationPopup({
@@ -824,7 +827,7 @@ const WidgetHeaderClearTrigger = ({ buttonText, shareId, dataSettings, isFirstLo
 };
 const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger, shareLink, shareId, dataSettings, isFirstLoading }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { isRenderApp, triggerRenderMultipleComponent } = React__default.useContext(SledgeContext);
+  const { triggerRenderMultipleComponent, sledgeAnonymId } = React__default.useContext(SledgeContext);
   const { is_required_login } = ((_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.global) || {};
   const {
     text_color: display_button_share_text_color,
@@ -957,8 +960,8 @@ const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger,
     }
   };
   React__default.useEffect(() => {
-    setIsRequiredLogin(localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) && is_required_login);
-  }, []);
+    setIsRequiredLogin(sledgeAnonymId && is_required_login);
+  }, [sledgeAnonymId]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isRequiredLogin && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: showShareTrigger && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isFirstLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "136px", height: "46px", color: "grey-100", rounded: "md" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-wishlist__widget-header-item sledge-wishlist__widget-header-share-trigger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button,
     {
@@ -978,6 +981,7 @@ const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger,
 };
 const WidgetHeaderSearchForm = ({ setIsLoading, setKeyword, keyword, placeholder, dataSettings }) => {
   var _a, _b;
+  const { sledgeAnonymId } = React__default.useContext(SledgeContext);
   const { is_required_login } = ((_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.global) || {};
   const { search_form_placeholder } = ((_b = dataSettings == null ? void 0 : dataSettings.languages) == null ? void 0 : _b.widget) || {};
   const [isRequiredLogin, setIsRequiredLogin] = React__default.useState(false);
@@ -992,8 +996,8 @@ const WidgetHeaderSearchForm = ({ setIsLoading, setKeyword, keyword, placeholder
     setKeyword && setKeyword(value);
   };
   React__default.useEffect(() => {
-    setIsRequiredLogin(localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) && is_required_login);
-  }, []);
+    setIsRequiredLogin(sledgeAnonymId && is_required_login);
+  }, [sledgeAnonymId]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isRequiredLogin && /* @__PURE__ */ jsxRuntimeExports.jsx(
     SearchInputField,
     {
@@ -1028,6 +1032,7 @@ const WidgetHeaderTitle = ({ text, dataSettings }) => {
 };
 const WidgetHeaderLimit = ({ options, defaultLimitOptions, selectedLimit, setSelectedLimit, setIsRefreshWidgetList, dataSettings }) => {
   var _a;
+  const { sledgeAnonymId } = React__default.useContext(SledgeContext);
   const { is_required_login } = ((_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.global) || {};
   const [isRequiredLogin, setIsRequiredLogin] = React__default.useState(false);
   let getOptions = options || defaultLimitOptions;
@@ -1036,8 +1041,8 @@ const WidgetHeaderLimit = ({ options, defaultLimitOptions, selectedLimit, setSel
     setIsRefreshWidgetList && setIsRefreshWidgetList(true);
   };
   React__default.useEffect(() => {
-    setIsRequiredLogin(localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) && is_required_login);
-  }, []);
+    setIsRequiredLogin(sledgeAnonymId && is_required_login);
+  }, [sledgeAnonymId]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isRequiredLogin && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: getOptions && Boolean(getOptions == null ? void 0 : getOptions.length) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-wishlist__widget-header-item", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     SelectField,
     {
@@ -1055,6 +1060,7 @@ const WidgetHeaderLimit = ({ options, defaultLimitOptions, selectedLimit, setSel
 };
 const WidgetHeaderSort$1 = ({ wishlistSort, selectedSort, setSelectedSort, setIsRefreshWidgetList, dataSettings }) => {
   var _a, _b;
+  const { sledgeAnonymId } = React__default.useContext(SledgeContext);
   const { is_required_login } = ((_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.global) || {};
   const [isRequiredLogin, setIsRequiredLogin] = React__default.useState(false);
   const handleChangeSort = (value) => {
@@ -1062,8 +1068,8 @@ const WidgetHeaderSort$1 = ({ wishlistSort, selectedSort, setSelectedSort, setIs
     setIsRefreshWidgetList && setIsRefreshWidgetList(true);
   };
   React__default.useEffect(() => {
-    setIsRequiredLogin(localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) && is_required_login);
-  }, []);
+    setIsRequiredLogin(sledgeAnonymId && is_required_login);
+  }, [sledgeAnonymId]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isRequiredLogin && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: wishlistSort && Boolean(wishlistSort == null ? void 0 : wishlistSort.length) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-wishlist__widget-header-item", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     SelectField,
     {