@nosto/nosto-react 0.2.1 → 0.4.0

package/dist/index.es.client.js

@@ -1,9 +1,12 @@
-import * as React from "react";
-import React__default, { createContext, useContext, useEffect } from "react";
+import React, { createContext, useContext, useEffect, useRef, useMemo, isValidElement, useState } from "react";
+import { createRoot } from "react-dom/client";
 const NostoContext = createContext({
-  account: void 0,
+  account: "",
   currentVariation: "",
-  renderFunction: void 0
+  pageType: "",
+  responseMode: "HTML",
+  clientScriptLoaded: false,
+  useRenderCampaigns: () => void 0
 });
 function useNostoContext() {
   const context = useContext(NostoContext);
@@ -23,7 +26,7 @@ var reactJsxRuntime_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var f = React__default, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
 function q(c, a, g) {
   var b, d = {}, e = null, h = null;
   void 0 !== g && (e = "" + g);
@@ -45,26 +48,27 @@ reactJsxRuntime_production_min.jsxs = q;
 const jsx = jsxRuntime.exports.jsx;
 const jsxs = jsxRuntime.exports.jsxs;
 const Fragment = jsxRuntime.exports.Fragment;
-const NostoFohofo = () => {
+function Nosto404() {
   const {
     clientScriptLoaded,
     currentVariation,
-    renderFunction,
-    responseMode
+    responseMode,
+    recommendationComponent,
+    useRenderCampaigns
   } = useNostoContext();
+  const {
+    renderCampaigns,
+    pageTypeUpdated
+  } = useRenderCampaigns("404");
   useEffect(() => {
-    if (clientScriptLoaded) {
+    if (clientScriptLoaded && pageTypeUpdated) {
       window.nostojs((api) => {
         api.defaultSession().setVariation(currentVariation).setResponseMode(responseMode).viewNotFound().setPlacements(api.placements.getPlacements()).load().then((data) => {
-          if (responseMode == "HTML") {
-            api.placements.injectCampaigns(data.recommendations);
-          } else {
-            renderFunction(data.campaigns);
-          }
+          renderCampaigns(data, api);
         });
       });
     }
-  }, [clientScriptLoaded, currentVariation, renderFunction]);
+  }, [clientScriptLoaded, currentVariation, recommendationComponent, pageTypeUpdated]);
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsx("div", {
       className: "nosto_page_type",
@@ -74,27 +78,28 @@ const NostoFohofo = () => {
       children: "notfound"
     })
   });
-};
-const NostoOther = () => {
+}
+function NostoOther() {
   const {
     clientScriptLoaded,
     currentVariation,
-    renderFunction,
-    responseMode
+    responseMode,
+    recommendationComponent,
+    useRenderCampaigns
   } = useNostoContext();
+  const {
+    renderCampaigns,
+    pageTypeUpdated
+  } = useRenderCampaigns("other");
   useEffect(() => {
-    if (clientScriptLoaded) {
+    if (clientScriptLoaded && pageTypeUpdated) {
       window.nostojs((api) => {
         api.defaultSession().setVariation(currentVariation).setResponseMode(responseMode).viewOther().setPlacements(api.placements.getPlacements()).load().then((data) => {
-          if (responseMode == "HTML") {
-            api.placements.injectCampaigns(data.recommendations);
-          } else {
-            renderFunction(data.campaigns);
-          }
+          renderCampaigns(data, api);
         });
       });
     }
-  }, [clientScriptLoaded, currentVariation, renderFunction]);
+  }, [clientScriptLoaded, currentVariation, recommendationComponent, pageTypeUpdated]);
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsx("div", {
       className: "nosto_page_type",
@@ -104,27 +109,28 @@ const NostoOther = () => {
       children: "other"
     })
   });
