@shopify/hydrogen 0.20.0 → 0.22.1

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

@@ -1,13 +0,0 @@
-import { ElementType } from 'react';
-import { Props } from '../types';
-/**
- * The `ProductDescription` component renders a `div` with
- * the product's [`descriptionHtml`](https://shopify.dev/api/storefront/reference/products/product).
- * It must be a descendent of the `ProductProvider` component.
- */
-export declare function ProductDescription<TTag extends ElementType = 'div'>(props: Props<TTag> & {
-    /** An HTML tag to wrap the description. If not specified, then the
-     * description is wrapped in a `div` element.
-     */
-    as?: TTag;
-}): JSX.Element | null;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { useProduct } from '../ProductProvider';
-/**
- * The `ProductDescription` component renders a `div` with
- * the product's [`descriptionHtml`](https://shopify.dev/api/storefront/reference/products/product).
- * It must be a descendent of the `ProductProvider` component.
- */
-export function ProductDescription(props) {
-    var _a;
-    const product = useProduct();
-    if (product == null) {
-        throw new Error('Expected a ProductProvider context, but none was found');
-    }
-    const Wrapper = (_a = props.as) !== null && _a !== void 0 ? _a : 'div';
-    return product.descriptionHtml ? (React.createElement(Wrapper, { dangerouslySetInnerHTML: { __html: product.descriptionHtml }, ...props })) : null;
-}

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

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

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

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

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

@@ -1,21 +0,0 @@
-import { ElementType } from 'react';
-import { Props } from '../types';
-import { MetafieldProps } from '../Metafield/Metafield.client';
-export interface ProductMetafieldProps<TTag> extends Omit<MetafieldProps<TTag>, 'metafield'> {
-    /** A string corresponding to the [key](https://shopify.dev/api/storefront/reference/common-objects/metafield) of the product's
-     * metafield.
-     */
-    keyName: string;
-    /** A string corresponding to the [namespace](https://shopify.dev/api/storefront/reference/common-objects/metafield) of the
-     * product's metafield.
-     */
-    namespace: string;
-    /** The ID of the variant. If provided, then use the metafield corresponding to the variant ID instead of the product's metafield. */
-    variantId?: string;
-}
-/**
- * The `ProductMetafield` component renders a
- * [`Metafield`](https://shopify.dev/api/hydrogen/components/primitive/metafield) component with the product metafield.
- * It must be a descendent of a `ProductProvider` component.
- */
-export declare function ProductMetafield<TTag extends ElementType>(props: Props<TTag> & Omit<ProductMetafieldProps<TTag>, 'data'>): JSX.Element | null;

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

@@ -1,42 +0,0 @@
-import React from 'react';
-import { Metafield } from '../Metafield';
-import { useProduct } from '../../hooks/useProduct/useProduct';
-import { flattenConnection } from '../../utilities';
-/**
- * The `ProductMetafield` component renders a
- * [`Metafield`](https://shopify.dev/api/hydrogen/components/primitive/metafield) component with the product metafield.
- * It must be a descendent of a `ProductProvider` component.
- */
-export function ProductMetafield(props) {
-    var _a, _b, _c;
-    const product = useProduct();
-    if (product == null) {
-        throw new Error('Expected a ProductProvider context, but none was found');
-    }
-    if (product.metafields == null) {
-        console.warn('No metafields available for product');
-        return null;
-    }
-    const { namespace, keyName, variantId, ...passthroughProps } = props;
-    const metafields = (variantId
-        ? flattenConnection((_c = (_b = (_a = product.variants) === null || _a === void 0 ? void 0 : _a.find((variant) => (variant === null || variant === void 0 ? void 0 : variant.id) === variantId)) === null || _b === void 0 ? void 0 : _b.metafields) !== null && _c !== void 0 ? _c : {})
-        : product.metafields); // TODO: fix the typing here and ensure it's correct
-    const field = metafields === null || metafields === void 0 ? void 0 : metafields.find((metafield) => metafield.namespace === namespace && metafield.key === keyName);
-    if (field === null || field === undefined) {
-        const message = 'does not have a value for metafield.';
-        const productOrVariant = variantId ? `Variant` : 'Product';
-        const logItems = {
-            variantId,
-            ProductId: product.id,
-            namespace,
-            keyName,
-        };
-        console.warn([
-            productOrVariant,
-            message,
-            ...Object.entries(logItems).map(([key, val]) => `${key}: ${val}`),
-        ].join(' '));
-        return null;
-    }
-    return React.createElement(Metafield, { data: field, ...passthroughProps });
-}

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

@@ -1,2 +0,0 @@
-export { ProductMetafield } from './ProductMetafield.client';
-export type { ProductMetafieldProps } from './ProductMetafield.client';

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

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

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

@@ -1,13 +0,0 @@
-import { ElementType } from 'react';
-import { Props } from '../types';
-/**
- * The `ProductTitle` component renders a `span` element (or the type of
- * HTML element specified by the `as` prop) with the product's [`title`](https://shopify.dev/api/storefront/reference/products/product).
- * It must be a descendent of the `ProductProvider` component.
- */
-export declare function ProductTitle<TTag extends ElementType = 'span'>(props: Props<TTag> & {
-    /** An HTML tag to wrap the title. If not specified, then the
-     * title is wrapped in a `span` element.
-     */
-    as?: TTag;
-}): JSX.Element | null;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { useProduct } from '../ProductProvider';
-/**
- * The `ProductTitle` component renders a `span` element (or the type of
- * HTML element specified by the `as` prop) with the product's [`title`](https://shopify.dev/api/storefront/reference/products/product).
- * It must be a descendent of the `ProductProvider` component.
- */
-export function ProductTitle(props) {
-    const product = useProduct();
-    if (product == null) {
-        throw new Error('Expected a ProductProvider context, but none was found');
-    }
-    const { as, ...passthroughProps } = props;
-    const Wrapper = as ? as : 'span';
-    return product.title ? (React.createElement(Wrapper, { ...passthroughProps }, product.title)) : null;
-}

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

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

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

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

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

