@nosto/search-js 1.2.0 → 1.4.0

package/README.md

@@ -51,7 +51,7 @@ const response = await search({
     track: 'serp',
     hitDecorators: [
         priceDecorator(),
-        thumbnailDecorator()
+        thumbnailDecorator({ size: "9" })
     ]
 })
 

package/dist/core/core.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../index.es-D_7T9vdv.cjs");function a(t,e){if(!t.products||!(e!=null&&e.length))return t;const r=i=>e.reduce((u,n)=>n(u),i);return{...t,products:{...t.products,hits:t.products.hits.map(r)}}}function o(t){return new Promise(e=>setTimeout(e,t))}async function l(t,e,r){const{maxRetries:i=0,retryInterval:u=1e3}=r;let n=0;for(;;)try{return await t.search(e,r)}catch(c){if(!f(c))throw console.info("Skipping retry logic for",c),c;if(n>=i)throw c;n++,await o(u)}}function f(t){return!t||typeof t!="object"?!1:!("status"in t)||h(t.status)}function h(t){return typeof t=="number"&&(t<400||t>=500)}async function y(t,e={}){const{hitDecorators:r,...i}=e,u=await new Promise(s.s),n=await l(u,t,i);return a(n,r)}exports.search=y;

package/dist/core/core.d.ts

@@ -0,0 +1,3 @@
+/** @module ./ */
+export { search } from "./src/search";
+export type { HitDecorator, Options } from "./src/types";

package/dist/{search.es.js → core/core.es.js}