-};
-const NostoCheckout = () => {
+}
+function NostoCheckout() {
   const {
     clientScriptLoaded,
     currentVariation,
-    renderFunction,
-    responseMode
+    responseMode,
+    recommendationComponent,
+    useRenderCampaigns
   } = useNostoContext();
+  const {
+    renderCampaigns,
+    pageTypeUpdated
+  } = useRenderCampaigns("checkout");
   useEffect(() => {
-    if (clientScriptLoaded) {
+    if (clientScriptLoaded && pageTypeUpdated) {
       window.nostojs((api) => {
         api.defaultSession().setVariation(currentVariation).setResponseMode(responseMode).viewCart().setPlacements(api.placements.getPlacements()).load().then((data) => {
-          if (responseMode == "HTML") {
-            api.placements.injectCampaigns(data.recommendations);
-          } else {
-            renderFunction(data.campaigns);
-          }
+          renderCampaigns(data, api);
         });
       });
     }
-  }, [clientScriptLoaded, currentVariation, renderFunction]);
+  }, [clientScriptLoaded, currentVariation, recommendationComponent, pageTypeUpdated]);
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsx("div", {
       className: "nosto_page_type",
@@ -134,30 +140,81 @@ const NostoCheckout = () => {
       children: "cart"
     })
   });
-};
-const NostoProduct = ({
-  product,
-  tagging
-}) => {
+}
+function isPlainObject(value) {
+  const isObject = (v) => String(v) === "[object Object]";
+  if (!isObject(value))
+    return false;
+  const constructor = value.constructor;
+  if (constructor === void 0)
+    return true;
+  const prototype = constructor.prototype;
+  if (!isObject(prototype))
+    return false;
+  if (!prototype.hasOwnProperty("isPrototypeOf")) {
+    return false;
+  }
+  return true;
+}
+function deepCompare(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (a instanceof Date && b instanceof Date) {
+    return a.getTime() === b.getTime();
+  }
+  if (a instanceof Array && b instanceof Array) {
+    if (a.length !== b.length) {
+      return false;
+    }
+    return a.every((v, i) => deepCompare(v, b[i]));
+  }
+  if (isPlainObject(a) && isPlainObject(b)) {
+    const entriesA = Object.entries(a);
+    if (entriesA.length !== Object.keys(b).length) {
+      return false;
+    }
+    return entriesA.every(([k2, v]) => deepCompare(v, b[k2]));
+  }
+  return false;
+}
+function useDeepCompareEffect(callback, dependencies) {
+  return useEffect(callback, useDeepCompareMemoize(dependencies));
+}
+function useDeepCompareMemoize(value) {
+  const ref = useRef(value);
+  const signalRef = useRef(0);
+  if (!deepCompare(value, ref.current)) {
+    ref.current = value;
+    signalRef.current += 1;
+  }
+  return useMemo(() => ref.current, [signalRef.current]);
+}
+function NostoProduct(props) {
+  const {
+    product,
+    tagging
+  } = props;
   const {
     clientScriptLoaded,
     currentVariation,
-    renderFunction,
-    responseMode
+    responseMode,
+    recommendationComponent,
+    useRenderCampaigns
   } = useNostoContext();
-  useEffect(() => {
-    if (clientScriptLoaded) {
+  const {
+    renderCampaigns,
+    pageTypeUpdated
+  } = useRenderCampaigns("product");
+  useDeepCompareEffect(() => {
+    if (clientScriptLoaded && pageTypeUpdated) {
       window.nostojs((api) => {
         api.defaultSession().setResponseMode(responseMode).viewProduct(product).setPlacements(api.placements.getPlacements()).load().then((data) => {
-          if (responseMode == "HTML") {
-            api.placements.injectCampaigns(data.recommendations);
-          } else {
-            renderFunction(data.campaigns);
-          }
+          renderCampaigns(data, api);
         });
-      }, [clientScriptLoaded, currentVariation, product, renderFunction]);
+      });
     }
-  });
+  }, [clientScriptLoaded, currentVariation, product, recommendationComponent, pageTypeUpdated]);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx("div", {
       className: "nosto_page_type",
@@ -275,29 +332,31 @@ const NostoProduct = ({
       }, index))]
     })]
   });
