fontdue-js 2.0.0-alpha5 → 2.0.0-alpha7

package/dist/components/BuyButton/index.js

@@ -4,18 +4,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.BuyButtonPreloadedIDQueryRenderer = BuyButtonPreloadedIDQueryRenderer;
+exports.BuyButtonPreloadedSlugQueryRenderer = BuyButtonPreloadedSlugQueryRenderer;
+exports.default = BuyButton;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _productState = require("../Root/productState");
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _BuyButton_collection, _BuyButtonIDQuery, _BuyButtonSlugQuery;
 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 BuyButton(_ref) {
+function BuyButtonComponent(_ref) {
   let {
     collection: collectionKey,
     label,
@@ -59,35 +62,60 @@ function BuyButton(_ref) {
     type: "button"
   }, label ? label : `Buy ${collectionName ?? ''}`);
 }
+const idQuery = _BuyButtonIDQuery !== void 0 ? _BuyButtonIDQuery : (_BuyButtonIDQuery = require("../../__generated__/BuyButtonIDQuery.graphql"), _BuyButtonIDQuery.hash && _BuyButtonIDQuery.hash !== "239b8509e5cecdf8ba5d124f5f39ef5f" && console.error("The definition of 'BuyButtonIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonIDQuery);
 function BuyButtonIDQueryRenderer(_ref2) {
   let {
     collectionId,
     ...rest
   } = _ref2;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_BuyButtonIDQuery !== void 0 ? _BuyButtonIDQuery : (_BuyButtonIDQuery = require("../../__generated__/BuyButtonIDQuery.graphql"), _BuyButtonIDQuery.hash && _BuyButtonIDQuery.hash !== "239b8509e5cecdf8ba5d124f5f39ef5f" && console.error("The definition of 'BuyButtonIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonIDQuery), {
+  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
     collectionId
   });
-  return /*#__PURE__*/_react.default.createElement(BuyButton, _extends({}, rest, data));
+  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, data));
 }
-function BuyButtonSlugQueryRenderer(_ref3) {
+function BuyButtonPreloadedIDQueryRenderer(_ref3) {
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref3;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
+  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, data));
+}
+const slugQuery = _BuyButtonSlugQuery !== void 0 ? _BuyButtonSlugQuery : (_BuyButtonSlugQuery = require("../../__generated__/BuyButtonSlugQuery.graphql"), _BuyButtonSlugQuery.hash && _BuyButtonSlugQuery.hash !== "465a1d1ddcd982c9f97e4c5daa5755d6" && console.error("The definition of 'BuyButtonSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonSlugQuery);
+function BuyButtonSlugQueryRenderer(_ref4) {
   var _data$viewer, _data$viewer$slug;
   let {
     collectionSlug,
     ...rest
-  } = _ref3;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_BuyButtonSlugQuery !== void 0 ? _BuyButtonSlugQuery : (_BuyButtonSlugQuery = require("../../__generated__/BuyButtonSlugQuery.graphql"), _BuyButtonSlugQuery.hash && _BuyButtonSlugQuery.hash !== "465a1d1ddcd982c9f97e4c5daa5755d6" && console.error("The definition of 'BuyButtonSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonSlugQuery), {
+  } = _ref4;
+  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
     collectionSlug
   });
-  return /*#__PURE__*/_react.default.createElement(BuyButton, _extends({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, {
     collection: ((_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$slug = _data$viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null
   }));
 }
-function BuyButtonQueryRenderer(_ref4) {
+function BuyButtonPreloadedSlugQueryRenderer(_ref5) {
+  var _data$viewer2, _data$viewer2$slug;
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref5;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(slugQuery, queryRef);
+  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, {
+    collection: ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$slug = _data$viewer2.slug) === null || _data$viewer2$slug === void 0 ? void 0 : _data$viewer2$slug.collection) ?? null
+  }));
+}
+
+// default client export
+function BuyButton(_ref6) {
   let {
     collectionId,
     collectionSlug,
     ...rest
-  } = _ref4;
+  } = _ref6;
   if (collectionId) {
     return /*#__PURE__*/_react.default.createElement(BuyButtonIDQueryRenderer, _extends({
       collectionId: collectionId
@@ -99,6 +127,4 @@ function BuyButtonQueryRenderer(_ref4) {
     }, rest));
   }
   throw new Error('BuyButton expected either a collectionId or collectionSlug prop');
-}
-var _default = BuyButtonQueryRenderer;
-exports.default = _default;
+}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface VariableTextInput_props {
+    defaultValue: string | null;
+    onChange: (value: {
+        variableText: string | null | undefined;
+    }) => void;
+    placeholder: string;
+}
+export default function VariableTextInput({ defaultValue, onChange, placeholder, ...rest }: VariableTextInput_props): React.JSX.Element;
+export {};