@@ -1,4 +1,4 @@
-import { s as a } from "./index.es-Bcd5IQh9.js";
+import { s as a } from "../index.es-Bcd5IQh9.js";
 function s(t, r) {
   if (!t.products || !(r != null && r.length))
     return t;

package/dist/{search → core/src}/searchWithRetries.d.ts

@@ -1,4 +1,4 @@
-import { API, SearchQuery, SearchResult } from "@nosto/nosto-js/client";
+import type { API, SearchQuery, SearchResult } from "@nosto/nosto-js/client";
 import { Options } from "./types";
 export declare function searchWithRetries(api: API, query: SearchQuery, options: Options<[]>): Promise<SearchResult>;
 /**

package/dist/currencies/currencies.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../index.es-D_7T9vdv.cjs"),g={defaultCurrency:"EUR",defaultLocale:"en-US",currencySettings:{}},p={EUR:"de-DE",GBP:"en-GB",USD:"en-US",AUD:"en-AU",CAD:"en-CA",INR:"en-IN",AFN:"en-IN",BDT:"en-IN",BTN:"en-IN",MMK:"en-IN",NPR:"en-IN",PKR:"en-IN"};function y(u={}){const o={...g,...u};u.currencySettings||d.s(c=>{o.currencySettings=c.internal.getSettings().currencySettings??{}});function a(c,n){const{defaultCurrency:t,currencySettings:r,defaultLocale:i}=o,s=n??t,f=p[s]??i;if(s in r){const e=r[s],l=new Intl.NumberFormat(f,{useGrouping:!!e.groupingSeparator,minimumFractionDigits:e.decimalPlaces,maximumFractionDigits:e.decimalPlaces}).formatToParts(c).map(m=>m.type==="group"?e.groupingSeparator:m.type==="decimal"?e.decimalCharacter:m.value).join("");return e!=null&&e.currencyBeforeAmount?`${e.currencyToken}${l}`:`${l}${e==null?void 0:e.currencyToken}`}return new Intl.NumberFormat(f,{style:"currency",currency:s}).format(c)}return{formatCurrency:a}}function C(u){const{formatCurrency:o}=y(u);function a(n,t){const r={};return n.price!==void 0&&(r.priceText=o(n.price,t)),n.listPrice!==void 0&&(r.listPriceText=o(n.listPrice,t)),Object.assign({},n,r)}function c(n){return n.price!==void 0||n.listPrice!==void 0}return function(t){if(!c(t))return t;const r=a(t,t.priceCurrencyCode);return r.skus&&r.skus.some(c)&&(r.skus=r.skus.map(i=>c(i)?a(i,t.priceCurrencyCode):i)),r}}exports.getCurrencyFormatting=y;exports.priceDecorator=C;

package/dist/currencies/currencies.d.ts

@@ -0,0 +1,3 @@
+/** @module currencies */
+export { type CurrencyConfig, getCurrencyFormatting } from "./src/getCurrencyFormatting";
+export { type FormattedPrices, priceDecorator, type Result } from "./src/priceDecorator";

package/dist/currencies/currencies.es.js

@@ -0,0 +1,68 @@
+import { s as y } from "../index.es-Bcd5IQh9.js";
+const p = {
+  defaultCurrency: "EUR",
+  defaultLocale: "en-US",
+  /** @hidden  */
+  currencySettings: {}
+}, d = {
+  EUR: "de-DE",
+  GBP: "en-GB",
+  USD: "en-US",
+  AUD: "en-AU",
+  CAD: "en-CA",
+  //India, Afghanistan, Bangladesh, Bhutan, Myanmar, Nepal, and Pakistan uses lakhs and crores notation
+  INR: "en-IN",
+  AFN: "en-IN",
+  BDT: "en-IN",
+  BTN: "en-IN",
+  MMK: "en-IN",
+  NPR: "en-IN",
+  PKR: "en-IN"
+};
+function g(i = {}) {
+  const o = {
+    ...p,
+    ...i
+  };
+  i.currencySettings || y((c) => {
+    o.currencySettings = c.internal.getSettings().currencySettings ?? {};
+  });
+  function a(c, n) {
+    const { defaultCurrency: t, currencySettings: r, defaultLocale: u } = o, s = n ?? t, f = d[s] ?? u;
+    if (s in r) {
+      const e = r[s], l = new Intl.NumberFormat(f, {
+        useGrouping: !!e.groupingSeparator,
+        minimumFractionDigits: e.decimalPlaces,
+        maximumFractionDigits: e.decimalPlaces
+      }).formatToParts(c).map((m) => m.type === "group" ? e.groupingSeparator : m.type === "decimal" ? e.decimalCharacter : m.value).join("");
+      return e != null && e.currencyBeforeAmount ? `${e.currencyToken}${l}` : `${l}${e == null ? void 0 : e.currencyToken}`;
+    }
+    return new Intl.NumberFormat(f, {
+      style: "currency",
+      currency: s
+    }).format(c);
+  }
+  return {
+    formatCurrency: a
+  };
+}
+function S(i) {
+  const { formatCurrency: o } = g(i);
+  function a(n, t) {
+    const r = {};
+    return n.price !== void 0 && (r.priceText = o(n.price, t)), n.listPrice !== void 0 && (r.listPriceText = o(n.listPrice, t)), Object.assign({}, n, r);
+  }
+  function c(n) {
+    return n.price !== void 0 || n.listPrice !== void 0;
+  }
+  return function(t) {
+    if (!c(t))
+      return t;
+    const r = a(t, t.priceCurrencyCode);
+    return r.skus && r.skus.some(c) && (r.skus = r.skus.map((u) => c(u) ? a(u, t.priceCurrencyCode) : u)), r;
+  };
+}
+export {
+  g as getCurrencyFormatting,
+  S as priceDecorator
+};

package/dist/preact/preact.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("preact"),l=require("preact/hooks"),C=require("../index.es-D_7T9vdv.cjs");var b=0;function q(t,e,n,r,o,u){e||(e={});var i,s,c=e;if("ref"in c)for(s in c={},e)s=="ref"?i=e[s]:c[s]=e[s];var p={type:t,props:c,key:n,ref:i,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--b,__i:-1,__u:0,__source:o,__self:u};if(typeof t=="function"&&(i=t.defaultProps))for(s in i)c[s]===void 0&&(c[s]=i[s]);return _.options.vnode&&_.options.vnode(p),p}const m=t=>String(t)==="[object Object]";function S(t){if(!m(t))return!1;const e=t.constructor;if(e===void 0)return!0;const n=e.prototype;return!(!m(n)||!n.hasOwnProperty("isPrototypeOf"))}const j=t=>{const e=Object.entries(t).reduce((n,[r,o])=>{const u=S(o)?j(o):Object.freeze(o);return{...n,[r]:u}},{});return Object.freeze(e)};function A(...t){return t.reduce((e,n)=>P(e,n))}function P(t,e){return S(t)&&S(e)?Object.entries(e).reduce((n,[r,o])=>(n[r]=P(n[r],o),n),{...t}):e}function y(t,e){if(t===e)return!0;if(t instanceof Date&&e instanceof Date)return t.getTime()===e.getTime();if(Array.isArray(t)&&Array.isArray(e))return t.length!==e.length?!1:t.every((n,r)=>y(n,e[r]));if(S(t)&&S(e)){const n=Object.entries(t);return n.length!==Object.keys(e).length?!1:n.every(([r,o])=>y(o,e[r]))}return!1}const h={loading:!0,pageType:void 0,query:{query:""},response:{query:""},initialized:!1,customParams:{}};function v(t){const e=new Map;let n=t?A(h,t):h;const r=j(n);function o(a){n=a(n);for(const f of e.values())f(n)}function u(a){o(f=>({...f,...a}))}function i(){return n}function s(){return r}function c(a,f){let O;e.set(f,z=>{const g=a(z);y(g,O)||(O=g,f(g))})}function p(a){e.delete(a)}return{updateState:u,getState:i,getInitialState:s,onChange:c,clearOnChange:p}}const d=_.createContext(v({}));function k({store:t,children:e}){return q(d,{value:t,children:e})}function x(t=T){const e=l.useContext(d),[n,r]=l.useState(t(e.getState()));return e.onChange(t,r),l.useEffect(()=>()=>e.clearOnChange(r),[e]),n}const T=t=>t;function w(){const[t,e]=l.useState([]),[n,r]=l.useState([]);return l.useEffect(()=>{C.s(async o=>{const{products:u,segments:i}=await o.getSearchSessionParams();e(i??[]),r((u==null?void 0:u.personalizationBoost)??[])})},[]),{segments:t,boost:n}}function E(t){return v(t)}exports.StoreContext=d;exports.StoreProvider=k;exports.mockStore=E;exports.useNostoAppState=x;exports.usePersonalization=w;

package/dist/preact/preact.d.ts

@@ -0,0 +1,6 @@
+/** @module preact */
+export { useNostoAppState } from "./src/hooks/useNostoAppState";
+export { usePersonalization } from "./src/hooks/usePersonalization";
+export { type State, type Store } from "./src/store";
+export { StoreContext, StoreProvider } from "./src/storeContext";
+export { mockStore } from "./test/mocks/mocks";

package/dist/preact/preact.es.js

@@ -0,0 +1,133 @@
+import { options as m, createContext as b } from "preact";
+import { useContext as A, useState as S, useEffect as h } from "preact/hooks";
+import { s as k } from "../index.es-Bcd5IQh9.js";
+var q = 0;
+function x(t, e, n, r, o, i) {
+  e || (e = {});
+  var u, s, c = e;
+  if ("ref" in c) for (s in c = {}, e) s == "ref" ? u = e[s] : c[s] = e[s];
+  var p = { type: t, props: c, key: n, ref: u, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --q, __i: -1, __u: 0, __source: o, __self: i };
+  if (typeof t == "function" && (u = t.defaultProps)) for (s in u) c[s] === void 0 && (c[s] = u[s]);
+  return m.vnode && m.vnode(p), p;
+}
+const d = (t) => String(t) === "[object Object]";
+function l(t) {
+  if (!d(t))
+    return !1;
+  const e = t.constructor;
+  if (e === void 0)
+    return !0;
+  const n = e.prototype;
+  return !(!d(n) || !n.hasOwnProperty("isPrototypeOf"));
+}
+const j = (t) => {
+  const e = Object.entries(t).reduce((n, [r, o]) => {
+    const i = l(o) ? j(o) : Object.freeze(o);
+    return {
+      ...n,
+      [r]: i
+    };
+  }, {});
+  return Object.freeze(e);
+};
+function w(...t) {
+  return t.reduce((e, n) => v(e, n));
+}
+function v(t, e) {
+  return l(t) && l(e) ? Object.entries(e).reduce(
+    (n, [r, o]) => (n[r] = v(n[r], o), n),
+    { ...t }
+  ) : e;
+}
+function _(t, e) {
+  if (t === e)
+    return !0;
+  if (t instanceof Date && e instanceof Date)
+    return t.getTime() === e.getTime();
+  if (Array.isArray(t) && Array.isArray(e))
+    return t.length !== e.length ? !1 : t.every((n, r) => _(n, e[r]));
+  if (l(t) && l(e)) {
+    const n = Object.entries(t);
+    return n.length !== Object.keys(e).length ? !1 : n.every(([r, o]) => _(o, e[r]));
+  }
+  return !1;
+}
+const O = {
+  loading: !0,
+  pageType: void 0,
+  query: {
+    query: ""
+  },
+  response: {
+    query: ""
+  },
+  initialized: !1,
+  customParams: {}
+};
+function z(t) {
+  const e = /* @__PURE__ */ new Map();
+  let n = t ? w(O, t) : O;
+  const r = j(n);
+  function o(f) {
+    n = f(n);
+    for (const a of e.values())
+      a(n);
+  }
+  function i(f) {
+    o((a) => ({ ...a, ...f }));
+  }
+  function u() {
+    return n;
+  }
+  function s() {
+    return r;
+  }
+  function c(f, a) {
+    let y;
+    e.set(a, (P) => {
+      const g = f(P);
+      _(g, y) || (y = g, a(g));
+    });
+  }
+  function p(f) {
+    e.delete(f);
+  }
+  return {
+    updateState: i,
+    getState: u,
+    getInitialState: s,
+    onChange: c,
+    clearOnChange: p
+  };
+}
+const C = b(z({}));
+function M({ store: t, children: e }) {
+  return /* @__PURE__ */ x(C, { value: t, children: e });
+}
+function V(t = T) {
+  const e = A(C), [n, r] = S(t(e.getState()));
+  return e.onChange(t, r), h(() => () => e.clearOnChange(r), [e]), n;
+}
+const T = (t) => t;
+function F() {
+  const [t, e] = S([]), [n, r] = S([]);
+  return h(() => {
+    k(async (o) => {
+      const { products: i, segments: u } = await o.getSearchSessionParams();
+      e(u ?? []), r((i == null ? void 0 : i.personalizationBoost) ?? []);
+    });
+  }, []), {
+    segments: t,
+    boost: n
+  };
+}
+function I(t) {
+  return z(t);
+}
+export {
+  C as StoreContext,
+  M as StoreProvider,
+  I as mockStore,
+  V as useNostoAppState,
+  F as usePersonalization
+};

package/dist/preact/src/hooks/useNostoAppState.d.ts

@@ -0,0 +1,40 @@
+import { State } from "@preact/store";
+/**
+ * Imports a part of the Nosto state to the component.
+ *
+ * @example
+ * ```jsx
+ * import { useNostoAppState } from '@nosto/search-js/preact'
+ *
+ * export default () => {
+ *     const pageType = useNostoAppState(state => state.pageType)
+ *
+ *     return (
+ *       <div>
+ *         Page type is {pageType}
+ *       </div>
+ *     )
+ * }
+ * ```
+ *
+ * If the selector parameter is not provided, the full state is returned.
+ * Be mindful of the unnecessary rerenders it may cause.
+ *
+ * @example
+ * ```jsx
+ * import { useNostoAppState } from '@nosto/search-js/preact'
+ *
+ * export default () => {
+ *     const state = useNostoAppState()
+ *
+ *     return (
+ *       <div>
+ *         Page type is {state.pageType}
+ *       </div>
+ *     )
+ * }
+ * ```
+ *
+ * @group Hooks
+ */
+export declare function useNostoAppState<Selected>(selector?: (state: State) => Selected): Selected;

package/dist/preact/src/hooks/usePersonalization.d.ts

@@ -0,0 +1,41 @@
+import type { PersonalizationBoost } from "@nosto/nosto-js/client";
+/**
+ * Custom hook to fetch personalization data such as segments and boost.
+ *
+ * This hook uses the `nostojs` library to fetch search session parameters and updates
+ * the state with the fetched segments and personalization boost.
+ *
+ * @returns An object containing:
+ * - `segments`: An array of strings representing the personalization segments.
+ * - `boost`: An array of `PersonalizationBoost` objects representing the personalization boost.
+ *
+ * @example
+ * ```jsx
+ * import { usePersonalization } from '@nosto/preact'
+ *
+ * export default () => {
+ *   const { segments, boost } = usePersonalization()
+ *
+ *   return (
+ *     <div>
+ *       <h1>Personalization Segments</h1>
+ *       <ul>
+ *         {segments.map(segment => (
+ *           <li key={segment}>{segment}</li>
+ *         ))}
+ *       </ul>
+ *       <h1>Personalization Boost</h1>
+ *       <ul>
+ *         {boost.map(item => (
+ *           <li key={item.id}>{item.name}</li>
+ *         ))}
+ *       </ul>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function usePersonalization(): {
+    segments: string[];
+    boost: PersonalizationBoost[];
+};