fontdue-js 2.22.4 → 3.0.0-alpha2

package/dist/components/AddToCartBanner/index.js

@@ -1,18 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _AddToCartBannerQuery2 = _interopRequireDefault(require("../../__generated__/AddToCartBannerQuery.graphql"));
-var _AddToCartBanner_order2 = _interopRequireDefault(require("../../__generated__/AddToCartBanner_order.graphql"));
-var _AddToCartBanner_item2 = _interopRequireDefault(require("../../__generated__/AddToCartBanner_item.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _AddToCartBannerQuery from "../../__generated__/AddToCartBannerQuery.graphql.js";
+import _AddToCartBanner_order from "../../__generated__/AddToCartBanner_order.graphql.js";
+import _AddToCartBanner_item from "../../__generated__/AddToCartBanner_item.graphql.js";
+import React, { useEffect, useState, useRef } from 'react';
+import { graphql, useFragment, useLazyLoadQuery } from 'react-relay';
+import equal from 'fast-deep-equal';
 const getOrderItemName = item => {
   var _item$sku;
   const product = item === null || item === void 0 ? void 0 : (_item$sku = item.sku) === null || _item$sku === void 0 ? void 0 : _item$sku.product;
@@ -30,31 +21,31 @@ const getOrderItemName = item => {
   if ('name' in product) return product.name;
   return null;
 };
-_AddToCartBanner_item2.default.hash && _AddToCartBanner_item2.default.hash !== "93905c08206c30255368dbb06f59ccec" && console.error("The definition of 'AddToCartBanner_item' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_item2.default;
+_AddToCartBanner_item.hash && _AddToCartBanner_item.hash !== "93905c08206c30255368dbb06f59ccec" && console.error("The definition of 'AddToCartBanner_item' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_item;
 function AddToCartBanner(_ref) {
   var _order$orderItems, _order$orderItems2;
   let {
     order: orderKey
   } = _ref;
-  const order = (0, _reactRelay.useFragment)((_AddToCartBanner_order2.default.hash && _AddToCartBanner_order2.default.hash !== "29516fe27686b4937b1856979f13d22b" && console.error("The definition of 'AddToCartBanner_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_order2.default), orderKey);
-  const [active, setActive] = (0, _react.useState)(false);
-  const prevOrderItemIds = (0, _react.useRef)(order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.map(item => item.id));
-  const newOrderItemIds = (0, _react.useRef)([]);
+  const order = useFragment((_AddToCartBanner_order.hash && _AddToCartBanner_order.hash !== "29516fe27686b4937b1856979f13d22b" && console.error("The definition of 'AddToCartBanner_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_order), orderKey);
+  const [active, setActive] = useState(false);
+  const prevOrderItemIds = useRef(order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.map(item => item.id));
+  const newOrderItemIds = useRef([]);
   const newOrderItems = order === null || order === void 0 ? void 0 : (_order$orderItems2 = order.orderItems) === null || _order$orderItems2 === void 0 ? void 0 : _order$orderItems2.filter(item => {
     var _newOrderItemIds$curr;
     return (_newOrderItemIds$curr = newOrderItemIds.current) === null || _newOrderItemIds$curr === void 0 ? void 0 : _newOrderItemIds$curr.includes(item.id);
   });
-  const timeoutRef = (0, _react.useRef)(undefined);
-  (0, _react.useEffect)(() => {
+  const timeoutRef = useRef(undefined);
+  useEffect(() => {
     document.body.dataset.addToCartBannerOpen = `${active}`;
   }, [active]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     var _order$orderItems3, _order$orderItems4, _prevOrderItemIds$cur;
     function setInactive() {
       setActive(false);
     }
     const orderItemIds = order === null || order === void 0 ? void 0 : (_order$orderItems3 = order.orderItems) === null || _order$orderItems3 === void 0 ? void 0 : _order$orderItems3.map(item => item.id);
-    if ((0, _fastDeepEqual.default)(orderItemIds, prevOrderItemIds.current)) return;
+    if (equal(orderItemIds, prevOrderItemIds.current)) return;
     if (((order === null || order === void 0 ? void 0 : (_order$orderItems4 = order.orderItems) === null || _order$orderItems4 === void 0 ? void 0 : _order$orderItems4.length) ?? 0) > (((_prevOrderItemIds$cur = prevOrderItemIds.current) === null || _prevOrderItemIds$cur === void 0 ? void 0 : _prevOrderItemIds$cur.length) ?? 0)) {
       setActive(true);
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
@@ -70,7 +61,7 @@ function AddToCartBanner(_ref) {
     };
   }, [order === null || order === void 0 ? void 0 : order.orderItems]);
   const itemText = (newOrderItems === null || newOrderItems === void 0 ? void 0 : newOrderItems.length) === 1 ? getOrderItemName(newOrderItems[0]) : `${newOrderItems === null || newOrderItems === void 0 ? void 0 : newOrderItems.length} items`;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "add-to-cart-banner",
     "data-active": active
   }, "You added ", itemText, " to your cart");
@@ -78,10 +69,9 @@ function AddToCartBanner(_ref) {
 function AddToCartBannerQueryRenderer() {
   const {
     viewer
-  } = (0, _reactRelay.useLazyLoadQuery)((_AddToCartBannerQuery2.default.hash && _AddToCartBannerQuery2.default.hash !== "0ece6678652384f7938caf18b2a40be9" && console.error("The definition of 'AddToCartBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBannerQuery2.default), {});
-  return /*#__PURE__*/_react.default.createElement(AddToCartBanner, {
+  } = useLazyLoadQuery((_AddToCartBannerQuery.hash && _AddToCartBannerQuery.hash !== "0ece6678652384f7938caf18b2a40be9" && console.error("The definition of 'AddToCartBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBannerQuery), {});
+  return /*#__PURE__*/React.createElement(AddToCartBanner, {
     order: viewer.currentOrder
   });
 }
-var _default = AddToCartBannerQueryRenderer;
-exports.default = _default;
+export default AddToCartBannerQueryRenderer;

package/dist/components/BuyButton/index.d.ts

@@ -1,17 +1,37 @@
 import React from 'react';
-import { BuyButtonIDQuery } from '../../__generated__/BuyButtonIDQuery.graphql';
-import { BuyButtonSlugQuery } from '../../__generated__/BuyButtonSlugQuery.graphql';
-import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { BuyButtonIDQuery } from '../../__generated__/BuyButtonIDQuery.graphql.js';
+import { BuyButtonSlugQuery } from '../../__generated__/BuyButtonSlugQuery.graphql.js';
+import { LoadSerializableQueryOptions, SerializablePreloadedQuery } from '../../relay/loadSerializableQuery.js';
 export interface BuyButton_props {
-    collectionId?: string | null;
-    collectionSlug?: string | null;
     collectionName?: string;
     label?: string;
 }
+export type BuyButtonPreloadedQuery = SerializablePreloadedQuery<BuyButtonIDQuery> | SerializablePreloadedQuery<BuyButtonSlugQuery>;
+export type LoadBuyButtonQueryVariables = {
+    collectionId: string;
+    collectionSlug?: never;
+} | {
+    collectionId?: never;
+    collectionSlug: string;
+};
+export declare function loadBuyButtonQuery(variables: LoadBuyButtonQueryVariables, options?: LoadSerializableQueryOptions): Promise<BuyButtonPreloadedQuery>;
 export declare function BuyButtonPreloadedIDQueryRenderer({ preloadedQuery, ...rest }: BuyButton_props & {
     preloadedQuery: SerializablePreloadedQuery<BuyButtonIDQuery>;
 }): React.JSX.Element;
 export declare function BuyButtonPreloadedSlugQueryRenderer({ preloadedQuery, ...rest }: BuyButton_props & {
     preloadedQuery: SerializablePreloadedQuery<BuyButtonSlugQuery>;
 }): React.JSX.Element;
-export default function BuyButton({ collectionId, collectionSlug, ...rest }: BuyButton_props): React.JSX.Element;
+export type BuyButton_unifiedProps = BuyButton_props & ({
+    preloadedQuery: BuyButtonPreloadedQuery;
+    collectionId?: never;
+    collectionSlug?: never;
+} | {
+    preloadedQuery?: never;
+    collectionId: string;
+    collectionSlug?: never;
+} | {
+    preloadedQuery?: never;
+    collectionId?: never;
+    collectionSlug: string;
+});
+export default function BuyButton(props: BuyButton_unifiedProps): React.JSX.Element;

package/dist/components/BuyButton/index.js

@@ -1,37 +1,31 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BuyButtonPreloadedIDQueryRenderer = BuyButtonPreloadedIDQueryRenderer;
-exports.BuyButtonPreloadedSlugQueryRenderer = BuyButtonPreloadedSlugQueryRenderer;
-exports.default = BuyButton;
-var _BuyButtonSlugQuery2 = _interopRequireDefault(require("../../__generated__/BuyButtonSlugQuery.graphql"));
-var _BuyButtonIDQuery2 = _interopRequireDefault(require("../../__generated__/BuyButtonIDQuery.graphql"));
-var _BuyButton_collection2 = _interopRequireDefault(require("../../__generated__/BuyButton_collection.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-var _productState = require("../Root/productState");
-var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import _BuyButtonSlugQuery from "../../__generated__/BuyButtonSlugQuery.graphql.js";
+import _BuyButtonIDQuery from "../../__generated__/BuyButtonIDQuery.graphql.js";
+import _BuyButton_collection from "../../__generated__/BuyButton_collection.graphql.js";
+import React, { useCallback, useContext, useEffect } from 'react';
+import { graphql, useRelayEnvironment, useLazyLoadQuery, useFragment, usePreloadedQuery } from 'react-relay';
+import { useDispatch, useStore } from 'react-redux';
+import ComponentsContext from '../ComponentsContext.js';
+import { populateProductState } from '../Root/productState.js';
+import BuyButtonIDQueryNode from '../../__generated__/BuyButtonIDQuery.graphql.js';
+import BuyButtonSlugQueryNode from '../../__generated__/BuyButtonSlugQuery.graphql.js';
+import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
+import useSerializablePreloadedQuery from '../../relay/useSerializablePreloadedQuery.js';
+import { EnsureFontdueContext } from '../FontdueContextProvider/index.js';
 function BuyButtonComponent(_ref) {
   let {
     collection: collectionKey,
     label,
     collectionName
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_BuyButton_collection2.default.hash && _BuyButton_collection2.default.hash !== "9c47030d7450494449d4aa5bda16e27e" && console.error("The definition of 'BuyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButton_collection2.default), collectionKey);
-  const store = (0, _reactRedux.useStore)();
-  const components = (0, _react.useContext)(_ComponentsContext.default);
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const handleClick = (0, _react.useCallback)(() => {
+  const collection = useFragment((_BuyButton_collection.hash && _BuyButton_collection.hash !== "9c47030d7450494449d4aa5bda16e27e" && console.error("The definition of 'BuyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButton_collection), collectionKey);
+  const store = useStore();
+  const components = useContext(ComponentsContext);
+  const dispatch = useDispatch();
+  const environment = useRelayEnvironment();
+  const handleClick = useCallback(() => {
     if (!collection) return;
     dispatch({
       type: 'STORE_MODAL_NAVIGATE',
@@ -44,89 +38,128 @@ function BuyButtonComponent(_ref) {
       type: 'OPEN_CART'
     });
   }, [dispatch, collection]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!collection) return;
-    // populate as soon as BuyButton mounts. this prepares the StoreModal
-    // to be able to apply discounts as soon as the user clicks "BUY" on
-    // a style. (this is necessary if the bundle price is <= single style price)
-    (0, _productState.populateProductState)(store, environment, collection.id);
+    populateProductState(store, environment, collection.id);
   }, [collection === null || collection === void 0 ? void 0 : collection.id]);
   if (components.BuyButton) {
-    return /*#__PURE__*/_react.default.createElement(components.BuyButton, {
+    return /*#__PURE__*/React.createElement(components.BuyButton, {
       innerProps: {
         onClick: handleClick
       }
     });
   }
-  return /*#__PURE__*/_react.default.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     className: "buy-button",
     onClick: handleClick,
     type: "button"
   }, label ? label : `Buy ${collectionName ?? ''}`);
 }
-const idQuery = (_BuyButtonIDQuery2.default.hash && _BuyButtonIDQuery2.default.hash !== "4fbf1dbf9e6c530a5d38c697b174d8b0" && console.error("The definition of 'BuyButtonIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonIDQuery2.default);
+const idQuery = (_BuyButtonIDQuery.hash && _BuyButtonIDQuery.hash !== "4fbf1dbf9e6c530a5d38c697b174d8b0" && console.error("The definition of 'BuyButtonIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonIDQuery);
+const slugQuery = (_BuyButtonSlugQuery.hash && _BuyButtonSlugQuery.hash !== "6e750adea09698f7cb61f435cd88fd26" && console.error("The definition of 'BuyButtonSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonSlugQuery);
+export async function loadBuyButtonQuery(variables, options) {
+  if (variables.collectionId) {
+    return loadSerializableQuery(BuyButtonIDQueryNode, {
+      collectionId: variables.collectionId
+    }, options);
+  }
+  if (variables.collectionSlug) {
+    return loadSerializableQuery(BuyButtonSlugQueryNode, {
+      collectionSlug: variables.collectionSlug
+    }, options);
+  }
+  throw new Error('loadBuyButtonQuery expected either a collectionId or collectionSlug');
+}
 function BuyButtonIDQueryRenderer(_ref2) {
   let {
     collectionId,
     ...rest
   } = _ref2;
-  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
+  const data = useLazyLoadQuery(idQuery, {
     collectionId
   });
-  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, data));
+  return /*#__PURE__*/React.createElement(BuyButtonComponent, _extends({}, rest, data));
 }
-function BuyButtonPreloadedIDQueryRenderer(_ref3) {
+export function BuyButtonPreloadedIDQueryRenderer(_ref3) {
   let {
     preloadedQuery,
     ...rest
   } = _ref3;
-  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
-  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
-  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, data));
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery);
+  const data = usePreloadedQuery(idQuery, queryRef);
+  return /*#__PURE__*/React.createElement(BuyButtonComponent, _extends({}, rest, data));
 }
-const slugQuery = (_BuyButtonSlugQuery2.default.hash && _BuyButtonSlugQuery2.default.hash !== "6e750adea09698f7cb61f435cd88fd26" && console.error("The definition of 'BuyButtonSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonSlugQuery2.default);
 function BuyButtonSlugQueryRenderer(_ref4) {
   var _data$viewer, _data$viewer$slug;
   let {
     collectionSlug,
     ...rest
   } = _ref4;
-  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
+  const data = useLazyLoadQuery(slugQuery, {
     collectionSlug
   });
-  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(BuyButtonComponent, _extends({}, rest, {
     collection: ((_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$slug = _data$viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null
   }));
 }
-function BuyButtonPreloadedSlugQueryRenderer(_ref5) {
+export function BuyButtonPreloadedSlugQueryRenderer(_ref5) {
   var _data$viewer2, _data$viewer2$slug;
   let {
     preloadedQuery,
     ...rest
   } = _ref5;
-  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
-  const data = (0, _reactRelay.usePreloadedQuery)(slugQuery, queryRef);
-  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, {
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery);
+  const data = usePreloadedQuery(slugQuery, queryRef);
+  return /*#__PURE__*/React.createElement(BuyButtonComponent, _extends({}, rest, {
     collection: ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$slug = _data$viewer2.slug) === null || _data$viewer2$slug === void 0 ? void 0 : _data$viewer2$slug.collection) ?? null
   }));
 }
-
-// default client export
-function BuyButton(_ref6) {
+function BuyButtonPreloadedRenderer(_ref6) {
   let {
-    collectionId,
-    collectionSlug,
+    preloadedQuery,
     ...rest
   } = _ref6;
-  if (collectionId) {
-    return /*#__PURE__*/_react.default.createElement(BuyButtonIDQueryRenderer, _extends({
-      collectionId: collectionId
+  if (preloadedQuery.params.name === 'BuyButtonIDQuery') {
+    return /*#__PURE__*/React.createElement(BuyButtonPreloadedIDQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
     }, rest));
   }
-  if (collectionSlug) {
-    return /*#__PURE__*/_react.default.createElement(BuyButtonSlugQueryRenderer, _extends({
+  return /*#__PURE__*/React.createElement(BuyButtonPreloadedSlugQueryRenderer, _extends({
+    preloadedQuery: preloadedQuery
+  }, rest));
+}
+// Unified BuyButton entry. Accepts a preloaded query (server-side preload
+// path) or `{collectionId}`/`{collectionSlug}` for lazy fetch.
+// `EnsureFontdueContext` only self-wraps with `FontdueContextProvider` when
+// no parent Fontdue context is present.
+export default function BuyButton(props) {
+  let inner;
+  if ('preloadedQuery' in props && props.preloadedQuery) {
+    const {
+      preloadedQuery,
+      ...rest
+    } = props;
+    inner = /*#__PURE__*/React.createElement(BuyButtonPreloadedRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  } else if ('collectionId' in props && props.collectionId) {
+    const {
+      collectionId,
+      ...rest
+    } = props;
+    inner = /*#__PURE__*/React.createElement(BuyButtonIDQueryRenderer, _extends({
+      collectionId: collectionId
+    }, rest));
+  } else if ('collectionSlug' in props && props.collectionSlug) {
+    const {
+      collectionSlug,
+      ...rest
+    } = props;
+    inner = /*#__PURE__*/React.createElement(BuyButtonSlugQueryRenderer, _extends({
       collectionSlug: collectionSlug
     }, rest));
+  } else {
+    throw new Error('BuyButton expected one of preloadedQuery, collectionId, or collectionSlug');
   }
-  throw new Error('BuyButton expected either a collectionId or collectionSlug prop');
+  return /*#__PURE__*/React.createElement(EnsureFontdueContext, null, inner);
 }

package/dist/components/BuyButton/index.server.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-import { BuyButton_props } from './index';
-export default function BuyButton({ collectionId, collectionSlug, ...rest }: BuyButton_props): Promise<React.JSX.Element | null>;
+import { BuyButton_props } from './index.js';
+export default function BuyButton({ collectionId, collectionSlug, ...rest }: BuyButton_props & {
+    collectionId?: string | null;
+    collectionSlug?: string | null;
+}): Promise<React.JSX.Element | null>;

package/dist/components/BuyButton/index.server.js

@@ -1,35 +1,33 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BuyButton;
-var _react = _interopRequireDefault(require("react"));
-var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
-var _index = require("./index");
-var _BuyButtonIDQuery = _interopRequireDefault(require("../../__generated__/BuyButtonIDQuery.graphql"));
-var _BuyButtonSlugQuery = _interopRequireDefault(require("../../__generated__/BuyButtonSlugQuery.graphql"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-async function BuyButton(_ref) {
+import React from 'react';
+import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
+import { BuyButtonPreloadedIDQueryRenderer, BuyButtonPreloadedSlugQueryRenderer } from './index.js';
+import BuyButtonIDQueryNode from '../../__generated__/BuyButtonIDQuery.graphql.js';
+import BuyButtonSlugQueryNode from '../../__generated__/BuyButtonSlugQuery.graphql.js';
+
+// Next RSC variant: awaits the query on the server and hands the response to
+// the client `*PreloadedQueryRenderer`. Lets pages just write
+// `<BuyButton collectionId={id} />` in an RSC without manually invoking
+// `loadBuyButtonQuery` + threading `preloadedQuery` through props.
+export default async function BuyButton(_ref) {
   let {
     collectionId,
     collectionSlug,
     ...rest
   } = _ref;
   if (collectionId) {
-    const preloadedQuery = await (0, _loadSerializableQuery.default)(_BuyButtonIDQuery.default, {
+    const preloadedQuery = await loadSerializableQuery(BuyButtonIDQueryNode, {
       collectionId
     });
-    return /*#__PURE__*/_react.default.createElement(_index.BuyButtonPreloadedIDQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(BuyButtonPreloadedIDQueryRenderer, _extends({
       preloadedQuery: preloadedQuery
     }, rest));
   }
   if (collectionSlug) {
-    const preloadedQuery = await (0, _loadSerializableQuery.default)(_BuyButtonSlugQuery.default, {
+    const preloadedQuery = await loadSerializableQuery(BuyButtonSlugQueryNode, {
       collectionSlug
     });
-    return /*#__PURE__*/_react.default.createElement(_index.BuyButtonPreloadedSlugQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(BuyButtonPreloadedSlugQueryRenderer, _extends({
       preloadedQuery: preloadedQuery
     }, rest));
   }

package/dist/components/BuyingOptions/index.js

@@ -1,17 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRedux = require("react-redux");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import React from 'react';
+import { connect } from 'react-redux';
 const BuyingOptions = _ref => {
   let {
     onPrecartOpen
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "buying-options buy-family__options__button",
     onClick: onPrecartOpen
@@ -22,5 +15,4 @@ const mapDispatchToProps = dispatch => ({
     type: 'OPEN_PRECART'
   })
 });
-var _default = (0, _reactRedux.connect)(null, mapDispatchToProps)(BuyingOptions);
-exports.default = _default;
+export default connect(null, mapDispatchToProps)(BuyingOptions);

package/dist/components/Cart/AddressFields.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AddressFields_viewer$key } from '__generated__/AddressFields_viewer.graphql';
-import { Identity, UpdateOrderErrors } from './types';
+import { AddressFields_viewer$key } from '__generated__/AddressFields_viewer.graphql.js';
+import { Identity, UpdateOrderErrors } from './types.js';
 interface AddressFields_props {
     viewer: AddressFields_viewer$key;
     value: Identity;

package/dist/components/Cart/AddressFields.js

@@ -1,19 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _AddressFields_viewer2 = _interopRequireDefault(require("../../__generated__/AddressFields_viewer.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _TextField = _interopRequireDefault(require("../TextField"));
-var _AddressFieldsRefetchQuery = _interopRequireDefault(require("../../__generated__/AddressFieldsRefetchQuery.graphql"));
-var _utils = require("../../utils");
-var _reactStripeJs = require("@stripe/react-stripe-js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _AddressFields_viewer from "../../__generated__/AddressFields_viewer.graphql.js";
+import React, { Fragment, useCallback, useEffect, useState } from 'react';
+import { fetchQuery, graphql, useRefetchableFragment, useRelayEnvironment } from 'react-relay';
+import TextField from '../TextField/index.js';
+import AddressFieldsRefetchQuery from '../../__generated__/AddressFieldsRefetchQuery.graphql.js';
+import { notEmpty } from '../../utils.js';
+import { AddressElement } from '@stripe/react-stripe-js';
 const MAPS_API_KEY = 'AIzaSyB9rSjGVPZYcRkPl1PDezIuAp3XCUs2Crk';
 const AddressFields = _ref => {
   var _viewer$countryData, _value$street, _viewer$settings;
@@ -25,15 +16,15 @@ const AddressFields = _ref => {
     errorsObject,
     allowedCountries
   } = _ref;
-  const [refetching, setRefetching] = (0, _react.useState)(false);
-  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_AddressFields_viewer2.default.hash && _AddressFields_viewer2.default.hash !== "2369fc95f554723701a8294b4522137a" && console.error("The definition of 'AddressFields_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddressFields_viewer2.default), viewerKey);
+  const [refetching, setRefetching] = useState(false);
+  const [viewer, refetch] = useRefetchableFragment((_AddressFields_viewer.hash && _AddressFields_viewer.hash !== "2369fc95f554723701a8294b4522137a" && console.error("The definition of 'AddressFields_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddressFields_viewer), viewerKey);
   const countryData = (_viewer$countryData = viewer.countryData) === null || _viewer$countryData === void 0 ? void 0 : _viewer$countryData.response;
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  (0, _react.useEffect)(() => {
+  const environment = useRelayEnvironment();
+  useEffect(() => {
     setRefetching(true);
 
     // refetch after using fetchQuery to avoid triggering Suspense
-    const subscription = (0, _reactRelay.fetchQuery)(environment, _AddressFieldsRefetchQuery.default, {
+    const subscription = fetchQuery(environment, AddressFieldsRefetchQuery, {
       countryCode: value.country,
       includeCountryCode: true
     }).subscribe({
@@ -54,7 +45,7 @@ const AddressFields = _ref => {
   }, [value.country]);
   const getErrors = field => {
     var _errorsObject$field;
-    return errorsObject === null || errorsObject === void 0 ? void 0 : (_errorsObject$field = errorsObject[field]) === null || _errorsObject$field === void 0 ? void 0 : _errorsObject$field.filter(_utils.notEmpty);
+    return errorsObject === null || errorsObject === void 0 ? void 0 : (_errorsObject$field = errorsObject[field]) === null || _errorsObject$field === void 0 ? void 0 : _errorsObject$field.filter(notEmpty);
   };
   const lines = (_value$street = value.street) === null || _value$street === void 0 ? void 0 : _value$street.split('\n');
 
@@ -90,7 +81,7 @@ const AddressFields = _ref => {
       state: value.administrativeArea
     }
   };
-  const handleAddressElementChange = (0, _react.useCallback)(e => {
+  const handleAddressElementChange = useCallback(e => {
     // Always update country immediately, regardless of form completeness
     const country = e.value.address.country;
     const value = {
@@ -105,17 +96,17 @@ const AddressFields = _ref => {
     };
     onChange(value, e.complete);
   }, [onChange]);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Organization",
     value: value.organization || '',
     onChange: v => onChange({
       organization: v
     })
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: identityType === 'licensee' ? 'Contact email' : 'Email',
     autocomplete: "email",
     type: "email",
@@ -124,9 +115,9 @@ const AddressFields = _ref => {
       email: v
     }),
     errors: getErrors('email')
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.AddressElement, {
+  }, /*#__PURE__*/React.createElement(AddressElement, {
     key: (allowedCountries === null || allowedCountries === void 0 ? void 0 : allowedCountries.join(',')) || 'all',
     options: {
       mode: identityType === 'billing' ? 'billing' : 'shipping',
@@ -145,9 +136,9 @@ const AddressFields = _ref => {
       defaultValues
     },
     onChange: handleAddressElementChange
-  })), identityType === 'billing' ? countryData && !refetching ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (countryData.isEuCountry || value.country === 'GB') && /*#__PURE__*/_react.default.createElement("div", {
+  })), identityType === 'billing' ? countryData && !refetching ? /*#__PURE__*/React.createElement(Fragment, null, (countryData.isEuCountry || value.country === 'GB') && /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "VAT number",
     autocomplete: "vat",
     placeholder: "12345678",
@@ -157,11 +148,10 @@ const AddressFields = _ref => {
     }),
     errors: getErrors('vatNumber'),
     prefix: `${countryData.vatCountryCode} `
-  }))) : /*#__PURE__*/_react.default.createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__field-placeholder"
   })) : null);
 };
-var _default = AddressFields;
-exports.default = _default;
+export default AddressFields;

package/dist/components/Cart/CartItem/CartItemAdditionalLicenses.d.ts

@@ -1,5 +1,5 @@
-import { CartItemAdditionalLicenses_licenses$key } from '__generated__/CartItemAdditionalLicenses_licenses.graphql';
-import { CartItemAdditionalLicenses_orderItem$key } from '__generated__/CartItemAdditionalLicenses_orderItem.graphql';
+import { CartItemAdditionalLicenses_licenses$key } from '__generated__/CartItemAdditionalLicenses_licenses.graphql.js';
+import { CartItemAdditionalLicenses_orderItem$key } from '__generated__/CartItemAdditionalLicenses_orderItem.graphql.js';
 import React from 'react';
 interface AdditionalLicenses_props {
     licenses: CartItemAdditionalLicenses_licenses$key | null;