fontdue-js 2.0.0-alpha5 → 2.0.0-alpha7

package/dist/components/CartButton/index.js

@@ -4,12 +4,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.CartButtonPreloadedQueryRenderer = CartButtonPreloadedQueryRenderer;
+exports.default = CartButton;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _reactRelay = require("react-relay");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _Icons = require("../Icons");
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _CartButton_order, _CartButtonQuery;
 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); }
@@ -26,7 +28,7 @@ const cartButtonCount = order => {
 const openCart = () => ({
   type: 'OPEN_CART'
 });
-const CartButton = _ref => {
+function CartButtonComponent(_ref) {
   let {
     label,
     buttonStyle,
@@ -65,13 +67,24 @@ const CartButton = _ref => {
   }, children ? children : buttonStyle === 'icon' ? /*#__PURE__*/_react.default.createElement(_Icons.CartNew, null) : /*#__PURE__*/_react.default.createElement("span", {
     className: "cart-button__label"
   }, label || 'Cart')));
-};
-const CartButtonQueryRenderer = params => {
+}
+const query = _CartButtonQuery !== void 0 ? _CartButtonQuery : (_CartButtonQuery = require("../../__generated__/CartButtonQuery.graphql"), _CartButtonQuery.hash && _CartButtonQuery.hash !== "5c0da5849bf1215a9d1f264831830f71" && console.error("The definition of 'CartButtonQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButtonQuery);
+function CartButtonPreloadedQueryRenderer(_ref2) {
   var _data$viewer;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_CartButtonQuery !== void 0 ? _CartButtonQuery : (_CartButtonQuery = require("../../__generated__/CartButtonQuery.graphql"), _CartButtonQuery.hash && _CartButtonQuery.hash !== "5c0da5849bf1215a9d1f264831830f71" && console.error("The definition of 'CartButtonQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButtonQuery), {});
-  return /*#__PURE__*/_react.default.createElement(CartButton, _extends({}, params, {
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref2;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
+  return /*#__PURE__*/_react.default.createElement(CartButtonComponent, _extends({}, rest, {
     order: ((_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : _data$viewer.currentOrder) ?? null
   }));
-};
-var _default = CartButtonQueryRenderer;
-exports.default = _default;
+}
+function CartButton(props) {
+  var _data$viewer2;
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  return /*#__PURE__*/_react.default.createElement(CartButtonComponent, _extends({}, props, {
+    order: ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : _data$viewer2.currentOrder) ?? null
+  }));
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CartButton_props } from './index';
+export default function CartButton(props: CartButton_props): Promise<React.JSX.Element>;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CartButton;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _CartButtonQuery = _interopRequireDefault(require("../../__generated__/CartButtonQuery.graphql"));
+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); }
+async function CartButton(props) {
+  const preloadedQuery = await (0, _loadSerializableQuery.default)(_CartButtonQuery.default, {});
+  return /*#__PURE__*/_react.default.createElement(_index.CartButtonPreloadedQueryRenderer, _extends({
+    preloadedQuery: preloadedQuery
+  }, props));
+}

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

@@ -1,7 +1,15 @@
 import React from 'react';
-interface CharacterViewer_props {
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { CharacterViewerIDQuery } from '__generated__/CharacterViewerIDQuery.graphql';
+import { CharacterViewerSlugQuery } from '__generated__/CharacterViewerSlugQuery.graphql';
+export interface CharacterViewer_props {
     collectionId?: string;
     collectionSlug?: string;
 }
-declare function CharacterViewerQueryRenderer({ collectionId, collectionSlug, }: CharacterViewer_props): React.JSX.Element;
-export default CharacterViewerQueryRenderer;
+export declare function CharacterViewerPreloadedIDQueryRenderer({ preloadedQuery, ...rest }: CharacterViewer_props & {
+    preloadedQuery: SerializablePreloadedQuery<CharacterViewerIDQuery>;
+}): React.JSX.Element | null;
+export declare function CharacterViewerPreloadedSlugQueryRenderer({ preloadedQuery, ...rest }: CharacterViewer_props & {
+    preloadedQuery: SerializablePreloadedQuery<CharacterViewerSlugQuery>;
+}): React.JSX.Element | null;
+export default function CharacterViewer({ collectionId, collectionSlug, }: CharacterViewer_props): React.JSX.Element;

package/dist/components/CharacterViewer/index.js

@@ -4,7 +4,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.CharacterViewerPreloadedIDQueryRenderer = CharacterViewerPreloadedIDQueryRenderer;
+exports.CharacterViewerPreloadedSlugQueryRenderer = CharacterViewerPreloadedSlugQueryRenderer;
+exports.default = CharacterViewer;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _resizeObserver = _interopRequireDefault(require("@react-hook/resize-observer"));
@@ -12,10 +14,12 @@ var _utils = require("../../utils");
 var _Select = _interopRequireDefault(require("../Select"));
 var _useFontStyle = _interopRequireDefault(require("../useFontStyle"));
 var _Stylesheet = _interopRequireDefault(require("../Stylesheet"));
-var _CharacterViewer_family, _CharacterViewer_collection, _CharacterViewer_Query, _CharacterViewer_SlugQuery;
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
+var _CharacterViewer_collection, _CharacterViewer_family, _CharacterViewerIDQuery, _CharacterViewerSlugQuery;
 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; }
+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); }
 function useSize() {
   const ref = (0, _react.useRef)(null);
   const [size, setSize] = _react.default.useState();
@@ -99,11 +103,12 @@ const StyleSelect = _ref => {
     onChange: handleChange
   });
 };
-const CharacterViewerComponent = _ref3 => {
-  var _collection$children, _collection$fontStyle, _collection$children2, _collection$children3, _collection$children4, _fontStyle$characterB, _fontStyle$characterB2, _fontStyle$featureCha, _fontStyle$featureCha2, _fontStyle$featureCha3, _fontStyle$featureCha4, _fontStyle$characterB3, _fontStyle$featureCha5, _fontStyle$featureCha6;
+function CharacterViewerComponent(_ref3) {
+  var _collection$children, _collection$fontStyle, _collection$children2, _collection$children3, _collection$children4, _fontStyle$characterB, _fontStyle$characterB2, _fontStyle$featureCha, _fontStyle$featureCha2, _fontStyle$featureCha3, _fontStyle$featureCha4, _fontStyle$featureCha5, _fontStyle$characterB3, _fontStyle$featureCha6, _fontStyle$featureCha7, _fontStyle$featureCha8;
   let {
-    collection
+    collection: collectionKey
   } = _ref3;
+  const collection = (0, _reactRelay.useFragment)(_CharacterViewer_collection !== void 0 ? _CharacterViewer_collection : (_CharacterViewer_collection = require("../../__generated__/CharacterViewer_collection.graphql"), _CharacterViewer_collection.hash && _CharacterViewer_collection.hash !== "2f49d241268129a888942889cad0bebb" && console.error("The definition of 'CharacterViewer_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_collection), collectionKey);
   const allCollections = [collectionInfo(collection)].concat(((_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.map(collectionInfo)) ?? []);
   const initialFontStyle = collection.featureStyle ?? ((_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : _collection$fontStyle[0]) ?? ((_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : (_collection$children3 = _collection$children2[0]) === null || _collection$children3 === void 0 ? void 0 : (_collection$children4 = _collection$children3.fontStyles) === null || _collection$children4 === void 0 ? void 0 : _collection$children4[0]);
   let initialVariableSettings;
@@ -158,6 +163,12 @@ const CharacterViewerComponent = _ref3 => {
     width: featureMonitorWidth
   } = useSize();
   if (!fontStyle) return null;
+  const characterVariants = (_fontStyle$featureCha5 = fontStyle.featureCharacters) === null || _fontStyle$featureCha5 === void 0 ? void 0 : _fontStyle$featureCha5.filter(_ref4 => {
+    let {
+      feature
+    } = _ref4;
+    return feature.startsWith('cv');
+  });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "character-viewer"
   }, allCollections.filter(coll => coll.collectionType === 'family').map(coll => /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
@@ -193,11 +204,11 @@ const CharacterViewerComponent = _ref3 => {
     style: {
       '--width': blocksWidth
     }
-  }, (_fontStyle$characterB3 = fontStyle.characterBlocks) === null || _fontStyle$characterB3 === void 0 ? void 0 : _fontStyle$characterB3.map((_ref4, i) => {
+  }, (_fontStyle$characterB3 = fontStyle.characterBlocks) === null || _fontStyle$characterB3 === void 0 ? void 0 : _fontStyle$characterB3.map((_ref5, i) => {
     let {
       name,
       characters
-    } = _ref4;
+    } = _ref5;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "character-viewer__block",
       key: i
@@ -213,7 +224,7 @@ const CharacterViewerComponent = _ref3 => {
       onMouseEnter: () => setActiveCharacter(chars),
       "data-selected": selectedCharacter === chars
     }, chars))));
-  }))), (_fontStyle$featureCha5 = fontStyle.featureCharacters) !== null && _fontStyle$featureCha5 !== void 0 && _fontStyle$featureCha5.length ? /*#__PURE__*/_react.default.createElement("div", {
+  }))), (_fontStyle$featureCha6 = fontStyle.featureCharacters) !== null && _fontStyle$featureCha6 !== void 0 && _fontStyle$featureCha6.length ? /*#__PURE__*/_react.default.createElement("div", {
     className: "character-viewer__features-map"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "character-viewer__feature-monitor"
@@ -265,12 +276,17 @@ const CharacterViewerComponent = _ref3 => {
     style: {
       '--width': blocksWidth
     }
-  }, (_fontStyle$featureCha6 = fontStyle.featureCharacters) === null || _fontStyle$featureCha6 === void 0 ? void 0 : _fontStyle$featureCha6.map((_ref5, i) => {
+  }, (_fontStyle$featureCha7 = fontStyle.featureCharacters) === null || _fontStyle$featureCha7 === void 0 ? void 0 : (_fontStyle$featureCha8 = _fontStyle$featureCha7.filter(_ref6 => {
+    let {
+      feature
+    } = _ref6;
+    return !feature.startsWith('cv');
+  })) === null || _fontStyle$featureCha8 === void 0 ? void 0 : _fontStyle$featureCha8.map((_ref7, i) => {
     let {
       name,
       feature,
       characters
-    } = _ref5;
+    } = _ref7;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "character-viewer__block",
       key: i
@@ -289,43 +305,92 @@ const CharacterViewerComponent = _ref3 => {
       onMouseEnter: () => setActiveFeatureCharacter([chars, feature]),
       "data-selected": (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[0]) === chars && (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[1]) === feature
     }, chars))));
-  }))) : null);
-};
+  }), characterVariants !== null && characterVariants !== void 0 && characterVariants.length ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block",
+    key: "cv"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block__name"
+  }, "Character Variants"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block__characters",
+    style: {
+      ...style
+    },
+    onMouseLeave: handleFeatureCharacterMouseLeave
+  }, characterVariants.flatMap((_ref8, i) => {
+    let {
+      feature,
+      characters
+    } = _ref8;
+    return characters.map((chars, j) => /*#__PURE__*/_react.default.createElement("div", {
+      key: `${i}${j}`,
+      style: {
+        fontFeatureSettings: `'${feature}' 1`
+      },
+      onClick: () => setSelectedFeatureCharacter([chars, feature]),
+      onMouseEnter: () => setActiveFeatureCharacter([chars, feature]),
+      "data-selected": (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[0]) === chars && (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[1]) === feature
+    }, chars));
+  }))) : null)) : null);
+}
 _CharacterViewer_family !== void 0 ? _CharacterViewer_family : (_CharacterViewer_family = require("../../__generated__/CharacterViewer_family.graphql"), _CharacterViewer_family.hash && _CharacterViewer_family.hash !== "5f4b83f16d13a07812c8dcb035fbf47c" && console.error("The definition of 'CharacterViewer_family' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_family);
-const CharacterViewer = (0, _reactRelay.createFragmentContainer)(CharacterViewerComponent, {
-  collection: _CharacterViewer_collection !== void 0 ? _CharacterViewer_collection : (_CharacterViewer_collection = require("../../__generated__/CharacterViewer_collection.graphql"), _CharacterViewer_collection.hash && _CharacterViewer_collection.hash !== "2f49d241268129a888942889cad0bebb" && console.error("The definition of 'CharacterViewer_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_collection)
-});
-function CharacterViewerIdQueryRenderer(_ref6) {
+const idQuery = _CharacterViewerIDQuery !== void 0 ? _CharacterViewerIDQuery : (_CharacterViewerIDQuery = require("../../__generated__/CharacterViewerIDQuery.graphql"), _CharacterViewerIDQuery.hash && _CharacterViewerIDQuery.hash !== "f90b09a4df6d95307b0a5d5fda487cdc" && console.error("The definition of 'CharacterViewerIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewerIDQuery);
+function CharacterViewerIdQueryRenderer(_ref9) {
   let {
     collectionId
-  } = _ref6;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_CharacterViewer_Query !== void 0 ? _CharacterViewer_Query : (_CharacterViewer_Query = require("../../__generated__/CharacterViewer_Query.graphql"), _CharacterViewer_Query.hash && _CharacterViewer_Query.hash !== "10b58f0e5e086adbcd2a0d4cd44c442c" && console.error("The definition of 'CharacterViewer_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_Query), {
+  } = _ref9;
+  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
     collectionId
   });
   if (!data.node) return null;
-  return /*#__PURE__*/_react.default.createElement(CharacterViewer, {
+  return /*#__PURE__*/_react.default.createElement(CharacterViewerComponent, {
     collection: data.node
   });
 }
-function CharacterViewerSlugQueryRenderer(_ref7) {
+function CharacterViewerPreloadedIDQueryRenderer(_ref10) {
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref10;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
+  if (!data.node) return null;
+  return /*#__PURE__*/_react.default.createElement(CharacterViewerComponent, _extends({}, rest, {
+    collection: data.node
+  }));
+}
+function CharacterViewerSlugQueryRenderer(_ref11) {
   var _data$viewer, _data$viewer$slug;
   let {
     collectionSlug
-  } = _ref7;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_CharacterViewer_SlugQuery !== void 0 ? _CharacterViewer_SlugQuery : (_CharacterViewer_SlugQuery = require("../../__generated__/CharacterViewer_SlugQuery.graphql"), _CharacterViewer_SlugQuery.hash && _CharacterViewer_SlugQuery.hash !== "de903e7c2640562aee374a900e089c9c" && console.error("The definition of 'CharacterViewer_SlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_SlugQuery), {
+  } = _ref11;
+  const data = (0, _reactRelay.useLazyLoadQuery)(_CharacterViewerSlugQuery !== void 0 ? _CharacterViewerSlugQuery : (_CharacterViewerSlugQuery = require("../../__generated__/CharacterViewerSlugQuery.graphql"), _CharacterViewerSlugQuery.hash && _CharacterViewerSlugQuery.hash !== "afa08a8f050e0434308892fea6e3c267" && console.error("The definition of 'CharacterViewerSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewerSlugQuery), {
     collectionSlug
   });
   const collection = data === null || data === void 0 ? void 0 : (_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.fontCollection;
   if (!collection) return null;
-  return /*#__PURE__*/_react.default.createElement(CharacterViewer, {
+  return /*#__PURE__*/_react.default.createElement(CharacterViewerComponent, {
     collection: collection
   });
 }
-function CharacterViewerQueryRenderer(_ref8) {
+function CharacterViewerPreloadedSlugQueryRenderer(_ref12) {
+  var _data$viewer2, _data$viewer2$slug;
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref12;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
+  const collection = data === null || data === void 0 ? void 0 : (_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.fontCollection;
+  if (!collection) return null;
+  return /*#__PURE__*/_react.default.createElement(CharacterViewerComponent, _extends({}, rest, {
+    collection: collection
+  }));
+}
+function CharacterViewer(_ref13) {
   let {
     collectionId,
     collectionSlug
-  } = _ref8;
+  } = _ref13;
   if (collectionId) {
     return /*#__PURE__*/_react.default.createElement(CharacterViewerIdQueryRenderer, {
       collectionId: collectionId
@@ -337,6 +402,4 @@ function CharacterViewerQueryRenderer(_ref8) {
     });
   }
   throw new Error('CharacterViewer expected either a collectionId or collectionSlug prop');
-}
-var _default = CharacterViewerQueryRenderer;
-exports.default = _default;
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CharacterViewer_props } from './index';
+export default function CharacterViewer({ collectionId, collectionSlug, ...rest }: CharacterViewer_props): Promise<React.JSX.Element | null>;

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CharacterViewer;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _CharacterViewerIDQuery = _interopRequireDefault(require("../../__generated__/CharacterViewerIDQuery.graphql"));
+var _CharacterViewerSlugQuery = _interopRequireDefault(require("../../__generated__/CharacterViewerSlugQuery.graphql"));
+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); }
+async function CharacterViewer(_ref) {
+  let {
+    collectionId,
+    collectionSlug,
+    ...rest
+  } = _ref;
+  if (collectionId) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_CharacterViewerIDQuery.default, {
+      collectionId
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.CharacterViewerPreloadedIDQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  if (collectionSlug) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_CharacterViewerSlugQuery.default, {
+      collectionSlug
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.CharacterViewerPreloadedSlugQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  return null;
+}

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

@@ -1,7 +1,8 @@
-import { CouponText_coupon$data } from '__generated__/CouponText_coupon.graphql';
+import React from 'react';
+import { CouponText_coupon$key } from '__generated__/CouponText_coupon.graphql';
 interface CouponText_props {
-    coupon: CouponText_coupon$data;
+    coupon: CouponText_coupon$key;
     subtract?: number;
 }
-declare const _default: import("react-relay").Container<Omit<CouponText_props, "relay">>;
-export default _default;
+export default function CouponText({ coupon: couponKey, subtract, }: CouponText_props): React.JSX.Element | null;
+export {};

package/dist/components/CouponText/index.js

@@ -3,18 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = CouponText;
 var _reactRelay = require("react-relay");
 var _react = _interopRequireWildcard(require("react"));
 var _Price = require("../Price");
 var _CouponText_coupon;
 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 CouponText = _ref => {
+function CouponText(_ref) {
   let {
-    coupon,
+    coupon: couponKey,
     subtract = 0
   } = _ref;
+  const coupon = (0, _reactRelay.useFragment)(_CouponText_coupon !== void 0 ? _CouponText_coupon : (_CouponText_coupon = require("../../__generated__/CouponText_coupon.graphql"), _CouponText_coupon.hash && _CouponText_coupon.hash !== "1d8116645b5f96a820af21db9e15f375" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon), couponKey);
   if (coupon.type === 'credit') {
     const amountRemaining = {
       ...coupon.creditAmountRemaining,
@@ -29,8 +30,4 @@ const CouponText = _ref => {
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, `${coupon.percentAmount}% off`);
   }
   return null;
-};
-var _default = (0, _reactRelay.createFragmentContainer)(CouponText, {
-  coupon: _CouponText_coupon !== void 0 ? _CouponText_coupon : (_CouponText_coupon = require("../../__generated__/CouponText_coupon.graphql"), _CouponText_coupon.hash && _CouponText_coupon.hash !== "1d8116645b5f96a820af21db9e15f375" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon)
-});
-exports.default = _default;
+}

package/dist/components/Family/FamilyList.d.ts

@@ -1,7 +1,8 @@
-import { FamilyList_node$data } from '__generated__/FamilyList_node.graphql';
+import React from 'react';
+import { FamilyList_node$key } from '__generated__/FamilyList_node.graphql';
 interface FamilyList_props {
-    node: FamilyList_node$data;
+    node: FamilyList_node$key;
     text?: string;
 }
-declare const _default: import("react-relay").Container<Omit<FamilyList_props, "relay">>;
-export default _default;
+export default function FamilyList({ node: nodeKey, text }: FamilyList_props): React.JSX.Element;
+export {};

package/dist/components/Family/FamilyList.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = FamilyList;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _FontStyle = _interopRequireDefault(require("../FontStyle"));
@@ -13,12 +13,13 @@ const styleName = (normal, localized) => {
   if (normal === localized) return normal;
   return `${normal} ${localized}`;
 };
-const FamilyList = _ref => {
+function FamilyList(_ref) {
   var _node$fontStyles;
   let {
-    node,
+    node: nodeKey,
     text
   } = _ref;
+  const node = (0, _reactRelay.useFragment)(_FamilyList_node !== void 0 ? _FamilyList_node : (_FamilyList_node = require("../../__generated__/FamilyList_node.graphql"), _FamilyList_node.hash && _FamilyList_node.hash !== "3e59cb2493f7c235fe19c70689ca2fc6" && console.error("The definition of 'FamilyList_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FamilyList_node), nodeKey);
   return /*#__PURE__*/_react.default.createElement("ul", {
     className: "font-family-block__list",
     style: {
@@ -30,8 +31,4 @@ const FamilyList = _ref => {
     key: i,
     className: "font-family-block__list__item"
   }, /*#__PURE__*/_react.default.createElement("span", null, text || styleName(style.name, style.name_localized), " "))));
-};
-var _default = (0, _reactRelay.createFragmentContainer)(FamilyList, {
-  node: _FamilyList_node !== void 0 ? _FamilyList_node : (_FamilyList_node = require("../../__generated__/FamilyList_node.graphql"), _FamilyList_node.hash && _FamilyList_node.hash !== "3e59cb2493f7c235fe19c70689ca2fc6" && console.error("The definition of 'FamilyList_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FamilyList_node)
-});
-exports.default = _default;
+}

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

@@ -1,7 +1,8 @@
-import { Family_node$data } from '__generated__/Family_node.graphql';
+import React from 'react';
+import { Family_node$key } from '__generated__/Family_node.graphql';
 interface FamilyBase_props {
-    node: Family_node$data;
+    node: Family_node$key;
     size?: string;
 }
-declare const Family: import("react-relay").Container<Omit<FamilyBase_props, "relay">>;
-export default Family;
+export default function Family({ node: nodeKey, size }: FamilyBase_props): React.JSX.Element;
+export {};

package/dist/components/Family/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = Family;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -17,12 +17,13 @@ var _Family_node;
 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 FamilyBase = _ref => {
+function Family(_ref) {
   var _node$families;
   let {
-    node,
+    node: nodeKey,
     size
   } = _ref;
+  const node = (0, _reactRelay.useFragment)(_Family_node !== void 0 ? _Family_node : (_Family_node = require("../../__generated__/Family_node.graphql"), _Family_node.hash && _Family_node.hash !== "b51af1e6bc979d5219f04c848dc3d76d" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node), nodeKey);
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const selector = node.sku ? (0, _reducer.isSelected)(node.sku.id) : () => false;
   const selected = (0, _reactRedux.useSelector)(selector);
@@ -72,9 +73,4 @@ const FamilyBase = _ref => {
   }) : /*#__PURE__*/_react.default.createElement(_FamilyList.default, {
     node: node
   }))));
-};
-const Family = (0, _reactRelay.createFragmentContainer)(FamilyBase, {
-  node: _Family_node !== void 0 ? _Family_node : (_Family_node = require("../../__generated__/Family_node.graphql"), _Family_node.hash && _Family_node.hash !== "b51af1e6bc979d5219f04c848dc3d76d" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node)
-});
-var _default = Family;
-exports.default = _default;
+}

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

@@ -1,9 +1,7 @@
 import React from 'react';
-import { RelayProp } from 'react-relay';
-import { FontStyle_fontStyle$data } from '../../__generated__/FontStyle_fontStyle.graphql';
+import { FontStyle_fontStyle$key } from '../../__generated__/FontStyle_fontStyle.graphql';
 interface FontStyleProps {
-    fontStyle: FontStyle_fontStyle$data;
-    relay: RelayProp;
+    fontStyle: FontStyle_fontStyle$key;
     Component?: 'div' | 'span' | 'li';
     style?: React.CSSProperties;
     children: ((props: {
@@ -11,5 +9,5 @@ interface FontStyleProps {
         style: React.CSSProperties;
     }) => React.ReactNode) | React.ReactNode;
 }
-declare const _default: import("react-relay").Container<Omit<Omit<React.HTMLAttributes<HTMLDivElement | HTMLSpanElement>, "children"> & FontStyleProps, "relay">>;
-export default _default;
+export default function FontStyle({ Component, fontStyle: fontStyleKey, style, children, ...rest }: Omit<React.HTMLAttributes<HTMLDivElement | HTMLSpanElement>, 'children'> & FontStyleProps): JSX.Element;
+export {};

package/dist/components/FontStyle/index.js

@@ -3,22 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = FontStyle;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _useFontStyle = _interopRequireDefault(require("../useFontStyle"));
 var _FontStyle_fontStyle;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const FontStyle = _ref => {
+function FontStyle(_ref) {
   let {
     Component = 'div',
-    fontStyle,
+    fontStyle: fontStyleKey,
     style,
     children,
-    relay,
-    // eslint-disable-line
     ...rest
   } = _ref;
+  const fontStyle = (0, _reactRelay.useFragment)(_FontStyle_fontStyle !== void 0 ? _FontStyle_fontStyle : (_FontStyle_fontStyle = require("../../__generated__/FontStyle_fontStyle.graphql"), _FontStyle_fontStyle.hash && _FontStyle_fontStyle.hash !== "c745ef2ecf5b7f3d0793bea2024d1e69" && console.error("The definition of 'FontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontStyle_fontStyle), fontStyleKey);
   const {
     cssFamily,
     name
@@ -42,8 +41,4 @@ const FontStyle = _ref => {
     loaded,
     style: fontStyleStyle
   }) : children);
-};
-var _default = (0, _reactRelay.createFragmentContainer)(FontStyle, {
-  fontStyle: _FontStyle_fontStyle !== void 0 ? _FontStyle_fontStyle : (_FontStyle_fontStyle = require("../../__generated__/FontStyle_fontStyle.graphql"), _FontStyle_fontStyle.hash && _FontStyle_fontStyle.hash !== "c745ef2ecf5b7f3d0793bea2024d1e69" && console.error("The definition of 'FontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontStyle_fontStyle)
-});
-exports.default = _default;
+}

package/dist/components/FontdueProvider/FontdueProviderClientComponent.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Store } from 'redux';
+import { Config } from '../ConfigContext';
+import { FontdueAction, FontdueState } from '../../reducer';
+import { Components } from '../ComponentsContext';
+export interface FontdueProvider_props {
+    children?: React.ReactNode;
+    url: string;
+    stripeIntegration?: 'payment-element' | 'card-element';
+    config?: Config;
+    components?: Components;
+    store?: Store<FontdueState, FontdueAction>;
+}
+export default function FontdueProviderClientComponent({ children, url, stripeIntegration, config, components, store, }: FontdueProvider_props): React.JSX.Element;