@shopify/hydrogen 0.17.2 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,214 @@
 # Changelog
 
+## 0.19.0
+
+### Minor Changes
+
+- [#1053](https://github.com/Shopify/hydrogen/pull/1053) [`c407f304`](https://github.com/Shopify/hydrogen/commit/c407f304352e0b781fa8a729674153ee9b971977) Thanks [@blittle](https://github.com/blittle)! - The selected country is now persisted a part of the session. This means that the page can be refreshed and the country will still be selected. There are a few breaking changes:
+
+  1. `useCountry()` hook now only returns the currently selected country. The `setCountry()` method has been removed.
+  2. The `useCountry()` hook expects a `countryCode` and `countryName` to be a part of the user session.
+  3. The example `/countries` API route has been updated to accept a `POST` request to update the selected country. The CountrySelector components need to be updated to use that route.
+
+  ```diff
+  // src/routes/countries.server.jsx
+
+  -export async function api(request, {queryShop}) {
+  +export async function api(request, {queryShop, session}) {
+  +  if (request.method === 'POST') {
+  +    const {isoCode, name} = await request.json();
+  +
+  +    await session.set('countryCode', isoCode);
+  +    await session.set('countryName', name);
+  +
+  +    return 'success';
+  +  }
+
+     const {
+       data: {
+         localization: {availableCountries},
+       },
+     } = await queryShop({
+        query: QUERY,
+     });
+     return availableCountries.sort((a, b) => a.name.localeCompare(b.name));
+  }
+  ```
+
+  ```diff
+  // src/components/CountrySelector.client.jsx
+
+  export default function CountrySelector() {
+    const [listboxOpen, setListboxOpen] = useState(false);
+
+  - const [selectedCountry, setSelectedCountry] = useCountry();
+  + const [selectedCountry] = useCountry();
+
+  + const setSelectedCountry = useCallback(
+  +   ({isoCode, name}) => {
+  +     fetch(`/countries`, {
+  +       body: JSON.stringify({isoCode, name}),
+  +       method: 'POST',
+  +     })
+  +       .then(() => {
+  +         window.location.reload();
+  +       })
+  +       .catch((error) => {
+  +         console.error(error);
+  +       });
+  +   },
+  +   [],
+  + );
+
+    return (
+        ...
+    );
+  }
+  ```
+
+  4. Each server component page that depends on the selected country pulls it from the session with `useSession()`, rather than `serverProps`.
+
+  ```diff
+  // src/routes/products/[handle].server.jsx
+  + import { useSession } from '@shopify/hydrogen';
+
+  - export default function Product({country = {isoCode: 'US'}}) {
+  + export default function Product() {
+      const {handle} = useRouteParams();
+  +   const {countryCode = 'US'} = useSession();
+      ...
+    }
+  ```
+
+### Patch Changes
+
+- [#1264](https://github.com/Shopify/hydrogen/pull/1264) [`dc966e86`](https://github.com/Shopify/hydrogen/commit/dc966e86b35ffc8a41d8d62e129884926b8db8bc) Thanks [@arlyxiao](https://github.com/arlyxiao)! - Add more bots into user agents
+
+* [#1245](https://github.com/Shopify/hydrogen/pull/1245) [`07866e82`](https://github.com/Shopify/hydrogen/commit/07866e8277dfa3195ef1896b16a58df495a9155f) Thanks [@0x15f](https://github.com/0x15f)! - [#1245](https://github.com/Shopify/hydrogen/pull/1245) - Support optional `priority` prop on Image component. When `true`, the image will be eagerly loaded. Defaults to `false`.
+
+- [#1272](https://github.com/Shopify/hydrogen/pull/1272) [`c1888652`](https://github.com/Shopify/hydrogen/commit/c188865255c5f20d9db285e375c57127030e23e6) Thanks [@wizardlyhel](https://github.com/wizardlyhel)! - Remove flight chunk
+
+## 0.18.0
+
+### Minor Changes
+
+- [#1065](https://github.com/Shopify/hydrogen/pull/1065) [`81ae47fd`](https://github.com/Shopify/hydrogen/commit/81ae47fdb01be06af155a61e574d43c73122c414) Thanks [@frandiox](https://github.com/frandiox)! - A new config file `hydrogen.config.js` replaces the existing `shopify.config.js` in your Hydrogen app.
+
+  ## Introducing `hydrogen.config.js`
+
+  Hydrogen apps now expect a `hydrogen.config.js` in the root folder. This config file accepts Shopify storefront credentials, routes, session configuration, and more.
+
+  To migrate existing apps, you should create a `hydrogen.config.js` (or `hydrogen.config.ts`) file in your Hydrogen app:
+
+  ```js
+  import {defineConfig} from '@shopify/hydrogen/config';
+  import {
+    CookieSessionStorage,
+    PerformanceMetricsServerAnalyticsConnector,
+  } from '@shopify/hydrogen';
+
+  export default defineConfig({
+    routes: import.meta.globEager('./src/routes/**/*.server.[jt](s|sx)'),
+    shopify: {
+      storeDomain: 'YOUR_STORE.myshopify.com',
+      storefrontToken: 'YOUR_STOREFRONT_TOKEN',
+      storefrontApiVersion: '2022-07',
+    },
+    session: CookieSessionStorage('__session', {
+      path: '/',
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      sameSite: 'strict',
+      maxAge: 60 * 60 * 24 * 30,
+    }),
+    serverAnalyticsConnectors: [PerformanceMetricsServerAnalyticsConnector],
+  });
+  ```
+
+  Then, update your `App.server.jsx` to remove previous arguments from `renderHydrogen()`:
+
+  ```diff
+  import renderHydrogen from '@shopify/hydrogen/entry-server';
+
+  -function App({routes}) {
+  +function App() {
+    return (
+      <Suspense fallback={<LoadingFallback />}>
+  -      <ShopifyProvider shopifyConfig={shopifyConfig}>
+  +      <ShopifyProvider>
+          <CartProvider>
+            <DefaultSeo />
+            <Router>
+  -            <FileRoutes routes={routes} />
+  +            <FileRoutes />
+              <Route path="*" page={<NotFound />} />
+            </Router>
+          </CartProvider>
+          <PerformanceMetrics />
+          {process.env.LOCAL_DEV && <PerformanceMetricsDebug />}
+        </ShopifyProvider>
+      </Suspense>
+    );
+  }
+
+  -const routes = import.meta.globEager('./routes/**/*.server.[jt](s|sx)');
+  -
+  -export default renderHydrogen(App, {
+  -  routes,
+  -  shopifyConfig,
+  -  session: CookieSessionStorage('__session', {
+  -    path: '/',
+  -    httpOnly: true,
+  -    secure: process.env.NODE_ENV === 'production',
+  -    sameSite: 'strict',
+  -    maxAge: 60 * 60 * 24 * 30,
+  -  }),
+  -  serverAnalyticsConnectors: [PerformanceMetricsServerAnalyticsConnector],
+  -});
+  +export default renderHydrogen(App);
+  ```
+
+  Next, update `vite.config.js` in your app to remove references to `shopifyConfig`:
+
+  ```diff
+  import {defineConfig} from 'vite';
+  import hydrogen from '@shopify/hydrogen/plugin';
+  -import shopifyConfig from './shopify.config';
+
+  // https://vitejs.dev/config/
+  export default defineConfig({
+  -  plugins: [hydrogen(shopifyConfig)],
+  +  plugins: [hydrogen()],
+  ```
+
+  Finally, delete `shopify.config.js` from your app.
+
+  [Read more about the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config)
+
+* [#1214](https://github.com/Shopify/hydrogen/pull/1214) [`58ef6d69`](https://github.com/Shopify/hydrogen/commit/58ef6d69f1148e7bc8452fa77e7e8f54396c6105) Thanks [@frehner](https://github.com/frehner)! - Upgraded SFAPI version to 2022-07
+
+- [#1232](https://github.com/Shopify/hydrogen/pull/1232) [`d3956d62`](https://github.com/Shopify/hydrogen/commit/d3956d623adb86371ab214b102b53c62ea9ce26c) Thanks [@arlyxiao](https://github.com/arlyxiao)! - Upgrade body-parser in hydrogen package
+
+### Patch Changes
+
+- [#1211](https://github.com/Shopify/hydrogen/pull/1211) [`f3d26511`](https://github.com/Shopify/hydrogen/commit/f3d26511b1b0b94de1a43f76a0be9d99b5f2a8f7) Thanks [@wizardlyhel](https://github.com/wizardlyhel)! - Build chunks are inside assets folder
+
+* [#1215](https://github.com/Shopify/hydrogen/pull/1215) [`a0ed7c06`](https://github.com/Shopify/hydrogen/commit/a0ed7c06d045a0063a356097dafcc25e5361aad1) Thanks [@frehner](https://github.com/frehner)! - `useMoney` now returns two additional properties: `withoutTrailingZeros` and `withoutTrailingZerosAndCurrency`
+
+  `<Money />` now has two additional and optional props: `withoutMoney` and `withoutCurrency`.
+
+- [#1242](https://github.com/Shopify/hydrogen/pull/1242) [`c277c688`](https://github.com/Shopify/hydrogen/commit/c277c68836d6d75d509cc68c74e3ccd33706a0c7) Thanks [@blittle](https://github.com/blittle)! - Prevent JSON parsing from prototype poisoning vulnerabilities
+
+* [#1210](https://github.com/Shopify/hydrogen/pull/1210) [`a844d26e`](https://github.com/Shopify/hydrogen/commit/a844d26ef258c28fded5293054389b719f0b86f4) Thanks [@blittle](https://github.com/blittle)! - Add eslint back and fix stale product options
+
+## 0.17.3
+
+### Patch Changes
+
+- [#1096](https://github.com/Shopify/hydrogen/pull/1096) [`0a15376e`](https://github.com/Shopify/hydrogen/commit/0a15376ec806054ddd5848d9dbfa6e50a85beb49) Thanks [@wizardlyhel](https://github.com/wizardlyhel)! - Make performance data available with ClientAnalytics and optional for developers to include
+
+* [#1209](https://github.com/Shopify/hydrogen/pull/1209) [`d0dada0a`](https://github.com/Shopify/hydrogen/commit/d0dada0a0b3170d2cb885d2f29bbbef0c6d9e9e4) Thanks [@blittle](https://github.com/blittle)! - Make metafields optional within the ProductProvider. Fixes #1127
+
 ## 0.17.2
 
 ### Patch Changes

package/config.js

@@ -0,0 +1 @@
+export * from './dist/esnext/config';

package/dist/esnext/client.d.ts

@@ -11,3 +11,5 @@ export { useRouteParams } from './foundation/useRouteParams/useRouteParams';
 export { useNavigate } from './foundation/useNavigate/useNavigate';
 export { fetchSync } from './foundation/fetchSync/client/fetchSync';
 export { suspendFunction, preloadFunction } from './utilities/suspense';
+export { PerformanceMetrics } from './foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetrics.client';
+export { PerformanceMetricsDebug } from './foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetricsDebug.client';

package/dist/esnext/client.js

@@ -11,3 +11,5 @@ export { useRouteParams } from './foundation/useRouteParams/useRouteParams';
 export { useNavigate } from './foundation/useNavigate/useNavigate';
 export { fetchSync } from './foundation/fetchSync/client/fetchSync';
 export { suspendFunction, preloadFunction } from './utilities/suspense';
+export { PerformanceMetrics } from './foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetrics.client';
+export { PerformanceMetricsDebug } from './foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetricsDebug.client';

package/dist/esnext/components/AddToCartButton/AddToCartButton.client.js

@@ -27,9 +27,9 @@ export function AddToCartButton(props) {
                 setAddingItem(true);
                 linesAdd([
                     {
-                        quantity: quantity,
+                        quantity,
                         merchandiseId: variantId,
-                        attributes: attributes,
+                        attributes,
                     },
                 ]);
             } }, children),

package/dist/esnext/components/CartProvider/CartProvider.client.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useCallback, useReducer, useMemo, useRef, } from 'react';
 import { flattenConnection } from '../../utilities';
 import { CartLineAdd, CartCreate, CartLineRemove, CartLineUpdate, CartNoteUpdate, CartBuyerIdentityUpdate, CartAttributesUpdate, CartDiscountCodesUpdate, CartQuery, } from './cart-queries';
-import { useCartFetch } from './hooks';
+import { useCartFetch } from './hooks.client';
 import { CartContext } from './context';
 import { CART_ID_STORAGE_KEY } from './constants';
 import { useServerProps } from '../../foundation/useServerProps';
@@ -197,7 +197,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
         if (error) {
             dispatch({
                 type: 'reject',
-                error: error,
+                error,
             });
         }
         if ((_b = data === null || data === void 0 ? void 0 : data.cartCreate) === null || _b === void 0 ? void 0 : _b.cart) {
@@ -223,7 +223,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 query: CartLineAdd,
                 variables: {
                     cartId: state.cart.id,
-                    lines: lines,
+                    lines,
                     numCartLines,
                     country: countryCode,
                 },
@@ -231,7 +231,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             if (error) {
                 dispatch({
                     type: 'reject',
-                    error: error,
+                    error,
                 });
             }
             if ((_a = data === null || data === void 0 ? void 0 : data.cartLinesAdd) === null || _a === void 0 ? void 0 : _a.cart) {
@@ -255,7 +255,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 query: CartLineRemove,
                 variables: {
                     cartId: state.cart.id,
-                    lines: lines,
+                    lines,
                     numCartLines,
                     country: countryCode,
                 },
@@ -287,7 +287,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 query: CartLineUpdate,
                 variables: {
                     cartId: state.cart.id,
-                    lines: lines,
+                    lines,
                     numCartLines,
                     country: countryCode,
                 },
@@ -295,7 +295,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             if (error) {
                 dispatch({
                     type: 'reject',
-                    error: error,
+                    error,
                 });
             }
             if ((_a = data === null || data === void 0 ? void 0 : data.cartLinesUpdate) === null || _a === void 0 ? void 0 : _a.cart) {
@@ -319,7 +319,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 query: CartNoteUpdate,
                 variables: {
                     cartId: state.cart.id,
-                    note: note,
+                    note,
                     numCartLines,
                     country: countryCode,
                 },
@@ -327,7 +327,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             if (error) {
                 dispatch({
                     type: 'reject',
-                    error: error,
+                    error,
                 });
             }
             if ((_a = data === null || data === void 0 ? void 0 : data.cartNoteUpdate) === null || _a === void 0 ? void 0 : _a.cart) {
@@ -355,7 +355,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             if (error) {
                 dispatch({
                     type: 'reject',
-                    error: error,
+                    error,
                 });
             }
             if ((_a = data === null || data === void 0 ? void 0 : data.cartBuyerIdentityUpdate) === null || _a === void 0 ? void 0 : _a.cart) {
@@ -375,7 +375,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 query: CartAttributesUpdate,
                 variables: {
                     cartId: state.cart.id,
-                    attributes: attributes,
+                    attributes,
                     numCartLines,
                     country: countryCode,
                 },
@@ -383,7 +383,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             if (error) {
                 dispatch({
                     type: 'reject',
-                    error: error,
+                    error,
                 });
             }
             if ((_a = data === null || data === void 0 ? void 0 : data.cartAttributesUpdate) === null || _a === void 0 ? void 0 : _a.cart) {
@@ -403,7 +403,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 query: CartDiscountCodesUpdate,
                 variables: {
                     cartId: state.cart.id,
-                    discountCodes: discountCodes,
+                    discountCodes,
                     numCartLines,
                     country: countryCode,
                 },
@@ -411,7 +411,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             if (error) {
                 dispatch({
                     type: 'reject',
-                    error: error,
+                    error,
                 });
             }
             if ((_a = data === null || data === void 0 ? void 0 : data.cartDiscountCodesUpdate) === null || _a === void 0 ? void 0 : _a.cart) {
@@ -440,6 +440,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             return;
         }
         buyerIdentityUpdate({ countryCode }, state);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [countryCode]);
     const cartContextValue = useMemo(() => {
         return {

package/dist/esnext/components/CartProvider/index.d.ts

@@ -1,4 +1,4 @@
 export { CartProvider } from './CartProvider.client';
-export { useCartFetch, useInstantCheckout } from './hooks';
+export { useCartFetch, useInstantCheckout } from './hooks.client';
 export { useCart } from '../../hooks/useCart';
 export type { State, Status, Cart, CartWithActions, CartAction } from './types';

package/dist/esnext/components/CartProvider/index.js

@@ -1,3 +1,3 @@
 export { CartProvider } from './CartProvider.client';
-export { useCartFetch, useInstantCheckout } from './hooks';
+export { useCartFetch, useInstantCheckout } from './hooks.client';
 export { useCart } from '../../hooks/useCart';

package/dist/esnext/components/{DevTools.js → DevTools.client.js}

@@ -19,9 +19,9 @@ export default function DevTools() {
     const entry = perfData[0];
     let activePanelContent = null;
     switch (activePanel) {
-        case 'warnings':
+        case 'warnings': {
             const warningsMarkup = warnings
-                ? warnings.map((war, i) => React.createElement("li", { key: war + i }, war))
+                ? warnings.map((war, i) => React.createElement("li", { key: war + i }, war)) // eslint-disable-line react/no-array-index-key
                 : null;
             activePanelContent = (React.createElement(React.Fragment, null,
                 React.createElement(PanelHeading, null, "Overfetched graphQL fields"),
@@ -31,6 +31,7 @@ export default function DevTools() {
                         fontSize: '0.9em',
                     } }, warningsMarkup)));
             break;
+        }
         case 'network':
             activePanelContent = (React.createElement(React.Fragment, null,
                 React.createElement(PanelHeading, null, "Metrics"),

package/dist/esnext/components/Image/Image.d.ts

@@ -11,6 +11,12 @@ export interface BaseImageProps {
      * then the value can be a property of the `loaderOptions` object (for example, `{scale: 2}`).
      */
     loaderOptions?: ImageLoaderOptions['options'];
+    /**
+     * Whether the image will be immediately loaded. Defaults to `false`. This prop should be used only when
+     * the image is visible above the fold. For more information, refer to the
+     * [Image Embed element's loading attribute](https://developer.mozilla.org/enUS/docs/Web/HTML/Element/img#attr-loading).
+     */
+    priority?: boolean;
 }
 interface MediaImagePropsBase extends BaseImageProps {
     /** An object with fields that correspond to the Storefront API's

package/dist/esnext/components/Image/Image.js

@@ -6,7 +6,7 @@ import { shopifyImageLoader, getShopifyImageDimensions, } from '../../utilities'
  */
 export function Image(props) {
     var _a, _b, _c, _d;
-    const { data, options, src, id, alt, width, height, loader, loaderOptions, ...passthroughProps } = props;
+    const { data, options, src, id, alt, width, height, loader, loaderOptions, priority, ...passthroughProps } = props;
     if (!data && !src) {
         throw new Error('Image component: requires either an `data` or `src` prop.');
     }
@@ -21,6 +21,7 @@ export function Image(props) {
             loaderOptions,
             id,
             alt,
+            priority,
         })
         : {
             src,
@@ -29,14 +30,17 @@ export function Image(props) {
             width,
             height,
             loader,
+            priority,
             loaderOptions: { width, height, ...loaderOptions },
         };
     const srcPath = imgProps.loader
         ? imgProps.loader({ src: imgProps.src, options: imgProps.loaderOptions })
         : imgProps.src;
-    return (React.createElement("img", { id: (_a = imgProps.id) !== null && _a !== void 0 ? _a : '', loading: "lazy", alt: (_b = imgProps.alt) !== null && _b !== void 0 ? _b : '', ...passthroughProps, src: srcPath, width: (_c = imgProps.width) !== null && _c !== void 0 ? _c : undefined, height: (_d = imgProps.height) !== null && _d !== void 0 ? _d : undefined }));
+    /* eslint-disable hydrogen/prefer-image-component */
+    return (React.createElement("img", { id: (_a = imgProps.id) !== null && _a !== void 0 ? _a : '', loading: imgProps.priority ? 'eager' : 'lazy', alt: (_b = imgProps.alt) !== null && _b !== void 0 ? _b : '', ...passthroughProps, src: srcPath, width: (_c = imgProps.width) !== null && _c !== void 0 ? _c : undefined, height: (_d = imgProps.height) !== null && _d !== void 0 ? _d : undefined }));
+    /* eslint-enable hydrogen/prefer-image-component */
 }
-function convertShopifyImageData({ data, options, loader, loaderOptions, id: propId, alt, }) {
+function convertShopifyImageData({ data, options, loader, priority, loaderOptions, id: propId, alt, }) {
     const { url: src, altText, id } = data;
     if (!src) {
         throw new Error(`<Image/> requires 'data.url' when using the 'data' prop`);
@@ -50,5 +54,6 @@ function convertShopifyImageData({ data, options, loader, loaderOptions, id: pro
         height,
         loader: loader ? loader : shopifyImageLoader,
         loaderOptions: { ...options, ...loaderOptions },
+        priority,
     };
 }

package/dist/esnext/components/Link/Link.client.js

@@ -30,12 +30,21 @@ export const Link = React.forwardRef(function Link(props, ref) {
             e.preventDefault();
             // If the URL hasn't changed, the regular <a> will do a replace
             const replace = !!_replace || createPath(location) === createPath({ pathname: to });
-            navigate(props.to, {
+            navigate(to, {
                 replace,
                 clientState,
             });
         }
-    }, [reloadDocument, target, _replace, to, clientState, onClick, location]);
+    }, [
+        reloadDocument,
+        target,
+        _replace,
+        to,
+        clientState,
+        onClick,
+        location,
+        navigate,
+    ]);
     const signalPrefetchIntent = () => {
         /**
          * startTransition to yield to more important updates

package/dist/esnext/components/LocalizationProvider/LocalizationClientProvider.client.js

@@ -1,18 +1,5 @@
-import React, { useMemo, useState, useCallback } from 'react';
+import React from 'react';
 import { LocalizationContext } from './LocalizationContext.client';
-import { useServerProps } from '../../foundation/useServerProps';
 export default function LocalizationClientProvider({ localization, children, }) {
-    const { setServerProps } = useServerProps();
-    const [country, setCountry] = useState(localization.country);
-    const setter = useCallback((country) => {
-        setCountry(country);
-        setServerProps('country', country);
-    }, [setServerProps]);
-    const contextValue = useMemo(() => {
-        return {
-            country,
-            setCountry: setter,
-        };
-    }, [country, setter]);
-    return (React.createElement(LocalizationContext.Provider, { value: contextValue }, children));
+    return (React.createElement(LocalizationContext.Provider, { value: localization }, children));
 }

package/dist/esnext/components/LocalizationProvider/LocalizationContext.client.d.ts

@@ -2,6 +2,5 @@ import type { LocalizationQuery } from './LocalizationProvider.server';
 export declare type Localization = LocalizationQuery['localization'];
 export interface LocalizationContextValue {
     country?: Localization['country'];
-    setCountry(country: Localization['country']): void;
 }
 export declare const LocalizationContext: import("react").Context<LocalizationContextValue | null>;

package/dist/esnext/components/LocalizationProvider/LocalizationProvider.server.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { PreloadOptions } from '../../types';
-import { Country, Currency } from '../../storefront-api-types';
+import { Country } from '../../storefront-api-types';
 export interface LocalizationProviderProps {
     /** A `ReactNode` element. */
     children: ReactNode;
@@ -28,10 +28,6 @@ export declare type LocalizationQuery = {
     } & {
         country: {
             __typename?: 'Country';
-        } & Pick<Country, 'isoCode' | 'name'> & {
-            currency: {
-                __typename?: 'Currency';
-            } & Pick<Currency, 'isoCode'>;
-        };
+        } & Pick<Country, 'isoCode' | 'name'>;
     };
 };

package/dist/esnext/components/LocalizationProvider/LocalizationProvider.server.js

@@ -3,6 +3,7 @@ import LocalizationClientProvider from './LocalizationClientProvider.client';
 import { useShop } from '../../foundation/useShop';
 import { useShopQuery } from '../../hooks/useShopQuery';
 import { CacheDays } from '../../framework/CachingStrategy';
+import { useSession } from '../../foundation/useSession/useSession';
 /**
  * The `LocalizationProvider` component automatically queries the Storefront API's
  * [`localization`](https://shopify.dev/api/storefront/reference/common-objects/queryroot) field
@@ -14,13 +15,21 @@ import { CacheDays } from '../../framework/CachingStrategy';
  */
 export function LocalizationProvider(props) {
     const { languageCode } = useShop();
+    const { countryCode, countryName } = useSession();
     const { data: { localization }, } = useShopQuery({
-        query: query,
+        query,
         variables: { language: languageCode },
         cache: CacheDays(),
         preload: props.preload,
     });
-    return (React.createElement(LocalizationClientProvider, { localization: localization }, props.children));
+    return (React.createElement(LocalizationClientProvider, { localization: countryCode
+            ? {
+                country: {
+                    name: countryName,
+                    isoCode: countryCode,
+                },
+            }
+            : localization }, props.children));
 }
 const query = `
 query Localization($language: LanguageCode)
@@ -29,9 +38,6 @@ query Localization($language: LanguageCode)
     country {
       isoCode
       name
-      currency {
-        isoCode
-      }
     }
   }
 }

package/dist/esnext/components/Metafield/Metafield.client.js

@@ -52,18 +52,17 @@ export function Metafield(props) {
         }
         case 'url':
             return (React.createElement("a", { href: data.value, ...passthroughProps }, data.value));
-        case 'json':
+        case 'json': {
             const Wrapper = as !== null && as !== void 0 ? as : 'span';
             return (React.createElement(Wrapper, { ...passthroughProps }, JSON.stringify(data.value)));
+        }
         case 'file_reference': {
             if (((_a = data.reference) === null || _a === void 0 ? void 0 : _a.__typename) === 'MediaImage') {
                 const ref = data.reference;
                 return ref.image ? (React.createElement(Image, { data: ref.image, ...passthroughProps })) : null;
             }
         }
-        default: {
-            const Wrapper = as !== null && as !== void 0 ? as : 'span';
-            return React.createElement(Wrapper, { ...passthroughProps }, data.value.toString());
-        }
     }
+    const Wrapper = as !== null && as !== void 0 ? as : 'span';
+    return React.createElement(Wrapper, { ...passthroughProps }, data.value.toString());
 }

package/dist/esnext/components/ModelViewer/ModelViewer.client.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useCallback, } from 'react';
-import { useLoadScript } from '../../hooks/useLoadScript/useLoadScript';
+import { useLoadScript } from '../../hooks/useLoadScript/useLoadScript.client';
 /**
  * The `ModelViewer` component renders a 3D model (with the `model-viewer` tag) for
  * the Storefront API's [Model3d object](https://shopify.dev/api/storefront/reference/products/model3d).

package/dist/esnext/components/Money/Money.client.d.ts

@@ -5,11 +5,15 @@ interface MoneyProps<TTag> {
     as?: TTag;
     /** An object with fields that correspond to the Storefront API's [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2). */
     data: PartialDeep<MoneyV2>;
+    /** Whether to remove the currency symbol from the output. */
+    withoutCurrency?: boolean;
+    /** Whether to remove trailing zeros (fractional money) from the output. */
+    withoutTrailingZeros?: boolean;
 }
 /**
  * The `Money` component renders a string of the Storefront API's
  * [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) according to the
- * `defaultLocale` in the `shopify.config.js` file.
+ * `defaultLocale` in [the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config).
  */
 export declare function Money<TTag extends keyof JSX.IntrinsicElements = 'div'>(props: JSX.IntrinsicElements[TTag] & MoneyProps<TTag>): JSX.Element;
 export {};