fontdue-js 2.0.0-alpha5 → 2.0.0-alpha6

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/SelectButton/index.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-import { RelayProp } from 'react-relay';
-import { SelectButton_sku$data } from '__generated__/SelectButton_sku.graphql';
+import { SelectButton_moduleProps } from '../ComponentsContext';
+import { SelectButton_sku$key } from '__generated__/SelectButton_sku.graphql';
 interface SelectButton_props {
-    relay: RelayProp;
     productId: string;
-    sku: SelectButton_sku$data;
+    sku: SelectButton_sku$key;
 }
-declare const _default: import("react-relay").Container<Omit<SelectButton_props & React.HTMLAttributes<HTMLButtonElement>, "relay">>;
-export default _default;
+export default function SelectButton({ productId, sku: skuKey, ...rest }: SelectButton_props & SelectButton_moduleProps['innerProps']): React.JSX.Element;
+export {};

package/dist/components/SelectButton/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = SelectButton;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -46,13 +46,13 @@ const DefaultSelectButton = _ref => {
     className: "select-button"
   }), config.selectButtonLabel);
 };
-const SelectButton = _ref2 => {
+function SelectButton(_ref2) {
   let {
-    relay,
     productId,
-    sku,
+    sku: skuKey,
     ...rest
   } = _ref2;
+  const sku = (0, _reactRelay.useFragment)(_SelectButton_sku !== void 0 ? _SelectButton_sku : (_SelectButton_sku = require("../../__generated__/SelectButton_sku.graphql"), _SelectButton_sku.hash && _SelectButton_sku.hash !== "f4052dc18c36cb8486c8ac985820a108" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku), skuKey);
   const dispatch = (0, _reactRedux.useDispatch)();
   const components = (0, _react.useContext)(_ComponentsContext.default);
   const ButtonComponent = components.SelectButton || DefaultSelectButton;
@@ -78,8 +78,4 @@ const SelectButton = _ref2 => {
       sku: sku
     }))
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(SelectButton, {
-  sku: _SelectButton_sku !== void 0 ? _SelectButton_sku : (_SelectButton_sku = require("../../__generated__/SelectButton_sku.graphql"), _SelectButton_sku.hash && _SelectButton_sku.hash !== "f4052dc18c36cb8486c8ac985820a108" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku)
-});
-exports.default = _default;
+}

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

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

package/dist/components/StoreModal/StoreModalBundleButton.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = StoreModalBundleButton;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -16,15 +16,16 @@ var _StoreModalBundleButton_bundle;
 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 THIN_SPACE = '\u2009';
