@shopify/hydrogen 0.1.0

package/dist/esnext/components/CartProvider/graphql/CartLineRemoveMutation.js

@@ -0,0 +1 @@
+export {};

package/dist/esnext/components/CartProvider/graphql/CartLineUpdateMutation.d.ts

@@ -0,0 +1,18 @@
+import * as Types from '../../../graphql/types/types';
+import { CartFragmentFragment } from './CartFragment';
+export declare type CartLineUpdateMutationVariables = Types.Exact<{
+    cartId: Types.Scalars['ID'];
+    lines: Array<Types.CartLineUpdateInput> | Types.CartLineUpdateInput;
+    numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+}>;
+export declare type CartLineUpdateMutation = {
+    __typename?: 'Mutation';
+} & {
+    cartLinesUpdate?: Types.Maybe<{
+        __typename?: 'CartLinesUpdatePayload';
+    } & {
+        cart?: Types.Maybe<{
+            __typename?: 'Cart';
+        } & CartFragmentFragment>;
+    }>;
+};

package/dist/esnext/components/CartProvider/graphql/CartLineUpdateMutation.js

@@ -0,0 +1 @@
+export {};

package/dist/esnext/components/CartProvider/graphql/CartNoteUpdateMutation.d.ts

@@ -0,0 +1,18 @@
+import * as Types from '../../../graphql/types/types';
+import { CartFragmentFragment } from './CartFragment';
+export declare type CartNoteUpdateMutationVariables = Types.Exact<{
+    cartId: Types.Scalars['ID'];
+    note?: Types.Maybe<Types.Scalars['String']>;
+    numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+}>;
+export declare type CartNoteUpdateMutation = {
+    __typename?: 'Mutation';
+} & {
+    cartNoteUpdate?: Types.Maybe<{
+        __typename?: 'CartNoteUpdatePayload';
+    } & {
+        cart?: Types.Maybe<{
+            __typename?: 'Cart';
+        } & CartFragmentFragment>;
+    }>;
+};

package/dist/esnext/components/CartProvider/graphql/CartNoteUpdateMutation.js

@@ -0,0 +1 @@
+export {};

package/dist/esnext/components/CartProvider/graphql/CartQuery.d.ts

@@ -0,0 +1,13 @@
+import * as Types from '../../../graphql/types/types';
+import { CartFragmentFragment } from './CartFragment';
+export declare type CartQueryQueryVariables = Types.Exact<{
+    id: Types.Scalars['ID'];
+    numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+}>;
+export declare type CartQueryQuery = {
+    __typename?: 'QueryRoot';
+} & {
+    cart?: Types.Maybe<{
+        __typename?: 'Cart';
+    } & CartFragmentFragment>;
+};

