npm - @shopify/hydrogen - Versions diffs - 0.5.1 → 0.6.1 - Mend

@shopify/hydrogen 0.5.1 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

package/dist/esnext/handle-event.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { getCacheControlHeader } from './framework/cache';
 import { setContext, setCache } from './framework/runtime';
+import { setConfig } from './framework/config';
 export default async function handleEvent(event, { request, entrypoint, indexTemplate, assetHandler, streamableResponse, dev, cache, context, }) {
     var _a, _b, _c;
     const url = new URL(request.url);
@@ -8,86 +9,78 @@ export default async function handleEvent(event, { request, entrypoint, indexTem
      */
     setCache(cache);
     setContext(context);
+    setConfig({ dev });
     const isReactHydrationRequest = url.pathname === '/react';
-    try {
-        const template = typeof indexTemplate === 'function'
-            ? await indexTemplate(url.toString())
-            : indexTemplate;
-        /**
-         * If this is a request for an asset, and an asset handler is present, call it.
-         */
-        if (/\.(png|jpe?g|gif|css|js|svg|ico|map)$/i.test(url.pathname) &&
-            assetHandler) {
-            return assetHandler(event, url);
-        }
-        const { render, hydrate, stream } = entrypoint.default || entrypoint;
-        // @ts-ignore
-        if (dev && !(render && hydrate && stream)) {
-            throw new Error(`entry-server.jsx could not be loaded. This likely occurred because of a Vite compilation error.\n` +
-                `Please check your server logs for more information.`);
-        }
-        const isStreamable = streamableResponse && isStreamableRequest(url);
-        const context = {};
-        /**
-         * Stream back real-user responses, but for bots/etc,
-         * use `render` instead. This is because we need to inject <head>
-         * things for SEO reasons.
-         */
-        if (isStreamable) {
-            if (isReactHydrationRequest) {
-                hydrate(url, { context, request, response: streamableResponse, dev });
-            }
-            else {
-                stream(url, {
-                    context,
-                    request,
-                    response: streamableResponse,
-                    template,
-                    dev,
-                });
-            }
-            return;
-        }
-        const { body, bodyAttributes, htmlAttributes, componentResponse, ...head } = await render(url, { request, context, isReactHydrationRequest });
-        const headers = componentResponse.headers;
-        /**
-         * TODO: Also add `Vary` headers for `accept-language` and any other keys
-         * we want to shard our full-page cache for all Hydrogen storefronts.
-         */
-        headers.set(getCacheControlHeader({ dev }), componentResponse.cacheControlHeader);
-        if (componentResponse.customBody) {
-            return new Response(await componentResponse.customBody, {
-                status: (_a = componentResponse.status) !== null && _a !== void 0 ? _a : 200,
-                headers,
-            });
-        }
-        let response;
+    const template = typeof indexTemplate === 'function'
+        ? await indexTemplate(url.toString())
+        : indexTemplate;
+    /**
+     * If this is a request for an asset, and an asset handler is present, call it.
+     */
+    if (/\.(png|jpe?g|gif|css|js|svg|ico|map)$/i.test(url.pathname) &&
+        assetHandler) {
+        return assetHandler(event, url);
+    }
+    const { render, hydrate, stream } = entrypoint.default || entrypoint;
+    // @ts-ignore
+    if (dev && !(render && hydrate && stream)) {
+        throw new Error(`entry-server.jsx could not be loaded. This likely occurred because of a Vite compilation error.\n` +
+            `Please check your server logs for more information.`);
+    }
+    const isStreamable = streamableResponse && isStreamableRequest(url);
+    /**
+     * Stream back real-user responses, but for bots/etc,
+     * use `render` instead. This is because we need to inject <head>
+     * things for SEO reasons.
+     */
+    if (isStreamable) {
         if (isReactHydrationRequest) {
-            response = new Response(body, {
-                status: (_b = componentResponse.status) !== null && _b !== void 0 ? _b : 200,
-                headers,
-            });
+            hydrate(url, { context: {}, request, response: streamableResponse, dev });
         }
         else {
-            const html = template
-                .replace(`<div id="root"></div>`, `<div id="root" data-server-rendered="true">${body}</div>`)
-                .replace(/<head>(.*?)<\/head>/s, generateHeadTag(head))
-                .replace('<body', bodyAttributes ? `<body ${bodyAttributes}` : '$&')
-                .replace('<html', htmlAttributes ? `<html ${htmlAttributes}` : '$&');
-            headers.append('content-type', 'text/html');
-            response = new Response(html, {
-                status: (_c = componentResponse.status) !== null && _c !== void 0 ? _c : 200,
-                headers,
+            stream(url, {
+                context: {},
+                request,
+                response: streamableResponse,
+                template,
+                dev,
             });
         }
-        return response;
+        return;
+    }
+    const { body, bodyAttributes, htmlAttributes, componentResponse, ...head } = await render(url, { request, context: {}, isReactHydrationRequest, dev });
+    const headers = componentResponse.headers;
+    /**
+     * TODO: Also add `Vary` headers for `accept-language` and any other keys
+     * we want to shard our full-page cache for all Hydrogen storefronts.
+     */
+    headers.set(getCacheControlHeader({ dev }), componentResponse.cacheControlHeader);
+    if (componentResponse.customBody) {
+        return new Response(await componentResponse.customBody, {
+            status: (_a = componentResponse.status) !== null && _a !== void 0 ? _a : 200,
+            headers,
+        });
+    }
+    let response;
+    if (isReactHydrationRequest) {
+        response = new Response(body, {
+            status: (_b = componentResponse.status) !== null && _b !== void 0 ? _b : 200,
+            headers,
+        });
     }
-    catch (e) {
-        console.log(e.stack);
-        return new Response(e.message || e.toString(), {
-            status: 500,
+    else {
+        const html = template
+            .replace(`<div id="root"></div>`, `<div id="root" data-server-rendered="true">${body}</div>`)
+            .replace(/<head>(.*?)<\/head>/s, generateHeadTag(head))
+            .replace('<body', bodyAttributes ? `<body ${bodyAttributes}` : '$&')
+            .replace('<html', htmlAttributes ? `<html ${htmlAttributes}` : '$&');
+        headers.append('content-type', 'text/html');
+        response = new Response(html, {
+            status: (_c = componentResponse.status) !== null && _c !== void 0 ? _c : 200,
+            headers,
         });
     }
+    return response;
 }
 function isStreamableRequest(url) {
     /**

package/dist/esnext/hooks/useAvailableCountries/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useAvailableCountries } from './useAvailableCountries';

package/dist/esnext/hooks/useAvailableCountries/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useAvailableCountries } from './useAvailableCountries';

package/dist/esnext/hooks/useAvailableCountries/useAvailableCountries.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+/**
+ * The `useAvailableCountries` hook returns an array of available countries used for localization.
+ * It must be a descendent of a `LocalizationProvider` component.
+ */
+export declare function useAvailableCountries(): ({
+    __typename?: "Country" | undefined;
+} & Pick<import("../../graphql/types/types").Country, "name" | "isoCode"> & {
+    currency: {
+        __typename?: "Currency" | undefined;
+    } & Pick<import("../../graphql/types/types").Currency, "isoCode">;
+})[];

package/dist/esnext/{components/LocalizationProvider/hooks.js → hooks/useAvailableCountries/useAvailableCountries.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { LocalizationContext, } from './LocalizationContext.client';
+import { LocalizationContext, } from '../../components/LocalizationProvider/LocalizationContext.client';
 function useLocalization() {
     const context = useContext(LocalizationContext);
     if (context == null) {
@@ -7,10 +7,10 @@ function useLocalization() {
     }
     return context;
 }
-export function useCountry() {
-    const context = useLocalization();
-    return [context.country, context.setCountry];
-}
+/**
+ * The `useAvailableCountries` hook returns an array of available countries used for localization.
+ * It must be a descendent of a `LocalizationProvider` component.
+ */
 export function useAvailableCountries() {
     const context = useLocalization();
     return context.availableCountries;

package/dist/esnext/hooks/useCart/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCart } from './useCart';

package/dist/esnext/hooks/useCart/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCart } from './useCart';

package/dist/esnext/hooks/useCart/useCart.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCart` hook provides access to the cart object. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCart(): import("../..").CartWithActions;

package/dist/esnext/hooks/useCart/useCart.js ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react';
+import { CartContext } from '../../components/CartProvider/context';
+/**
+ * The `useCart` hook provides access to the cart object. It must be a descendent of a `CartProvider` component.
+ */
+export function useCart() {
+    const context = React.useContext(CartContext);
+    if (!context) {
+        throw new Error('Expected a Cart Context, but no Cart Context was found');
+    }
+    return context;
+}

package/dist/esnext/hooks/useCartAttributesUpdateCallback/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartAttributesUpdateCallback } from './useCartAttributesUpdateCallback';

package/dist/esnext/hooks/useCartAttributesUpdateCallback/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartAttributesUpdateCallback } from './useCartAttributesUpdateCallback';

package/dist/esnext/hooks/useCartAttributesUpdateCallback/useCartAttributesUpdateCallback.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCartAttributesUpdateCallback` hook returns a callback that can be used to update the cart's attributes. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartAttributesUpdateCallback(): (attributes: import("../../graphql/types/types").AttributeInput[]) => void;

package/dist/esnext/hooks/useCartAttributesUpdateCallback/useCartAttributesUpdateCallback.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { useCart } from '../useCart';
+/**
+ * The `useCartAttributesUpdateCallback` hook returns a callback that can be used to update the cart's attributes. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartAttributesUpdateCallback() {
+    const { cartAttributesUpdate } = useCart();
+    return cartAttributesUpdate;
+}

package/dist/esnext/hooks/useCartBuyerIdentityUpdateCallback/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartBuyerIdentityUpdateCallback } from './useCartBuyerIdentityUpdateCallback';

package/dist/esnext/hooks/useCartBuyerIdentityUpdateCallback/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartBuyerIdentityUpdateCallback } from './useCartBuyerIdentityUpdateCallback';

package/dist/esnext/hooks/useCartBuyerIdentityUpdateCallback/useCartBuyerIdentityUpdateCallback.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCartBuyerIdentityUpdateCallback` hook returns a callback that can be used to update the cart's buyer identity. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartBuyerIdentityUpdateCallback(): (buyerIdenity: import("../../graphql/types/types").CartBuyerIdentityInput) => void;

package/dist/esnext/hooks/useCartBuyerIdentityUpdateCallback/useCartBuyerIdentityUpdateCallback.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { useCart } from '../useCart';
+/**
+ * The `useCartBuyerIdentityUpdateCallback` hook returns a callback that can be used to update the cart's buyer identity. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartBuyerIdentityUpdateCallback() {
+    const { buyerIdentityUpdate } = useCart();
+    return buyerIdentityUpdate;
+}

package/dist/esnext/hooks/useCartCheckoutUrl/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartCheckoutUrl } from './useCartCheckoutUrl';

package/dist/esnext/hooks/useCartCheckoutUrl/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartCheckoutUrl } from './useCartCheckoutUrl';

package/dist/esnext/hooks/useCartCheckoutUrl/useCartCheckoutUrl.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCartCheckoutUrl` hook returns a string of the checkout URL for the cart. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartCheckoutUrl(): string | undefined;

package/dist/esnext/hooks/useCartCheckoutUrl/useCartCheckoutUrl.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { useCart } from '../useCart';
+/**
+ * The `useCartCheckoutUrl` hook returns a string of the checkout URL for the cart. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartCheckoutUrl() {
+    const { checkoutUrl } = useCart();
+    return checkoutUrl;
+}

package/dist/esnext/hooks/useCartCreateCallback/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartCreateCallback } from './useCartCreateCallback';

package/dist/esnext/hooks/useCartCreateCallback/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartCreateCallback } from './useCartCreateCallback';

package/dist/esnext/hooks/useCartCreateCallback/useCartCreateCallback.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCartCreateCallback` hook returns a callback that can be used to create a cart. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartCreateCallback(): (cart: import("../../graphql/types/types").CartInput) => void;

package/dist/esnext/hooks/useCartCreateCallback/useCartCreateCallback.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { useCart } from '../useCart';
+/**
+ * The `useCartCreateCallback` hook returns a callback that can be used to create a cart. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartCreateCallback() {
+    const { cartCreate } = useCart();
+    return cartCreate;
+}

package/dist/esnext/hooks/useCartDiscountCodesUpdateCallback/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartDiscountCodesUpdateCallback } from './useCartDiscountCodesUpdateCallback';

package/dist/esnext/hooks/useCartDiscountCodesUpdateCallback/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartDiscountCodesUpdateCallback } from './useCartDiscountCodesUpdateCallback';

package/dist/esnext/hooks/useCartDiscountCodesUpdateCallback/useCartDiscountCodesUpdateCallback.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCartDiscountCodesUpdateCallback` hook returns a callback that can be used to update the cart's discount codes. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartDiscountCodesUpdateCallback(): (discountCodes: string[]) => void;

package/dist/esnext/hooks/useCartDiscountCodesUpdateCallback/useCartDiscountCodesUpdateCallback.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { useCart } from '../useCart';
+/**
+ * The `useCartDiscountCodesUpdateCallback` hook returns a callback that can be used to update the cart's discount codes. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartDiscountCodesUpdateCallback() {
+    const { discountCodesUpdate } = useCart();
+    return discountCodesUpdate;
+}

package/dist/esnext/hooks/useCartLine/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLine } from './useCartLine';

package/dist/esnext/hooks/useCartLine/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLine } from './useCartLine';

package/dist/esnext/{components/CartLineProvider/hooks.d.ts → hooks/useCartLine/useCartLine.d.ts} RENAMED Viewed

@@ -1,3 +1,6 @@
+/**
+ * The `useCartLine` hook provides access to the cart line object. It must be a descendent of a `CartProvider` component.
+ */
 export declare function useCartLine(): {
     __typename?: "CartLine" | undefined;
 } & Pick<import("../../graphql/types/types").CartLine, "id" | "quantity"> & {
@@ -20,8 +23,10 @@ export declare function useCartLine(): {
         image?: import("../../graphql/types/types").Maybe<{
             __typename?: "Image" | undefined;
         } & {
-            __typename?: "Image" | undefined;
-        } & Pick<import("../../graphql/types/types").Image, "height" | "width" | "id" | "altText" | "originalSrc">> | undefined;
+            __typename?: "Image" | undefined; /**
+             * The `useCartLine` hook provides access to the cart line object. It must be a descendent of a `CartProvider` component.
+             */
+        } & Pick<import("../../graphql/types/types").Image, "height" | "width" | "url" | "id" | "altText">> | undefined;
         product: {
             __typename?: "Product" | undefined;
         } & Pick<import("../../graphql/types/types").Product, "title" | "handle">;

package/dist/esnext/{components/CartLineProvider/hooks.js → hooks/useCartLine/useCartLine.js} RENAMED Viewed

@@ -1,5 +1,8 @@
 import { useContext } from 'react';
-import { CartLineContext } from './context';
+import { CartLineContext } from '../../components/CartLineProvider/context';
+/**
+ * The `useCartLine` hook provides access to the cart line object. It must be a descendent of a `CartProvider` component.
+ */
 export function useCartLine() {
     const context = useContext(CartLineContext);
     if (context == null) {

package/dist/esnext/hooks/useCartLinesAddCallback/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLinesAddCallback } from './useCartLinesAddCallback';

package/dist/esnext/hooks/useCartLinesAddCallback/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLinesAddCallback } from './useCartLinesAddCallback';

package/dist/esnext/hooks/useCartLinesAddCallback/useCartLinesAddCallback.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * The `useCartLinesAddCallback` hook returns a callback that can be used to add lines to a cart. If a cart doesn't
+ * already exist, then it will create the cart for you. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartLinesAddCallback(): (lines: import("../../graphql/types/types").CartLineInput[]) => void;

package/dist/esnext/hooks/useCartLinesAddCallback/useCartLinesAddCallback.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { useCart } from '../useCart';
+/**
+ * The `useCartLinesAddCallback` hook returns a callback that can be used to add lines to a cart. If a cart doesn't
+ * already exist, then it will create the cart for you. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartLinesAddCallback() {
+    const { linesAdd } = useCart();
+    return linesAdd;
+}

package/dist/esnext/hooks/useCartLinesRemoveCallback/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLinesRemoveCallback } from './useCartLinesRemoveCallback';

package/dist/esnext/hooks/useCartLinesRemoveCallback/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLinesRemoveCallback } from './useCartLinesRemoveCallback';

package/dist/esnext/hooks/useCartLinesRemoveCallback/useCartLinesRemoveCallback.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCartLinesRemoveCallback` hook returns a callback that can be used to remove lines from a cart. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartLinesRemoveCallback(): (lines: string[]) => void;

package/dist/esnext/hooks/useCartLinesRemoveCallback/useCartLinesRemoveCallback.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { useCart } from '../useCart';
+/**
+ * The `useCartLinesRemoveCallback` hook returns a callback that can be used to remove lines from a cart. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartLinesRemoveCallback() {
+    const { linesRemove } = useCart();
+    return linesRemove;
+}

package/dist/esnext/hooks/useCartLinesTotalQuantity/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLinesTotalQuantity } from './useCartLinesTotalQuantity';

package/dist/esnext/hooks/useCartLinesTotalQuantity/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLinesTotalQuantity } from './useCartLinesTotalQuantity';

package/dist/esnext/hooks/useCartLinesTotalQuantity/useCartLinesTotalQuantity.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCartLinesTotalQuantity` hook returns the total amount of items in the cart. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartLinesTotalQuantity(): number;

package/dist/esnext/hooks/useCartLinesTotalQuantity/useCartLinesTotalQuantity.js ADDED Viewed

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useCart } from '../useCart';
+/**
+ * The `useCartLinesTotalQuantity` hook returns the total amount of items in the cart. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartLinesTotalQuantity() {
+    var _a;
+    const { lines } = useCart();
+    const itemCount = (_a = React.useMemo(() => {
+        return lines.reduce((accumulator, line) => {
+            return accumulator + line.quantity;
+        }, 0);
+    }, [lines])) !== null && _a !== void 0 ? _a : 0;
+    return itemCount;
+}

package/dist/esnext/hooks/useCartLinesUpdateCallback/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLinesUpdateCallback } from './useCartLinesUpdateCallback';

package/dist/esnext/hooks/useCartLinesUpdateCallback/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartLinesUpdateCallback } from './useCartLinesUpdateCallback';

package/dist/esnext/hooks/useCartLinesUpdateCallback/useCartLinesUpdateCallback.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCartLinesUpdateCallback` hook returns a callback that can be used to update lines in a cart. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartLinesUpdateCallback(): (lines: import("../../graphql/types/types").CartLineUpdateInput[]) => void;

package/dist/esnext/hooks/useCartLinesUpdateCallback/useCartLinesUpdateCallback.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { useCart } from '../useCart';
+/**
+ * The `useCartLinesUpdateCallback` hook returns a callback that can be used to update lines in a cart. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartLinesUpdateCallback() {
+    const { linesUpdate } = useCart();
+    return linesUpdate;
+}

package/dist/esnext/hooks/useCartNoteUpdateCallback/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartNoteUpdateCallback } from './useCartNoteUpdateCallback';

package/dist/esnext/hooks/useCartNoteUpdateCallback/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCartNoteUpdateCallback } from './useCartNoteUpdateCallback';

package/dist/esnext/hooks/useCartNoteUpdateCallback/useCartNoteUpdateCallback.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * The `useCartNoteUpdateCallback` hook returns a callback that can be used to update the cart's note. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartNoteUpdateCallback(): (note: import("../../graphql/types/types").Maybe<string> | undefined) => void;

package/dist/esnext/hooks/useCartNoteUpdateCallback/useCartNoteUpdateCallback.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { useCart } from '../useCart';
+/**
+ * The `useCartNoteUpdateCallback` hook returns a callback that can be used to update the cart's note. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartNoteUpdateCallback() {
+    const { noteUpdate } = useCart();
+    return noteUpdate;
+}

package/dist/esnext/hooks/useCountry/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCountry } from './useCountry';

package/dist/esnext/hooks/useCountry/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { useCountry } from './useCountry';

package/dist/esnext/{components/LocalizationProvider/hooks.d.ts → hooks/useCountry/useCountry.d.ts} RENAMED Viewed

@@ -1,3 +1,7 @@
+/**
+ * The `useCountry` hook returns a tuple of the current localization country and a function for updating it.
+ * It must be a descendent of a `LocalizationProvider` component.
+ */
 export declare function useCountry(): (({
     __typename?: "Country" | undefined;
 } & Pick<import("../../graphql/types/types").Country, "name" | "isoCode"> & {
@@ -11,10 +15,3 @@ export declare function useCountry(): (({
         __typename?: "Currency" | undefined;
     } & Pick<import("../../graphql/types/types").Currency, "isoCode">;
 }) => void) | undefined)[];
-export declare function useAvailableCountries(): ({
-    __typename?: "Country" | undefined;
-} & Pick<import("../../graphql/types/types").Country, "name" | "isoCode"> & {
-    currency: {
-        __typename?: "Currency" | undefined;
-    } & Pick<import("../../graphql/types/types").Currency, "isoCode">;
-})[];

package/dist/esnext/hooks/useCountry/useCountry.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { useContext } from 'react';
+import { LocalizationContext, } from '../../components/LocalizationProvider/LocalizationContext.client';
+function useLocalization() {
+    const context = useContext(LocalizationContext);
+    if (context == null) {
+        throw new Error('No Localization Context available');
+    }
+    return context;
+}
+/**
+ * The `useCountry` hook returns a tuple of the current localization country and a function for updating it.
+ * It must be a descendent of a `LocalizationProvider` component.
+ */
+export function useCountry() {
+    const context = useLocalization();
+    return [context.country, context.setCountry];
+}

package/dist/esnext/hooks/useMoney/hooks.js CHANGED Viewed

@@ -1,5 +1,19 @@
 import { useMemo } from 'react';
 import { useShop } from '../../foundation/useShop';
+// TODO: Remove this when Oxygen supports Intl properly (oxygen-sws#527)
+const NARROW_SYMBOL_MAP = {
+    USD: '$',
+    AUD: '$',
+    CAD: '$',
+    NZD: '$',
+    EUR: '€',
+    GBP: '£',
+    INR: '₹',
+    RUB: '₽',
+    CNY: '¥',
+    JPY: '¥',
+    BRL: 'R$',
+};
 /**
  * The `useMoney` hook takes a [`MoneyV2` object](/api/storefront/reference/common-objects/moneyv2) and returns a
  * default-formatted string of the amount with the correct currency indicator, along with some of the parts provided by
@@ -23,12 +37,12 @@ export function useMoney(money) {
         currencyDisplay: 'narrowSymbol',
     }).formatToParts(amount);
     const moneyValue = useMemo(() => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g;
         return ({
             currencyCode: money.currencyCode,
-            currencyName: (_a = nameParts.find((part) => part.type === 'currency')) === null || _a === void 0 ? void 0 : _a.value,
-            currencySymbol: (_b = baseParts.find((part) => part.type === 'currency')) === null || _b === void 0 ? void 0 : _b.value,
-            currencyNarrowSymbol: (_c = narrowParts.find((part) => part.type === 'currency')) === null || _c === void 0 ? void 0 : _c.value,
+            currencyName: (_b = (_a = nameParts.find((part) => part.type === 'currency')) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : money.currencyCode,
+            currencySymbol: (_d = (_c = baseParts.find((part) => part.type === 'currency')) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : money.currencyCode,
+            currencyNarrowSymbol: (_g = (_f = (_e = narrowParts.find((part) => part.type === 'currency')) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : NARROW_SYMBOL_MAP[money.currencyCode]) !== null && _g !== void 0 ? _g : '',
             parts: baseParts,
             localizedString: value,
             amount: baseParts

package/dist/esnext/hooks/useProductOptions/useProductOptions.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { SellingPlanGroup, Variant, ProductOptionsHookValue } from './types';
 import { GraphQLConnection } from '../../types';
 /**
- * The `useProductOptions` hook returns an object that allows you to keep track of the
+ * The `useProductOptions` hook returns an object that enables you to keep track of the
  * selected variant and/or selling plan state, as well as callbacks for modifying the state.
  */
 export declare function useProductOptions({ variants: variantsConnection, sellingPlanGroups: sellingPlanGroupsConnection, initialVariantId, }: {

package/dist/esnext/hooks/useProductOptions/useProductOptions.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { flattenConnection } from '../../utilities';
 import { getOptions, getSelectedVariant } from './helpers';
 /**
- * The `useProductOptions` hook returns an object that allows you to keep track of the
+ * The `useProductOptions` hook returns an object that enables you to keep track of the
  * selected variant and/or selling plan state, as well as callbacks for modifying the state.
  */
 export function useProductOptions({ variants: variantsConnection, sellingPlanGroups: sellingPlanGroupsConnection, initialVariantId, }) {