-const StoreModalBundleButton = _ref => {
+function StoreModalBundleButton(_ref) {
+  var _bundle$sku;
   let {
-    bundle,
+    bundle: bundleKey,
     onSelectSku,
-    relay,
     ...rest
   } = _ref;
+  const bundle = (0, _reactRelay.useFragment)(_StoreModalBundleButton_bundle !== void 0 ? _StoreModalBundleButton_bundle : (_StoreModalBundleButton_bundle = require("../../__generated__/StoreModalBundleButton_bundle.graphql"), _StoreModalBundleButton_bundle.hash && _StoreModalBundleButton_bundle.hash !== "ee0ac316afd75a7809c894aaa47ffbc3" && console.error("The definition of 'StoreModalBundleButton_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalBundleButton_bundle), bundleKey);
+  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)((bundle === null || bundle === void 0 ? void 0 : (_bundle$sku = bundle.sku) === null || _bundle$sku === void 0 ? void 0 : _bundle$sku.id) ?? null));
   if (!bundle.sku || !bundle.fontStyles) return null;
-  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(bundle.sku.id));
   const handleSelect = () => {
     if (!bundle.sku) return;
     onSelectSku(bundle.sku.id, !selected);
@@ -45,8 +46,4 @@ const StoreModalBundleButton = _ref => {
       showCollectionSavings: !selected
     })
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(StoreModalBundleButton, {
-  bundle: _StoreModalBundleButton_bundle !== void 0 ? _StoreModalBundleButton_bundle : (_StoreModalBundleButton_bundle = require("../../__generated__/StoreModalBundleButton_bundle.graphql"), _StoreModalBundleButton_bundle.hash && _StoreModalBundleButton_bundle.hash !== "ee0ac316afd75a7809c894aaa47ffbc3" && console.error("The definition of 'StoreModalBundleButton_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalBundleButton_bundle)
-});
-exports.default = _default;
+}

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

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

package/dist/components/StoreModal/StoreModalFamily.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = StoreModalFamily;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _StoreModalFamilyButton = _interopRequireDefault(require("./StoreModalFamilyButton"));
@@ -30,12 +30,13 @@ const stylesGrouped = collection => {
   if (!collection.fontStyles) return [];
   return chunkConsecutiveBy(collection.fontStyles, (left, right) => left.cssFamily === right.cssFamily && left.cssWeight === right.cssWeight && left.cssStretch === right.cssStretch);
 };
-const StoreModalFamily = _ref => {
+function StoreModalFamily(_ref) {
   var _collection$bundles;
   let {
-    collection,
+    collection: collectionKey,
     onSelect
   } = _ref;
+  const collection = (0, _reactRelay.useFragment)(_StoreModalFamily_collection !== void 0 ? _StoreModalFamily_collection : (_StoreModalFamily_collection = require("../../__generated__/StoreModalFamily_collection.graphql"), _StoreModalFamily_collection.hash && _StoreModalFamily_collection.hash !== "f0e4764ace2386cb64ef3f8d85128268" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection), collectionKey);
   const fontStyles = (0, _react.useMemo)(() => stylesGrouped(collection), [collection]);
   if ((fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles.length) === 0 && collection.collectionType === 'superfamily' && !collection.sku) return null;
   return /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, null, {
@@ -58,8 +59,4 @@ const StoreModalFamily = _ref => {
       isVariableFont: collection.isVariableFont
     })))
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(StoreModalFamily, {
-  collection: _StoreModalFamily_collection !== void 0 ? _StoreModalFamily_collection : (_StoreModalFamily_collection = require("../../__generated__/StoreModalFamily_collection.graphql"), _StoreModalFamily_collection.hash && _StoreModalFamily_collection.hash !== "f0e4764ace2386cb64ef3f8d85128268" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection)
-});
-exports.default = _default;
+}

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

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

package/dist/components/StoreModal/StoreModalFamilyButton.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = FamilyButton;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -25,13 +25,13 @@ const getSuffix = collection => {
   if (collection.isVariableFont) return;
   return ' ' + getFamilyType(collection);
 };
-const FamilyButton = _ref => {
+function FamilyButton(_ref) {
   let {
-    collection,
+    collection: collectionKey,
     onSelectSku,
-    relay,
     ...rest
   } = _ref;
+  const collection = (0, _reactRelay.useFragment)(_StoreModalFamilyButton_collection !== void 0 ? _StoreModalFamilyButton_collection : (_StoreModalFamilyButton_collection = require("../../__generated__/StoreModalFamilyButton_collection.graphql"), _StoreModalFamilyButton_collection.hash && _StoreModalFamilyButton_collection.hash !== "af94df77265f4ddfb0e661c8a591f89c" && console.error("The definition of 'StoreModalFamilyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamilyButton_collection), collectionKey);
   const selector = collection.sku ? (0, _reducer.isSelected)(collection.sku.id) : () => false;
   const selected = (0, _reactRedux.useSelector)(selector);
   const handleClick = () => {
@@ -67,8 +67,4 @@ const FamilyButton = _ref => {
       format: _Price.PriceFormat.Truncated
     })
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(FamilyButton, {
-  collection: _StoreModalFamilyButton_collection !== void 0 ? _StoreModalFamilyButton_collection : (_StoreModalFamilyButton_collection = require("../../__generated__/StoreModalFamilyButton_collection.graphql"), _StoreModalFamilyButton_collection.hash && _StoreModalFamilyButton_collection.hash !== "af94df77265f4ddfb0e661c8a591f89c" && console.error("The definition of 'StoreModalFamilyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamilyButton_collection)
-});
-exports.default = _default;
+}

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

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

package/dist/components/StoreModal/StoreModalReviewIdentity.js

@@ -3,19 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = StoreModalReviewIdentity;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _StoreModalReviewIdentity_identity;
 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 StoreModalReviewIdentity = _ref => {
+function StoreModalReviewIdentity(_ref) {
   let {
-    identity
+    identity: identityKey
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, identity.addressFormatted, /*#__PURE__*/_react.default.createElement("br", null), identity.email, /*#__PURE__*/_react.default.createElement("br", null), identity.phoneFormatted, identity.vatNumber && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), identity.vatNumber));
-};
-var _default = (0, _reactRelay.createFragmentContainer)(StoreModalReviewIdentity, {
-  identity: _StoreModalReviewIdentity_identity !== void 0 ? _StoreModalReviewIdentity_identity : (_StoreModalReviewIdentity_identity = require("../../__generated__/StoreModalReviewIdentity_identity.graphql"), _StoreModalReviewIdentity_identity.hash && _StoreModalReviewIdentity_identity.hash !== "4d800e664bc3400ca62ead178d97fb00" && console.error("The definition of 'StoreModalReviewIdentity_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReviewIdentity_identity)
-});
-exports.default = _default;
+  const identity = (0, _reactRelay.useFragment)(_StoreModalReviewIdentity_identity !== void 0 ? _StoreModalReviewIdentity_identity : (_StoreModalReviewIdentity_identity = require("../../__generated__/StoreModalReviewIdentity_identity.graphql"), _StoreModalReviewIdentity_identity.hash && _StoreModalReviewIdentity_identity.hash !== "4d800e664bc3400ca62ead178d97fb00" && console.error("The definition of 'StoreModalReviewIdentity_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReviewIdentity_identity), identityKey);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, identity.addressFormatted, /*#__PURE__*/_react.default.createElement("br", null), identity.email, /*#__PURE__*/_react.default.createElement("br", null), identity.phoneFormatted, identity.vatNumber && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), "VAT: ", identity.vatNumber));
+}

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

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

package/dist/components/StoreModal/StoreModalStyleButton.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = StoreModalStyleButton;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -16,15 +16,15 @@ var _utils = require("../../utils");
 var _StoreModalStyleButton_fontStyle;
 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 StoreModalStyleButton = _ref => {
+function StoreModalStyleButton(_ref) {
   var _fontStyle$variableIn;
   let {
-    fontStyle,
+    fontStyle: fontStyleKey,
     onSelectSku,
-    relay,
     isVariableFont,
     ...rest
   } = _ref;
+  const fontStyle = (0, _reactRelay.useFragment)(_StoreModalStyleButton_fontStyle !== void 0 ? _StoreModalStyleButton_fontStyle : (_StoreModalStyleButton_fontStyle = require("../../__generated__/StoreModalStyleButton_fontStyle.graphql"), _StoreModalStyleButton_fontStyle.hash && _StoreModalStyleButton_fontStyle.hash !== "304b682b2f5ad1ead0c8652556185fe1" && console.error("The definition of 'StoreModalStyleButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalStyleButton_fontStyle), fontStyleKey);
   const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(fontStyle.sku ? fontStyle.sku.id : fontStyle.id));
   const handleSelect = () => {
     if (!fontStyle.sku) return;
@@ -50,8 +50,4 @@ const StoreModalStyleButton = _ref => {
       showCollectionSavings: !selected
     }) : null
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(StoreModalStyleButton, {
-  fontStyle: _StoreModalStyleButton_fontStyle !== void 0 ? _StoreModalStyleButton_fontStyle : (_StoreModalStyleButton_fontStyle = require("../../__generated__/StoreModalStyleButton_fontStyle.graphql"), _StoreModalStyleButton_fontStyle.hash && _StoreModalStyleButton_fontStyle.hash !== "304b682b2f5ad1ead0c8652556185fe1" && console.error("The definition of 'StoreModalStyleButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalStyleButton_fontStyle)
-});
-exports.default = _default;
+}

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

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

package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = StoreModalProduceLicense;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -37,10 +37,11 @@ const specFromLicense = license => {
   }
   return licenseOptionSpec;
 };
-const StoreModalProduceLicense = _ref => {
+function StoreModalProduceLicense(_ref) {
   let {
-    license
+    license: licenseKey
   } = _ref;
+  const license = (0, _reactRelay.useFragment)(_StoreModalProductLicense_license !== void 0 ? _StoreModalProductLicense_license : (_StoreModalProductLicense_license = require("../../__generated__/StoreModalProductLicense_license.graphql"), _StoreModalProductLicense_license.hash && _StoreModalProductLicense_license.hash !== "22e24165f79ce30a9190ace765d3d1ce" && console.error("The definition of 'StoreModalProductLicense_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicense_license), licenseKey);
   const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
   const selectedOptions = licenseOptions.find(_ref2 => {
     let {
@@ -136,8 +137,4 @@ const StoreModalProduceLicense = _ref => {
       return null;
     }).filter(Boolean)
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(StoreModalProduceLicense, {
-  license: _StoreModalProductLicense_license !== void 0 ? _StoreModalProductLicense_license : (_StoreModalProductLicense_license = require("../../__generated__/StoreModalProductLicense_license.graphql"), _StoreModalProductLicense_license.hash && _StoreModalProductLicense_license.hash !== "22e24165f79ce30a9190ace765d3d1ce" && console.error("The definition of 'StoreModalProductLicense_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicense_license)
-});
-exports.default = _default;
+}

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

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

package/dist/components/StoreModalProductLicenseSelection/index.js

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = StoreModalProductLicenseSelection;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _StoreModalProductLicense = _interopRequireDefault(require("./StoreModalProductLicense"));
 var _ContainerElement = _interopRequireDefault(require("./ContainerElement"));
 var _StoreModalProductLicenseSelection_viewer;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StoreModalProductLicenseSelection = _ref => {
+function StoreModalProductLicenseSelection(_ref) {
   let {
-    viewer
+    viewer: viewerKey
   } = _ref;
+  const viewer = (0, _reactRelay.useFragment)(_StoreModalProductLicenseSelection_viewer !== void 0 ? _StoreModalProductLicenseSelection_viewer : (_StoreModalProductLicenseSelection_viewer = require("../../__generated__/StoreModalProductLicenseSelection_viewer.graphql"), _StoreModalProductLicenseSelection_viewer.hash && _StoreModalProductLicenseSelection_viewer.hash !== "132699969de1b8ff9dafa8604b3c5f05" && console.error("The definition of 'StoreModalProductLicenseSelection_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_viewer), viewerKey);
   return /*#__PURE__*/_react.default.createElement(_ContainerElement.default, null, {
     title: 'Select licenses',
     licenses: viewer.licenses && viewer.licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
@@ -21,8 +22,4 @@ const StoreModalProductLicenseSelection = _ref => {
       license: license
     }))
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(StoreModalProductLicenseSelection, {
-  viewer: _StoreModalProductLicenseSelection_viewer !== void 0 ? _StoreModalProductLicenseSelection_viewer : (_StoreModalProductLicenseSelection_viewer = require("../../__generated__/StoreModalProductLicenseSelection_viewer.graphql"), _StoreModalProductLicenseSelection_viewer.hash && _StoreModalProductLicenseSelection_viewer.hash !== "132699969de1b8ff9dafa8604b3c5f05" && console.error("The definition of 'StoreModalProductLicenseSelection_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_viewer)
-});
-exports.default = _default;
+}

package/dist/components/TypeTester/TypeTesterFeatures.d.ts

@@ -1,9 +1,10 @@
-import { TypeTesterFeatures_fontStyle$data } from '__generated__/TypeTesterFeatures_fontStyle.graphql';
+import React from 'react';
+import { TypeTesterFeatures_fontStyle$key } from '__generated__/TypeTesterFeatures_fontStyle.graphql';
 interface TypeTesterFeatures_props {
     id: string;
-    fontStyle: TypeTesterFeatures_fontStyle$data;
+    fontStyle: TypeTesterFeatures_fontStyle$key;
     features: ReadonlyArray<string> | null;
     axes: ReadonlyArray<string> | null | undefined;
 }
-declare const _default: import("react-relay").Container<Omit<TypeTesterFeatures_props, "relay">>;
-export default _default;
+export default function TypeTesterFeatures({ id, fontStyle: fontStyleKey, features: showFeatures, axes: showAxes, }: TypeTesterFeatures_props): React.JSX.Element;
+export {};

package/dist/components/TypeTester/TypeTesterFeatures.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = TypeTesterFeatures;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TypeTesterBullet = _interopRequireDefault(require("../TypeTester/TypeTesterBullet"));
@@ -52,14 +52,15 @@ const shouldIncludeFeature = (supportedFeatures, feature) => {
   if (!supportedFeatures) return false;
   return supportedFeatures.indexOf(feature) >= 0;
 };
-const TypeTesterFeatures = _ref => {
+function TypeTesterFeatures(_ref) {
   var _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$openTypeFeatu4;
   let {
     id,
-    fontStyle,
+    fontStyle: fontStyleKey,
     features: showFeatures,
     axes: showAxes
   } = _ref;
+  const fontStyle = (0, _reactRelay.useFragment)(_TypeTesterFeatures_fontStyle !== void 0 ? _TypeTesterFeatures_fontStyle : (_TypeTesterFeatures_fontStyle = require("../../__generated__/TypeTesterFeatures_fontStyle.graphql"), _TypeTesterFeatures_fontStyle.hash && _TypeTesterFeatures_fontStyle.hash !== "25582c33916ebaadd2f674b1d0b6bf4b" && console.error("The definition of 'TypeTesterFeatures_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFeatures_fontStyle), fontStyleKey);
   const {
     typeTester: config
   } = (0, _react.useContext)(_ConfigContext.default);
@@ -138,8 +139,4 @@ const TypeTesterFeatures = _ref => {
     "data-selection-style": selectionStyle,
     "data-columns": (_config$openTypeFeatu3 = config.openTypeFeatures) !== null && _config$openTypeFeatu3 !== void 0 && (_config$openTypeFeatu4 = _config$openTypeFeatu3.columns) !== null && _config$openTypeFeatu4 !== void 0 && _config$openTypeFeatu4.length ? 'set' : 'auto'
   }, featuresColumns)));
-};
-var _default = (0, _reactRelay.createFragmentContainer)(TypeTesterFeatures, {
-  fontStyle: _TypeTesterFeatures_fontStyle !== void 0 ? _TypeTesterFeatures_fontStyle : (_TypeTesterFeatures_fontStyle = require("../../__generated__/TypeTesterFeatures_fontStyle.graphql"), _TypeTesterFeatures_fontStyle.hash && _TypeTesterFeatures_fontStyle.hash !== "25582c33916ebaadd2f674b1d0b6bf4b" && console.error("The definition of 'TypeTesterFeatures_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFeatures_fontStyle)
-});
-exports.default = _default;
+}

package/dist/components/TypeTester/TypeTesterFloatingToolbar.d.ts

@@ -1,9 +1,10 @@
-import { TypeTesterFloatingToolbar_testers$data } from '__generated__/TypeTesterFloatingToolbar_testers.graphql';
+import React from 'react';
+import { TypeTesterFloatingToolbar_testers$key } from '__generated__/TypeTesterFloatingToolbar_testers.graphql';
 interface TypeTesterFloatingToolbar_props {
-    testers: TypeTesterFloatingToolbar_testers$data;
+    testers: TypeTesterFloatingToolbar_testers$key;
     features?: ReadonlyArray<string> | null;
     axes?: ReadonlyArray<string> | null;
     onToolbarOpenClose?: (open: boolean) => void;
 }
-declare const _default: import("react-relay").Container<Omit<TypeTesterFloatingToolbar_props, "relay">>;
-export default _default;
+export default function TypeTesterFloatingToolbar({ testers: testersKey, features, axes, onToolbarOpenClose, }: TypeTesterFloatingToolbar_props): React.JSX.Element;
+export {};