fontdue-js 1.12.4 → 2.0.0-alpha2

package/dist/components/SpecimenLink/index.js

@@ -7,59 +7,33 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _Icons = require("../Icons");
-var _SpecimenLink_node, _SpecimenLinkQuery;
+var _SpecimenLinkQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const SpecimenLinkBase = _ref => {
+const SpecimenLink = _ref => {
+  var _node$pdfs;
   let {
-    node
+    collectionId
   } = _ref;
   const {
-    pdfs
-  } = node;
-  if (!pdfs || !pdfs.length) return null;
-  const pdf = pdfs[0];
+    node
+  } = (0, _reactRelay.useLazyLoadQuery)(_SpecimenLinkQuery !== void 0 ? _SpecimenLinkQuery : (_SpecimenLinkQuery = require("../../__generated__/SpecimenLinkQuery.graphql"), _SpecimenLinkQuery.hash && _SpecimenLinkQuery.hash !== "a718e7ed92035c4bbebafc13d037fa6c" && console.error("The definition of 'SpecimenLinkQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SpecimenLinkQuery), {
+    collectionId
+  });
+  const pdf = node === null || node === void 0 ? void 0 : (_node$pdfs = node.pdfs) === null || _node$pdfs === void 0 ? void 0 : _node$pdfs[0];
+  if (!pdf) return null;
   return /*#__PURE__*/_react.default.createElement("a", {
-    href: pdf.url,
+    href: pdf.url ?? '',
     target: "_blank",
     className: "specimen-link"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "specimen-link__image"
   }, /*#__PURE__*/_react.default.createElement("img", {
-    src: pdf.thumbnailUrl
+    src: pdf.thumbnailUrl ?? ''
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "specimen-link__text"
   }, "PDF Specimen", /*#__PURE__*/_react.default.createElement("span", {
     className: "specimen-link__arrow"
   }, ' ', /*#__PURE__*/_react.default.createElement(_Icons.ArrowRight, null))));
 };
-const SpecimenLink = (0, _reactRelay.createFragmentContainer)(SpecimenLinkBase, {
-  node: _SpecimenLink_node !== void 0 ? _SpecimenLink_node : (_SpecimenLink_node = require("../../__generated__/SpecimenLink_node.graphql"), _SpecimenLink_node.hash && _SpecimenLink_node.hash !== "6f268528e8fccf3c43b7448884da2c6f" && console.error("The definition of 'SpecimenLink_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SpecimenLink_node)
-});
-const SpecimenLinkQueryRenderer = _ref2 => {
-  let {
-    collectionId,
-    ...rest
-  } = _ref2;
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
-    environment: environment,
-    query: _SpecimenLinkQuery !== void 0 ? _SpecimenLinkQuery : (_SpecimenLinkQuery = require("../../__generated__/SpecimenLinkQuery.graphql"), _SpecimenLinkQuery.hash && _SpecimenLinkQuery.hash !== "e8ac45c27b517add684c73a51d10930c" && console.error("The definition of 'SpecimenLinkQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SpecimenLinkQuery),
-    variables: {
-      collectionId
-    },
-    render: _ref3 => {
-      let {
-        error,
-        props
-      } = _ref3;
-      if (error) return /*#__PURE__*/_react.default.createElement("div", null, error.message);
-      if (props) {
-        return /*#__PURE__*/_react.default.createElement(SpecimenLink, _extends({}, rest, props));
-      }
-      return /*#__PURE__*/_react.default.createElement("div", null, "Loading...");
-    }
-  });
-};
-var _default = SpecimenLinkQueryRenderer;
+var _default = SpecimenLink;
 exports.default = _default;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface StickyNav_props {
+    aboutPath: string;
+    homePath: string;
+    typefacesPath: string;
+    siteTitle: string;
+}
+declare function StickyNav({ aboutPath, homePath, typefacesPath, siteTitle }: StickyNav_props): React.JSX.Element;
+export default StickyNav;

package/dist/components/StickyNav/index.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _CartButton = _interopRequireDefault(require("../CartButton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-const NavItem = _ref => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function NavItem(_ref) {
   let {
     label,
     link,
@@ -21,90 +22,63 @@ const NavItem = _ref => {
     className: "sticky-nav__link",
     href: link
   }, text));
-};
-const CartNavItem = () => /*#__PURE__*/_react.default.createElement("div", {
-  className: "sticky-nav__item",
-  "data-label": "cart"
-}, /*#__PURE__*/_react.default.createElement(_CartButton.default, null));
-class StickyNav extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      visible: false
-    });
-    _defineProperty(this, "onScroll", () => {
-      if (this.$stickyNav.getBoundingClientRect().top === 0) {
-        return this.visibleOn();
+}
+function StickyNav(_ref2) {
+  let {
+    aboutPath,
+    homePath,
+    typefacesPath,
+    siteTitle
+  } = _ref2;
+  const $stickyNav = (0, _react.useRef)(null);
+  const [visible, setVisible] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    function onScroll() {
+      var _$stickyNav$current;
+      const rect = (_$stickyNav$current = $stickyNav.current) === null || _$stickyNav$current === void 0 ? void 0 : _$stickyNav$current.getBoundingClientRect();
+
+      // there is an issue when the page initially loads, it takes some time
+      // to paint the div, and incorrectly reporting the top value as zero.
+      // so we keep trying it until it has a non-zero width
+      if ((rect === null || rect === void 0 ? void 0 : rect.width) !== 0) {
+        var _$stickyNav$current2;
+        setVisible(((_$stickyNav$current2 = $stickyNav.current) === null || _$stickyNav$current2 === void 0 ? void 0 : _$stickyNav$current2.getBoundingClientRect().top) === 0);
+      } else {
+        requestAnimationFrame(onScroll);
       }
-      return this.visibleOff();
-    });
-  }
-  componentDidMount() {
-    window.addEventListener('scroll', this.onScroll);
-    window.addEventListener('resize', this.onScroll);
-    this.onScroll();
-  }
-  componentWillUnmount() {
-    window.removeEventListener('scroll', this.onScroll);
-    window.removeEventListener('resize', this.onScroll);
-  }
-  visibleOn() {
-    const {
-      visible
-    } = this.state;
-    if (visible) {
-      return;
     }
-    this.setState({
-      visible: true
-    });
-  }
-  visibleOff() {
-    const {
-      visible
-    } = this.state;
-    if (!visible) {
-      return;
-    }
-    this.setState({
-      visible: false
-    });
-  }
-  render() {
-    const {
-      aboutPath,
-      homePath,
-      typefacesPath,
-      siteTitle,
-      ...rest
-    } = this.props;
-    const {
-      visible
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "sticky-nav",
-      ref: ref => {
-        this.$stickyNav = ref;
-      },
-      "data-visible": visible
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "sticky-nav__wrapper"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "sticky-nav__links"
-    }, /*#__PURE__*/_react.default.createElement(NavItem, {
-      label: "home",
-      link: homePath,
-      text: siteTitle
-    }), /*#__PURE__*/_react.default.createElement(NavItem, {
-      label: "typefaces",
-      link: typefacesPath,
-      text: "Typefaces"
-    }), /*#__PURE__*/_react.default.createElement(NavItem, {
-      label: "about",
-      link: aboutPath,
-      text: "About & contact"
-    })), /*#__PURE__*/_react.default.createElement(CartNavItem, null)));
-  }
+    window.addEventListener('scroll', onScroll);
+    window.addEventListener('resize', onScroll);
+    onScroll();
+    return () => {
+      window.removeEventListener('scroll', onScroll);
+      window.removeEventListener('resize', onScroll);
+    };
+  }, [$stickyNav, setVisible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sticky-nav",
+    ref: $stickyNav,
+    "data-visible": visible
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sticky-nav__wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sticky-nav__links"
+  }, /*#__PURE__*/_react.default.createElement(NavItem, {
+    label: "home",
+    link: homePath,
+    text: siteTitle
+  }), /*#__PURE__*/_react.default.createElement(NavItem, {
+    label: "typefaces",
+    link: typefacesPath,
+    text: "Typefaces"
+  }), /*#__PURE__*/_react.default.createElement(NavItem, {
+    label: "about",
+    link: aboutPath,
+    text: "About & contact"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sticky-nav__item",
+    "data-label": "cart"
+  }, /*#__PURE__*/_react.default.createElement(_CartButton.default, null))));
 }
 var _default = StickyNav;
 exports.default = _default;