package/dist/esnext/components/CartProvider/graphql/CartQuery.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,18 @@
+export declare function useCartFetch(): <T, K>({ query, variables, }: {
+    query: string;
+    variables: T;
+}) => Promise<{
+    data: K | undefined;
+    error: any;
+}>;
+export declare function useCart(): import("./types").CartWithActions;
+export declare function useCartCheckoutUrl(): string | undefined;
+export declare function useCartLinesTotalQuantity(): number;
+export declare function useCartCreateCallback(): (cart: import("../../graphql/types/types").CartInput) => void;
+export declare function useCartLinesAddCallback(): (lines: import("../../graphql/types/types").CartLineInput[]) => void;
+export declare function useCartLinesRemoveCallback(): (lines: string[]) => void;
+export declare function useCartLinesUpdateCallback(): (lines: import("../../graphql/types/types").CartLineUpdateInput[]) => void;
+export declare function useCartNoteUpdateCallback(): (note: import("../../graphql/types/types").Maybe<string> | undefined) => void;
+export declare function useCartBuyerIdentityUpdateCallback(): (buyerIdenity: import("../../graphql/types/types").CartBuyerIdentityInput) => void;
+export declare function useCartAttributesUpdateCallback(): (attributes: import("../../graphql/types/types").AttributeInput[]) => void;
+export declare function useCartDiscountCodesUpdateCallback(): (discountCodes: string[]) => void;

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import { useShop } from '../../foundation';
+import { CartContext } from './context';
+export function useCartFetch() {
+    const { storeDomain, graphqlApiVersion, storefrontToken } = useShop();
+    return React.useCallback(({ query, variables, }) => {
+        return fetch(`https://${storeDomain}/api/${graphqlApiVersion}/graphql.json`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-Shopify-Storefront-Access-Token': storefrontToken,
+            },
+            body: JSON.stringify({
+                query: query.toString(),
+                variables,
+            }),
+        })
+            .then((res) => res.json())
+            .catch((error) => {
+            return {
+                data: undefined,
+                error,
+            };
+        });
+    }, [storeDomain, graphqlApiVersion, storefrontToken]);
+}
+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;
+}
+export function useCartCheckoutUrl() {
+    const { checkoutUrl } = useCart();
+    return checkoutUrl;
+}
+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;
+}
+export function useCartCreateCallback() {
+    const { cartCreate } = useCart();
+    return cartCreate;
+}
+export function useCartLinesAddCallback() {
+    const { linesAdd } = useCart();
+    return linesAdd;
+}
+export function useCartLinesRemoveCallback() {
+    const { linesRemove } = useCart();
+    return linesRemove;
+}
+export function useCartLinesUpdateCallback() {
+    const { linesUpdate } = useCart();
+    return linesUpdate;
+}
+export function useCartNoteUpdateCallback() {
+    const { noteUpdate } = useCart();
+    return noteUpdate;
+}
+export function useCartBuyerIdentityUpdateCallback() {
+    const { buyerIdentityUpdate } = useCart();
+    return buyerIdentityUpdate;
+}
+export function useCartAttributesUpdateCallback() {
+    const { cartAttributesUpdate } = useCart();
+    return cartAttributesUpdate;
+}
+export function useCartDiscountCodesUpdateCallback() {
+    const { discountCodesUpdate } = useCart();
+    return discountCodesUpdate;
+}

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

@@ -0,0 +1,4 @@
+export { CartProvider } from './CartProvider.client';
+export * from './hooks';
+export * from './types';
+export { CartServerProvider } from './CartServerProvider.server';

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

@@ -0,0 +1,4 @@
+export { CartProvider } from './CartProvider.client';
+export * from './hooks';
+export * from './types';
+export { CartServerProvider } from './CartServerProvider.server';

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

