@salesforce/commerce-sdk-react 2.0.0-nightly-20240620080221 → 2.0.0-preview.0

package/CHANGELOG.md

@@ -1,10 +1,14 @@
-## v2.0.0-nightly-20240620080221 (Jun 20, 2024)
-## v2.0.0-dev (Jun 20, 2024)
-## v3.6.0-nightly-20240620080221 (Jun 20, 2024)
+## v2.0.0-preview.0 (Jun 21, 2024)
+## v2.0.0-dev (Jun 21, 2024)
+## v3.6.0-preview.0 (Jun 21, 2024)
+## v2.0.0-dev (Jun 21, 2024)
+## v3.6.0-dev.1 (Jun 21, 2024)
 ## v2.0.0-dev (May 21, 2024)
-- Upgrade to commerce-sdk-isomorphic v2.0.0 [#1794](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1794)
 - Add `useCustomQuery` and `useCustomMutation` for SCAPI custom endpoint support [#1793](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1793)
 - Add Shopper Stores hooks [#1788](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1788)
+- Add a helper method to add an item to either new or existing basket [#1677](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1677)
+- Add `updateItemsInBasket` mutation [#1852](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1852)
+- Upgrade to commerce-sdk-isomorphic v2.1.0 [#1852](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1852)
 
 ## v1.4.2 (Apr 17, 2024)
 - Update SLAS private proxy path [#1752](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1752)

package/auth/index.d.ts

@@ -1,6 +1,7 @@
 import { helpers, ShopperLoginTypes, ShopperCustomersTypes } from 'commerce-sdk-isomorphic';
 import { ApiClientConfigParams, Prettify, RemoveStringIndex } from '../hooks/types';
 import { CustomerType } from '../hooks/useCustomerType';
+import { Logger } from '../types';
 type TokenResponse = ShopperLoginTypes.TokenResponse;
 type Helpers = typeof helpers;
 interface AuthConfig extends ApiClientConfigParams {
@@ -12,6 +13,7 @@ interface AuthConfig extends ApiClientConfigParams {
     enablePWAKitPrivateClient?: boolean;
     clientSecret?: string;
     silenceWarnings?: boolean;
+    logger: Logger;
 }
 /**
  * The extended field is not from api response, we manually store the auth type,
@@ -43,6 +45,7 @@ declare class Auth {
     private OCAPISessionsURL;
     private clientSecret;
     private silenceWarnings;
+    private logger;
     constructor(config: AuthConfig);
     get(name: AuthDataKeys): string;
     private set;

package/auth/index.js

@@ -11,11 +11,11 @@ var _utils = require("../utils");
 var _constant = require("../constant");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } /*
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; } /*
  * Copyright (c) 2023, Salesforce, Inc.
  * All rights reserved.
  * SPDX-License-Identifier: BSD-3-Clause
@@ -120,9 +120,9 @@ const DATA_MAP = {
  */
 class Auth {
   constructor(config) {
-    // Special endpoint for injecting SLAS private client secret
-    const baseUrl = config.proxy.split(`/mobify/proxy/api`)[0];
-    const privateClientEndpoint = `${baseUrl}/mobify/slas/private`;
+    // Special endpoint for injecting SLAS private client secret.
+    const baseUrl = config.proxy.split(_constant.MOBIFY_PATH)[0];
+    const privateClientEndpoint = `${baseUrl}${_constant.SLAS_PRIVATE_PROXY_PATH}`;
     this.client = new _commerceSdkIsomorphic.ShopperLogin({
       proxy: config.enablePWAKitPrivateClient ? privateClientEndpoint : config.proxy,
       parameters: {
@@ -158,6 +158,7 @@ class Auth {
     this.redirectURI = config.redirectURI;
     this.fetchedToken = config.fetchedToken || '';
     this.OCAPISessionsURL = config.OCAPISessionsURL || '';
+    this.logger = config.logger;
 
     /*
      * There are 2 ways to enable SLAS private client mode.
@@ -353,7 +354,7 @@ class Auth {
   }
   logWarning = msg => {
     if (!this.silenceWarnings) {
-      console.warn(msg);
+      this.logger.warn(msg);
     }
   };
 

package/auth/storage/cookie.js

@@ -7,11 +7,11 @@ exports.CookieStorage = void 0;
 var _jsCookie = _interopRequireDefault(require("js-cookie"));
 var _utils = require("../../utils");
 var _base = require("./base");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
  * Copyright (c) 2023, Salesforce, Inc.
  * All rights reserved.

package/components/ShopperExperience/Component/index.js

@@ -13,10 +13,10 @@ const _excluded = ["data"];
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
 const ComponentNotFound = ({
   typeId
 }) => /*#__PURE__*/_react.default.createElement("div", null, `Component type '${typeId}' not found!`);

package/components/ShopperExperience/Page/index.js

@@ -15,15 +15,15 @@ const _excluded = ["page", "components", "className"];
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
 // This context will hold the component map as well as any other future context.
 const PageContext = exports.PageContext = /*#__PURE__*/_react.default.createContext(undefined);
 

package/components/ShopperExperience/Region/index.js

@@ -15,10 +15,10 @@ const _excluded = ["region", "className"];
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
 /**
  * This PropType represents a `region` object from the ShopperExperience API.
  */

package/components/ShopperExperience/prop-types.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.regionPropType = exports.pageType = exports.componentPropType = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
  * Copyright (c) 2023, Salesforce, Inc.
  * All rights reserved.

package/components/StorefrontPreview/storefront-preview.js

@@ -10,13 +10,13 @@ var _reactHelmet = require("react-helmet");
 var _utils = require("./utils");
 var _reactRouterDom = require("react-router-dom");
 var _hooks = require("../../hooks");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
  * Copyright (c) 2023, Salesforce, Inc.
  * All rights reserved.

package/components/StorefrontPreview/utils.d.ts

@@ -3,7 +3,9 @@ import { ApiClients } from '../../hooks/types';
  * @private
  */
 export declare const detectStorefrontPreview: () => boolean;
-/** Returns the URL to load the Storefront Preview client script from the parent origin.
+/**
+ * Returns the URL to load the Storefront Preview client script from the parent origin.
+ * The client script is served from Runtime Admin and is not a part of the PWA Retail React App bundle.
  * @private
  */
 export declare const getClientScript: () => string;

package/components/StorefrontPreview/utils.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.proxyRequests = exports.getClientScript = exports.detectStorefrontPreview = exports.CustomPropTypes = void 0;
 var _utils = require("../../utils");
+var _constant = require("../../constant");
 /*
  * Copyright (c) 2023, Salesforce, Inc.
  * All rights reserved.
@@ -20,13 +21,15 @@ const detectStorefrontPreview = () => {
   return (0, _utils.isOriginTrusted)(parentOrigin);
 };
 
-/** Returns the URL to load the Storefront Preview client script from the parent origin.
+/**
+ * Returns the URL to load the Storefront Preview client script from the parent origin.
+ * The client script is served from Runtime Admin and is not a part of the PWA Retail React App bundle.
  * @private
  */
 exports.detectStorefrontPreview = detectStorefrontPreview;
 const getClientScript = () => {
   const parentOrigin = (0, _utils.getParentOrigin)() ?? 'https://runtime.commercecloud.com';
-  return parentOrigin === _utils.DEVELOPMENT_ORIGIN ? `${parentOrigin}/mobify/bundle/development/static/storefront-preview.js` : `${parentOrigin}/cc/b2c/preview/preview.client.js`;
+  return parentOrigin === _utils.DEVELOPMENT_ORIGIN ? `${parentOrigin}${_constant.LOCAL_BUNDLE_PATH}/static/storefront-preview.js` : `${parentOrigin}/cc/b2c/preview/preview.client.js`;
 };
 
 // Custom Prop Types.

package/constant.d.ts

@@ -2,6 +2,10 @@
  * This list contains domains that can host code in iframe
  */
 export declare const IFRAME_HOST_ALLOW_LIST: readonly string[];
+export declare const MOBIFY_PATH = "/mobify";
+export declare const PROXY_PATH: string;
+export declare const LOCAL_BUNDLE_PATH: string;
+export declare const SLAS_PRIVATE_PROXY_PATH: string;
 export declare const SLAS_SECRET_WARNING_MSG = "You are potentially exposing SLAS secret on browser. Make sure to keep it safe and secure!";
 export declare const SLAS_SECRET_PLACEHOLDER = "_PLACEHOLDER_PROXY-PWA_KIT_SLAS_CLIENT_SECRET";
 export declare const SLAS_SECRET_OVERRIDE_MSG = "You have enabled PWA Kit Private Client mode which gets the SLAS secret from your environment variable. The SLAS secret you have set in the Auth provider will be ignored.";

package/constant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SLAS_SECRET_WARNING_MSG = exports.SLAS_SECRET_PLACEHOLDER = exports.SLAS_SECRET_OVERRIDE_MSG = exports.IFRAME_HOST_ALLOW_LIST = void 0;
+exports.SLAS_SECRET_WARNING_MSG = exports.SLAS_SECRET_PLACEHOLDER = exports.SLAS_SECRET_OVERRIDE_MSG = exports.SLAS_PRIVATE_PROXY_PATH = exports.PROXY_PATH = exports.MOBIFY_PATH = exports.LOCAL_BUNDLE_PATH = exports.IFRAME_HOST_ALLOW_LIST = void 0;
 /*
  * Copyright (c) 2023, Salesforce, Inc.
  * All rights reserved.
@@ -15,6 +15,12 @@ exports.SLAS_SECRET_WARNING_MSG = exports.SLAS_SECRET_PLACEHOLDER = exports.SLAS
  * This list contains domains that can host code in iframe
  */
 const IFRAME_HOST_ALLOW_LIST = exports.IFRAME_HOST_ALLOW_LIST = Object.freeze(['https://runtime.commercecloud.com', 'https://runtime-admin-staging.mobify-storefront.com', 'https://runtime-admin-preview.mobify-storefront.com']);
+
+// We hardcode these here since we don't want commerce-sdk-react to have a dependency on pwa-kit-runtime
+const MOBIFY_PATH = exports.MOBIFY_PATH = '/mobify';
+const PROXY_PATH = exports.PROXY_PATH = `${MOBIFY_PATH}/proxy`;
+const LOCAL_BUNDLE_PATH = exports.LOCAL_BUNDLE_PATH = `${MOBIFY_PATH}/bundle/development`;
+const SLAS_PRIVATE_PROXY_PATH = exports.SLAS_PRIVATE_PROXY_PATH = `${MOBIFY_PATH}/slas/private`;
 const SLAS_SECRET_WARNING_MSG = exports.SLAS_SECRET_WARNING_MSG = 'You are potentially exposing SLAS secret on browser. Make sure to keep it safe and secure!';
 const SLAS_SECRET_PLACEHOLDER = exports.SLAS_SECRET_PLACEHOLDER = '_PLACEHOLDER_PROXY-PWA_KIT_SLAS_CLIENT_SECRET';
 const SLAS_SECRET_OVERRIDE_MSG = exports.SLAS_SECRET_OVERRIDE_MSG = 'You have enabled PWA Kit Private Client mode which gets the SLAS secret from your environment variable. The SLAS secret you have set in the Auth provider will be ignored.';

package/hooks/ShopperBaskets/cache.js

@@ -8,8 +8,8 @@ var _queryKeyHelpers = require("./queryKeyHelpers");
 var _queryKeyHelpers2 = require("../ShopperCustomers/queryKeyHelpers");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
  * Copyright (c) 2023, Salesforce, Inc.
  * All rights reserved.
@@ -300,6 +300,15 @@ const cacheUpdateMatrix = exports.cacheUpdateMatrix = {
       }, ...(customerId ? [updateCustomerBasketsQuery(customerId, parameters, response)] : [])]
     };
   },
+  updateItemsInBasket(customerId, {
+    parameters
+  }, response) {
+    return {
+      update: [{
+        queryKey: _queryKeyHelpers.getBasket.queryKey(parameters)
+      }, ...(customerId ? [updateCustomerBasketsQuery(customerId, parameters, response)] : [])]
+    };
+  },
   updatePaymentInstrumentInBasket(customerId, {
     parameters
   }, response) {

package/hooks/ShopperBaskets/helpers.d.ts

@@ -0,0 +1,183 @@
+import { ApiClients, Argument } from '../types';
+import { ShopperBasketsTypes } from 'commerce-sdk-isomorphic';
+type Client = ApiClients['shopperBaskets'];
+type Basket = ShopperBasketsTypes.Basket;
+/**
+ * This is a helper function for Basket Mutations.
+ * useShopperBasketsMutationHelper.addItemToNewOrExistingBasket: is responsible for managing the process of adding an item to a basket.
+ *  - If a basket already exists, add the item to the basket immediately.
+ *  - If a basket does not exist, create a new basket using the createBasket mutation
+ * and then add the item to the newly created basket using the addItemToBasket mutation.
+ *
+ * @example
+ * import useShopperBasketsMutationHelper from '@salesforce/commerce-sdk-react'
+ *
+ * const Page = () => {
+ *      const helpers = useShopperBasketsMutationHelper()
+ *
+ *      const addToCart = async () => {
+ *          const productItems = [{id: 123, quantity: 2}]
+ *          await basketMutationHelpers.addItemToNewOrExistingBasket(productItems)
+ *      }
+ *
+ * }
+ */
+export declare function useShopperBasketsMutationHelper(): {
+    addItemToNewOrExistingBasket: (productItem: ({
+        adjustedTax?: number | undefined;
+        basePrice?: number | undefined;
+        bonusDiscountLineItemId?: string | undefined;
+        bonusProductLineItem?: boolean | undefined;
+        bundledProductItems?: (any & {
+            [key: string]: any;
+        })[] | undefined;
+        gift?: boolean | undefined;
+        giftMessage?: string | undefined;
+        inventoryId?: string | undefined;
+        itemId?: string | undefined;
+        itemText?: string | undefined;
+        optionItems?: ({
+            adjustedTax?: number | undefined;
+            basePrice?: number | undefined;
+            bonusDiscountLineItemId?: string | undefined;
+            bonusProductLineItem?: boolean | undefined;
+            bundledProductItems?: (any & {
+                [key: string]: any;
+            })[] | undefined;
+            gift?: boolean | undefined;
+            giftMessage?: string | undefined;
+            inventoryId?: string | undefined;
+            itemId?: string | undefined;
+            itemText?: string | undefined;
+            optionId: string;
+            optionItems?: (any & {
+                [key: string]: any;
+            })[] | undefined;
+            optionValueId: string;
+            price?: number | undefined;
+            priceAdjustments?: ({
+                appliedDiscount?: ({
+                    amount?: number | undefined;
+                    percentage?: number | undefined;
+                    priceBookId?: string | undefined;
+                    type: string;
+                } & {
+                    [key: string]: any;
+                }) | undefined;
+                couponCode?: string | undefined;
+                createdBy?: string | undefined;
+                creationDate?: any;
+                custom?: boolean | undefined;
+                itemText?: string | undefined;
+                lastModified?: any;
+                manual?: boolean | undefined;
+                price?: number | undefined;
+                priceAdjustmentId?: string | undefined;
+                promotionId?: string | undefined;
+                promotionLink?: string | undefined;
+                reasonCode?: string | undefined;
+            } & {
+                [key: string]: any;
+            })[] | undefined;
+            priceAfterItemDiscount?: number | undefined;
+            priceAfterOrderDiscount?: number | undefined;
+            productId?: string | undefined;
+            productListItem?: {
+                id: string;
+                priority?: number | undefined;
+                productDetailsLink?: {
+                    productDescription?: string | undefined;
+                    productId: string;
+                    productName?: string | undefined;
+                    title?: string | undefined;
+                } | undefined;
+                productList?: ({
+                    description?: string | undefined;
+                    name?: string | undefined;
+                    public?: boolean | undefined;
+                    title?: string | undefined;
+                    type?: string | undefined;
+                } & {
+                    [key: string]: any;
+                }) | undefined;
+                public?: boolean | undefined;
+                purchasedQuantity?: number | undefined;
+                quantity?: number | undefined;
+                type?: string | undefined;
+            } | undefined;
+            productName?: string | undefined;
+            quantity?: number | undefined;
+            shipmentId?: string | undefined;
+            shippingItemId?: string | undefined;
+            tax?: number | undefined;
+            taxBasis?: number | undefined;
+            taxClassId?: string | undefined;
+            taxRate?: number | undefined;
+        } & {
+            [key: string]: any;
+        })[] | undefined;
+        price?: number | undefined;
+        priceAdjustments?: ({
+            appliedDiscount?: ({
+                amount?: number | undefined;
+                percentage?: number | undefined;
+                priceBookId?: string | undefined;
+                type: string;
+            } & {
+                [key: string]: any;
+            }) | undefined;
+            couponCode?: string | undefined;
+            createdBy?: string | undefined;
+            creationDate?: any;
+            custom?: boolean | undefined;
+            itemText?: string | undefined;
+            lastModified?: any;
+            manual?: boolean | undefined;
+            price?: number | undefined;
+            priceAdjustmentId?: string | undefined;
+            promotionId?: string | undefined;
+            promotionLink?: string | undefined;
+            reasonCode?: string | undefined;
+        } & {
+            [key: string]: any;
+        })[] | undefined;
+        priceAfterItemDiscount?: number | undefined;
+        priceAfterOrderDiscount?: number | undefined;
+        productId?: string | undefined;
+        productListItem?: {
+            id: string;
+            priority?: number | undefined;
+            productDetailsLink?: {
+                productDescription?: string | undefined;
+                productId: string;
+                productName?: string | undefined;
+                title?: string | undefined;
+            } | undefined;
+            productList?: ({
+                description?: string | undefined;
+                name?: string | undefined;
+                public?: boolean | undefined;
+                title?: string | undefined;
+                type?: string | undefined;
+            } & {
+                [key: string]: any;
+            }) | undefined;
+            public?: boolean | undefined;
+            purchasedQuantity?: number | undefined;
+            quantity?: number | undefined;
+            type?: string | undefined;
+        } | undefined;
+        productName?: string | undefined;
+        quantity?: number | undefined;
+        shipmentId?: string | undefined;
+        shippingItemId?: string | undefined;
+        tax?: number | undefined;
+        taxBasis?: number | undefined;
+        taxClassId?: string | undefined;
+        taxRate?: number | undefined;
+    } & {
+        [key: string]: any;
+    })[]) => Promise<Basket>;
+};
+export {};
+//# sourceMappingURL=helpers.d.ts.map

package/hooks/ShopperBaskets/helpers.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useShopperBasketsMutationHelper = useShopperBasketsMutationHelper;
+var _index = require("../index");
+var _ShopperCustomers = require("../ShopperCustomers");
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; } /*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+/**
+ * This is a helper function for Basket Mutations.
+ * useShopperBasketsMutationHelper.addItemToNewOrExistingBasket: is responsible for managing the process of adding an item to a basket.
+ *  - If a basket already exists, add the item to the basket immediately.
+ *  - If a basket does not exist, create a new basket using the createBasket mutation
+ * and then add the item to the newly created basket using the addItemToBasket mutation.
+ *
+ * @example
+ * import useShopperBasketsMutationHelper from '@salesforce/commerce-sdk-react'
+ *
+ * const Page = () => {
+ *      const helpers = useShopperBasketsMutationHelper()
+ *
+ *      const addToCart = async () => {
+ *          const productItems = [{id: 123, quantity: 2}]
+ *          await basketMutationHelpers.addItemToNewOrExistingBasket(productItems)
+ *      }
+ *
+ * }
+ */
+function useShopperBasketsMutationHelper() {
+  const customerId = (0, _index.useCustomerId)();
+  const {
+    data: basketsData
+  } = (0, _ShopperCustomers.useCustomerBaskets)({
+    parameters: {
+      customerId
+    }
+  }, {
+    enabled: !!customerId
+  });
+  const createBasket = (0, _index.useShopperBasketsMutation)('createBasket');
+  const addItemToBasketMutation = (0, _index.useShopperBasketsMutation)('addItemToBasket');
+  return {
+    addItemToNewOrExistingBasket: function () {
+      var _ref = _asyncToGenerator(function* (productItem) {
+        if (basketsData && basketsData.total > 0) {
+          // we know that if basketData.total > 0, current basket will always be available
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          const currentBasket = (basketsData === null || basketsData === void 0 ? void 0 : basketsData.baskets) && basketsData.baskets[0];
+          return yield addItemToBasketMutation.mutateAsync({
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            parameters: {
+              basketId: currentBasket.basketId
+            },
+            body: productItem
+          });
+        } else {
+          const data = yield createBasket.mutateAsync({
+            body: {}
+          });
+          if (!data || !data.basketId) {
+            throw Error('Something is wrong. Please try again');
+          } else {
+            return yield addItemToBasketMutation.mutateAsync({
+              parameters: {
+                basketId: data.basketId
+              },
+              body: productItem
+            });
+          }
+        }
+      });
+      return function addItemToNewOrExistingBasket(_x) {
+        return _ref.apply(this, arguments);
+      };
+    }()
+  };
+}

package/hooks/ShopperBaskets/index.d.ts

@@ -1,3 +1,4 @@
 export * from './mutation';
 export * from './query';
+export * from './helpers';
 //# sourceMappingURL=index.d.ts.map

package/hooks/ShopperBaskets/index.js

@@ -24,4 +24,15 @@ Object.keys(_query).forEach(function (key) {
       return _query[key];
     }
   });
+});
+var _helpers = require("./helpers");
+Object.keys(_helpers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _helpers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _helpers[key];
+    }
+  });
 });

package/hooks/ShopperBaskets/mutation.d.ts

@@ -78,6 +78,10 @@ export declare const ShopperBasketsMutations: {
      * Updates an item in a basket.
      */
     readonly UpdateItemInBasket: "updateItemInBasket";
+    /**
+     * Updates multiple items in a basket.
+     */
+    readonly UpdateItemsInBasket: "updateItemsInBasket";
     /**
      * This method allows you to apply external taxation data to an existing basket to be able to pass tax rates and optional values for a specific taxable line item. This endpoint can be called only if external taxation mode was used for basket creation. See POST /baskets for more information.
      */