@nosto/nosto-react 2.2.1 → 2.2.2

package/dist/index.d.ts

@@ -13,8 +13,6 @@ export declare interface Cart {
     items: CartItem[];
 }
 
-declare type Cart_2 = Cart | ToCamelCase<Cart>;
-
 /**
  * @group Types
  */
@@ -55,8 +53,6 @@ export declare interface Customer {
     type?: string;
 }
 
-declare type Customer_2 = Customer | ToCamelCase<Customer>;
-
 /**
  * You can personalise your cart and checkout pages by using the `Nosto404` component.
  * The component does not require any props.
@@ -80,7 +76,7 @@ declare type Customer_2 = Customer | ToCamelCase<Customer>;
 export declare function Nosto404(props: Nosto404Props): null;
 
 /**
- * @group Components
+ * @group Hooks
  */
 export declare type Nosto404Props = {
     placements?: string[];
@@ -111,7 +107,7 @@ export declare type Nosto404Props = {
 export declare function NostoCategory(props: NostoCategoryProps): null;
 
 /**
- * @group Components
+ * @group Hooks
  */
 export declare type NostoCategoryProps = {
     category: string;
@@ -140,7 +136,7 @@ export declare type NostoCategoryProps = {
 export declare function NostoCheckout(props: NostoCheckoutProps): null;
 
 /**
- * @group Components
+ * @group Hooks
  */
 export declare type NostoCheckoutProps = {
     placements?: string[];
@@ -189,7 +185,7 @@ export declare interface NostoContextType {
 export declare function NostoHome(props: NostoHomeProps): null;
 
 /**
- * @group Components
+ * @group Hooks
  */
 export declare type NostoHomeProps = {
     placements?: string[];
@@ -217,10 +213,10 @@ export declare type NostoHomeProps = {
 export declare function NostoOrder(props: NostoOrderProps): null;
 
 /**
- * @group Components
+ * @group Hooks
  */
 export declare type NostoOrderProps = {
-    order: Order;
+    order: Order | ToCamelCase<Order>;
     placements?: string[];
 };
 
@@ -246,7 +242,7 @@ export declare type NostoOrderProps = {
 export declare function NostoOther(props: NostoOtherProps): null;
 
 /**
- * @group Components
+ * @group Hooks
  */
 export declare type NostoOtherProps = {
     placements?: string[];
@@ -302,7 +298,7 @@ export declare type NostoPlacementProps = {
 export declare function NostoProduct(props: NostoProductProps): null;
 
 /**
- * @group Components
+ * @group Hooks
  */
 export declare type NostoProductProps = {
     product: string;
@@ -424,11 +420,11 @@ export declare type NostoSearchProps = {
 export declare function NostoSession(props?: NostoSessionProps): null;
 
 /**
- * @group Components
+ * @group Hooks
  */
 export declare type NostoSessionProps = {
-    cart?: Cart_2;
-    customer?: Customer_2;
+    cart?: Cart | ToCamelCase<Cart>;
+    customer?: Customer | ToCamelCase<Customer>;
 };
 
 declare interface NostoSku extends Sku {

package/dist/index.es.js

@@ -1,60 +1,60 @@
-import { useEffect as O, useRef as P, useMemo as I, createContext as k, useContext as V, cloneElement as b, useState as q, isValidElement as F } from "react";
+import { createContext as I, useContext as k, useEffect as g, useRef as P, useMemo as V, cloneElement as b, useState as q, isValidElement as F } from "react";
 import { jsx as v } from "react/jsx-runtime";
 import H from "react-dom";
-const j = (e) => String(e) === "[object Object]";
+const T = I({
+  account: "",
+  currentVariation: "",
+  responseMode: "HTML",
+  clientScriptLoaded: !1
+});
+function E() {
+  return k(T);
+}
+const L = (e) => String(e) === "[object Object]";
 function _(e) {
-  if (!j(e))
+  if (!L(e))
     return !1;
   const t = e.constructor;
   if (t === void 0)
     return !0;
   const n = t.prototype;
-  return !(!j(n) || !n.hasOwnProperty("isPrototypeOf"));
+  return !(!L(n) || !n.hasOwnProperty("isPrototypeOf"));
 }
-function g(e, t) {
+function h(e, t) {
   if (e === t)
     return !0;
   if (e instanceof Date && t instanceof Date)
     return e.getTime() === t.getTime();
   if (e instanceof Array && t instanceof Array)
-    return e.length !== t.length ? !1 : e.every((n, r) => g(n, t[r]));
+    return e.length !== t.length ? !1 : e.every((n, r) => h(n, t[r]));
   if (_(e) && _(t)) {
     const n = Object.entries(e);
-    return n.length !== Object.keys(t).length ? !1 : n.every(([r, o]) => g(o, t[r]));
+    return n.length !== Object.keys(t).length ? !1 : n.every(([r, o]) => h(o, t[r]));
   }
   return !1;
 }
-function T(e, t) {
-  return O(e, x(t));
+function D(e, t) {
+  return g(e, x(t));
 }
 function x(e) {
   const t = P(e), n = P(0);
-  return g(e, t.current) || (t.current = e, n.current += 1), I(() => t.current, [n.current]);
-}
-const D = k({
-  account: "",
-  currentVariation: "",
-  responseMode: "HTML",
-  clientScriptLoaded: !1
-});
-function E() {
-  return V(D);
+  return h(e, t.current) || (t.current = e, n.current += 1), V(() => t.current, [n.current]);
 }
 function u(e, t, n) {
   const { clientScriptLoaded: r } = E();
-  (n != null && n.deep ? T : O)(() => {
+  (n != null && n.deep ? D : g)(() => {
     r && window.nostojs(e);
   }, [r, ...t ?? []]);
 }
-var h, S = H;
+var O, y = H;
 if (process.env.NODE_ENV === "production")
-  h = S.createRoot, S.hydrateRoot;
+  O = y.createRoot, y.hydrateRoot;
 else {
-  var A = S.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  h = function(e, t) {
+  var A = y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  O = function(e, t) {
     A.usingClientEntryPoint = !0;
     try {
-      return S.createRoot(e, t);
+      return y.createRoot(e, t);
     } finally {
       A.usingClientEntryPoint = !1;
     }
@@ -73,7 +73,7 @@ function z(e) {
     t.placements.injectCampaigns(e.recommendations);
   });
 }
-function l() {
+function d() {
   const { responseMode: e, recommendationComponent: t } = E(), n = P({});
   if (e == "HTML")
     return { renderCampaigns: z };
@@ -81,13 +81,13 @@ function l() {
     var i;
     const c = ((i = o.campaigns) == null ? void 0 : i.recommendations) ?? {};
     for (const a in c) {
-      const d = c[a], C = "#" + a, p = document.querySelector(C);
-      p && (n.current[a] || (n.current[a] = h(p)), n.current[a].render(
+      const l = c[a], C = "#" + a, p = document.querySelector(C);
+      p && (n.current[a] || (n.current[a] = O(p)), n.current[a].render(
         /* @__PURE__ */ v(
           M,
           {
             recommendationComponent: t,
-            nostoRecommendation: d
+            nostoRecommendation: l
           }
         )
       ));
@@ -95,144 +95,63 @@ function l() {
   }
   return { renderCampaigns: r };
 }
-function U() {
-  return typeof window.nosto < "u";
-}
-function W(e, t) {
-  return new Promise((n, r) => {
-    const o = document.createElement("script");
-    o.type = "text/javascript", o.src = e, o.async = !0, o.onload = () => n(), o.onerror = () => r(), Object.entries((t == null ? void 0 : t.attributes) ?? {}).forEach(([c, i]) => o.setAttribute(c, i)), (t == null ? void 0 : t.position) === "head" ? document.head.appendChild(o) : document.body.appendChild(o);
+function U(e) {
+  const { renderCampaigns: t } = d();
+  u(async (n) => {
+    const r = await n.defaultSession().viewNotFound().setPlacements((e == null ? void 0 : e.placements) || n.placements.getPlacements()).load();
+    t(r);
   });
 }
-function B(e) {
-  const { host: t = "connect.nosto.com", scriptLoader: n = W, account: r, shopifyMarkets: o, loadScript: c = !0 } = e, [i, a] = q(!1);
-  return O(() => {
-    function d() {
-      var s;
-      "nostoReactTest" in window && ((s = window.nosto) == null || s.reload({
-        site: "localhost"
-      })), a(!0);
-    }
-    async function C(s, m = {}) {
-      const f = `//${t}${s}`, y = { "nosto-client-script": "", ...m };
-      await n(f, { attributes: y }), d();
-    }
-    function p() {
-      var R, L;
-      const s = document.querySelector("[nosto-client-script]"), m = String((o == null ? void 0 : o.marketId) || ""), f = (o == null ? void 0 : o.language) || "", y = (s == null ? void 0 : s.getAttribute("nosto-language")) !== f || (s == null ? void 0 : s.getAttribute("nosto-market-id")) !== m;
-      if (!s || y) {
-        i && a(!1);
-        const N = document.querySelector("#nosto-sandbox");
-        (R = s == null ? void 0 : s.parentNode) == null || R.removeChild(s), (L = N == null ? void 0 : N.parentNode) == null || L.removeChild(N);
-        const $ = `/script/shopify/market/nosto.js?merchant=${r}&market=${m}&locale=${f.toLowerCase()}`;
-        C($, { "nosto-language": f, "nosto-market-id": m });
-      }
-    }
-    if (window.nostojs || (window.nostojs = (s) => {
-      (window.nostojs.q = window.nostojs.q || []).push(s);
-    }, window.nostojs((s) => s.setAutoLoad(!1))), !c) {
-      window.nosto ? d() : window.nostojs(d);
-      return;
-    }
-    if (!U() && !o) {
-      const s = `/include/${r}`;
-      C(s);
-    }
-    o && p();
-  }, [o == null ? void 0 : o.marketId, o == null ? void 0 : o.language]), { clientScriptLoaded: i };
-}
 function ae(e) {
-  return G(e), null;
+  return U(e), null;
 }
-function G(e) {
-  const { renderCampaigns: t } = l();
+function W({ category: e, placements: t }) {
+  const { renderCampaigns: n } = d();
   u(
-    async (n) => {
-      const r = await n.defaultSession().viewNotFound().setPlacements((e == null ? void 0 : e.placements) || n.placements.getPlacements()).load();
-      t(r);
-    }
+    async (r) => {
+      const o = await r.defaultSession().viewCategory(e).setPlacements(t || r.placements.getPlacements()).load();
+      n(o);
+    },
+    [e]
   );
 }
 function ie(e) {
-  return J(e), null;
+  return W(e), null;
 }
-function J(e) {
-  const { renderCampaigns: t } = l();
-  u(
-    async (n) => {
-      const r = await n.defaultSession().viewOther().setPlacements((e == null ? void 0 : e.placements) || n.placements.getPlacements()).load();
-      t(r);
-    }
-  );
+function B(e) {
+  const { renderCampaigns: t } = d();
+  u(async (n) => {
+    const r = await n.defaultSession().viewCart().setPlacements((e == null ? void 0 : e.placements) || n.placements.getPlacements()).load();
+    t(r);
+  });
 }
 function ue(e) {
-  return Y(e), null;
-}
-function Y(e) {
-  const { renderCampaigns: t } = l();
-  u(
-    async (n) => {
-      const r = await n.defaultSession().viewCart().setPlacements((e == null ? void 0 : e.placements) || n.placements.getPlacements()).load();
-      t(r);
-    }
-  );
-}
-function le(e) {
-  return Z(e), null;
+  return B(e), null;
 }
-function Z({ product: e, tagging: t, placements: n }) {
-  const { renderCampaigns: r } = l();
-  u(
-    async (o) => {
-      const c = await o.defaultSession().viewProduct(t ?? e).setPlacements(n || o.placements.getPlacements()).load();
-      r(c);
-    },
-    [e, t == null ? void 0 : t.selected_sku_id]
-  );
+function G(e) {
+  const { renderCampaigns: t } = d();
+  u(async (n) => {
+    const r = await n.defaultSession().viewFrontPage().setPlacements((e == null ? void 0 : e.placements) || n.placements.getPlacements()).load();
+    t(r);
+  });
 }
 function de(e) {
-  return K(e), null;
-}
-function K({ category: e, placements: t }) {
-  const { renderCampaigns: n } = l();
-  u(
-    async (r) => {
-      const o = await r.defaultSession().viewCategory(e).setPlacements(t || r.placements.getPlacements()).load();
-      n(o);
-    },
-    [e]
-  );
-}
-function me(e) {
-  return Q(e), null;
-}
-function Q({ query: e, placements: t }) {
-  const { renderCampaigns: n } = l();
-  u(
-    async (r) => {
-      const o = await r.defaultSession().viewSearch(e).setPlacements(t || r.placements.getPlacements()).load();
-      n(o);
-    },
-    [e]
-  );
+  return G(e), null;
 }
 function w(e) {
-  return !e || typeof e != "object" || X(e) || ee(e) ? e : Array.isArray(e) ? e.map(w) : Object.keys(e).reduce((t, n) => {
+  return !e || typeof e != "object" || J(e) || Y(e) ? e : Array.isArray(e) ? e.map(w) : Object.keys(e).reduce((t, n) => {
     const r = n[0].toLowerCase() + n.slice(1).replace(/([A-Z]+)/g, (o, c) => "_" + c.toLowerCase());
     return t[r] = w(e[n]), t;
   }, {});
 }
-function X(e) {
+function J(e) {
   return Object.prototype.toString.call(e) === "[object Date]";
 }
-function ee(e) {
+function Y(e) {
   return Object.prototype.toString.call(e) === "[object RegExp]";
 }
-function fe(e) {
-  return te(e), null;
-}
-function te({ order: e, placements: t }) {
-  const { renderCampaigns: n } = l();
+function Z({ order: e, placements: t }) {
+  const { renderCampaigns: n } = d();
   u(
     async (r) => {
       const o = await r.defaultSession().addOrder(w(e)).setPlacements(t || r.placements.getPlacements()).load();
@@ -242,37 +161,100 @@ function te({ order: e, placements: t }) {
     { deep: !0 }
   );
 }
-function we(e) {
-  return ne(e), null;
+function le(e) {
+  return Z(e), null;
+}
+function K(e) {
+  const { renderCampaigns: t } = d();
+  u(async (n) => {
+    const r = await n.defaultSession().viewOther().setPlacements((e == null ? void 0 : e.placements) || n.placements.getPlacements()).load();
+    t(r);
+  });
+}
+function me(e) {
+  return K(e), null;
+}
+function fe({ id: e, pageType: t }) {
+  return /* @__PURE__ */ v("div", { className: "nosto_element", id: e }, e + (t || ""));
 }
-function ne(e) {
-  const { renderCampaigns: t } = l();
+function Q({ product: e, tagging: t, placements: n }) {
+  const { renderCampaigns: r } = d();
+  if (t && !t.product_id)
+    throw new Error("The product object must contain a product_id property");
   u(
-    async (n) => {
-      const r = await n.defaultSession().viewFrontPage().setPlacements((e == null ? void 0 : e.placements) || n.placements.getPlacements()).load();
-      t(r);
-    }
+    async (o) => {
+      const c = await o.defaultSession().viewProduct(t ?? e).setPlacements(n || o.placements.getPlacements()).load();
+      r(c);
+    },
+    [e, t == null ? void 0 : t.selected_sku_id]
   );
 }
-function Ce({ id: e, pageType: t }) {
-  return /* @__PURE__ */ v("div", { className: "nosto_element", id: e }, e + (t || ""));
+function we(e) {
+  return Q(e), null;
 }
-function pe(e) {
+function X() {
+  return typeof window.nosto < "u";
+}
+function ee(e, t) {
+  return new Promise((n, r) => {
+    const o = document.createElement("script");
+    o.type = "text/javascript", o.src = e, o.async = !0, o.onload = () => n(), o.onerror = () => r(), Object.entries((t == null ? void 0 : t.attributes) ?? {}).forEach(([c, i]) => o.setAttribute(c, i)), (t == null ? void 0 : t.position) === "head" ? document.head.appendChild(o) : document.body.appendChild(o);
+  });
+}
+function te(e) {
   const {
-    account: t,
-    multiCurrency: n = !1,
-    children: r,
-    recommendationComponent: o
-  } = e, c = n ? e.currentVariation : "";
+    host: t = "connect.nosto.com",
+    scriptLoader: n = ee,
+    account: r,
+    shopifyMarkets: o,
+    loadScript: c = !0
+  } = e, [i, a] = q(!1);
+  return g(() => {
+    function l() {
+      var s;
+      "nostoReactTest" in window && ((s = window.nosto) == null || s.reload({
+        site: "localhost"
+      })), a(!0);
+    }
+    async function C(s, m = {}) {
+      const f = `//${t}${s}`, S = { "nosto-client-script": "", ...m };
+      await n(f, { attributes: S }), l();
+    }
+    function p() {
+      var R, j;
+      const s = document.querySelector("[nosto-client-script]"), m = String((o == null ? void 0 : o.marketId) || ""), f = (o == null ? void 0 : o.language) || "", S = (s == null ? void 0 : s.getAttribute("nosto-language")) !== f || (s == null ? void 0 : s.getAttribute("nosto-market-id")) !== m;
+      if (!s || S) {
+        i && a(!1);
+        const N = document.querySelector("#nosto-sandbox");
+        (R = s == null ? void 0 : s.parentNode) == null || R.removeChild(s), (j = N == null ? void 0 : N.parentNode) == null || j.removeChild(N);
+        const $ = `/script/shopify/market/nosto.js?merchant=${r}&market=${m}&locale=${f.toLowerCase()}`;
+        C($, { "nosto-language": f, "nosto-market-id": m });
+      }
+    }
+    if (window.nostojs || (window.nostojs = (s) => {
+      (window.nostojs.q = window.nostojs.q || []).push(s);
+    }, window.nostojs((s) => s.setAutoLoad(!1))), !c) {
+      window.nosto ? l() : window.nostojs(l);
+      return;
+    }
+    if (!X() && !o) {
+      const s = `/include/${r}`;
+      C(s);
+    }
+    o && p();
+  }, [o == null ? void 0 : o.marketId, o == null ? void 0 : o.language]), { clientScriptLoaded: i };
+}
+function Ce(e) {
+  const { account: t, multiCurrency: n = !1, children: r, recommendationComponent: o } = e, c = n ? e.currentVariation : "";
   if (o && !F(o))
     throw new Error(
       "The recommendationComponent prop must be a valid React element. Please provide a valid React element."
     );
-  const i = o ? "JSON_ORIGINAL" : "HTML", { clientScriptLoaded: a } = B(e);
-  return a && window.nostojs((d) => {
-    d.defaultSession().setVariation(c).setResponseMode(i);
+  const i = o ? "JSON_ORIGINAL" : "HTML", { clientScriptLoaded: a } = te(e);
+  return a && window.nostojs((l) => {
+    l.defaultSession().setVariation(c).setResponseMode(i);
   }), /* @__PURE__ */ v(
-    D.Provider,
+    T.Provider,
     {
       value: {
         account: t,
@@ -285,39 +267,52 @@ function pe(e) {
     }
   );
 }
-function Ne(e) {
-  return oe(e), null;
+function ne({ query: e, placements: t }) {
+  const { renderCampaigns: n } = d();
+  u(
+    async (r) => {
+      const o = await r.defaultSession().viewSearch(e).setPlacements(t || r.placements.getPlacements()).load();
+      n(o);
+    },
+    [e]
+  );
+}
+function pe(e) {
+  return ne(e), null;
 }
 function oe({ cart: e, customer: t } = {}) {
   const { clientScriptLoaded: n } = E();
-  T(() => {
+  D(() => {
     const r = e ? w(e) : void 0, o = t ? w(t) : void 0;
     n && window.nostojs((c) => {
       c.defaultSession().setCart(r).setCustomer(o).viewOther().load({ skipPageViews: !0 });
     });
   }, [n, e, t]);
 }
+function Ne(e) {
+  return oe(e), null;
+}
 export {
   ae as Nosto404,
-  de as NostoCategory,
+  ie as NostoCategory,
   ue as NostoCheckout,
-  D as NostoContext,
-  we as NostoHome,
-  fe as NostoOrder,
-  ie as NostoOther,
-  Ce as NostoPlacement,
-  le as NostoProduct,
-  pe as NostoProvider,
-  me as NostoSearch,
+  T as NostoContext,
+  de as NostoHome,
+  le as NostoOrder,
+  me as NostoOther,
+  fe as NostoPlacement,
+  we as NostoProduct,
+  Ce as NostoProvider,
+  pe as NostoSearch,
   Ne as NostoSession,
-  G as useNosto404,
-  K as useNostoCategory,
-  Y as useNostoCheckout,
+  U as useNosto404,
+  W as useNostoCategory,
+  B as useNostoCheckout,
   E as useNostoContext,
-  ne as useNostoHome,
-  te as useNostoOrder,
-  J as useNostoOther,
-  Z as useNostoProduct,
-  Q as useNostoSearch,
+  G as useNostoHome,
+  Z as useNostoOrder,
+  K as useNostoOther,
+  Q as useNostoProduct,
+  ne as useNostoSearch,
   oe as useNostoSession
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(r,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react"),require("react/jsx-runtime"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime","react-dom"],a):(r=typeof globalThis<"u"?globalThis:r||self,a(r["@nosto/nosto-react"]={},r.React,r["react/jsx-runtime"],r.ReactDOM))})(this,function(r,a,g,z){"use strict";const p=e=>String(e)==="[object Object]";function L(e){if(!p(e))return!1;const t=e.constructor;if(t===void 0)return!0;const n=t.prototype;return!(!p(n)||!n.hasOwnProperty("isPrototypeOf"))}function j(e,t){if(e===t)return!0;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof Array&&t instanceof Array)return e.length!==t.length?!1:e.every((n,s)=>j(n,t[s]));if(L(e)&&L(t)){const n=Object.entries(e);return n.length!==Object.keys(t).length?!1:n.every(([s,o])=>j(o,t[s]))}return!1}function _(e,t){return a.useEffect(e,U(t))}function U(e){const t=a.useRef(e),n=a.useRef(0);return j(e,t.current)||(t.current=e,n.current+=1),a.useMemo(()=>t.current,[n.current])}const v=a.createContext({account:"",currentVariation:"",responseMode:"HTML",clientScriptLoaded:!1});function S(){return a.useContext(v)}function l(e,t,n){const{clientScriptLoaded:s}=S();(n!=null&&n.deep?_:a.useEffect)(()=>{s&&window.nostojs(e)},[s,...t??[]])}var E,y=z;if(process.env.NODE_ENV==="production")E=y.createRoot,y.hydrateRoot;else{var A=y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;E=function(e,t){A.usingClientEntryPoint=!0;try{return y.createRoot(e,t)}finally{A.usingClientEntryPoint=!1}}}function W(e){return a.cloneElement(e.recommendationComponent,{nostoRecommendation:e.nostoRecommendation})}function B(e){if(!window.nostojs)throw new Error("Nosto has not yet been initialized");window.nostojs(t=>{t.placements.injectCampaigns(e.recommendations)})}function m(){const{responseMode:e,recommendationComponent:t}=S(),n=a.useRef({});if(e=="HTML")return{renderCampaigns:B};function s(o){var d;const i=((d=o.campaigns)==null?void 0:d.recommendations)??{};for(const u in i){const f=i[u],P="#"+u,h=document.querySelector(P);h&&(n.current[u]||(n.current[u]=E(h)),n.current[u].render(g.jsx(W,{recommendationComponent:t,nostoRecommendation:f})))}}return{renderCampaigns:s}}function G(){return typeof window.nosto<"u"}function J(e,t){return new Promise((n,s)=>{const o=document.createElement("script");o.type="text/javascript",o.src=e,o.async=!0,o.onload=()=>n(),o.onerror=()=>s(),Object.entries((t==null?void 0:t.attributes)??{}).forEach(([i,d])=>o.setAttribute(i,d)),(t==null?void 0:t.position)==="head"?document.head.appendChild(o):document.body.appendChild(o)})}function Y(e){const{host:t="connect.nosto.com",scriptLoader:n=J,account:s,shopifyMarkets:o,loadScript:i=!0}=e,[d,u]=a.useState(!1);return a.useEffect(()=>{function f(){var c;"nostoReactTest"in window&&((c=window.nosto)==null||c.reload({site:"localhost"})),u(!0)}async function P(c,w={}){const C=`//${t}${c}`,R={"nosto-client-script":"",...w};await n(C,{attributes:R}),f()}function h(){var b,F;const c=document.querySelector("[nosto-client-script]"),w=String((o==null?void 0:o.marketId)||""),C=(o==null?void 0:o.language)||"",R=(c==null?void 0:c.getAttribute("nosto-language"))!==C||(c==null?void 0:c.getAttribute("nosto-market-id"))!==w;if(!c||R){d&&u(!1);const O=document.querySelector("#nosto-sandbox");(b=c==null?void 0:c.parentNode)==null||b.removeChild(c),(F=O==null?void 0:O.parentNode)==null||F.removeChild(O);const ie=`/script/shopify/market/nosto.js?merchant=${s}&market=${w}&locale=${C.toLowerCase()}`;P(ie,{"nosto-language":C,"nosto-market-id":w})}}if(window.nostojs||(window.nostojs=c=>{(window.nostojs.q=window.nostojs.q||[]).push(c)},window.nostojs(c=>c.setAutoLoad(!1))),!i){window.nosto?f():window.nostojs(f);return}if(!G()&&!o){const c=`/include/${s}`;P(c)}o&&h()},[o==null?void 0:o.marketId,o==null?void 0:o.language]),{clientScriptLoaded:d}}function Z(e){return T(e),null}function T(e){const{renderCampaigns:t}=m();l(async n=>{const s=await n.defaultSession().viewNotFound().setPlacements((e==null?void 0:e.placements)||n.placements.getPlacements()).load();t(s)})}function K(e){return D(e),null}function D(e){const{renderCampaigns:t}=m();l(async n=>{const s=await n.defaultSession().viewOther().setPlacements((e==null?void 0:e.placements)||n.placements.getPlacements()).load();t(s)})}function Q(e){return k(e),null}function k(e){const{renderCampaigns:t}=m();l(async n=>{const s=await n.defaultSession().viewCart().setPlacements((e==null?void 0:e.placements)||n.placements.getPlacements()).load();t(s)})}function X(e){return I(e),null}function I({product:e,tagging:t,placements:n}){const{renderCampaigns:s}=m();l(async o=>{const i=await o.defaultSession().viewProduct(t??e).setPlacements(n||o.placements.getPlacements()).load();s(i)},[e,t==null?void 0:t.selected_sku_id])}function x(e){return q(e),null}function q({category:e,placements:t}){const{renderCampaigns:n}=m();l(async s=>{const o=await s.defaultSession().viewCategory(e).setPlacements(t||s.placements.getPlacements()).load();n(o)},[e])}function ee(e){return H(e),null}function H({query:e,placements:t}){const{renderCampaigns:n}=m();l(async s=>{const o=await s.defaultSession().viewSearch(e).setPlacements(t||s.placements.getPlacements()).load();n(o)},[e])}function N(e){return!e||typeof e!="object"||te(e)||ne(e)?e:Array.isArray(e)?e.map(N):Object.keys(e).reduce((t,n)=>{const s=n[0].toLowerCase()+n.slice(1).replace(/([A-Z]+)/g,(o,i)=>"_"+i.toLowerCase());return t[s]=N(e[n]),t},{})}function te(e){return Object.prototype.toString.call(e)==="[object Date]"}function ne(e){return Object.prototype.toString.call(e)==="[object RegExp]"}function oe(e){return V(e),null}function V({order:e,placements:t}){const{renderCampaigns:n}=m();l(async s=>{const o=await s.defaultSession().addOrder(N(e)).setPlacements(t||s.placements.getPlacements()).load();n(o)},[e],{deep:!0})}function se(e){return $(e),null}function $(e){const{renderCampaigns:t}=m();l(async n=>{const s=await n.defaultSession().viewFrontPage().setPlacements((e==null?void 0:e.placements)||n.placements.getPlacements()).load();t(s)})}function re({id:e,pageType:t}){return g.jsx("div",{className:"nosto_element",id:e},e+(t||""))}function ce(e){const{account:t,multiCurrency:n=!1,children:s,recommendationComponent:o}=e,i=n?e.currentVariation:"";if(o&&!a.isValidElement(o))throw new Error("The recommendationComponent prop must be a valid React element. Please provide a valid React element.");const d=o?"JSON_ORIGINAL":"HTML",{clientScriptLoaded:u}=Y(e);return u&&window.nostojs(f=>{f.defaultSession().setVariation(i).setResponseMode(d)}),g.jsx(v.Provider,{value:{account:t,clientScriptLoaded:u,currentVariation:i,responseMode:d,recommendationComponent:o},children:s})}function ae(e){return M(e),null}function M({cart:e,customer:t}={}){const{clientScriptLoaded:n}=S();_(()=>{const s=e?N(e):void 0,o=t?N(t):void 0;n&&window.nostojs(i=>{i.defaultSession().setCart(s).setCustomer(o).viewOther().load({skipPageViews:!0})})},[n,e,t])}r.Nosto404=Z,r.NostoCategory=x,r.NostoCheckout=Q,r.NostoContext=v,r.NostoHome=se,r.NostoOrder=oe,r.NostoOther=K,r.NostoPlacement=re,r.NostoProduct=X,r.NostoProvider=ce,r.NostoSearch=ee,r.NostoSession=ae,r.useNosto404=T,r.useNostoCategory=q,r.useNostoCheckout=k,r.useNostoContext=S,r.useNostoHome=$,r.useNostoOrder=V,r.useNostoOther=D,r.useNostoProduct=I,r.useNostoSearch=H,r.useNostoSession=M,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+(function(r,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react"),require("react/jsx-runtime"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime","react-dom"],a):(r=typeof globalThis<"u"?globalThis:r||self,a(r["@nosto/nosto-react"]={},r.React,r["react/jsx-runtime"],r.ReactDOM))})(this,function(r,a,p,z){"use strict";const j=a.createContext({account:"",currentVariation:"",responseMode:"HTML",clientScriptLoaded:!1});function y(){return a.useContext(j)}const R=e=>String(e)==="[object Object]";function L(e){if(!R(e))return!1;const t=e.constructor;if(t===void 0)return!0;const n=t.prototype;return!(!R(n)||!n.hasOwnProperty("isPrototypeOf"))}function v(e,t){if(e===t)return!0;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof Array&&t instanceof Array)return e.length!==t.length?!1:e.every((n,s)=>v(n,t[s]));if(L(e)&&L(t)){const n=Object.entries(e);return n.length!==Object.keys(t).length?!1:n.every(([s,o])=>v(o,t[s]))}return!1}function _(e,t){return a.useEffect(e,U(t))}function U(e){const t=a.useRef(e),n=a.useRef(0);return v(e,t.current)||(t.current=e,n.current+=1),a.useMemo(()=>t.current,[n.current])}function l(e,t,n){const{clientScriptLoaded:s}=y();(n!=null&&n.deep?_:a.useEffect)(()=>{s&&window.nostojs(e)},[s,...t??[]])}var E,S=z;if(process.env.NODE_ENV==="production")E=S.createRoot,S.hydrateRoot;else{var T=S.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;E=function(e,t){T.usingClientEntryPoint=!0;try{return S.createRoot(e,t)}finally{T.usingClientEntryPoint=!1}}}function W(e){return a.cloneElement(e.recommendationComponent,{nostoRecommendation:e.nostoRecommendation})}function B(e){if(!window.nostojs)throw new Error("Nosto has not yet been initialized");window.nostojs(t=>{t.placements.injectCampaigns(e.recommendations)})}function m(){const{responseMode:e,recommendationComponent:t}=y(),n=a.useRef({});if(e=="HTML")return{renderCampaigns:B};function s(o){var d;const i=((d=o.campaigns)==null?void 0:d.recommendations)??{};for(const u in i){const f=i[u],h="#"+u,P=document.querySelector(h);P&&(n.current[u]||(n.current[u]=E(P)),n.current[u].render(p.jsx(W,{recommendationComponent:t,nostoRecommendation:f})))}}return{renderCampaigns:s}}function A(e){const{renderCampaigns:t}=m();l(async n=>{const s=await n.defaultSession().viewNotFound().setPlacements((e==null?void 0:e.placements)||n.placements.getPlacements()).load();t(s)})}function G(e){return A(e),null}function D({category:e,placements:t}){const{renderCampaigns:n}=m();l(async s=>{const o=await s.defaultSession().viewCategory(e).setPlacements(t||s.placements.getPlacements()).load();n(o)},[e])}function J(e){return D(e),null}function k(e){const{renderCampaigns:t}=m();l(async n=>{const s=await n.defaultSession().viewCart().setPlacements((e==null?void 0:e.placements)||n.placements.getPlacements()).load();t(s)})}function Y(e){return k(e),null}function I(e){const{renderCampaigns:t}=m();l(async n=>{const s=await n.defaultSession().viewFrontPage().setPlacements((e==null?void 0:e.placements)||n.placements.getPlacements()).load();t(s)})}function Z(e){return I(e),null}function w(e){return!e||typeof e!="object"||K(e)||Q(e)?e:Array.isArray(e)?e.map(w):Object.keys(e).reduce((t,n)=>{const s=n[0].toLowerCase()+n.slice(1).replace(/([A-Z]+)/g,(o,i)=>"_"+i.toLowerCase());return t[s]=w(e[n]),t},{})}function K(e){return Object.prototype.toString.call(e)==="[object Date]"}function Q(e){return Object.prototype.toString.call(e)==="[object RegExp]"}function q({order:e,placements:t}){const{renderCampaigns:n}=m();l(async s=>{const o=await s.defaultSession().addOrder(w(e)).setPlacements(t||s.placements.getPlacements()).load();n(o)},[e],{deep:!0})}function X(e){return q(e),null}function H(e){const{renderCampaigns:t}=m();l(async n=>{const s=await n.defaultSession().viewOther().setPlacements((e==null?void 0:e.placements)||n.placements.getPlacements()).load();t(s)})}function x(e){return H(e),null}function ee({id:e,pageType:t}){return p.jsx("div",{className:"nosto_element",id:e},e+(t||""))}function V({product:e,tagging:t,placements:n}){const{renderCampaigns:s}=m();if(t&&!t.product_id)throw new Error("The product object must contain a product_id property");l(async o=>{const i=await o.defaultSession().viewProduct(t??e).setPlacements(n||o.placements.getPlacements()).load();s(i)},[e,t==null?void 0:t.selected_sku_id])}function te(e){return V(e),null}function ne(){return typeof window.nosto<"u"}function oe(e,t){return new Promise((n,s)=>{const o=document.createElement("script");o.type="text/javascript",o.src=e,o.async=!0,o.onload=()=>n(),o.onerror=()=>s(),Object.entries((t==null?void 0:t.attributes)??{}).forEach(([i,d])=>o.setAttribute(i,d)),(t==null?void 0:t.position)==="head"?document.head.appendChild(o):document.body.appendChild(o)})}function se(e){const{host:t="connect.nosto.com",scriptLoader:n=oe,account:s,shopifyMarkets:o,loadScript:i=!0}=e,[d,u]=a.useState(!1);return a.useEffect(()=>{function f(){var c;"nostoReactTest"in window&&((c=window.nosto)==null||c.reload({site:"localhost"})),u(!0)}async function h(c,N={}){const C=`//${t}${c}`,g={"nosto-client-script":"",...N};await n(C,{attributes:g}),f()}function P(){var M,F;const c=document.querySelector("[nosto-client-script]"),N=String((o==null?void 0:o.marketId)||""),C=(o==null?void 0:o.language)||"",g=(c==null?void 0:c.getAttribute("nosto-language"))!==C||(c==null?void 0:c.getAttribute("nosto-market-id"))!==N;if(!c||g){d&&u(!1);const O=document.querySelector("#nosto-sandbox");(M=c==null?void 0:c.parentNode)==null||M.removeChild(c),(F=O==null?void 0:O.parentNode)==null||F.removeChild(O);const ie=`/script/shopify/market/nosto.js?merchant=${s}&market=${N}&locale=${C.toLowerCase()}`;h(ie,{"nosto-language":C,"nosto-market-id":N})}}if(window.nostojs||(window.nostojs=c=>{(window.nostojs.q=window.nostojs.q||[]).push(c)},window.nostojs(c=>c.setAutoLoad(!1))),!i){window.nosto?f():window.nostojs(f);return}if(!ne()&&!o){const c=`/include/${s}`;h(c)}o&&P()},[o==null?void 0:o.marketId,o==null?void 0:o.language]),{clientScriptLoaded:d}}function re(e){const{account:t,multiCurrency:n=!1,children:s,recommendationComponent:o}=e,i=n?e.currentVariation:"";if(o&&!a.isValidElement(o))throw new Error("The recommendationComponent prop must be a valid React element. Please provide a valid React element.");const d=o?"JSON_ORIGINAL":"HTML",{clientScriptLoaded:u}=se(e);return u&&window.nostojs(f=>{f.defaultSession().setVariation(i).setResponseMode(d)}),p.jsx(j.Provider,{value:{account:t,clientScriptLoaded:u,currentVariation:i,responseMode:d,recommendationComponent:o},children:s})}function $({query:e,placements:t}){const{renderCampaigns:n}=m();l(async s=>{const o=await s.defaultSession().viewSearch(e).setPlacements(t||s.placements.getPlacements()).load();n(o)},[e])}function ce(e){return $(e),null}function b({cart:e,customer:t}={}){const{clientScriptLoaded:n}=y();_(()=>{const s=e?w(e):void 0,o=t?w(t):void 0;n&&window.nostojs(i=>{i.defaultSession().setCart(s).setCustomer(o).viewOther().load({skipPageViews:!0})})},[n,e,t])}function ae(e){return b(e),null}r.Nosto404=G,r.NostoCategory=J,r.NostoCheckout=Y,r.NostoContext=j,r.NostoHome=Z,r.NostoOrder=X,r.NostoOther=x,r.NostoPlacement=ee,r.NostoProduct=te,r.NostoProvider=re,r.NostoSearch=ce,r.NostoSession=ae,r.useNosto404=A,r.useNostoCategory=D,r.useNostoCheckout=k,r.useNostoContext=y,r.useNostoHome=I,r.useNostoOrder=q,r.useNostoOther=H,r.useNostoProduct=V,r.useNostoSearch=$,r.useNostoSession=b,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nosto/nosto-react",
   "description": "Component library to simply implementing Nosto on React.",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "author": "Mridang Agarwalla, Dominik Gilg",
   "license": "ISC",
   "repository": {