@@ -0,0 +1,105 @@
+import { CartInput, CartLineInput, CartLineUpdateInput, MutationCartNoteUpdateArgs, CartBuyerIdentityInput, MutationCartAttributesUpdateArgs, AttributeInput } from '../../graphql/types/types';
+import { CartDiscountCodesUpdateMutationVariables } from './graphql/CartDiscountCodesUpdateMutation';
+import { CartFragmentFragment } from './graphql/CartFragment';
+import { CartNoteUpdateMutationVariables } from './graphql/CartNoteUpdateMutation';
+export declare type Status = 'uninitialized' | 'creating' | 'updating' | 'idle';
+export interface Cart {
+    id?: string;
+    lines: CartFragmentFragment['lines']['edges'][1]['node'][];
+    checkoutUrl?: string;
+    note?: string;
+    buyerIdentity?: CartFragmentFragment['buyerIdentity'];
+    attributes: CartFragmentFragment['attributes'];
+    discountCodes?: CartFragmentFragment['discountCodes'];
+    estimatedCost?: CartFragmentFragment['estimatedCost'];
+}
+export interface CartWithActions extends Cart {
+    status: Status;
+    error?: string;
+    cartCreate: (cart: CartInput) => void;
+    linesAdd: (lines: CartLineInput[]) => void;
+    linesRemove: (lines: string[]) => void;
+    linesUpdate: (lines: CartLineUpdateInput[]) => void;
+    noteUpdate: (note: MutationCartNoteUpdateArgs['note']) => void;
+    buyerIdentityUpdate: (buyerIdenity: CartBuyerIdentityInput) => void;
+    cartAttributesUpdate: (attributes: MutationCartAttributesUpdateArgs['attributes']) => void;
+    discountCodesUpdate: (discountCodes: string[]) => void;
+}
+export declare type State = {
+    status: 'uninitialized';
+    error?: string;
+} | {
+    status: 'creating';
+} | {
+    status: 'updating';
+    cart: Cart;
+    lastValidCart: Cart;
+} | {
+    status: 'idle';
+    cart: Cart;
+    error?: string;
+};
+export declare type CartEvent = {
+    type: 'cartCreate';
+    cart: CartInput;
+} | {
+    type: 'addLineItem';
+    lines: CartLineInput[];
+} | {
+    type: 'removeLineItem';
+    lines: string[];
+} | {
+    type: 'updateLineItem';
+    lines: CartLineUpdateInput[];
+} | {
+    type: 'noteUpdate';
+    note: CartNoteUpdateMutationVariables['note'];
+} | {
+    type: 'buyerIdentityUpdate';
+    buyerIdentity: CartBuyerIdentityInput;
+} | {
+    type: 'cartAttributesUpdate';
+    attributes: AttributeInput[];
+} | {
+    type: 'discountCodesUpdate';
+    discountCodes: CartDiscountCodesUpdateMutationVariables['discountCodes'];
+} | {
+    type: 'resolve';
+    cart: Cart;
+} | {
+    type: 'reject';
+    error: string;
+};
+export declare type CartEffect = {
+    type: 'cartCreate';
+    cart: CartInput;
+} | {
+    type: 'addLineItem';
+    cartId: string;
+    lines: CartLineInput[];
+} | {
+    type: 'removeLineItem';
+    cartId: string;
+    lines: string[];
+} | {
+    type: 'updateLineItem';
+    cartId: string;
+    lines: CartLineUpdateInput[];
+} | {
+    type: 'noteUpdate';
+    cartId: string;
+    note: CartNoteUpdateMutationVariables['note'];
+} | {
+    type: 'buyerIdentityUpdate';
+    cartId: string;
+    buyerIdentity: CartBuyerIdentityInput;
+} | {
+    type: 'cartAttributesUpdate';
+    cartId: string;
+    attributes: AttributeInput[];
+} | {
+    type: 'discountCodesUpdate';
+    cartId: string;
+    discountCodes: CartDiscountCodesUpdateMutationVariables['discountCodes'];
+};
+export declare type StateWithEffect = [State, CartEffect] | [State];

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+import { ShopPayButtonProps } from '../ShopPayButton';
+export declare function CartShopPayButton({ className, }: Omit<ShopPayButtonProps, 'variantIds'>): JSX.Element;

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