-};
-const NostoCategory = ({
-  category
-}) => {
+}
+function NostoCategory(props) {
+  const {
+    category
+  } = props;
   const {
     clientScriptLoaded,
     currentVariation,
-    renderFunction,
-    responseMode
+    responseMode,
+    recommendationComponent,
+    useRenderCampaigns
   } = useNostoContext();
+  const {
+    renderCampaigns,
+    pageTypeUpdated
+  } = useRenderCampaigns("home");
   useEffect(() => {
-    if (clientScriptLoaded) {
+    if (clientScriptLoaded && pageTypeUpdated) {
       window.nostojs((api) => {
         api.defaultSession().setVariation(currentVariation).setResponseMode(responseMode).viewCategory(category).setPlacements(api.placements.getPlacements()).load().then((data) => {
-          if (responseMode == "HTML") {
-            api.placements.injectCampaigns(data.recommendations);
-          } else {
-            renderFunction(data.campaigns);
-          }
+          renderCampaigns(data, api);
         });
       });
     }
-  }, [clientScriptLoaded, category, currentVariation, renderFunction]);
+  }, [clientScriptLoaded, category, currentVariation, recommendationComponent, pageTypeUpdated]);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx("div", {
       className: "nosto_page_type",
@@ -313,29 +372,31 @@ const NostoCategory = ({
       children: category
     })]
   });
-};
-const NostoSearch = ({
-  query
-}) => {
+}
+function NostoSearch(props) {
+  const {
+    query
+  } = props;
   const {
     clientScriptLoaded,
     currentVariation,
-    renderFunction,
-    responseMode
+    responseMode,
+    recommendationComponent,
+    useRenderCampaigns
   } = useNostoContext();
+  const {
+    renderCampaigns,
+    pageTypeUpdated
+  } = useRenderCampaigns("search");
   useEffect(() => {
-    if (clientScriptLoaded) {
+    if (clientScriptLoaded && pageTypeUpdated) {
       window.nostojs((api) => {
         api.defaultSession().setVariation(currentVariation).setResponseMode(responseMode).viewSearch(query).setPlacements(api.placements.getPlacements()).load().then((data) => {
-          if (responseMode == "HTML") {
-            api.placements.injectCampaigns(data.recommendations);
-          } else {
-            renderFunction(data.campaigns);
-          }
+          renderCampaigns(data, api);
         });
       });
     }
-  }, [clientScriptLoaded, currentVariation, query, renderFunction]);
+  }, [clientScriptLoaded, currentVariation, query, recommendationComponent, pageTypeUpdated]);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx("div", {
       className: "nosto_page_type",
@@ -351,50 +412,55 @@ const NostoSearch = ({
       children: query
     })]
   });
