@shopify/hydrogen 1.0.0-alpha.22 → 1.0.0

package/client.d.ts

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

package/client.js

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

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

@@ -1,12 +0,0 @@
-import { ElementType } from 'react';
-import { Props } from '../types';
-export interface BuyNowButtonProps {
-    quantity?: number;
-    variantId: string;
-    attributes?: {
-        key: string;
-        value: string;
-    }[];
-}
-export declare type BuyNowButtonPropsWeControl = 'onClick';
-export declare function BuyNowButton<TTag extends ElementType = 'button'>(props: Props<TTag, BuyNowButtonPropsWeControl> & BuyNowButtonProps): JSX.Element;

package/dist/esnext/components/BuyNowButton/BuyNowButton.js

@@ -1,29 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { CartProvider, useCartCheckoutUrl, useCartCreateCallback, } from '../CartProvider';
-export function BuyNowButton(props) {
-    return (React.createElement(CartProvider, null,
-        React.createElement(Button, { ...props })));
-}
-function Button(props) {
-    const createCart = useCartCreateCallback();
-    const checkoutUrl = useCartCheckoutUrl();
-    const [loading, setLoading] = useState(false);
-    const { quantity, variantId, attributes, children, ...passthroughProps } = props;
-    useEffect(() => {
-        if (checkoutUrl) {
-            window.location.href = checkoutUrl;
-        }
-    }, [checkoutUrl]);
-    return (React.createElement("button", { disabled: loading !== null && loading !== void 0 ? loading : passthroughProps.disabled, ...passthroughProps, onClick: () => {
-            setLoading(true);
-            createCart({
-                lines: [
-                    {
-                        quantity: quantity !== null && quantity !== void 0 ? quantity : 1,
-                        merchandiseId: variantId,
-                        attributes,
-                    },
-                ],
-            });
-        } }, children));
-}

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

@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Props } from '../types';
-export interface CartContainerProps {
-    children: ReactNode;
-    id: string;
-}
-declare type PropsWeControl = 'ref' | 'id' | 'tabIndex' | 'aria-hidden';
-export declare function CartContainer<TTag extends React.ElementType = 'aside'>(props: Props<TTag, PropsWeControl> & CartContainerProps): JSX.Element;
-export {};

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

@@ -1,24 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { useCartUI } from '../CartUIProvider/hooks';
-import FocusTrap from 'focus-trap-react';
-export function CartContainer(props) {
-    const cartUI = useCartUI();
-    if (props.id == null) {
-        console.warn('A CartContainer ID should be provided for accessibility purposes');
-    }
-    if (cartUI == null) {
-        throw new Error('CartContainer must be a descendent of CartUIProvider');
-    }
-    return React.createElement(Cart, { ...props });
-}
-function Cart(props) {
-    var _a;
-    const { children, id, ...passthroughProps } = props;
-    const { isCartOpen, setContainerID } = useCartUI();
-    const ref = useRef(null);
-    useEffect(() => {
-        setContainerID(id);
-    }, [id, setContainerID]);
-    return (React.createElement(FocusTrap, { active: isCartOpen, focusTrapOptions: { allowOutsideClick: true } },
-        React.createElement("aside", { ...passthroughProps, ref: ref, id: id, tabIndex: -1, "aria-hidden": !isCartOpen, "aria-label": (_a = passthroughProps['aria-label']) !== null && _a !== void 0 ? _a : 'Cart' }, children)));
-}

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

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

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

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

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

@@ -1,10 +0,0 @@
-import { ReactElement, ElementType } from 'react';
-import { Props } from '../types';
-interface AttributesRenderProps {
-    key: string;
-    value?: string | null;
-}
-export declare function CartLineAttributes<TTag extends ElementType>(props: Props<TTag> & {
-    children: (props: AttributesRenderProps) => ReactElement;
-}): JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-import React, { cloneElement, Fragment } from 'react';
-import { useCartLine } from '../CartLineProvider';
-export function CartLineAttributes(props) {
-    const cartLine = useCartLine();
-    const { as, children, ...passthroughProps } = props;
-    const Wrapper = as ? as : 'ul';
-    const ChildWrapper = Wrapper === 'ul' ? 'li' : Fragment;
-    return (React.createElement(Wrapper, { ...passthroughProps }, cartLine.attributes.map((attribute) => (React.createElement(ChildWrapper, { key: `${attribute.key}-${attribute.value}` }, cloneElement(children(attribute)))))));
-}

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

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

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

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

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

