@salesforce/commerce-sdk-react 3.1.0 → 3.1.1-preview.0

package/auth/storage/cookie.js

@@ -7,7 +7,6 @@ exports.CookieStorage = void 0;
 var _jsCookie = _interopRequireDefault(require("js-cookie"));
 var _utils = require("../../utils");
 var _base = require("./base");
-var _constant = require("../../constant");
 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; }
@@ -34,11 +33,11 @@ class CookieStorage extends _base.BaseStorage {
     super(options);
   }
   set(key, value, options) {
-    const suffixedKey = _constant.EXCLUDE_COOKIE_SUFFIX.includes(key) ? key : this.getSuffixedKey(key);
+    const suffixedKey = this.getSuffixedKey(key);
     _jsCookie.default.set(suffixedKey, value, _objectSpread(_objectSpread({}, (0, _utils.getDefaultCookieAttributes)()), options));
   }
   get(key) {
-    const suffixedKey = _constant.EXCLUDE_COOKIE_SUFFIX.includes(key) ? key : this.getSuffixedKey(key);
+    const suffixedKey = this.getSuffixedKey(key);
     let value = _jsCookie.default.get(suffixedKey) || '';
     if (value) {
       // Some values, like the access token, may be split
@@ -55,7 +54,7 @@ class CookieStorage extends _base.BaseStorage {
     return value;
   }
   delete(key, options) {
-    const suffixedKey = _constant.EXCLUDE_COOKIE_SUFFIX.includes(key) ? key : this.getSuffixedKey(key);
+    const suffixedKey = this.getSuffixedKey(key);
     _jsCookie.default.remove(suffixedKey, _objectSpread(_objectSpread({}, (0, _utils.getDefaultCookieAttributes)()), options));
 
     // Some values, like the access token, may be split

package/components/ShopperExperience/Component/index.js

@@ -15,8 +15,8 @@ const _excluded = ["data"];
  */
 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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.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.includes(n)) 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

@@ -22,8 +22,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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(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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.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.includes(n)) 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

@@ -17,8 +17,8 @@ const _excluded = ["region", "className"];
  */
 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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.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.includes(n)) continue; t[n] = r[n]; } return t; }
 /**
  * This PropType represents a `region` object from the ShopperExperience API.
  */

package/constant.d.ts