package/dist/components/StoreModal/StoreModalBundleButton.d.ts

@@ -1,9 +1,9 @@
 import { RelayProp } from 'react-relay';
-import { StoreModalBundleButton_bundle } from '../../__generated__/StoreModalBundleButton_bundle.graphql';
-declare type StoreModalBundleButtonProps = {
+import { StoreModalBundleButton_bundle$data } from '../../__generated__/StoreModalBundleButton_bundle.graphql';
+type StoreModalBundleButtonProps = {
     relay: RelayProp;
-    bundle: StoreModalBundleButton_bundle;
+    bundle: StoreModalBundleButton_bundle$data;
     onSelectSku: (skuId: string, selected: boolean) => void;
 };
-declare const _default: import("react-relay").Container<StoreModalBundleButtonProps>;
+declare const _default: import("react-relay").Container<Omit<StoreModalBundleButtonProps, "relay">>;
 export default _default;

package/dist/components/StoreModal/StoreModalCart.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
 var _CartItem = _interopRequireDefault(require("../Cart/CartItem"));
@@ -17,28 +17,24 @@ var _EmptyCart = _interopRequireDefault(require("../elements/EmptyCart"));
 var _utils = require("../Cart/utils");
 var _StoreModalCartQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const StoreModalCart = _ref => {
   var _order$stripePaymentM, _order$orderItems;
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalCartQuery !== void 0 ? _StoreModalCartQuery : (_StoreModalCartQuery = require("../../__generated__/StoreModalCartQuery.graphql"), _StoreModalCartQuery.hash && _StoreModalCartQuery.hash !== "a76f4be622be27352ef69f7285573ef9" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery), prepared.cartQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalCartQuery !== void 0 ? _StoreModalCartQuery : (_StoreModalCartQuery = require("../../__generated__/StoreModalCartQuery.graphql"), _StoreModalCartQuery.hash && _StoreModalCartQuery.hash !== "d8eb512ecafe17d7045dd947b097baed" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery), prepared.cartQuery);
   const dispatch = (0, _reactRedux.useDispatch)();
   const order = data.viewer.currentOrder;
   const canSkipCheckout = Boolean(order === null || order === void 0 ? void 0 : (_order$stripePaymentM = order.stripePaymentMethod) === null || _order$stripePaymentM === void 0 ? void 0 : _order$stripePaymentM.id);
   const checkoutEnabled = (0, _utils.textVariablesAllHaveText)(order);
   const orderHasItems = ((order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.length) ?? 0) > 0;
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    title: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, "Your cart", !orderHasItems && ' is empty'),
     body: order && orderHasItems ? /*#__PURE__*/_react.default.createElement(_CartState.default, {
       order: order
     }, _ref2 => {
       var _order$orderItems2;
       let {
         onUpdateOrder,
-        onSubmitCoupon,
         onRemoveDiscount
       } = _ref2;
       return /*#__PURE__*/_react.default.createElement(_StoreModalCartLayout.default, {
@@ -55,9 +51,7 @@ const StoreModalCart = _ref => {
           onChange: onUpdateOrder
         })),
         couponCodeInput: !(order && order.discount) && /*#__PURE__*/_react.default.createElement(_CouponCodeInput.default, {
-          order: order,
-          viewer: data.viewer,
-          onSubmitCoupon: onSubmitCoupon
+          viewer: data.viewer
         }),
         totals: /*#__PURE__*/_react.default.createElement(_CartTotals.default, {
           order: order,

package/dist/components/StoreModal/StoreModalCheckout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type StoreModalCheckoutProps = {
+type StoreModalCheckoutProps = {
     prepared: any;
 };
 declare const StoreModalCheckout: React.FunctionComponent<StoreModalCheckoutProps>;

package/dist/components/StoreModal/StoreModalContainer.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const StoreModalContainer: React.FC;
+interface StoreModalContainer_props {
+    children: React.ReactNode;
+}
+declare const StoreModalContainer: ({ children }: StoreModalContainer_props) => React.JSX.Element;
 export default StoreModalContainer;

package/dist/components/StoreModal/StoreModalContainer.js

@@ -44,7 +44,8 @@ const StoreModalContainer = _ref => {
   } = _ref;
   const data = (0, _reactRelay.useLazyLoadQuery)(_StoreModalContainerQuery !== void 0 ? _StoreModalContainerQuery : (_StoreModalContainerQuery = require("../../__generated__/StoreModalContainerQuery.graphql"), _StoreModalContainerQuery.hash && _StoreModalContainerQuery.hash !== "67cf3b7a14c2b8ff47a8138e0f234624" && console.error("The definition of 'StoreModalContainerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalContainerQuery), {});
   const dispatch = (0, _reactRedux.useDispatch)();
-  const showCartButton = (((_currentOrder = data.viewer.currentOrder) === null || _currentOrder === void 0 ? void 0 : (_currentOrder$orderIt = _currentOrder.orderItems) === null || _currentOrder$orderIt === void 0 ? void 0 : _currentOrder$orderIt.length) ?? 0) > 0;
+  const orderItemCount = ((_currentOrder = data.viewer.currentOrder) === null || _currentOrder === void 0 ? void 0 : (_currentOrder$orderIt = _currentOrder.orderItems) === null || _currentOrder$orderIt === void 0 ? void 0 : _currentOrder$orderIt.length) ?? 0;
+  const showCartButton = orderItemCount > 0;
   const handleClose = (0, _react.useCallback)(() => {
     dispatch({
       type: 'CLOSE_CART'
@@ -90,6 +91,7 @@ const StoreModalContainer = _ref => {
     onClickBack: handleBack,
     onClickCart: handleCart,
     showCartButton: showCartButton,
+    orderItemCount: orderItemCount,
     uiFontUrl: (_settings = data.viewer.settings) === null || _settings === void 0 ? void 0 : _settings.uiFontUrl,
     uiFontName: (_settings2 = data.viewer.settings) === null || _settings2 === void 0 ? void 0 : _settings2.uiFontName
   }, {

package/dist/components/StoreModal/StoreModalDownload.d.ts

@@ -1,8 +1,8 @@
 import { RelayRefetchProp } from 'react-relay';
-import { StoreModalDownload_order } from '../../__generated__/StoreModalDownload_order.graphql';
+import { StoreModalDownload_order$data } from '../../__generated__/StoreModalDownload_order.graphql';
 interface StoreModalDownload_props {
-    order: StoreModalDownload_order;
+    order: StoreModalDownload_order$data;
     relay: RelayRefetchProp;
 }
-declare const _default: import("react-relay").Container<StoreModalDownload_props>;
+declare const _default: import("react-relay").Container<Omit<StoreModalDownload_props, "relay">>;
 export default _default;

package/dist/components/StoreModal/StoreModalDownload.js

@@ -25,7 +25,6 @@ const StoreModalDownload = _ref => {
     });
   }, 2000);
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    title: 'Download',
     body: /*#__PURE__*/_react.default.createElement(_StoreModalDownloadLayout.default, {
       archiveUrl: order.archiveUrl
     }, {

package/dist/components/StoreModal/StoreModalFamily.d.ts

@@ -1,7 +1,7 @@
-import { StoreModalFamily_collection } from '../../__generated__/StoreModalFamily_collection.graphql';
+import { StoreModalFamily_collection$data } from '../../__generated__/StoreModalFamily_collection.graphql';
 interface StoreModalFamilyProps {
-    collection: StoreModalFamily_collection;
+    collection: StoreModalFamily_collection$data;
     onSelect: (skuId: string, selected: boolean) => void;
 }
-declare const _default: import("react-relay").Container<StoreModalFamilyProps>;
+declare const _default: import("react-relay").Container<Omit<StoreModalFamilyProps, "relay">>;
 export default _default;

package/dist/components/StoreModal/StoreModalFamilyButton.d.ts

@@ -1,9 +1,9 @@
 import { RelayProp } from 'react-relay';
-import { StoreModalFamilyButton_collection } from '../../__generated__/StoreModalFamilyButton_collection.graphql';
+import { StoreModalFamilyButton_collection$data } from '../../__generated__/StoreModalFamilyButton_collection.graphql';
 interface FamilyButtonProps {
     relay: RelayProp;
-    collection: StoreModalFamilyButton_collection;
+    collection: StoreModalFamilyButton_collection$data;
     onSelectSku: (skuId: string, selected: boolean) => void;
 }
-declare const _default: import("react-relay").Container<FamilyButtonProps>;
+declare const _default: import("react-relay").Container<Omit<FamilyButtonProps, "relay">>;
 export default _default;

package/dist/components/StoreModal/StoreModalIndex.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PreloadedQuery } from 'react-relay';
 import { StoreModalIndexQuery } from '__generated__/StoreModalIndexQuery.graphql';
 interface StoreModalIndexProps {
@@ -6,5 +6,5 @@ interface StoreModalIndexProps {
         indexQuery: PreloadedQuery<StoreModalIndexQuery>;
     };
 }
-declare const StoreModalIndex: ({ prepared }: StoreModalIndexProps) => JSX.Element;
+declare const StoreModalIndex: ({ prepared }: StoreModalIndexProps) => React.JSX.Element;
 export default StoreModalIndex;

package/dist/components/StoreModal/StoreModalIndex.js

@@ -15,11 +15,10 @@ const StoreModalIndex = _ref => {
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalIndexQuery !== void 0 ? _StoreModalIndexQuery : (_StoreModalIndexQuery = require("../../__generated__/StoreModalIndexQuery.graphql"), _StoreModalIndexQuery.hash && _StoreModalIndexQuery.hash !== "5eaa31564579fe1265790984a85d1a12" && console.error("The definition of 'StoreModalIndexQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalIndexQuery), prepared.indexQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalIndexQuery !== void 0 ? _StoreModalIndexQuery : (_StoreModalIndexQuery = require("../../__generated__/StoreModalIndexQuery.graphql"), _StoreModalIndexQuery.hash && _StoreModalIndexQuery.hash !== "300b462c41a951b4f94c4b8da7a6821f" && console.error("The definition of 'StoreModalIndexQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalIndexQuery), prepared.indexQuery);
   const viewer = data.viewer;
   const edges = (viewer === null || viewer === void 0 ? void 0 : (_viewer$rootCollectio = viewer.rootCollections) === null || _viewer$rootCollectio === void 0 ? void 0 : _viewer$rootCollectio.edges) ?? [];
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    title: 'All collections',
     body: edges.map(edge => /*#__PURE__*/_react.default.createElement(_StoreModalIndexItem.default, {
       collection: edge.node,
       key: edge.node.id

package/dist/components/StoreModal/StoreModalIndexItem.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { StoreModalIndexItem_fontCollection$key } from '__generated__/StoreModalIndexItem_fontCollection.graphql';
 interface StoreModalIndexItem_props {
     collection: StoreModalIndexItem_fontCollection$key;
 }
-declare const StoreModalIndexItem: ({ collection }: StoreModalIndexItem_props) => JSX.Element;
+declare const StoreModalIndexItem: ({ collection }: StoreModalIndexItem_props) => React.JSX.Element;
 export default StoreModalIndexItem;

package/dist/components/StoreModal/StoreModalLoader.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const StoreModalLoader: React.FC;
+interface StoreModalLoader_props {
+    children: React.ReactNode;
+}
+declare function StoreModalLoader({ children }: StoreModalLoader_props): React.JSX.Element | null;
 export default StoreModalLoader;

package/dist/components/StoreModal/StoreModalLoader.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const StoreModalLoader = _ref => {
+function StoreModalLoader(_ref) {
   let {
     children
   } = _ref;
@@ -18,6 +18,6 @@ const StoreModalLoader = _ref => {
   }, [cartOpen]);
   if (!cartOpen) return null;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
-};
+}
 var _default = StoreModalLoader;
 exports.default = _default;

package/dist/components/StoreModal/StoreModalReview.js

@@ -152,7 +152,6 @@ const StoreModalReview = _ref => {
   }
   const billingIdentity = order.billingIdentity;
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    title: 'Review & pay',
     body: /*#__PURE__*/_react.default.createElement(_StoreModalReviewLayout.default, {
       onClickSection: handleClickSection
     }, {

package/dist/components/StoreModal/StoreModalReviewIdentity.d.ts

@@ -1,6 +1,6 @@
-import { StoreModalReviewIdentity_identity } from '../../__generated__/StoreModalReviewIdentity_identity.graphql';
+import { StoreModalReviewIdentity_identity$data } from '../../__generated__/StoreModalReviewIdentity_identity.graphql';
 interface StoreModalReviewIdentity_props {
-    identity: StoreModalReviewIdentity_identity;
+    identity: StoreModalReviewIdentity_identity$data;
 }
-declare const _default: import("react-relay").Container<StoreModalReviewIdentity_props>;
+declare const _default: import("react-relay").Container<Omit<StoreModalReviewIdentity_props, "relay">>;
 export default _default;

package/dist/components/StoreModal/StoreModalStyleButton.d.ts

@@ -1,10 +1,10 @@
 import { RelayProp } from 'react-relay';
-import { StoreModalStyleButton_fontStyle } from '__generated__/StoreModalStyleButton_fontStyle.graphql';
-declare type StoreModalStyleButtonProps = {
+import { StoreModalStyleButton_fontStyle$data } from '__generated__/StoreModalStyleButton_fontStyle.graphql';
+type StoreModalStyleButtonProps = {
     relay: RelayProp;
-    fontStyle: StoreModalStyleButton_fontStyle;
+    fontStyle: StoreModalStyleButton_fontStyle$data;
     onSelectSku: (skuId: string, selected: boolean) => void;
     isVariableFont: boolean;
 };
-declare const _default: import("react-relay").Container<StoreModalStyleButtonProps>;
+declare const _default: import("react-relay").Container<Omit<StoreModalStyleButtonProps, "relay">>;
 export default _default;

package/dist/components/StoreModal/routes.d.ts

@@ -20,9 +20,9 @@ declare const routes: {
     checkout: Route<StoreModalCheckoutQuery>;
     review: Route<StoreModalReviewQuery>;
 };
-export declare type RouteConfig = typeof routes;
-declare type RouteKeys = keyof RouteConfig;
-declare type RouteValues = RouteConfig[RouteKeys];
-declare type ExtractQueries<P> = P extends Route<infer T> ? T : never;
-export declare type RouteVariables = ExtractQueries<RouteValues>['variables'];
+export type RouteConfig = typeof routes;
+type RouteKeys = keyof RouteConfig;
+type RouteValues = RouteConfig[RouteKeys];
+type ExtractQueries<P> = P extends Route<infer T> ? T : never;
+export type RouteVariables = ExtractQueries<RouteValues>['variables'];
 export default routes;

package/dist/components/StoreModal/types.d.ts

@@ -1,5 +1,5 @@
 export interface StoreModalConfig {
-    indexLayout: 'styled-aa' | 'styled-font-names';
-    indexExcludeTags: string[] | undefined;
-    productLicensesPosition: 'bottom' | 'top';
+    indexLayout?: 'styled-aa' | 'styled-font-names';
+    indexExcludeTags?: string[] | undefined;
+    productLicensesPosition?: 'bottom' | 'top';
 }

package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.d.ts

@@ -1,6 +1,6 @@
-import { StoreModalProductLicense_license } from '../../__generated__/StoreModalProductLicense_license.graphql';
+import { StoreModalProductLicense_license$data } from '../../__generated__/StoreModalProductLicense_license.graphql';
 interface StoreModalProductLicenseProps {
-    license: StoreModalProductLicense_license;
+    license: StoreModalProductLicense_license$data;
 }
-declare const _default: import("react-relay").Container<StoreModalProductLicenseProps>;
+declare const _default: import("react-relay").Container<Omit<StoreModalProductLicenseProps, "relay">>;
 export default _default;

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

@@ -1,6 +1,6 @@
-import { StoreModalProductLicenseSelection_viewer } from '../../__generated__/StoreModalProductLicenseSelection_viewer.graphql';
+import { StoreModalProductLicenseSelection_viewer$data } from '../../__generated__/StoreModalProductLicenseSelection_viewer.graphql';
 interface StoreModalProductLicenseSelectionProps {
-    viewer: StoreModalProductLicenseSelection_viewer;
+    viewer: StoreModalProductLicenseSelection_viewer$data;
 }
-declare const _default: import("react-relay").Container<StoreModalProductLicenseSelectionProps>;
+declare const _default: import("react-relay").Container<Omit<StoreModalProductLicenseSelectionProps, "relay">>;
 export default _default;

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

@@ -1,8 +1,8 @@
 import { RelayRefetchProp } from 'react-relay';
-import { StoreModalProductSummary_viewer } from '../../__generated__/StoreModalProductSummary_viewer.graphql';
+import { StoreModalProductSummary_viewer$data } from '../../__generated__/StoreModalProductSummary_viewer.graphql';
 interface StoreModalProductSummaryProps {
-    viewer: StoreModalProductSummary_viewer;
+    viewer: StoreModalProductSummary_viewer$data;
     relay: RelayRefetchProp;
 }
-declare const _default: import("react-relay").Container<StoreModalProductSummaryProps>;
+declare const _default: import("react-relay").Container<Omit<StoreModalProductSummaryProps, "relay">>;
 export default _default;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { StripeProvider_viewer$key } from '../../__generated__/StripeProvider_viewer.graphql';
 interface StripeProvider_props {
     viewer: StripeProvider_viewer$key;
     children: JSX.Element;
     requireClientSecret?: boolean;
 }
-declare const StripeProvider: ({ viewer, children, requireClientSecret, }: StripeProvider_props) => JSX.Element;
+declare const StripeProvider: ({ viewer, children, requireClientSecret, }: StripeProvider_props) => React.JSX.Element;
 export default StripeProvider;

package/dist/components/TestFontsForm/TestFontsFormElement.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 interface TestFontsFormElement_props {
     agreementLabel?: string;
     downloadLabel?: string;
     newsletterCheckboxChecked?: string;
 }
-declare const TestFontsFormElement: (props: TestFontsFormElement_props) => JSX.Element;
+declare const TestFontsFormElement: (props: TestFontsFormElement_props) => React.JSX.Element;
 export default TestFontsFormElement;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-interface TestFontsFormFetcher_props {
+interface TestFontsForm_props {
     agreementLabel?: string;
     downloadLabel?: string;
     newsletterCheckboxChecked?: boolean;
 }
-declare const TestFontsFormFetcher: React.FC<TestFontsFormFetcher_props>;
-export default TestFontsFormFetcher;
+declare const TestFontsForm: ({ agreementLabel, downloadLabel, newsletterCheckboxChecked, }: TestFontsForm_props) => React.JSX.Element | null;
+export default TestFontsForm;