@@ -1,26 +0,0 @@
-export declare function useCartLine(): {
-    __typename?: "CartLine" | undefined;
-} & Pick<import("../../graphql/types/types").CartLine, "id" | "quantity"> & {
-    attributes: ({
-        __typename?: "Attribute" | undefined;
-    } & Pick<import("../../graphql/types/types").Attribute, "key" | "value">)[];
-    merchandise: {
-        __typename?: "ProductVariant" | undefined;
-    } & Pick<import("../../graphql/types/types").ProductVariant, "title" | "id" | "availableForSale" | "requiresShipping"> & {
-        compareAtPriceV2?: import("../../graphql/types/types").Maybe<{
-            __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../graphql/types/types").MoneyV2, "amount" | "currencyCode">> | undefined;
-        priceV2: {
-            __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../graphql/types/types").MoneyV2, "amount" | "currencyCode">;
-        image?: import("../../graphql/types/types").Maybe<{
-            __typename?: "Image" | undefined;
-        } & Pick<import("../../graphql/types/types").Image, "altText" | "originalSrc">> | undefined;
-        product: {
-            __typename?: "Product" | undefined;
-        } & Pick<import("../../graphql/types/types").Product, "title" | "handle">;
-        selectedOptions: ({
-            __typename?: "SelectedOption" | undefined;
-        } & Pick<import("../../graphql/types/types").SelectedOption, "value" | "name">)[];
-    };
-};

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

@@ -1,10 +0,0 @@
-import { ReactElement, ElementType } from 'react';
-import { Props } from '../types';
-interface SelectedOptionsRenderProps {
-    name?: string;
-    value?: string;
-}
-export declare function CartLineSelectedOptions<TTag extends ElementType>(props: Props<TTag> & {
-    children: (props: SelectedOptionsRenderProps) => ReactElement;
-}): JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-import React, { cloneElement, Fragment } from 'react';
-import { useCartLine } from '../CartLineProvider';
-export function CartLineSelectedOptions(props) {
-    const cartLine = useCartLine();
-    const { as, children, ...passthroughProps } = props;
-    const Wrapper = as ? as : 'ul';
-    const ChildWrapper = Wrapper === 'ul' ? 'li' : Fragment;
-    return (React.createElement(Wrapper, { ...passthroughProps }, cartLine.merchandise.selectedOptions.map((option) => (React.createElement(ChildWrapper, { key: `${option.name}-${option.value}` }, cloneElement(children(option)))))));
-}

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

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

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

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

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

@@ -1,7 +0,0 @@
-import { ReactNode, ElementType } from 'react';
-import { Cart } from '../CartProvider';
-import { Props } from '../types';
-export interface CartLinesProps {
-    children: ReactNode | ((line: Cart['lines'][1]) => ReactNode);
-}
-export declare function CartLines<TTag extends ElementType>(props: Props<TTag> & CartLinesProps): JSX.Element;

package/dist/esnext/components/CartProvider/CartServerProvider.server.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ServerComponentRequest } from '../../foundation/Hydration/ServerComponentRequest.server';
-import { Cart } from './types';
-export declare function CartServerProvider({ children, request, numCartLines, }: {
-    children: (props: {
-        cart?: Cart;
-        numCartLines?: number;
-    }) => ReactNode;
-    request: ServerComponentRequest;
-    numCartLines?: number;
-}): React.ReactNode;

package/dist/esnext/components/CartProvider/CartServerProvider.server.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CartQuery } from '../../graphql/graphql-constants';
-import { useShopQuery } from '../../hooks/useShopQuery';
-import { CART_ID_COOKIE } from './constants';
-export function CartServerProvider({ children, request, numCartLines, }) {
-    const cartId = request.cookies.get(CART_ID_COOKIE);
-    return cartId ? (React.createElement(PopulatedCartProvider, { cartId: cartId, numCartLines: numCartLines }, children)) : (children({ numCartLines }));
-}
-function PopulatedCartProvider({ cartId, children, numCartLines }) {
-    const { data, errors } = useShopQuery({
-        query: CartQuery,
-        variables: { id: cartId, numCartLines },
-    });
-    if (!(data === null || data === void 0 ? void 0 : data.cart)) {
-        // TODO: Figure out how to expire the cookie when the cart no longer exists
-        console.warn('Cart failed to load', errors);
-        return children({ numCartLines });
-    }
-    return children({ cart: data.cart, numCartLines });
-}

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

@@ -1,18 +0,0 @@
-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

@@ -1,79 +0,0 @@
-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/CartToggle/CartToggle.client.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

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

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

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

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

@@ -1,3 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

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

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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

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

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

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

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

@@ -1,9 +0,0 @@
-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

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

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

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

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

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

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

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

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

@@ -1,18 +0,0 @@
-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/hooks.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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/MediaFile/MediaFileFragment.d.ts