@@ -9,19 +9,4 @@ 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.";
-export declare const SLAS_REFRESH_TOKEN_COOKIE_TTL_OVERRIDE_MSG = "You are attempting to use an invalid refresh token TTL value.";
-export declare const DNT_COOKIE_NAME: "dw_dnt";
-export declare const DWSID_COOKIE_NAME = "dwsid";
-export declare const EXCLUDE_COOKIE_SUFFIX: string[];
-/**
- * For Hybrid Setups only!
- * Unlike SCAPI/OCAPI, ECOM creates baskets in app-server cache initially and move the basket object
- * to the db later based on basket state. In a hybrid storefront, storefront requests might be
- * routed to different appservers, if the basket object is still in appserver cache, you will start
- * seeing inconsistencies in basket state. To avoid this, if you have a dwsid cookie, you must send
- * the value of the dwsid cookie with each SCAPI/OCAPI request in a hybrid storefront to maintain appserver affinity.
- *
- * Use the header key below to send dwsid value with SCAPI/OCAPI requests.
- */
-export declare const SERVER_AFFINITY_HEADER_KEY = "sfdc_dwsid";
 //# sourceMappingURL=constant.d.ts.map

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.SLAS_REFRESH_TOKEN_COOKIE_TTL_OVERRIDE_MSG = exports.SLAS_PRIVATE_PROXY_PATH = exports.SERVER_AFFINITY_HEADER_KEY = exports.PROXY_PATH = exports.MOBIFY_PATH = exports.LOCAL_BUNDLE_PATH = exports.IFRAME_HOST_ALLOW_LIST = exports.EXCLUDE_COOKIE_SUFFIX = exports.DWSID_COOKIE_NAME = exports.DNT_COOKIE_NAME = 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.
@@ -23,22 +23,4 @@ const LOCAL_BUNDLE_PATH = exports.LOCAL_BUNDLE_PATH = `${MOBIFY_PATH}/bundle/dev
 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.';
-const SLAS_REFRESH_TOKEN_COOKIE_TTL_OVERRIDE_MSG = exports.SLAS_REFRESH_TOKEN_COOKIE_TTL_OVERRIDE_MSG = 'You are attempting to use an invalid refresh token TTL value.';
-const DNT_COOKIE_NAME = exports.DNT_COOKIE_NAME = 'dw_dnt';
-const DWSID_COOKIE_NAME = exports.DWSID_COOKIE_NAME = 'dwsid';
-// commerce-sdk-react namespaces cookies with siteID as suffixes to allow multisite setups.
-// However some cookies are set and used outside of PWA Kit and must not be modified with suffixes.
-const EXCLUDE_COOKIE_SUFFIX = exports.EXCLUDE_COOKIE_SUFFIX = [DWSID_COOKIE_NAME, DNT_COOKIE_NAME];
-
-/**
- * For Hybrid Setups only!
- * Unlike SCAPI/OCAPI, ECOM creates baskets in app-server cache initially and move the basket object
- * to the db later based on basket state. In a hybrid storefront, storefront requests might be
- * routed to different appservers, if the basket object is still in appserver cache, you will start
- * seeing inconsistencies in basket state. To avoid this, if you have a dwsid cookie, you must send
- * the value of the dwsid cookie with each SCAPI/OCAPI request in a hybrid storefront to maintain appserver affinity.
- *
- * Use the header key below to send dwsid value with SCAPI/OCAPI requests.
- */
-const SERVER_AFFINITY_HEADER_KEY = exports.SERVER_AFFINITY_HEADER_KEY = 'sfdc_dwsid';
+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/ShopperLogin/cache.js

@@ -21,12 +21,10 @@ const cacheUpdateMatrix = exports.cacheUpdateMatrix = {
       }]
     };
   },
-  authorizeCustomer: noop,
   getAccessToken: noop,
   getSessionBridgeAccessToken: noop,
   getTrustedSystemAccessToken: noop,
   getTrustedAgentAccessToken: noop,
-  getPasswordResetToken: noop,
   resetPassword: noop,
   getPasswordLessAccessToken: noop,
   revokeToken: noop,

package/hooks/ShopperLogin/mutation.d.ts

@@ -22,11 +22,6 @@ Required parameters: `refresh token`, `channel_id`, and `client`.
    * @returns A TanStack Query mutation hook for interacting with the Shopper Login `logoutCustomer` endpoint.
    */
     readonly LogoutCustomer: "logoutCustomer";
-    /**
-     * Get an authorization code after authenticating a user against an identity provider (IDP). This is the first step of the OAuth 2.1 authorization code flow, where a user can log in via federation to the IDP configured for the client. After successfully logging in, the user gets an authorization code via a redirect URI.
-     * @returns A TanStack Query mutation hook for interacting with the Shopper Login `authorizeCustomer` endpoint.
-     */
-    readonly AuthorizeCustomer: "authorizeCustomer";
     /**
      * Get the shopper or guest JWT access token and a refresh token. This is the second step of the OAuth 2.1 authorization code flow.
      * @returns A TanStack Query mutation hook for interacting with the Shopper Login `getAccessToken` endpoint.
@@ -59,11 +54,6 @@ The value of the `_sfdc_client_auth` header must be a Base64-encoded string. The
    * @returns A TanStack Query mutation hook for interacting with the Shopper Login `getTrustedAgentAccessToken` endpoint.
    */
     readonly GetTrustedAgentAccessToken: "getTrustedAgentAccessToken";
-    /**
-     * Request a reset password token
-     * @returns A TanStack Query mutation hook for interacting with the Shopper Login `getPasswordResetToken` endpoint.
-     */
-    readonly GetPasswordResetToken: "getPasswordResetToken";
     /**
      * Creates a new password
      * @returns A TanStack Query mutation hook for interacting with the Shopper Login `resetPassword` endpoint.

package/hooks/ShopperLogin/mutation.js

@@ -36,11 +36,6 @@ const ShopperLoginMutations = exports.ShopperLoginMutations = {
   * @returns A TanStack Query mutation hook for interacting with the Shopper Login `logoutCustomer` endpoint.
   */
   LogoutCustomer: 'logoutCustomer',
-  /**
-   * Get an authorization code after authenticating a user against an identity provider (IDP). This is the first step of the OAuth 2.1 authorization code flow, where a user can log in via federation to the IDP configured for the client. After successfully logging in, the user gets an authorization code via a redirect URI.
-   * @returns A TanStack Query mutation hook for interacting with the Shopper Login `authorizeCustomer` endpoint.
-   */
-  AuthorizeCustomer: 'authorizeCustomer',
   /**
    * Get the shopper or guest JWT access token and a refresh token. This is the second step of the OAuth 2.1 authorization code flow.
    * @returns A TanStack Query mutation hook for interacting with the Shopper Login `getAccessToken` endpoint.
@@ -67,11 +62,6 @@ const ShopperLoginMutations = exports.ShopperLoginMutations = {
   * @returns A TanStack Query mutation hook for interacting with the Shopper Login `getTrustedAgentAccessToken` endpoint.
   */
   GetTrustedAgentAccessToken: 'getTrustedAgentAccessToken',
-  /**
-   * Request a reset password token
-   * @returns A TanStack Query mutation hook for interacting with the Shopper Login `getPasswordResetToken` endpoint.
-   */
-  GetPasswordResetToken: 'getPasswordResetToken',
   /**
    * Creates a new password
    * @returns A TanStack Query mutation hook for interacting with the Shopper Login `resetPassword` endpoint.

package/hooks/index.d.ts

@@ -17,9 +17,7 @@ export { default as useEncUserId } from './useEncUserId';
 export { default as useUsid } from './useUsid';
 export { default as useCustomerId } from './useCustomerId';
 export { default as useCustomerType } from './useCustomerType';
-export { default as useTrustedAgent } from './useTrustedAgent';
 export { default as useConfig } from './useConfig';
-export { default as useDNT } from './useDNT';
 export { useCustomQuery } from './useQuery';
 export { useCustomMutation } from './useMutation';
 //# sourceMappingURL=index.d.ts.map

package/hooks/index.js

@@ -10,9 +10,7 @@ var _exportNames = {
   useUsid: true,
   useCustomerId: true,
   useCustomerType: true,
-  useTrustedAgent: true,
   useConfig: true,
-  useDNT: true,
   useCustomQuery: true,
   useCustomMutation: true
 };
@@ -58,24 +56,12 @@ Object.defineProperty(exports, "useCustomerType", {
     return _useCustomerType.default;
   }
 });
-Object.defineProperty(exports, "useDNT", {
-  enumerable: true,
-  get: function () {
-    return _useDNT.default;
-  }
-});
 Object.defineProperty(exports, "useEncUserId", {
   enumerable: true,
   get: function () {
     return _useEncUserId.default;
   }
 });
-Object.defineProperty(exports, "useTrustedAgent", {
-  enumerable: true,
-  get: function () {
-    return _useTrustedAgent.default;
-  }
-});
 Object.defineProperty(exports, "useUsid", {
   enumerable: true,
   get: function () {
@@ -244,9 +230,7 @@ var _useEncUserId = _interopRequireDefault(require("./useEncUserId"));
 var _useUsid = _interopRequireDefault(require("./useUsid"));
 var _useCustomerId = _interopRequireDefault(require("./useCustomerId"));
 var _useCustomerType = _interopRequireDefault(require("./useCustomerType"));
-var _useTrustedAgent = _interopRequireDefault(require("./useTrustedAgent"));
 var _useConfig = _interopRequireDefault(require("./useConfig"));
-var _useDNT = _interopRequireDefault(require("./useDNT"));
 var _useQuery = require("./useQuery");
 var _useMutation = require("./useMutation");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/hooks/useMutation.d.ts

@@ -10,15 +10,6 @@ export declare const useMutation: <Client extends ApiClient, Options extends Api
     method: ApiMethod<Options, Data>;
     getCacheUpdates: CacheUpdateGetter<Required<ApiOptions<NonNullable<Client["clientConfig"]["parameters"] & Options["parameters"]>, unknown extends Options["body"] ? never : Options["body"], NonNullable<Client["clientConfig"]["headers"] & Options["headers"]>>>, Data>;
 }) => import("@tanstack/react-query").UseMutationResult<Data, unknown, Options, unknown>;
-type TMutationVariables = {
-    body?: unknown;
-    parameters?: {
-        [key: string]: string | number | boolean | string[] | number[];
-    };
-    headers?: {
-        [key: string]: string;
-    };
-} | void;
 /**
  * A hook for SCAPI custom endpoint mutations.
  *
@@ -29,6 +20,5 @@ type TMutationVariables = {
  * @param mutationOptions - Options passed through to @tanstack/react-query
  * @returns A TanStack Query mutation hook with data from the custom API endpoint.
  */
-export declare const useCustomMutation: <TData = unknown, TError = unknown>(apiOptions: OptionalCustomEndpointClientConfig, mutationOptions?: UseMutationOptions<TData, TError, TMutationVariables, unknown> | undefined) => import("@tanstack/react-query").UseMutationResult<TData, TError, TMutationVariables, unknown>;
-export {};
+export declare const useCustomMutation: (apiOptions: OptionalCustomEndpointClientConfig, mutationOptions?: UseMutationOptions) => import("@tanstack/react-query").UseMutationResult<unknown, unknown, void, unknown>;
 //# sourceMappingURL=useMutation.d.ts.map

package/hooks/useMutation.js

@@ -43,7 +43,7 @@ const useMutation = hookConfig => {
     }
   });
 };
-exports.useMutation = useMutation;
+
 /**
  * A hook for SCAPI custom endpoint mutations.
  *
@@ -54,44 +54,36 @@ exports.useMutation = useMutation;
  * @param mutationOptions - Options passed through to @tanstack/react-query
  * @returns A TanStack Query mutation hook with data from the custom API endpoint.
  */
+exports.useMutation = useMutation;
 const useCustomMutation = (apiOptions, mutationOptions) => {
+  const config = (0, _useConfig.default)();
   const auth = (0, _useAuthContext.default)();
-  const globalConfig = (0, _useConfig.default)();
-  const globalHeaders = globalConfig.headers || {};
-  const globalClientConfig = {
-    parameters: {
-      clientId: globalConfig.clientId,
-      siteId: globalConfig.siteId,
-      organizationId: globalConfig.organizationId,
-      shortCode: globalConfig.shortCode
-    },
-    proxy: globalConfig.proxy
-  };
-  const createMutationFnWithAuth = () => {
-    return /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* (args) {
-        var _apiOptions$options;
-        const {
-          access_token
-        } = yield auth.ready();
-        return yield _commerceSdkIsomorphic.helpers.callCustomEndpoint(_objectSpread(_objectSpread({}, apiOptions), {}, {
-          options: _objectSpread(_objectSpread(_objectSpread({}, apiOptions.options), {}, {
-            headers: _objectSpread(_objectSpread(_objectSpread({
-              Authorization: `Bearer ${access_token}`
-            }, globalHeaders), (_apiOptions$options = apiOptions.options) === null || _apiOptions$options === void 0 ? void 0 : _apiOptions$options.headers), args !== null && args !== void 0 && args.headers ? args.headers : {})
-          }, args !== null && args !== void 0 && args.body ? {
-            body: args.body
-          } : {}), args !== null && args !== void 0 && args.parameters ? {
-            parameters: args.parameters
-          } : {}),
-          clientConfig: _objectSpread(_objectSpread({}, globalClientConfig), apiOptions.clientConfig || {})
-        }));
-      });
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }();
+  const callCustomEndpointWithAuth = options => {
+    return /*#__PURE__*/_asyncToGenerator(function* () {
+      var _options$options;
+      const clientConfig = options.clientConfig || {};
+      const clientHeaders = config.headers || {};
+      const {
+        access_token
+      } = yield auth.ready();
+      return yield _commerceSdkIsomorphic.helpers.callCustomEndpoint(_objectSpread(_objectSpread({}, options), {}, {
+        options: _objectSpread(_objectSpread({}, options.options), {}, {
+          headers: _objectSpread(_objectSpread({
+            Authorization: `Bearer ${access_token}`
+          }, clientHeaders), (_options$options = options.options) === null || _options$options === void 0 ? void 0 : _options$options.headers)
+        }),
+        clientConfig: _objectSpread({
+          parameters: {
+            clientId: config.clientId,
+            siteId: config.siteId,
+            organizationId: config.organizationId,
+            shortCode: config.organizationId
+          },
+          proxy: config.proxy
+        }, clientConfig)
+      }));
+    });
   };
-  return (0, _reactQuery.useMutation)(createMutationFnWithAuth(), mutationOptions);
+  return (0, _reactQuery.useMutation)(callCustomEndpointWithAuth(apiOptions), mutationOptions);
 };
 exports.useCustomMutation = useCustomMutation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/commerce-sdk-react",
-  "version": "3.1.0",
+  "version": "3.1.1-preview.0",
   "description": "A library that provides react hooks for fetching data from Commerce Cloud",
   "homepage": "https://github.com/SalesforceCommerceCloud/pwa-kit/tree/develop/packages/ecom-react-hooks#readme",
   "bugs": {
@@ -40,12 +40,12 @@
     "version": "node ./scripts/version.js"
   },
   "dependencies": {
-    "commerce-sdk-isomorphic": "^3.1.1",
+    "commerce-sdk-isomorphic": "^3.0.0",
     "js-cookie": "^3.0.1",
     "jwt-decode": "^4.0.0"
   },
   "devDependencies": {
-    "@salesforce/pwa-kit-dev": "3.8.0",
+    "@salesforce/pwa-kit-dev": "4.0.0-extensibility-preview.0",
     "@tanstack/react-query": "^4.28.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
@@ -60,7 +60,7 @@
     "@types/react-helmet": "~6.1.6",
     "@types/react-router-dom": "~5.3.3",
     "cross-env": "^5.2.1",
-    "internal-lib-build": "3.8.0",
+    "internal-lib-build": "4.0.0-extensibility-preview.0",
     "jsonwebtoken": "^9.0.0",
     "nock": "^13.3.0",
     "nodemon": "^2.0.22",
@@ -90,5 +90,5 @@
   "publishConfig": {
     "directory": "dist"
   },
-  "gitHead": "d6ed7107a4087093442b125f8cc212302046ab7e"
+  "gitHead": "16a2673cbdb9b22e3071435e8afbc2e89b2e37da"
 }

package/provider.d.ts

@@ -12,13 +12,11 @@ export interface CommerceApiProviderProps extends ApiClientConfigParams {
     fetchOptions?: ShopperBasketsTypes.FetchOptions;
     headers?: Record<string, string>;
     fetchedToken?: string;
+    OCAPISessionsURL?: string;
     enablePWAKitPrivateClient?: boolean;
     clientSecret?: string;
     silenceWarnings?: boolean;
     logger?: Logger;
-    defaultDnt?: boolean;
-    refreshTokenRegisteredCookieTTL?: number;
-    refreshTokenGuestCookieTTL?: number;
 }
 /**
  * @internal

package/provider.js

@@ -92,44 +92,18 @@ const CommerceApiProvider = props => {
     locale,
     currency,
     fetchedToken,
+    OCAPISessionsURL,
     enablePWAKitPrivateClient,
     clientSecret,
     silenceWarnings,
-    logger,
-    defaultDnt,
-    refreshTokenRegisteredCookieTTL,
-    refreshTokenGuestCookieTTL
+    logger
   } = props;
 
   // Set the logger based on provided configuration, or default to the console object if no logger is provided
   const configLogger = logger || console;
-  const auth = (0, _react.useMemo)(() => {
-    return new _auth.default({
-      clientId,
-      organizationId,
-      shortCode,
-      siteId,
-      proxy,
-      redirectURI,
-      fetchOptions,
-      fetchedToken,
-      enablePWAKitPrivateClient,
-      clientSecret,
-      silenceWarnings,
-      logger: configLogger,
-      defaultDnt,
-      refreshTokenRegisteredCookieTTL,
-      refreshTokenGuestCookieTTL
-    });
-  }, [clientId, organizationId, shortCode, siteId, proxy, redirectURI, fetchOptions, fetchedToken, enablePWAKitPrivateClient, clientSecret, silenceWarnings, configLogger, refreshTokenRegisteredCookieTTL, refreshTokenGuestCookieTTL]);
-  const dwsid = auth.get(_constant.DWSID_COOKIE_NAME);
-  const serverAffinityHeader = {};
-  if (dwsid) {
-    serverAffinityHeader[_constant.SERVER_AFFINITY_HEADER_KEY] = dwsid;
-  }
   const config = {
     proxy,
-    headers: _objectSpread(_objectSpread({}, headers), serverAffinityHeader),
+    headers,
     parameters: {
       clientId,
       organizationId,
@@ -161,6 +135,23 @@ const CommerceApiProvider = props => {
       shopperStores: new _commerceSdkIsomorphic.ShopperStores(config)
     };
   }, [clientId, organizationId, shortCode, siteId, proxy, fetchOptions, locale, currency, headers === null || headers === void 0 ? void 0 : headers['correlation-id']]);
+  const auth = (0, _react.useMemo)(() => {
+    return new _auth.default({
+      clientId,
+      organizationId,
+      shortCode,
+      siteId,
+      proxy,
+      redirectURI,
+      fetchOptions,
+      fetchedToken,
+      OCAPISessionsURL,
+      enablePWAKitPrivateClient,
+      clientSecret,
+      silenceWarnings,
+      logger: configLogger
+    });
+  }, [clientId, organizationId, shortCode, siteId, proxy, redirectURI, fetchOptions, fetchedToken, OCAPISessionsURL, enablePWAKitPrivateClient, clientSecret, silenceWarnings, configLogger]);
 
   // Initialize the session
   (0, _react.useEffect)(() => void auth.ready(), [auth]);
@@ -177,10 +168,7 @@ const CommerceApiProvider = props => {
       locale,
       currency,
       silenceWarnings,
-      logger: configLogger,
-      defaultDnt,
-      refreshTokenRegisteredCookieTTL,
-      refreshTokenGuestCookieTTL
+      logger: configLogger
     }
   }, /*#__PURE__*/_react.default.createElement(CommerceApiContext.Provider, {
     value: apiClients

package/hooks/useDNT.d.ts

@@ -1,17 +0,0 @@
-interface useDntReturn {
-    dntStatus: boolean | undefined;
-    updateDNT: (preference: boolean | null) => Promise<void>;
-}
-/**
- * Hook that returns
- * dntStatus - a boolean indicating the current DNT preference
- * updateDNT - a function that takes a DNT preference and creates the dw_dnt
- *              cookie and reauthroizes with SLAS
- *
- * @group Helpers
- * @category DNT
- *
- */
-declare const useDNT: () => useDntReturn;
-export default useDNT;
-//# sourceMappingURL=useDNT.d.ts.map

package/hooks/useDNT.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _useAuthContext = _interopRequireDefault(require("./useAuthContext"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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) 2024, salesforce.com, 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
- */
-/**
- * Hook that returns
- * dntStatus - a boolean indicating the current DNT preference
- * updateDNT - a function that takes a DNT preference and creates the dw_dnt
- *              cookie and reauthroizes with SLAS
- *
- * @group Helpers
- * @category DNT
- *
- */
-const useDNT = () => {
-  const auth = (0, _useAuthContext.default)();
-  const dntStatus = auth.getDnt();
-  const updateDNT = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* (preference) {
-      yield auth.setDnt(preference);
-    });
-    return function updateDNT(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  return {
-    dntStatus,
-    updateDNT
-  };
-};
-var _default = exports.default = useDNT;

package/hooks/useTrustedAgent.d.ts

@@ -1,24 +0,0 @@
-import { ShopperLoginTypes } from 'commerce-sdk-isomorphic';
-type TokenResponse = ShopperLoginTypes.TokenResponse;
-type UseTrustedAgent = {
-    isAgent: boolean;
-    agentId: string | null;
-    loginId: string | null;
-    login: (loginId?: string, usid?: string) => Promise<TokenResponse>;
-    logout: () => Promise<TokenResponse>;
-};
-export declare const createTrustedAgentPopup: (url: string, isRefresh?: boolean, timeoutMinutes?: number, refreshTimeoutFocusMinutes?: number) => Promise<{
-    code: string;
-    state: string;
-}>;
-/**
- * A hook to return trusted agent state.
- *
- * @group Helpers
- * @category Shopper Authentication
- * @experimental
- *
- */
-declare const useTrustedAgent: () => UseTrustedAgent;
-export default useTrustedAgent;
-//# sourceMappingURL=useTrustedAgent.d.ts.map