package/dist/components/Cart/CartItem/VariableTextInput.js

@@ -3,103 +3,77 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+exports.default = VariableTextInput;
+var _react = _interopRequireWildcard(require("react"));
+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 _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; }
-class VariableTextInput extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "submit", () => {
-      this.setState({
-        editing: false
-      });
-      if (this.state.value) {
-        if (this.props.defaultValue !== this.state.value) {
-          this.props.onChange({
-            variableText: this.state.value
-          });
-          this.setState({
-            submitting: true
-          });
-        }
-      } else {
-        this.setState({
-          value: this.props.defaultValue,
-          editing: !this.props.defaultValue
+function VariableTextInput(_ref) {
+  let {
+    defaultValue,
+    onChange,
+    placeholder,
+    ...rest
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)(defaultValue || '');
+  const [editing, setEditing] = (0, _react.useState)(!defaultValue);
+  const [submitting, setSubmitting] = (0, _react.useState)(false);
+  const inputRef = (0, _react.useRef)(null);
+  function submit() {
+    setEditing(false);
+    if (value) {
+      if (defaultValue !== value) {
+        onChange({
+          variableText: value
         });
+        setSubmitting(true);
       }
-    });
-    _defineProperty(this, "handleBlur", () => this.submit());
-    _defineProperty(this, "handleSubmit", e => {
-      e.preventDefault();
-      this.submit();
-    });
-    _defineProperty(this, "handleChange", e => this.setState({
-      value: e.target.value
-    }));
-    _defineProperty(this, "handleEditButtonClick", () => {
-      this.setState({
-        editing: true
-      }, () => {
-        if (this.input && this.input.current) {
-          this.input.current.focus();
-        }
-      });
-    });
-    this.state = {
-      value: props.defaultValue || '',
-      editing: !props.defaultValue,
-      submitting: false
-    };
-    this.input = /*#__PURE__*/_react.default.createRef();
-  }
-  componentWillReceiveProps(nextProps) {
-    if (this.state.submitting && nextProps.defaultValue !== this.props.defaultValue) {
-      this.setState({
-        submitting: false,
-        value: nextProps.defaultValue,
-        editing: !nextProps.defaultValue
-      });
+    } else {
+      setValue(defaultValue || '');
+      setEditing(!defaultValue);
     }
   }
-  render() {
-    const {
-      defaultValue,
-      onChange,
-      placeholder,
-      ...rest
-    } = this.props;
-    const {
-      editing,
-      submitting
-    } = this.state;
-    if (submitting) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "cart-item__license-variable__loading"
-      }, "Updating...");
-    }
+  function handleBlur() {
+    submit();
+  }
+  function handleSubmit(e) {
+    e.preventDefault();
+    submit();
+  }
+  function handleChange(e) {
+    setValue(e.target.value);
+  }
+  function handleEditButtonClick() {
+    setEditing(true);
+  }
+  (0, _react.useEffect)(() => {
     if (editing) {
-      return /*#__PURE__*/_react.default.createElement("form", {
-        onSubmit: this.handleSubmit
-      }, /*#__PURE__*/_react.default.createElement("input", _extends({
-        ref: this.input,
-        className: "cart-item__license-variable__text-input",
-        "data-empty": !this.state.value,
-        type: "text",
-        value: this.state.value,
-        onChange: this.handleChange,
-        onBlur: this.handleBlur,
-        placeholder: `Enter ${placeholder}`
-      }, rest)));
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     }
-    return /*#__PURE__*/_react.default.createElement("button", {
-      className: "cart-item__license-variable__text-input-button",
-      type: "button",
-      onClick: this.handleEditButtonClick
-    }, defaultValue, " ", /*#__PURE__*/_react.default.createElement("span", null, "Edit"));
+  }, [editing]);
+  if (submitting) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "cart-item__license-variable__loading"
+    }, "Updating...");
+  }
+  if (editing) {
+    return /*#__PURE__*/_react.default.createElement("form", {
+      onSubmit: handleSubmit
+    }, /*#__PURE__*/_react.default.createElement("input", _extends({
+      ref: inputRef,
+      className: "cart-item__license-variable__text-input",
+      "data-empty": !value,
+      type: "text",
+      value: value,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      placeholder: `Enter ${placeholder}`
+    }, rest)));
   }