@@ -0,0 +1,10 @@
+import React, { useMemo } from 'react';
+import { useCart } from '../CartProvider';
+import { ShopPayButton } from '../ShopPayButton';
+export function CartShopPayButton({ className, }) {
+    const { lines } = useCart();
+    const ids = useMemo(() => {
+        return lines.map((line) => line.merchandise.id);
+    }, [lines]);
+    return React.createElement(ShopPayButton, { className: className, variantIds: ids });
+}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+import { Props } from '../types';
+export interface CartToggleProps {
+    children: ReactNode;
+}
+declare type PropsWeControl = 'aria-expanded' | 'aria-controls' | 'onClick';
+export declare function CartToggle<TTag extends React.ElementType = 'button'>(props: Props<TTag, PropsWeControl> & CartToggleProps): JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { useCartUI } from '../CartUIProvider/hooks';
+export function CartToggle(props) {
+    const { children, ...passthroughProps } = props;
+    const cartUI = useCartUI();
+    if (cartUI == null) {
+        throw new Error('CartToggle must be a descendent of a CartUIProvider');
+    }
+    const { isCartOpen, toggleCart, containerID } = cartUI;
+    return (React.createElement("button", { ...passthroughProps, "aria-expanded": isCartOpen, "aria-controls": containerID, onClick: toggleCart }, children));
+}

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { ElementType } from 'react';
+import { Props } from '../types';
+export declare function CartTotal<TTag extends ElementType>(props: Props<TTag>): JSX.Element | null;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { useCart } from '../CartProvider';
+import { Money } from '../Money';
+export function CartTotal(props) {
+    const { estimatedCost } = useCart();
+    const { children, ...passthroughProps } = props;
+    return (estimatedCost === null || estimatedCost === void 0 ? void 0 : estimatedCost.totalAmount) ? (React.createElement(Money, { ...passthroughProps, money: estimatedCost.totalAmount }, children)) : null;
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface CartUIProviderProps {
+    children: ReactNode;
+}
+export declare function CartUIProvider({ children }: CartUIProviderProps): JSX.Element;

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

@@ -0,0 +1,26 @@
+import React, { useState, useMemo, useCallback } from 'react';
+import { CartContext } from './context';
+export function CartUIProvider({ children }) {
+    const [open, setOpen] = useState(false);
+    const [containerID, setContainerID] = useState();
+    const openCart = useCallback(() => {
+        setOpen(true);
+    }, [setOpen]);
+    const closeCart = useCallback(() => {
+        setOpen(false);
+    }, [setOpen]);
+    const toggleCart = useCallback(() => {
+        setOpen(!open);
+    }, [setOpen, open]);
+    const contextValue = useMemo(() => {
+        return {
+            isCartOpen: open,
+            openCart,
+            closeCart,
+            toggleCart,
+            containerID,
+            setContainerID,
+        };
+    }, [open, openCart, closeCart, toggleCart, containerID]);
+    return (React.createElement(CartContext.Provider, { value: contextValue }, children));
+}

package/dist/esnext/components/CartUIProvider/context.d.ts

@@ -0,0 +1,9 @@
+export declare const CartContext: import("react").Context<CartContextType | null>;
+export interface CartContextType {
+    isCartOpen: boolean;
+    openCart: () => void;
+    closeCart: () => void;
+    toggleCart: () => void;
+    containerID?: string;
+    setContainerID: (id: string) => void;
+}

package/dist/esnext/components/CartUIProvider/context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const CartContext = createContext(null);

package/dist/esnext/components/CartUIProvider/hooks.d.ts

@@ -0,0 +1 @@
+export declare function useCartUI(): import("./context").CartContextType;

package/dist/esnext/components/CartUIProvider/hooks.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { CartContext } from './context';
+export function useCartUI() {
+    const context = useContext(CartContext);
+    if (!context) {
+        throw new Error('Expected a CartUI Context, but none was found');
+    }
+    return context;
+}

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

@@ -0,0 +1,2 @@
+export { CartUIProvider } from './CartUIProvider.client';
+export { useCartUI } from './hooks';

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

@@ -0,0 +1,2 @@
+export { CartUIProvider } from './CartUIProvider.client';
+export { useCartUI } from './hooks';

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { YouTube, Vimeo } from '../../utilities';
+import { Props } from '../types';
+import { ExternalVideo as ExternalVideoType } from '../../graphql/types/types';
+export interface ExternalVideoProps {
+    video: Pick<ExternalVideoType, 'host' | 'embeddedUrl' | 'id'>;
+    options?: YouTube | Vimeo;
+}
+declare type PropsWeControl = 'src';
+export declare function ExternalVideo<TTag extends React.ElementType = 'iframe'>(props: Props<TTag, PropsWeControl> & ExternalVideoProps): JSX.Element;
+export declare namespace ExternalVideo {
+    var Fragment: string;
+}
+export {};

package/dist/esnext/components/ExternalVideo/ExternalVideo.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { useEmbeddedVideoUrl } from '../../utilities';
+import { ExternalVideoFragment } from '../../graphql/graphql-constants';
+export function ExternalVideo(props) {
+    const { video, options, id = video.id, frameBorder = '0', allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture', allowFullScreen = true, ...passthroughProps } = props;
+    const url = useEmbeddedVideoUrl(video.embeddedUrl, options);
+    return (React.createElement("iframe", { ...passthroughProps, id: id, frameBorder: frameBorder, allow: allow, allowFullScreen: allowFullScreen, src: url }));
+}
+ExternalVideo.Fragment = ExternalVideoFragment;

package/dist/esnext/components/ExternalVideo/ExternalVideoFragment.d.ts

@@ -0,0 +1,4 @@
+import * as Types from '../../graphql/types/types';
+export declare type ExternalVideoFragmentFragment = {
+    __typename?: 'ExternalVideo';
+} & Pick<Types.ExternalVideo, 'id' | 'embeddedUrl' | 'host'>;

package/dist/esnext/components/ExternalVideo/ExternalVideoFragment.js

@@ -0,0 +1 @@
+export {};

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

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

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

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ImageSizeOptions } from '../../utilities';
+import { Props } from '../types';
+import { Image as ImageType } from '../../graphql/types/types';
+export interface ImageProps {
+    image: Pick<ImageType, 'altText' | 'originalSrc' | 'id'>;
+    options?: ImageSizeOptions;
+}
+declare type PropsWeControl = 'src' | 'alt';
+export declare function Image<TTag extends React.ElementType = 'img'>(props: Props<TTag, PropsWeControl> & ImageProps): JSX.Element;
+export declare namespace Image {
+    var Fragment: string;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { useImageUrl } from '../../utilities';
+import { ImageFragment } from '../../graphql/graphql-constants';
+export function Image(props) {
+    var _a;
+    const { options, image, id = image.id, ...passthroughProps } = props;
+    const url = useImageUrl(image.originalSrc, options);
+    return (React.createElement("img", { id: id !== null && id !== void 0 ? id : '', ...passthroughProps, src: url, alt: (_a = image.altText) !== null && _a !== void 0 ? _a : '' }));
+}
+Image.Fragment = ImageFragment;

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

@@ -0,0 +1,4 @@
+import * as Types from '../../graphql/types/types';
+export declare type ImageFragmentFragment = {
+    __typename?: 'Image';
+} & Pick<Types.Image, 'id' | 'originalSrc' | 'altText'>;

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

@@ -0,0 +1 @@
+export {};

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { Localization } from './LocalizationContext.client';
+export default function LocalizationClientProvider({ localization, children, }: {
+    children: ReactNode;
+    localization: Localization;
+}): JSX.Element;

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

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

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

@@ -0,0 +1,8 @@
+import { LocalizationQuery } from './LocalizationQuery';
+export declare type Localization = LocalizationQuery['localization'];
+export interface LocalizationContextValue {
+    country?: Localization['country'];
+    availableCountries: Localization['availableCountries'];
+    setCountry: React.Dispatch<React.SetStateAction<Localization['country']>>;
+}
+export declare const LocalizationContext: import("react").Context<LocalizationContextValue | null>;

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

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const LocalizationContext = createContext(null);

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function LocalizationProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import LocalizationClientProvider from './LocalizationClientProvider.client';
+import { useShopQuery } from '../../hooks/useShopQuery';
+import { Localization } from '../../graphql/graphql-constants';
+export function LocalizationProvider({ children }) {
+    const { data: { localization }, } = useShopQuery({ query: Localization });
+    return (React.createElement(LocalizationClientProvider, { localization: localization }, children));
+}

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

@@ -0,0 +1,18 @@
+import * as Types from '../../graphql/types/types';
+export declare type LocalizationQueryVariables = Types.Exact<{
+    [key: string]: never;
+}>;
+export declare type LocalizationQuery = {
+    __typename?: 'QueryRoot';
+} & {
+    localization: {
+        __typename?: 'Localization';
+    } & {
+        country: {
+            __typename?: 'Country';
+        } & Pick<Types.Country, 'isoCode' | 'name'>;
+        availableCountries: Array<{
+            __typename?: 'Country';
+        } & Pick<Types.Country, 'isoCode' | 'name'>>;
+    };
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,8 @@
+export declare function useCountry(): (({
+    __typename?: "Country" | undefined;
+} & Pick<import("../../graphql/types/types").Country, "name" | "isoCode">) | import("react").Dispatch<import("react").SetStateAction<{
+    __typename?: "Country" | undefined;
+} & Pick<import("../../graphql/types/types").Country, "name" | "isoCode">>> | undefined)[];
+export declare function useAvailableCountries(): ({
+    __typename?: "Country" | undefined;
+} & Pick<import("../../graphql/types/types").Country, "name" | "isoCode">)[];

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

@@ -0,0 +1,17 @@
+import { useContext } from 'react';
+import { LocalizationContext } from './LocalizationContext.client';
+function useLocalization() {
+    const context = useContext(LocalizationContext);
+    if (context == null) {
+        throw new Error('No Localization Context available');
+    }
+    return context;
+}
+export function useCountry() {
+    const context = useLocalization();
+    return [context.country, context.setCountry];
+}
+export function useAvailableCountries() {
+    const context = useLocalization();
+    return context.availableCountries;
+}

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

@@ -0,0 +1,2 @@
+export { LocalizationProvider } from './LocalizationProvider.server';
+export { useCountry, useAvailableCountries } from './hooks';

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

@@ -0,0 +1,2 @@
+export { LocalizationProvider } from './LocalizationProvider.server';
+export { useCountry, useAvailableCountries } from './hooks';