@salesforce/commerce-sdk-react 3.2.0-preview.0 → 3.2.0-preview.3

package/CHANGELOG.md

@@ -1,14 +1,17 @@
-## v3.2.0-preview.0 (Feb 03, 2025)
-## v3.2.0-dev (Feb 03, 2025)
-## v3.9.0-preview.0 (Feb 03, 2025)
+## v4.0.0-extensibility-preview.3 (Dec 13, 2024)
+## v3.1.1-preview.3 (Dec 13, 2024)
+## v3.1.1-preview.3 (Dec 13, 2024)
+## v3.1.1-preview.2 (Dec 09, 2024)
+## v3.1.1-preview.1 (Dec 09, 2024)
+## v4.0.0-extensibility-preview.2 (Dec 09, 2024)
+## v3.1.1-preview.1 (Dec 09, 2024)
+## v3.1.1-preview.0 (Dec 02, 2024)
 ## v3.2.0-dev (Oct 29, 2024)
 - Allow cookies for ShopperLogin API [#2190](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2190
 - Fix refresh token TTL warning from firing when override is not provided [#2114](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2114)
-- Readme updates for private clients [#2212](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2212)
+
 - Update CacheUpdateMatrix for mergeBasket mutation [#2138](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2092)
 - Clear auth state if session has been invalidated by a password change [#2092](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2092)
-- DNT interface improvement [#2203](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2203)
-- Support Node 22 [#2218](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2218)
 
 ## v3.1.0 (Oct 28, 2024)
 

package/README.md

@@ -43,7 +43,7 @@ In practice, we recommend:
 npm install @salesforce/commerce-sdk-react @tanstack/react-query
 ```
 
-## ⚡️ Quickstart (PWA Kit v3.0+)
+## ⚡️ Quickstart (PWA Kit v2.3.0+)
 
 To integrate this library with your PWA Kit application you can use the `CommerceApiProvider` directly assuming that you use the `withReactQuery` higher order component to wrap your `AppConfig` component. Below is a snippet of how this is accomplished.
 
@@ -54,10 +54,6 @@ import {CommerceApiProvider} from '@salesforce/commerce-sdk-react'
 import {withReactQuery} from '@salesforce/pwa-kit-react-sdk/ssr/universal/components/with-react-query'
 
 const AppConfig = ({children}) => {
-    const headers = {
-        'correlation-id': correlationId
-    }
-
     return (
         <CommerceApiProvider
             clientId="12345678-1234-1234-1234-123412341234"
@@ -68,11 +64,6 @@ const AppConfig = ({children}) => {
             shortCode="12345678"
             locale="en-US"
             currency="USD"
-            headers={headers}
-            // Uncomment 'enablePWAKitPrivateClient' to use SLAS private client login flows.
-            // Make sure to also enable useSLASPrivateClient in ssr.js when enabling this setting.
-            // enablePWAKitPrivateClient={true}
-            logger={createLogger({packageName: 'commerce-sdk-react'})}
         >
             {children}
         </CommerceApiProvider>
@@ -134,10 +125,68 @@ export default App
 
 _💡 This section assumes you have read and completed the [Authorization for Shopper APIs](https://developer.salesforce.com/docs/commerce/commerce-api/guide/authorization-for-shopper-apis.html) guide._
 
-To help reduce boilerplate code for managing shopper authentication, by default, this library automatically initializes shopper session and manages the tokens for developers. Commerce-sdk-react supports both the [SLAS Public Client login flow](https://developer.salesforce.com/docs/commerce/commerce-api/guide/slas-public-client.html) and [SLAS Private Client login flow](https://developer.salesforce.com/docs/commerce/commerce-api/guide/slas-private-client.html). Authorization using a private client is supported in PWA Kit 3.5 and later, and is the recommended authorization workflow.
+To help reduce boilerplate code for managing shopper authentication, by default, this library automatically initializes shopper session and manages the tokens for developers. Currently, the library supports the [Public Client login flow](https://developer.salesforce.com/docs/commerce/commerce-api/guide/slas-public-client.html).
+
+Commerce-react-sdk supports both public and private flow of the [Authorization for Shopper APIs](https://developer.salesforce.com/docs/commerce/commerce-api/guide/authorization-for-shopper-apis.html) guide._
+You can choose to use either public or private slas to login. By default, public flow is enabled.
+
+#### How private SLAS works
+This section assumes you read and understand how [private SLAS](https://developer.salesforce.com/docs/commerce/commerce-api/guide/slas-private-client.html) flow works
+
+To enable private slas flow, you need to pass your secret into the CommercerProvider via clientSecret prop.
+**Note** You should only use private slas if you know you can secure your secret since commercer-sdk-react runs isomorphically.
+
+```js
+// app/components/_app-config/index.jsx
+
+import {CommerceApiProvider} from '@salesforce/commerce-sdk-react'
+import {withReactQuery} from '@salesforce/pwa-kit-react-sdk/ssr/universal/components/with-react-query'
+
+const AppConfig = ({children}) => {
+    return (
+        <CommerceApiProvider
+            clientId="12345678-1234-1234-1234-123412341234"
+            organizationId="f_ecom_aaaa_001"
+            proxy="localhost:3000/mobify/proxy/api"
+            redirectURI="localhost:3000/callback"
+            siteId="RefArch"
+            shortCode="12345678"
+            locale="en-US"
+            currency="USD"
+            clientSecret="<your-slas-private-secret>"
+        >
+            {children}
+        </CommerceApiProvider>
+    )
+}
+```
+#### Disable slas private warnings 
+By default, a warning as below will be displayed on client side to remind developers to always keep their secret safe and secured.
+```js
+'You are potentially exposing SLAS secret on browser. Make sure to keep it safe and secure!'
+```
+You can disable this warning by using CommerceProvider prop `silenceWarnings`
 
-#### Using a private SLAS client
-To enable a private client, see [Use a SLAS Private Client](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/use-a-slas-private-client.html).
+```js
+const AppConfig = ({children}) => {
+    return (
+        <CommerceApiProvider
+            clientId="12345678-1234-1234-1234-123412341234"
+            organizationId="f_ecom_aaaa_001"
+            proxy="localhost:3000/mobify/proxy/api"
+            redirectURI="localhost:3000/callback"
+            siteId="RefArch"
+            shortCode="12345678"
+            locale="en-US"
+            currency="USD"
+            clientSecret="<your-slas-private-secret>"
+            silenceWarnings={true}
+        >
+            {children}
+        </CommerceApiProvider>
+    )
+}
+```
 
 ### Shopper Session Initialization
 

package/auth/index.d.ts

@@ -30,9 +30,6 @@ export type AuthData = Prettify<RemoveStringIndex<TokenResponse> & {
 }>;
 /** A shopper could be guest or registered, so we store the refresh tokens individually. */
 type AuthDataKeys = Exclude<keyof AuthData, 'refresh_token'> | 'refresh_token_guest' | 'refresh_token_registered' | 'access_token_sfra' | typeof DNT_COOKIE_NAME | typeof DWSID_COOKIE_NAME;
-type DntOptions = {
-    includeDefaults: boolean;
-};
 export declare const DEFAULT_SLAS_REFRESH_TOKEN_REGISTERED_TTL: number;
 export declare const DEFAULT_SLAS_REFRESH_TOKEN_GUEST_TTL: number;
 /**
@@ -61,20 +58,7 @@ declare class Auth {
     get(name: AuthDataKeys): string;
     private set;
     private delete;
-    /**
-     * Return the value of the DNT cookie or undefined if it is not set.
-     * The DNT cookie being undefined means that there is a necessity to
-     * get the user's input for consent tracking, but not that there is no
-     * DNT value to apply to analytics layers. DNT value will default to
-     * a certain value and this is reflected by effectiveDnt.
-     *
-     * If the cookie value is invalid, then it will be deleted in this function.
-     *
-     * If includeDefaults is true, then even if the cookie is not defined,
-     * defaultDnt will be returned, if it exists. If defaultDnt is not defined, then
-     * the SDK Default will return (false)
-     */
-    getDnt(options?: DntOptions): boolean | undefined;
+    getDnt(): boolean | undefined;
     setDnt(preference: boolean | null): Promise<void>;
     private clearStorage;
     /**
@@ -85,6 +69,11 @@ declare class Auth {
      * Used to validate JWT token expiration.
      */
     private isTokenExpired;
+    /**
+     * Gets the Do-Not-Track (DNT) preference from the `dw_dnt` cookie.
+     * If user has set their DNT preference, read the cookie, if not, use the default DNT pref. If the default DNT pref has not been set, default to false.
+     */
+    private getDntPreference;
     /**
      * Returns the SLAS access token or an empty string if the access token
      * is not found in local store or if SFRA wants PWA to trigger refresh token login.

package/auth/index.js

@@ -232,22 +232,9 @@ class Auth {
     const storage = this.stores[storageType];
     storage.delete(key);
   }
-
-  /**
-   * Return the value of the DNT cookie or undefined if it is not set.
-   * The DNT cookie being undefined means that there is a necessity to
-   * get the user's input for consent tracking, but not that there is no
-   * DNT value to apply to analytics layers. DNT value will default to
-   * a certain value and this is reflected by effectiveDnt.
-   *
-   * If the cookie value is invalid, then it will be deleted in this function.
-   *
-   * If includeDefaults is true, then even if the cookie is not defined,
-   * defaultDnt will be returned, if it exists. If defaultDnt is not defined, then
-   * the SDK Default will return (false)
-   */
-  getDnt(options) {
+  getDnt() {
     const dntCookieVal = this.get(_constant.DNT_COOKIE_NAME);
+    // Only '1' or '0' are valid, and invalid values, lack of cookie, or value conflict with token must be an undefined DNT
     let dntCookieStatus = undefined;
     const accessToken = this.getAccessToken();
     let isInSync = true;
@@ -262,19 +249,6 @@ class Auth {
     } else {
       dntCookieStatus = Boolean(Number(dntCookieVal));
     }
-    if (options !== null && options !== void 0 && options.includeDefaults) {
-      const defaultDnt = this.defaultDnt;
-      let effectiveDnt;
-      const dntCookie = dntCookieVal === '1' ? true : dntCookieVal === '0' ? false : undefined;
-      if (dntCookie !== undefined) {
-        effectiveDnt = dntCookie;
-      } else {
-        // If the cookie is not set, read the defaultDnt preference.
-        // If defaultDnt doesn't exist, default to false, following SLAS default for dnt
-        effectiveDnt = defaultDnt !== undefined ? defaultDnt : false;
-      }
-      return effectiveDnt;
-    }
     return dntCookieStatus;
   }
   setDnt(preference) {
@@ -354,6 +328,21 @@ class Auth {
     return validTimeSeconds <= tokenAgeSeconds;
   }
 
+  /**
+   * Gets the Do-Not-Track (DNT) preference from the `dw_dnt` cookie.
+   * If user has set their DNT preference, read the cookie, if not, use the default DNT pref. If the default DNT pref has not been set, default to false.
+   */
+  getDntPreference(dw_dnt, defaultDnt) {
+    let dntPref;
+    // Read `dw_dnt` cookie
+    const dntCookie = dw_dnt === '1' ? true : dw_dnt === '0' ? false : undefined;
+    dntPref = dntCookie;
+
+    // If the cookie is not set, read the default DNT preference.
+    if (dntCookie === undefined) dntPref = defaultDnt !== undefined ? defaultDnt : undefined;
+    return dntPref;
+  }
+
   /**
    * Returns the SLAS access token or an empty string if the access token
    * is not found in local store or if SFRA wants PWA to trigger refresh token login.
@@ -494,18 +483,17 @@ class Auth {
   refreshAccessToken() {
     var _this2 = this;
     return _asyncToGenerator(function* () {
-      const dntPref = _this2.getDnt({
-        includeDefaults: true
-      });
+      const dntPref = _this2.getDntPreference(_this2.get(_constant.DNT_COOKIE_NAME), _this2.defaultDnt);
       const refreshTokenRegistered = _this2.get('refresh_token_registered');
       const refreshTokenGuest = _this2.get('refresh_token_guest');
       const refreshToken = refreshTokenRegistered || refreshTokenGuest;
       if (refreshToken) {
         try {
-          return yield _this2.queueRequest(() => _commerceSdkIsomorphic.helpers.refreshAccessToken(_this2.client, {
-            refreshToken,
+          return yield _this2.queueRequest(() => _commerceSdkIsomorphic.helpers.refreshAccessToken(_this2.client, _objectSpread({
+            refreshToken
+          }, dntPref !== undefined && {
             dnt: dntPref
-          }, {
+          }), {
             clientSecret: _this2.clientSecret
           }), !!refreshTokenGuest);
         } catch (error) {
@@ -565,7 +553,7 @@ class Auth {
     var _this3 = this;
     return _asyncToGenerator(function* () {
       const queue = _this3.pendingToken ?? Promise.resolve();
-      _this3.pendingToken = queue.then( /*#__PURE__*/_asyncToGenerator(function* () {
+      _this3.pendingToken = queue.then(/*#__PURE__*/_asyncToGenerator(function* () {
         const token = yield fn();
         _this3.handleTokenResponse(token, isGuest);
         // Q: Why don't we just return token? Why re-construct the same object again?
@@ -682,21 +670,20 @@ class Auth {
         _this6.logWarning(_constant.SLAS_SECRET_WARNING_MSG);
       }
       const usid = _this6.get('usid');
-      const dntPref = _this6.getDnt({
-        includeDefaults: true
-      });
+      const dntPref = _this6.getDntPreference(_this6.get(_constant.DNT_COOKIE_NAME), _this6.defaultDnt);
       const isGuest = true;
-      const guestPrivateArgs = [_this6.client, _objectSpread({
+      const guestPrivateArgs = [_this6.client, _objectSpread(_objectSpread({}, dntPref !== undefined && {
         dnt: dntPref
-      }, usid && {
+      }), usid && {
         usid
       }), {
         clientSecret: _this6.clientSecret
       }];
-      const guestPublicArgs = [_this6.client, _objectSpread({
-        redirectURI: _this6.redirectURI,
+      const guestPublicArgs = [_this6.client, _objectSpread(_objectSpread({
+        redirectURI: _this6.redirectURI
+      }, dntPref !== undefined && {
         dnt: dntPref
-      }, usid && {
+      }), usid && {
         usid
       })];
       const callback = _this6.clientSecret ? () => _commerceSdkIsomorphic.helpers.loginGuestUserPrivate(...guestPrivateArgs) : () => _commerceSdkIsomorphic.helpers.loginGuestUser(...guestPublicArgs);
@@ -761,16 +748,15 @@ class Auth {
       }
       const redirectURI = _this8.redirectURI;
       const usid = _this8.get('usid');
-      const dntPref = _this8.getDnt({
-        includeDefaults: true
-      });
+      const dntPref = _this8.getDntPreference(_this8.get(_constant.DNT_COOKIE_NAME), _this8.defaultDnt);
       const isGuest = false;
       const token = yield _commerceSdkIsomorphic.helpers.loginRegisteredUserB2C(_this8.client, _objectSpread(_objectSpread({}, credentials), {}, {
         clientSecret: _this8.clientSecret
-      }), _objectSpread({
-        redirectURI,
+      }), _objectSpread(_objectSpread({
+        redirectURI
+      }, dntPref !== undefined && {
         dnt: dntPref
-      }, usid && {
+      }), usid && {
         usid
       }));
       _this8.handleTokenResponse(token, isGuest);

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/hooks/useAuthorizationHeader.js

@@ -42,7 +42,7 @@ const useAuthorizationHeader = method => {
         headers: _objectSpread({
           Authorization: `Bearer ${access_token}`
         }, options.headers)
-      })).catch( /*#__PURE__*/function () {
+      })).catch(/*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator(function* (error) {
           const {
             access_token

package/hooks/useDNT.d.ts

@@ -1,26 +1,16 @@
 interface useDntReturn {
-    selectedDnt: boolean | undefined;
     dntStatus: boolean | undefined;
-    effectiveDnt: boolean | undefined;
     updateDNT: (preference: boolean | null) => Promise<void>;
-    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
  *
- * @returns {Object} - The returned object containing DNT states and function to update preference
- * @property {boolean} selectedDnt - DNT user preference. Used to determine
- *              if the consent tracking form should be rendered
- * @property {boolean} effectiveDnt - effective DNT value to apply to
- *              analytics layers. Takes defaultDnt into account when selectedDnt is undefined.
- *              If defaultDnt is undefined as well, then SDK default is used.
- * @property {function} updateDnt - takes a DNT choice and creates the dw_dnt
- *              cookie and reauthorizes with SLAS
- * @property {function} updateDNT - @deprecated Deprecated since version 3.1.0. Use updateDnt instead.
- * @property {boolean} dntStatus - @deprecated Deprecated since version 3.1.0. Use selectedDnt instead.
- *
- *
  */
 declare const useDNT: () => useDntReturn;
 export default useDNT;

package/hooks/useDNT.js

@@ -14,44 +14,29 @@ function _asyncToGenerator(n) { return function () { var t = this, e = arguments
  * 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
  *
- * @returns {Object} - The returned object containing DNT states and function to update preference
- * @property {boolean} selectedDnt - DNT user preference. Used to determine
- *              if the consent tracking form should be rendered
- * @property {boolean} effectiveDnt - effective DNT value to apply to
- *              analytics layers. Takes defaultDnt into account when selectedDnt is undefined.
- *              If defaultDnt is undefined as well, then SDK default is used.
- * @property {function} updateDnt - takes a DNT choice and creates the dw_dnt
- *              cookie and reauthorizes with SLAS
- * @property {function} updateDNT - @deprecated Deprecated since version 3.1.0. Use updateDnt instead.
- * @property {boolean} dntStatus - @deprecated Deprecated since version 3.1.0. Use selectedDnt instead.
- *
- *
  */
 const useDNT = () => {
   const auth = (0, _useAuthContext.default)();
-  const selectedDnt = auth.getDnt();
-  const effectiveDnt = auth.getDnt({
-    includeDefaults: true
-  });
-  const updateDnt = /*#__PURE__*/function () {
+  const dntStatus = auth.getDnt();
+  const updateDNT = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* (preference) {
       yield auth.setDnt(preference);
     });
-    return function updateDnt(_x) {
+    return function updateDNT(_x) {
       return _ref.apply(this, arguments);
     };
   }();
-  const updateDNT = updateDnt;
-  const dntStatus = selectedDnt;
   return {
-    selectedDnt,
-    effectiveDnt,
     dntStatus,
-    updateDNT,
-    updateDnt
+    updateDNT
   };
 };
 var _default = exports.default = useDNT;

package/hooks/useMutation.js

@@ -61,7 +61,7 @@ const useCustomMutation = (apiOptions, mutationOptions) => {
         const {
           access_token
         } = yield auth.ready();
-        return yield _commerceSdkIsomorphic.helpers.callCustomEndpoint((0, _helpers.generateCustomEndpointOptions)(apiOptions, globalConfig, access_token, args)).catch( /*#__PURE__*/function () {
+        return yield _commerceSdkIsomorphic.helpers.callCustomEndpoint((0, _helpers.generateCustomEndpointOptions)(apiOptions, globalConfig, access_token, args)).catch(/*#__PURE__*/function () {
           var _ref2 = _asyncToGenerator(function* (error) {
             const {
               access_token

package/hooks/useQuery.js

@@ -86,7 +86,7 @@ const useCustomQuery = (apiOptions, queryOptions) => {
         access_token
       } = yield auth.ready();
       const customEndpointOptions = (0, _helpers.generateCustomEndpointOptions)(options, config, access_token);
-      return yield _commerceSdkIsomorphic.helpers.callCustomEndpoint(customEndpointOptions).catch( /*#__PURE__*/function () {
+      return yield _commerceSdkIsomorphic.helpers.callCustomEndpoint(customEndpointOptions).catch(/*#__PURE__*/function () {
         var _ref3 = _asyncToGenerator(function* (error) {
           const {
             access_token

package/hooks/useTrustedAgent.js

@@ -127,7 +127,7 @@ const useTrustedAgent = () => {
   const authorizeTrustedAgent = (0, _reactQuery.useMutation)(auth.authorizeTrustedAgent.bind(auth));
   const loginTrustedAgent = (0, _reactQuery.useMutation)(auth.loginTrustedAgent.bind(auth));
   const logoutTrustedAgent = (0, _reactQuery.useMutation)(auth.logout.bind(auth));
-  const login = (0, _react.useCallback)( /*#__PURE__*/function () {
+  const login = (0, _react.useCallback)(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(function* (loginId, usid, refresh = false) {
       if (!(0, _utils.onClient)()) {
         throw new Error('Something went wrong, this client side method is invoked on the server.');
@@ -154,7 +154,7 @@ const useTrustedAgent = () => {
       return _ref2.apply(this, arguments);
     };
   }(), [auth]);
-  const logout = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator(function* () {
+  const logout = (0, _react.useCallback)(/*#__PURE__*/_asyncToGenerator(function* () {
     return yield logoutTrustedAgent.mutateAsync();
   }), [auth]);
   (0, _react.useEffect)(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/commerce-sdk-react",
-  "version": "3.2.0-preview.0",
+  "version": "3.2.0-preview.3",
   "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": {
@@ -45,7 +45,7 @@
     "jwt-decode": "^4.0.0"
   },
   "devDependencies": {
-    "@salesforce/pwa-kit-dev": "3.9.0-preview.0",
+    "@salesforce/pwa-kit-dev": "4.0.0-extensibility-preview.3",
     "@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.9.0-preview.0",
+    "internal-lib-build": "4.0.0-extensibility-preview.3",
     "jsonwebtoken": "^9.0.0",
     "nock": "^13.3.0",
     "nodemon": "^2.0.22",
@@ -84,11 +84,11 @@
     "react-router-dom": "^5.3.4"
   },
   "engines": {
-    "node": "^16.11.0 || ^18.0.0 || ^20.0.0 || ^22.0.0",
-    "npm": "^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0"
+    "node": "^16.11.0 || ^18.0.0 || ^20.0.0",
+    "npm": "^8.0.0 || ^9.0.0 || ^10.0.0"
   },
   "publishConfig": {
     "directory": "dist"
   },
-  "gitHead": "f31e6088a7e99fbe8c61d80722433811ed0e998e"
+  "gitHead": "904de01e826117febeea952e034478349e16ea4d"
 }