-};
-var snakeize = function walk(obj) {
-  if (!obj || typeof obj !== "object")
+}
+function snakeize(obj) {
+  if (!obj || typeof obj !== "object") {
     return obj;
-  if (isDate(obj) || isRegex(obj))
+  }
+  if (isDate(obj) || isRegex(obj)) {
     return obj;
-  if (Array.isArray(obj))
-    return obj.map(walk);
-  return Object.keys(obj).reduce(function(acc, key) {
-    var camel = key[0].toLowerCase() + key.slice(1).replace(/([A-Z]+)/g, function(m2, x) {
+  }
+  if (Array.isArray(obj)) {
+    return obj.map(snakeize);
+  }
+  return Object.keys(obj).reduce((acc, key) => {
+    var camel = key[0].toLowerCase() + key.slice(1).replace(/([A-Z]+)/g, (_, x) => {
       return "_" + x.toLowerCase();
     });
-    acc[camel] = walk(obj[key]);
+    acc[camel] = snakeize(obj[key]);
     return acc;
   }, {});
-};
-var isDate = function(obj) {
+}
+function isDate(obj) {
   return Object.prototype.toString.call(obj) === "[object Date]";
-};
-var isRegex = function(obj) {
+}
+function isRegex(obj) {
   return Object.prototype.toString.call(obj) === "[object RegExp]";
-};
-const NostoOrder = ({
-  order
-}) => {
+}
+function NostoOrder(props) {
+  const {
+    order
+  } = props;
   const {
     clientScriptLoaded,
     currentVariation,
-    renderFunction,
-    responseMode
+    responseMode,
+    recommendationComponent,
+    useRenderCampaigns
   } = useNostoContext();
+  const {
+    renderCampaigns,
+    pageTypeUpdated
+  } = useRenderCampaigns("order");
   useEffect(() => {
-    if (clientScriptLoaded) {
+    if (clientScriptLoaded && pageTypeUpdated) {
       window.nostojs((api) => {
         api.defaultSession().setVariation(currentVariation).setResponseMode(responseMode).addOrder(snakeize(order)).setPlacements(api.placements.getPlacements()).load().then((data) => {
-          if (responseMode == "HTML") {
-            api.placements.injectCampaigns(data.recommendations);
-          } else {
-            renderFunction(data.campaigns);
-          }
+          renderCampaigns(data, api);
         });
       });
     }
-  }, [clientScriptLoaded, currentVariation, renderFunction]);
+  }, [clientScriptLoaded, currentVariation, recommendationComponent, pageTypeUpdated]);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx("div", {
       className: "nosto_page_type",
@@ -410,27 +476,28 @@ const NostoOrder = ({
       children: order.purchase.number
     })]
   });
-};
-const NostoHome = () => {
+}
+function NostoHome() {
   const {
     clientScriptLoaded,
     currentVariation,
-    renderFunction,
-    responseMode
+    responseMode,
+    recommendationComponent,
+    useRenderCampaigns
   } = useNostoContext();
+  const {
+    renderCampaigns,
+    pageTypeUpdated
+  } = useRenderCampaigns("home");
   useEffect(() => {
-    if (clientScriptLoaded) {
+    if (clientScriptLoaded && pageTypeUpdated) {
       window.nostojs((api) => {
         api.defaultSession().setVariation(currentVariation).setResponseMode(responseMode).viewFrontPage().setPlacements(api.placements.getPlacements()).load().then((data) => {
-          if (responseMode == "HTML") {
-            api.placements.injectCampaigns(data.recommendations);
-          } else {
-            renderFunction(data.campaigns);
-          }
+          renderCampaigns(data, api);
         });
       });
     }
-  }, [clientScriptLoaded, currentVariation, renderFunction]);
+  }, [clientScriptLoaded, currentVariation, recommendationComponent, pageTypeUpdated]);
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsx("div", {
       className: "nosto_page_type",
@@ -440,158 +507,142 @@ const NostoHome = () => {
       children: "front"
     })
   });
-};
-const NostoPlacement = ({
-  id
-}) => {
+}
+function NostoPlacement(props) {
+  const {
+    id,
+    pageType
+  } = props;
   return /* @__PURE__ */ jsx("div", {
     className: "nosto_element",
     id
-  });
-};
-const NostoProvider = ({
-  account,
-  currentVariation = "",
-  multiCurrency = false,
-  host,
-  children,
-  renderFunction
-}) => {
-  const [clientScriptLoadedState, setClientScriptLoadedState] = React__default.useState(false);
-  const clientScriptLoaded = React__default.useMemo(() => clientScriptLoadedState, [clientScriptLoadedState]);
-  const responseMode = typeof renderFunction == "function" ? "JSON_ORIGINAL" : "HTML";
+  }, id + (pageType || ""));
+}
+function NostoProvider(props) {
+  let {
+    account,
+    currentVariation = "",
+    multiCurrency = false,
+    host,
+    children,
+    recommendationComponent,
+    shopifyMarkets
+  } = props;
+  const [clientScriptLoadedState, setClientScriptLoadedState] = React.useState(false);
+  const clientScriptLoaded = React.useMemo(() => clientScriptLoadedState, [clientScriptLoadedState]);
   currentVariation = multiCurrency ? currentVariation : "";
+  const responseMode = isValidElement(recommendationComponent) ? "JSON_ORIGINAL" : "HTML";
+  function RecommendationComponentWrapper(props2) {
+    return React.cloneElement(recommendationComponent, {
+      nostoRecommendation: props2.nostoRecommendation
+    });
+  }
+  const [pageType, setPageType] = useState("");
+  const useRenderCampaigns = function(type = "") {
+    const placementRefs = useRef({});
+    useEffect(() => {
+      if (pageType != type) {
+        setPageType(type);
+      }
+    }, []);
+    const pageTypeUpdated = type == pageType;
+    function renderCampaigns(data, api) {
+      if (responseMode == "HTML") {
+        api.placements.injectCampaigns(data.recommendations);
+      } else {
+        const recommendations = data.campaigns.recommendations;
+        for (const key in recommendations) {
+          let recommendation = recommendations[key];
+          let placementSelector = "#" + key;
+          let placement = () => document.querySelector(placementSelector);
+          if (!!placement()) {
+            if (!placementRefs.current[key])
+              placementRefs.current[key] = createRoot(placement());
+            const root = placementRefs.current[key];
+            root.render(/* @__PURE__ */ jsx(RecommendationComponentWrapper, {
+              nostoRecommendation: recommendation
+            }));
+          }
+        }
+      }
+    }
+    return {
+      renderCampaigns,
+      pageTypeUpdated
+    };
+  };
   useEffect(() => {
-    if (!document.querySelectorAll("[nosto-client-script]").length) {
+    var _a, _b, _c;
+    if (!window.nostojs) {
+      window.nostojs = (cb) => {
+        (window.nostojs.q = window.nostojs.q || []).push(cb);
+      };
+      window.nostojs((api) => api.setAutoLoad(false));
+    }
+    if (!document.querySelectorAll("[nosto-client-script]").length && !shopifyMarkets) {
       const script = document.createElement("script");
       script.type = "text/javascript";
       script.src = "//" + (host || "connect.nosto.com") + "/include/" + account;
       script.async = true;
       script.setAttribute("nosto-client-script", "");
       script.onload = () => {
-        console.log("Nosto client script loaded");
+        var _a2;
+        if (typeof jest !== "undefined") {
+          (_a2 = window.nosto) == null ? void 0 : _a2.reload({
+            site: "localhost"
+          });
+        }
         setClientScriptLoadedState(true);
       };
-      document.head.appendChild(script);
+      document.body.appendChild(script);
     }
-    window.nostojs = (cb) => (window.nostojs.q = window.nostojs.q || []).push(cb);
-    window.nostojs((api) => api.setAutoLoad(false));
-  }, []);
+    if (!!shopifyMarkets) {
+      const existingScript = document.querySelector("[nosto-client-script]");
+      const nostoSandbox = document.querySelector("#nosto-sandbox");
+      if (!existingScript || (existingScript == null ? void 0 : existingScript.getAttribute("nosto-language")) != (shopifyMarkets == null ? void 0 : shopifyMarkets.language) || (existingScript == null ? void 0 : existingScript.getAttribute("nosto-market-id")) != (shopifyMarkets == null ? void 0 : shopifyMarkets.marketId)) {
+        if (clientScriptLoadedState) {
+          setClientScriptLoadedState(false);
+        }
+        (_a = existingScript == null ? void 0 : existingScript.parentNode) == null ? void 0 : _a.removeChild(existingScript);
+        (_b = nostoSandbox == null ? void 0 : nostoSandbox.parentNode) == null ? void 0 : _b.removeChild(nostoSandbox);
+        const script = document.createElement("script");
+        script.type = "text/javascript";
+        script.src = "//" + (host || "connect.nosto.com") + `/script/shopify/market/nosto.js?merchant=${account}&market=${shopifyMarkets.marketId || ""}&locale=${((_c = shopifyMarkets == null ? void 0 : shopifyMarkets.language) == null ? void 0 : _c.toLowerCase()) || ""}`;
+        script.async = true;
+        script.setAttribute("nosto-client-script", "");
+        script.setAttribute("nosto-language", (shopifyMarkets == null ? void 0 : shopifyMarkets.language) || "");
+        script.setAttribute("nosto-market-id", String(shopifyMarkets == null ? void 0 : shopifyMarkets.marketId));
+        script.onload = () => {
+          var _a2;
+          if (typeof jest !== "undefined") {
+            (_a2 = window.nosto) == null ? void 0 : _a2.reload({
+              site: "localhost"
+            });
+          }
+          setClientScriptLoadedState(true);
+        };
+        document.body.appendChild(script);
+      }
+    }
+  }, [clientScriptLoadedState, shopifyMarkets]);
   return /* @__PURE__ */ jsx(NostoContext.Provider, {
     value: {
       account,
       clientScriptLoaded,
       currentVariation,
-      renderFunction,
-      responseMode
+      responseMode,
+      recommendationComponent,
+      useRenderCampaigns,
+      pageType
     },
     children
   });