@@ -1,22 +0,0 @@
-import * as Types from '../../graphql/types/types';
-import { ImageFragmentFragment } from '../Image/ImageFragment';
-import { VideoFragmentFragment } from '../Video/VideoFragment';
-import { ExternalVideoFragmentFragment } from '../ExternalVideo/ExternalVideoFragment';
-import { Model3DFragmentFragment } from '../Model3D/Model3DFragment';
-export declare type MediaFileFragment_ExternalVideo_Fragment = {
-    __typename?: 'ExternalVideo';
-} & Pick<Types.ExternalVideo, 'mediaContentType'> & ExternalVideoFragmentFragment;
-export declare type MediaFileFragment_MediaImage_Fragment = {
-    __typename?: 'MediaImage';
-} & Pick<Types.MediaImage, 'mediaContentType'> & {
-    image?: Types.Maybe<{
-        __typename?: 'Image';
-    } & ImageFragmentFragment>;
-};
-export declare type MediaFileFragment_Model3d_Fragment = {
-    __typename?: 'Model3d';
-} & Pick<Types.Model3d, 'mediaContentType'> & Model3DFragmentFragment;
-export declare type MediaFileFragment_Video_Fragment = {
-    __typename?: 'Video';
-} & Pick<Types.Video, 'mediaContentType'> & VideoFragmentFragment;
-export declare type MediaFileFragmentFragment = MediaFileFragment_ExternalVideo_Fragment | MediaFileFragment_MediaImage_Fragment | MediaFileFragment_Model3d_Fragment | MediaFileFragment_Video_Fragment;

package/dist/esnext/components/Metafield/MetafieldFragment.d.ts

@@ -1,4 +0,0 @@
-import * as Types from '../../graphql/types/types';
-export declare type MetafieldFragmentFragment = {
-    __typename?: 'Metafield';
-} & Pick<Types.Metafield, 'id' | 'type' | 'namespace' | 'key' | 'value' | 'createdAt' | 'updatedAt' | 'description'>;

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

@@ -1,25 +0,0 @@
-import { ReactNode, ElementType } from 'react';
-import { Model3d as Model3DType, Model3dSource, Image } from '../../graphql/types/types';
-import { Props } from '../types';
-export interface Model3DProps {
-    children?: ReactNode;
-    model: {
-        id?: Model3DType['id'];
-        alt: Model3DType['alt'];
-        previewImage?: Pick<Image, 'originalSrc'>;
-        sources: Pick<Model3dSource, 'url'>[];
-    };
-}
-declare type PropsWeControl = 'src' | 'alt' | 'poster';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'model-viewer': any;
-        }
-    }
-}
-export declare function Model3D<TTag extends ElementType = 'div'>(props: Props<TTag, PropsWeControl> & Model3DProps): JSX.Element | null;
-export declare namespace Model3D {
-    var Fragment: string;
-}
-export {};

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

@@ -1,30 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { loadScript } from '../../utilities';
-import { Model3DFragment } from '../../graphql/graphql-constants';
-// TODO: Support binding to `model-viewer` events?
-export function Model3D(props) {
-    var _a, _b, _c;
-    const { model, id = model.id, children, ...passthroughProps } = props;
-    const [modelViewerLoaded, setModelViewerLoaded] = useState(false);
-    useEffect(() => {
-        // The ModelViewer library depends on `window` so
-        // we cannot use it server side, so we instead load
-        // it dynamically
-        async function loadModelViewer() {
-            const loaded = await loadScript('https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js', {
-                module: true,
-            });
-            if (!loaded) {
-                console.warn('model-viewer library did not load');
-            }
-            setModelViewerLoaded(true);
-        }
-        loadModelViewer();
-    }, []);
-    if (!modelViewerLoaded) {
-        // TODO: What do we want to display while the model-viewer library loads?
-        return null;
-    }
-    return (React.createElement("model-viewer", { ...passthroughProps, id: id, src: model.sources[0].url, alt: model.alt, "camera-controls": (_a = passthroughProps.cameraControls) !== null && _a !== void 0 ? _a : true, poster: (_b = model.previewImage) === null || _b === void 0 ? void 0 : _b.originalSrc, autoplay: (_c = passthroughProps.autoplay) !== null && _c !== void 0 ? _c : true }, children));
-}
-Model3D.Fragment = Model3DFragment;

package/dist/esnext/components/Model3D/Model3DFragment.d.ts

@@ -1,11 +0,0 @@
-import * as Types from '../../graphql/types/types';
-export declare type Model3DFragmentFragment = {
-    __typename?: 'Model3d';
-} & Pick<Types.Model3d, 'id' | 'alt' | 'mediaContentType'> & {
-    previewImage?: Types.Maybe<{
-        __typename?: 'Image';
-    } & Pick<Types.Image, 'originalSrc'>>;
-    sources: Array<{
-        __typename?: 'Model3dSource';
-    } & Pick<Types.Model3dSource, 'url'>>;
-};

package/dist/esnext/components/Model3D/Model3DFragment.js

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

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

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

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

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

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

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