-}
-var _default = VariableTextInput;
-exports.default = _default;
+  return /*#__PURE__*/_react.default.createElement("button", {
+    className: "cart-item__license-variable__text-input-button",
+    type: "button",
+    onClick: handleEditButtonClick
+  }, defaultValue, " ", /*#__PURE__*/_react.default.createElement("span", null, "Edit"));
+}

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

@@ -1,10 +1,11 @@
-import { CartItem_node$data } from '../../../__generated__/CartItem_node.graphql';
-import { CartItem_viewer$data } from '../../../__generated__/CartItem_viewer.graphql';
+import React from 'react';
+import { CartItem_node$key } from '../../../__generated__/CartItem_node.graphql';
+import { CartItem_viewer$key } from '../../../__generated__/CartItem_viewer.graphql';
 import { CartItemChangeInput } from '../types';
 interface CartItem_props {
-    viewer: CartItem_viewer$data;
-    node: CartItem_node$data;
+    viewer: CartItem_viewer$key;
+    node: CartItem_node$key;
     onChange: (value: CartItemChangeInput) => void;
 }
-declare const CartItem: import("react-relay").Container<Omit<CartItem_props, "relay">>;
-export default CartItem;
+export default function CartItem({ node: nodeKey, viewer: viewerKey, onChange, }: CartItem_props): React.JSX.Element | null;
+export {};

package/dist/components/Cart/CartItem/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = CartItem;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _Price = _interopRequireDefault(require("../../Price"));
@@ -13,7 +13,7 @@ var _Icons = require("../../Icons");
 var _VariableTextInput = _interopRequireDefault(require("./VariableTextInput"));
 var _VariableTableAmounts = _interopRequireDefault(require("../../VariableTableAmounts"));
 var _Stylesheet = _interopRequireDefault(require("../../Stylesheet"));
-var _CartItem_license, _CartItem_variable, _CartItem_licenseSelection, _CartItem_product, _CartItem_node, _CartItem_viewer;
+var _CartItem_node, _CartItem_viewer, _CartItem_license, _CartItem_variable, _CartItem_licenseSelection, _CartItem_product;
 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; }
@@ -246,13 +246,15 @@ const productCss = product => {
   if (product.__typename === 'FontStyle') return (_product$family = product.family) === null || _product$family === void 0 ? void 0 : _product$family.cssUrl;
   if (product.__typename === 'FontCollection') return (_product$featureStyle = product.featureStyle) === null || _product$featureStyle === void 0 ? void 0 : (_product$featureStyle2 = _product$featureStyle.family) === null || _product$featureStyle2 === void 0 ? void 0 : _product$featureStyle2.cssUrl;
 };