-};
-var has = Object.prototype.hasOwnProperty;
-function find(iter, tar, key) {
-  for (key of iter.keys()) {
-    if (dequal(key, tar))
-      return key;
-  }
 }
-function dequal(foo, bar) {
-  var ctor, len, tmp;
-  if (foo === bar)
-    return true;
-  if (foo && bar && (ctor = foo.constructor) === bar.constructor) {
-    if (ctor === Date)
-      return foo.getTime() === bar.getTime();
-    if (ctor === RegExp)
-      return foo.toString() === bar.toString();
-    if (ctor === Array) {
-      if ((len = foo.length) === bar.length) {
-        while (len-- && dequal(foo[len], bar[len]))
-          ;
-      }
-      return len === -1;
-    }
-    if (ctor === Set) {
-      if (foo.size !== bar.size) {
-        return false;
-      }
-      for (len of foo) {
-        tmp = len;
-        if (tmp && typeof tmp === "object") {
-          tmp = find(bar, tmp);
-          if (!tmp)
-            return false;
-        }
-        if (!bar.has(tmp))
-          return false;
-      }
-      return true;
-    }
-    if (ctor === Map) {
-      if (foo.size !== bar.size) {
-        return false;
-      }
-      for (len of foo) {
-        tmp = len[0];
-        if (tmp && typeof tmp === "object") {
-          tmp = find(bar, tmp);
-          if (!tmp)
-            return false;
-        }
-        if (!dequal(len[1], bar.get(tmp))) {
-          return false;
-        }
-      }
-      return true;
-    }
-    if (ctor === ArrayBuffer) {
-      foo = new Uint8Array(foo);
-      bar = new Uint8Array(bar);
-    } else if (ctor === DataView) {
-      if ((len = foo.byteLength) === bar.byteLength) {
-        while (len-- && foo.getInt8(len) === bar.getInt8(len))
-          ;
-      }
-      return len === -1;
-    }
-    if (ArrayBuffer.isView(foo)) {
-      if ((len = foo.byteLength) === bar.byteLength) {
-        while (len-- && foo[len] === bar[len])
-          ;
-      }
-      return len === -1;
-    }
-    if (!ctor || typeof foo === "object") {
-      len = 0;
-      for (ctor in foo) {
-        if (has.call(foo, ctor) && ++len && !has.call(bar, ctor))
-          return false;
-        if (!(ctor in bar) || !dequal(foo[ctor], bar[ctor]))
-          return false;
-      }
-      return Object.keys(bar).length === len;
-    }
-  }
-  return foo !== foo && bar !== bar;
-}
-function useDeepCompareMemoize(value) {
-  var ref = React.useRef(value);
-  var signalRef = React.useRef(0);
-  if (!dequal(value, ref.current)) {
-    ref.current = value;
-    signalRef.current += 1;
-  }
-  return React.useMemo(function() {
-    return ref.current;
-  }, [signalRef.current]);
-}
-function useDeepCompareEffect(callback, dependencies) {
-  return React.useEffect(callback, useDeepCompareMemoize(dependencies));
-}
-const NostoSession = ({
-  cart,
-  customer
-}) => {
+function NostoSession(props) {
+  const {
+    cart,
+    customer
+  } = props;
   const {
     clientScriptLoaded
   } = useNostoContext();
@@ -603,7 +654,7 @@ const NostoSession = ({
         api.defaultSession().setResponseMode("HTML").setCart(currentCart).setCustomer(currentCustomer).viewOther().load();
       });
     }
-  }, [clientScriptLoaded, cart || [], customer || {}]);
+  }, [clientScriptLoaded, cart, customer]);
   return /* @__PURE__ */ jsx(Fragment, {});
-};
-export { NostoFohofo as Nosto404, NostoCategory, NostoCheckout, NostoContext, NostoHome, NostoOrder, NostoOther, NostoPlacement, NostoProduct, NostoProvider, NostoSearch, NostoSession, useNostoContext };
+}
+export { Nosto404, NostoCategory, NostoCheckout, NostoContext, NostoHome, NostoOrder, NostoOther, NostoPlacement, NostoProduct, NostoProvider, NostoSearch, NostoSession, useNostoContext };