@@ -1,15 +0,0 @@
-import type { UnitPriceMeasurement, MoneyV2 } from '../../storefront-api-types';
-import type { PartialDeep } from 'type-fest';
-export interface UnitPriceProps<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>;
-    /** A [UnitPriceMeasurement object](https://shopify.dev/api/storefront/reference/products/unitpricemeasurement). */
-    measurement: PartialDeep<UnitPriceMeasurement>;
-    /** An HTML tag to be rendered as the base element wrapper. The default is `div`. */
-    as?: TTag;
-}
-/**
- * The `UnitPrice` component renders a string with a [UnitPrice](https://shopify.dev/themes/pricing-payments/unit-pricing) as the
- * Storefront API's [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) with a reference unit from the Storefront API's [UnitPriceMeasurement object](/api/storefront/reference/products/unitpricemeasurement).
- */
-export declare function UnitPrice<TTag extends keyof JSX.IntrinsicElements = 'div'>(props: JSX.IntrinsicElements[TTag] & UnitPriceProps<TTag>): JSX.Element | null;

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Money } from '../Money';
-/**
- * The `UnitPrice` component renders a string with a [UnitPrice](https://shopify.dev/themes/pricing-payments/unit-pricing) as the
- * Storefront API's [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) with a reference unit from the Storefront API's [UnitPriceMeasurement object](/api/storefront/reference/products/unitpricemeasurement).
- */
-export function UnitPrice(props) {
-    const { data, measurement, as, ...passthroughProps } = props;
-    if (!data) {
-        console.warn(`No "data" prop was passed to <UnitPrice/>`);
-        return null;
-    }
-    if (!measurement) {
-        console.warn(`No "measurement" prop was passed to <UnitPrice/>`);
-        return null;
-    }
-    const Wrapper = as !== null && as !== void 0 ? as : 'div';
-    return (React.createElement(Wrapper, { ...passthroughProps },
-        React.createElement(Money, { data: data }),
-        "/",
-        measurement.referenceUnit));
-}

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

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

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

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

package/dist/esnext/utilities/findRoutePrefix.d.ts

@@ -1 +0,0 @@
-export declare function findRoutePrefix([first, ...rest]: string[]): string | RegExp;

package/dist/esnext/utilities/findRoutePrefix.js

@@ -1,17 +0,0 @@
-const DEFAULT_ROUTE_PREFIX = /^\.(\/src)?\/routes/;
-export function findRoutePrefix([first, ...rest]) {
-    if (!(first === null || first === void 0 ? void 0 : first.startsWith('./')))
-        return '';
-    let commonPrefix = '.';
-    if (rest.length > 0) {
-        const parts = first.split('/');
-        parts.pop(); // Last part is always different and has extension
-        for (const string of rest) {
-            const tmp = string.split('/');
-            const diffIndex = parts.findIndex((part, index) => part !== tmp[index]);
-            diffIndex >= 0 && parts.splice(diffIndex);
-        }
-        commonPrefix = parts.join('/');
-    }
-    return commonPrefix === '.' ? DEFAULT_ROUTE_PREFIX : commonPrefix;
-}

package/dist/node/foundation/Analytics/index.d.ts

@@ -1,2 +0,0 @@
-export { useServerAnalytics } from './hook';
-export { ClientAnalytics } from './ClientAnalytics';

package/dist/node/foundation/Analytics/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClientAnalytics = exports.useServerAnalytics = void 0;
-var hook_1 = require("./hook");
-Object.defineProperty(exports, "useServerAnalytics", { enumerable: true, get: function () { return hook_1.useServerAnalytics; } });
-var ClientAnalytics_1 = require("./ClientAnalytics");
-Object.defineProperty(exports, "ClientAnalytics", { enumerable: true, get: function () { return ClientAnalytics_1.ClientAnalytics; } });

package/dist/node/utilities/findRoutePrefix.d.ts

@@ -1 +0,0 @@
-export declare function findRoutePrefix([first, ...rest]: string[]): string | RegExp;

package/dist/node/utilities/findRoutePrefix.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findRoutePrefix = void 0;
-const DEFAULT_ROUTE_PREFIX = /^\.(\/src)?\/routes/;
-function findRoutePrefix([first, ...rest]) {
-    if (!(first === null || first === void 0 ? void 0 : first.startsWith('./')))
-        return '';
-    let commonPrefix = '.';
-    if (rest.length > 0) {
-        const parts = first.split('/');
-        parts.pop(); // Last part is always different and has extension
-        for (const string of rest) {
-            const tmp = string.split('/');
-            const diffIndex = parts.findIndex((part, index) => part !== tmp[index]);
-            diffIndex >= 0 && parts.splice(diffIndex);
-        }
-        commonPrefix = parts.join('/');
-    }
-    return commonPrefix === '.' ? DEFAULT_ROUTE_PREFIX : commonPrefix;
-}
-exports.findRoutePrefix = findRoutePrefix;