-const CartItemBase = _ref10 => {
+function CartItem(_ref10) {
   var _node$sku$product, _node$sku$product2, _node$sku$product2$va, _node$sku$product3;
   let {
-    node,
-    viewer,
+    node: nodeKey,
+    viewer: viewerKey,
     onChange
   } = _ref10;
+  const node = (0, _reactRelay.useFragment)(_CartItem_node !== void 0 ? _CartItem_node : (_CartItem_node = require("../../../__generated__/CartItem_node.graphql"), _CartItem_node.hash && _CartItem_node.hash !== "ef096db653a67b0bba9b2ff3cfdad957" && console.error("The definition of 'CartItem_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_node), nodeKey);
+  const viewer = (0, _reactRelay.useFragment)(_CartItem_viewer !== void 0 ? _CartItem_viewer : (_CartItem_viewer = require("../../../__generated__/CartItem_viewer.graphql"), _CartItem_viewer.hash && _CartItem_viewer.hash !== "f15fed25380b024244e25b4c411183a2" && console.error("The definition of 'CartItem_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_viewer), viewerKey);
   const [closeButtonIsHovered, setCloseButtonIsHovered] = (0, _react.useState)(false);
   const closeButtonMouseEnter = () => {
     setCloseButtonIsHovered(true);
@@ -304,14 +306,8 @@ const CartItemBase = _ref10 => {
     orderItem: node,
     onAddLicense: license => onChange(inputFromLicenseAddition(node, license))
   }));
-};
+}
 _CartItem_license !== void 0 ? _CartItem_license : (_CartItem_license = require("../../../__generated__/CartItem_license.graphql"), _CartItem_license.hash && _CartItem_license.hash !== "3d3c0b942c4cb8683b41bb52ab637339" && console.error("The definition of 'CartItem_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_license);
 _CartItem_variable !== void 0 ? _CartItem_variable : (_CartItem_variable = require("../../../__generated__/CartItem_variable.graphql"), _CartItem_variable.hash && _CartItem_variable.hash !== "3e4dbfb04637c3535a85a0b920aa148b" && console.error("The definition of 'CartItem_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_variable);
 _CartItem_licenseSelection !== void 0 ? _CartItem_licenseSelection : (_CartItem_licenseSelection = require("../../../__generated__/CartItem_licenseSelection.graphql"), _CartItem_licenseSelection.hash && _CartItem_licenseSelection.hash !== "623e900c36a5bb9ad347ddcad84598e3" && console.error("The definition of 'CartItem_licenseSelection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_licenseSelection);
-_CartItem_product !== void 0 ? _CartItem_product : (_CartItem_product = require("../../../__generated__/CartItem_product.graphql"), _CartItem_product.hash && _CartItem_product.hash !== "228788dc0026bbd807c5e299620953c0" && console.error("The definition of 'CartItem_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_product);
-const CartItem = (0, _reactRelay.createFragmentContainer)(CartItemBase, {
-  node: _CartItem_node !== void 0 ? _CartItem_node : (_CartItem_node = require("../../../__generated__/CartItem_node.graphql"), _CartItem_node.hash && _CartItem_node.hash !== "ef096db653a67b0bba9b2ff3cfdad957" && console.error("The definition of 'CartItem_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_node),
-  viewer: _CartItem_viewer !== void 0 ? _CartItem_viewer : (_CartItem_viewer = require("../../../__generated__/CartItem_viewer.graphql"), _CartItem_viewer.hash && _CartItem_viewer.hash !== "f15fed25380b024244e25b4c411183a2" && console.error("The definition of 'CartItem_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_viewer)
-});
-var _default = CartItem;
-exports.default = _default;
+_CartItem_product !== void 0 ? _CartItem_product : (_CartItem_product = require("../../../__generated__/CartItem_product.graphql"), _CartItem_product.hash && _CartItem_product.hash !== "228788dc0026bbd807c5e299620953c0" && console.error("The definition of 'CartItem_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_product);

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { OrderItemInput } from '../../__generated__/CartStateUpdateMutation.graphql';
-import { CartState_order$data } from '../../__generated__/CartState_order.graphql';
+import { CartState_order$key } from '../../__generated__/CartState_order.graphql';
 interface CartStateProps {
-    order: CartState_order$data;
+    order: CartState_order$key;
     children: (props: {
         onUpdateOrder: (item: OrderItemInput) => void;
         onRemoveDiscount: () => void;
@@ -10,5 +10,5 @@ interface CartStateProps {
         errors: any;
     }) => React.ReactElement<any>;
 }
-declare const _default: import("react-relay").Container<Omit<CartStateProps, "relay">>;
-export default _default;
+export default function CartState({ order: orderKey, children }: CartStateProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};

package/dist/components/Cart/CartState.js

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = CartState;
 var _react = require("react");
 var _reactRelay = require("react-relay");
 var _CartStateUpdateMutation, _CartStateRemoveDiscountMutation, _CartState_order;
 const orderChangeMutation = _CartStateUpdateMutation !== void 0 ? _CartStateUpdateMutation : (_CartStateUpdateMutation = require("../../__generated__/CartStateUpdateMutation.graphql"), _CartStateUpdateMutation.hash && _CartStateUpdateMutation.hash !== "0074879fb29466e5a947a8776a86c5f6" && console.error("The definition of 'CartStateUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateUpdateMutation);
 const removeDiscountMutation = _CartStateRemoveDiscountMutation !== void 0 ? _CartStateRemoveDiscountMutation : (_CartStateRemoveDiscountMutation = require("../../__generated__/CartStateRemoveDiscountMutation.graphql"), _CartStateRemoveDiscountMutation.hash && _CartStateRemoveDiscountMutation.hash !== "a1ce9ee438492737524704a36bbf6713" && console.error("The definition of 'CartStateRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateRemoveDiscountMutation);
-const CartState = _ref => {
+function CartState(_ref) {
   let {
-    order,
+    order: orderKey,
     children
   } = _ref;
+  const order = (0, _reactRelay.useFragment)(_CartState_order !== void 0 ? _CartState_order : (_CartState_order = require("../../__generated__/CartState_order.graphql"), _CartState_order.hash && _CartState_order.hash !== "a4267a6dccade27c1af1b1a71922a10f" && console.error("The definition of 'CartState_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartState_order), orderKey);
   const [error, setError] = (0, _react.useState)(null);
   const [errors, setErrors] = (0, _react.useState)(null);
   const environment = (0, _reactRelay.useRelayEnvironment)();
@@ -77,8 +78,4 @@ const CartState = _ref => {
     errors: errors,
     error: error
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(CartState, {
-  order: _CartState_order !== void 0 ? _CartState_order : (_CartState_order = require("../../__generated__/CartState_order.graphql"), _CartState_order.hash && _CartState_order.hash !== "a4267a6dccade27c1af1b1a71922a10f" && console.error("The definition of 'CartState_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartState_order)
-});
-exports.default = _default;
+}

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

@@ -1,9 +1,10 @@
-import { CartTotals_order$data } from '../../__generated__/CartTotals_order.graphql';
+import React from 'react';
+import { CartTotals_order$key } from '../../__generated__/CartTotals_order.graphql';
 interface CartTotalsProps {
-    order: CartTotals_order$data;
+    order: CartTotals_order$key;
     onRemoveDiscount?: () => void;
     allowDiscountRemoval?: boolean;
     hideTotal?: boolean;
 }
-declare const _default: import("react-relay").Container<Omit<CartTotalsProps, "relay">>;
-export default _default;
+export default function CartTotals({ order: orderKey, onRemoveDiscount, allowDiscountRemoval, hideTotal, }: CartTotalsProps): React.JSX.Element;
+export {};

package/dist/components/Cart/CartTotals.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = CartTotals;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _relayRuntime = require("relay-runtime");
@@ -33,13 +33,14 @@ const PriceBlock = _ref => {
     invert: invert
   }), belowPrice));
 };
-const CartTotals = _ref2 => {
+function CartTotals(_ref2) {
   let {
-    order,
+    order: orderKey,
     onRemoveDiscount,
     allowDiscountRemoval = true,
     hideTotal = false
   } = _ref2;
+  const order = (0, _reactRelay.useFragment)(_CartTotals_order !== void 0 ? _CartTotals_order : (_CartTotals_order = require("../../__generated__/CartTotals_order.graphql"), _CartTotals_order.hash && _CartTotals_order.hash !== "698ea8bf4dd91473e057e19df6dc51b1" && console.error("The definition of 'CartTotals_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartTotals_order), orderKey);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__price-blocks",
     "data-has-discount": Boolean(order.discount),
@@ -77,8 +78,4 @@ const CartTotals = _ref2 => {
     price: order.total,
     "data-line": "total"
   }));
-};
-var _default = (0, _reactRelay.createFragmentContainer)(CartTotals, {
-  order: _CartTotals_order !== void 0 ? _CartTotals_order : (_CartTotals_order = require("../../__generated__/CartTotals_order.graphql"), _CartTotals_order.hash && _CartTotals_order.hash !== "698ea8bf4dd91473e057e19df6dc51b1" && console.error("The definition of 'CartTotals_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartTotals_order)
-});
-exports.default = _default;
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IdentityBox_identity$key } from '__generated__/IdentityBox_identity.graphql';
+interface IdentityBox_props {
+    identity: IdentityBox_identity$key;
+    title: React.ReactNode;
+    children: {
+        icon: React.ReactNode;
+    };
+    onClick: () => void;
+}
+export default function IdentityBox({ identity: identityKey, title, onClick, children: { icon }, }: IdentityBox_props): React.JSX.Element;
+export {};

package/dist/components/Cart/IdentityBox.js

@@ -3,20 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = IdentityBox;
 var _reactRelay = require("react-relay");
 var _react = _interopRequireDefault(require("react"));
 var _IdentityBox_identity;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const IdentityBox = _ref => {
+function IdentityBox(_ref) {
   let {
-    identity,
+    identity: identityKey,
     title,
     onClick,
     children: {
       icon
     }
   } = _ref;
+  const identity = (0, _reactRelay.useFragment)(_IdentityBox_identity !== void 0 ? _IdentityBox_identity : (_IdentityBox_identity = require("../../__generated__/IdentityBox_identity.graphql"), _IdentityBox_identity.hash && _IdentityBox_identity.hash !== "d93d9cb6f2c86580fb57b4de6782ec9d" && console.error("The definition of 'IdentityBox_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _IdentityBox_identity), identityKey);
   return /*#__PURE__*/_react.default.createElement("button", {
     className: "cart__review__button",
     type: "button",
@@ -34,8 +35,4 @@ const IdentityBox = _ref => {
   }, identity.phoneFormatted), identity.vatNumber && /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__review__section"
   }, "VAT: ", identity.vatNumber));
-};
-var _default = (0, _reactRelay.createFragmentContainer)(IdentityBox, {
-  identity: _IdentityBox_identity !== void 0 ? _IdentityBox_identity : (_IdentityBox_identity = require("../../__generated__/IdentityBox_identity.graphql"), _IdentityBox_identity.hash && _IdentityBox_identity.hash !== "d93d9cb6f2c86580fb57b4de6782ec9d" && console.error("The definition of 'IdentityBox_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _IdentityBox_identity)
-});
-exports.default = _default;
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CartButton_publicProps } from './index';
+export default function CartButton(props: CartButton_publicProps): 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 = _interopRequireDefault(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.params, {});
+  return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
+    preloadedQuery: preloadedQuery
+  }, props));
+}

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

@@ -1,8 +1,14 @@
 import React from 'react';
-interface CartButton_publicProps {
+import { CartButtonQuery } from '__generated__/CartButtonQuery.graphql';
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+export interface CartButton_props {
     label?: string;
     buttonStyle?: string;
     children?: React.ReactNode;
 }
-declare const CartButtonQueryRenderer: (params: CartButton_publicProps) => React.JSX.Element;
-export default CartButtonQueryRenderer;
+type PreloadedQuery = SerializablePreloadedQuery<CartButtonQuery>;
+export declare function CartButtonPreloadedQueryRenderer({ preloadedQuery, ...rest }: CartButton_props & {
+    preloadedQuery: PreloadedQuery;
+}): React.JSX.Element;
+export default function CartButton(props: CartButton_props): React.JSX.Element;
+export {};