fontdue-js 1.10.0 → 1.10.2

package/dist/components/StoreModalProductSummary/index.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _reactRedux = require("react-redux");
-
 var _Price = _interopRequireWildcard(require("../Price"));
-
 var _Button = _interopRequireDefault(require("../elements/Button"));
-
 var _utils = require("../../utils");
-
 var _StoreModalProductSummaryAddToCartMutation, _StoreModalProductSummary_viewer, _StoreModalProductSummaryRefetchQuery;
-
 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 addToCartMutation = _StoreModalProductSummaryAddToCartMutation !== void 0 ? _StoreModalProductSummaryAddToCartMutation : (_StoreModalProductSummaryAddToCartMutation = require("../../__generated__/StoreModalProductSummaryAddToCartMutation.graphql"), _StoreModalProductSummaryAddToCartMutation.hash && _StoreModalProductSummaryAddToCartMutation.hash !== "91ea762e3842af2919da3a4c710a48cc" && console.error("The definition of 'StoreModalProductSummaryAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryAddToCartMutation);
-
 const countStyles = viewer => {
   const {
     precart
@@ -34,15 +22,12 @@ const countStyles = viewer => {
   if (!precart || !precart.skus) return 0;
   return precart.skus.reduce((acc, sku) => {
     if (!sku.product) return 0;
-
     if ('totalStyles' in sku.product && sku.product.totalStyles) {
       return acc + sku.product.totalStyles;
     }
-
     return acc + 1;
   }, 0);
 };
-
 const countStylesPrice = viewer => {
   const {
     precart
@@ -50,19 +35,17 @@ const countStylesPrice = viewer => {
   if (!precart || !precart.skus) return 0;
   return precart.skus.reduce((acc, sku) => {
     if (!sku || !sku.product) return acc;
-
     if ('totalStylesPrice' in sku.product && sku.product.totalStylesPrice) {
       return acc + sku.product.totalStylesPrice.amount;
     }
-
     return acc + sku.price.amount;
   }, 0);
 };
-
-const StoreModalProductSummary = ({
-  viewer,
-  relay
-}) => {
+const StoreModalProductSummary = _ref => {
+  let {
+    viewer,
+    relay
+  } = _ref;
   const dispatch = (0, _reactRedux.useDispatch)();
   const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds);
   const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
@@ -84,12 +67,12 @@ const StoreModalProductSummary = ({
     const variables = {
       input: {
         skuIds: Object.keys(selectedSkuIds).filter(id => selectedSkuIds[id] === true),
-        licenseSelections: licenseOptions.reduce((res, {
-          licenseId,
-          licenseOptions
-        }) => {
+        licenseSelections: licenseOptions.reduce((res, _ref2) => {
+          let {
+            licenseId,
+            licenseOptions
+          } = _ref2;
           const licenseVariableIds = Object.keys(licenseOptions);
-
           if (licenseVariableIds.length > 0) {
             return res.concat(licenseVariableIds.map(licenseVariableId => ({
               licenseId,
@@ -97,7 +80,6 @@ const StoreModalProductSummary = ({
               licenseOptionId: licenseOptions[licenseVariableId]
             })));
           }
-
           return res.concat({
             licenseId
           });
@@ -109,16 +91,13 @@ const StoreModalProductSummary = ({
       variables,
       onError: error => {
         console.error('Failed:', error); // TODO ...
-
         setSubmitting(false);
       },
       onCompleted: (res, errors) => {
         if (errors) {
           console.error('Failed:', errors); // TODO ...
-
           setSubmitting(false);
         }
-
         dispatch({
           type: 'STORE_MODAL_NAVIGATE',
           route: 'cart'
@@ -153,9 +132,7 @@ const StoreModalProductSummary = ({
     disabled: submitting || !hasSelection
   }, submitting ? 'Adding...' : 'Add to cart'));
 };
-
 var _default = (0, _reactRelay.createRefetchContainer)(StoreModalProductSummary, {
   viewer: _StoreModalProductSummary_viewer !== void 0 ? _StoreModalProductSummary_viewer : (_StoreModalProductSummary_viewer = require("../../__generated__/StoreModalProductSummary_viewer.graphql"), _StoreModalProductSummary_viewer.hash && _StoreModalProductSummary_viewer.hash !== "afde6961d4c394eeb2cfecdb241b4cff" && console.error("The definition of 'StoreModalProductSummary_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummary_viewer)
 }, _StoreModalProductSummaryRefetchQuery !== void 0 ? _StoreModalProductSummaryRefetchQuery : (_StoreModalProductSummaryRefetchQuery = require("../../__generated__/StoreModalProductSummaryRefetchQuery.graphql"), _StoreModalProductSummaryRefetchQuery.hash && _StoreModalProductSummaryRefetchQuery.hash !== "7c268bb004999fc028d56f9ee2914960" && console.error("The definition of 'StoreModalProductSummaryRefetchQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryRefetchQuery));
-
 exports.default = _default;

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

@@ -1,6 +1,8 @@
-import { StripeProvider_viewer } from '../../__generated__/StripeProvider_viewer.graphql';
-interface StripeProviderProps {
-    viewer: StripeProvider_viewer;
+/// <reference types="react" />
+import { StripeProvider_viewer$key } from '../../__generated__/StripeProvider_viewer.graphql';
+interface StripeProvider_props {
+    viewer: StripeProvider_viewer$key;
+    children: JSX.Element;
 }
-declare const _default: import("react-relay").Container<StripeProviderProps>;
-export default _default;
+declare const StripeProvider: ({ viewer, children }: StripeProvider_props) => JSX.Element;
+export default StripeProvider;

package/dist/components/StripeProvider/index.js

@@ -4,38 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
+var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
-
-var _reactStripeElements = require("react-stripe-elements");
-
-var _AsyncStripeProvider = _interopRequireDefault(require("./AsyncStripeProvider"));
-
+var _reactStripeJs = require("@stripe/react-stripe-js");
+var _stripeJs = require("@stripe/stripe-js");
 var _StripeProvider_viewer;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const getUiFontUrl = viewer => viewer && viewer.settings && viewer.settings.uiFontUrl || undefined;
-
-const StripeProvider = ({
-  viewer,
-  children
-}) => {
-  var _viewer$stripeCredent;
-
-  return /*#__PURE__*/_react.default.createElement(_AsyncStripeProvider.default, {
-    stripePublishableKey: (_viewer$stripeCredent = viewer.stripeCredentials) === null || _viewer$stripeCredent === void 0 ? void 0 : _viewer$stripeCredent.stripePublishableKey
-  }, /*#__PURE__*/_react.default.createElement(_reactStripeElements.Elements, {
-    fonts: [{
-      cssSrc: getUiFontUrl(viewer)
-    }]
-  }, children));
+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 StripeProvider = _ref => {
+  var _data$stripeCredentia, _data$settings;
+  let {
+    viewer,
+    children
+  } = _ref;
+  const data = (0, _reactRelay.useFragment)(_StripeProvider_viewer !== void 0 ? _StripeProvider_viewer : (_StripeProvider_viewer = require("../../__generated__/StripeProvider_viewer.graphql"), _StripeProvider_viewer.hash && _StripeProvider_viewer.hash !== "700906fdf30c6e4aefcb6eb2b1a7eed5" && console.error("The definition of 'StripeProvider_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StripeProvider_viewer), viewer);
+  const stripeKey = (_data$stripeCredentia = data.stripeCredentials) === null || _data$stripeCredentia === void 0 ? void 0 : _data$stripeCredentia.stripePublishableKey;
+  const stripePromiseRef = (0, _react.useRef)(stripeKey ? (0, _stripeJs.loadStripe)(stripeKey) : null);
+  const cssSrc = (_data$settings = data.settings) === null || _data$settings === void 0 ? void 0 : _data$settings.uiFontUrl;
+  return /*#__PURE__*/_react.default.createElement(_reactStripeJs.Elements, {
+    stripe: stripePromiseRef.current,
+    options: {
+      fonts: cssSrc ? [{
+        cssSrc
+      }] : undefined
+    }
+  }, children);
 };
-
-var _default = (0, _reactRelay.createFragmentContainer)(StripeProvider, {
-  viewer: _StripeProvider_viewer !== void 0 ? _StripeProvider_viewer : (_StripeProvider_viewer = require("../../__generated__/StripeProvider_viewer.graphql"), _StripeProvider_viewer.hash && _StripeProvider_viewer.hash !== "700906fdf30c6e4aefcb6eb2b1a7eed5" && console.error("The definition of 'StripeProvider_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StripeProvider_viewer)
-});
-
+var _default = StripeProvider;
 exports.default = _default;

package/dist/components/Stylesheet/index.js

@@ -4,21 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StylesheetContainer = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRedux = require("react-redux");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // a virtual kind of compoennt that registers stylesheets; we'll only add
 // one of each href and keep them around on the page. this prevents some
 // undesirable/unnecessary re-loading of fonts when components mount & unmount
-const Stylesheet = ({
-  href
-}) => {
+const Stylesheet = _ref => {
+  let {
+    href
+  } = _ref;
   if (!href) return null;
   const dispatch = (0, _reactRedux.useDispatch)();
   (0, _react.useEffect)(() => {
@@ -28,10 +24,10 @@ const Stylesheet = ({
     });
   }, [href]);
   return null;
-}; // this is included only once in the app, so we prevent the browser
-// from re-downloading the same styles if they get unmounted & remounted
-
+};
 
+// this is included only once in the app, so we prevent the browser
+// from re-downloading the same styles if they get unmounted & remounted
 const StylesheetContainer = () => {
   const sheets = (0, _reactRedux.useSelector)(state => state.stylesheets);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, sheets.map(href => /*#__PURE__*/_react.default.createElement("link", {
@@ -41,7 +37,6 @@ const StylesheetContainer = () => {
     property: "stylesheet"
   })));
 };
-
 exports.StylesheetContainer = StylesheetContainer;
 var _default = Stylesheet;
 exports.default = _default;

package/dist/components/TestFontsForm/TestFontsFormElement.js

@@ -4,18 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ = _interopRequireDefault(require("."));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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 _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 TestFontsFormElement = props => /*#__PURE__*/_react.default.createElement(_.default, _extends({}, props, {
   newsletterCheckboxChecked: props.newsletterCheckboxChecked === 'true' ? true : false
 }));
-
 var _default = TestFontsFormElement;
 exports.default = _default;

package/dist/components/TestFontsForm/index.js

@@ -4,47 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _TextField = _interopRequireDefault(require("../TextField"));
-
 var _Icons = require("../Icons");
-
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
-
 var _TestFontsFormUpdateCustomerMutation, _TestFontsForm_viewer, _TestFontsForm_Query;
-
 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 || 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 _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 updateCustomerMutation = _TestFontsFormUpdateCustomerMutation !== void 0 ? _TestFontsFormUpdateCustomerMutation : (_TestFontsFormUpdateCustomerMutation = require("../../__generated__/TestFontsFormUpdateCustomerMutation.graphql"), _TestFontsFormUpdateCustomerMutation.hash && _TestFontsFormUpdateCustomerMutation.hash !== "ba56958399f0893bd667ff02c33a6975" && console.error("The definition of 'TestFontsFormUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsFormUpdateCustomerMutation);
-
-const TestFontsDownloading = ({
-  archiveUrl
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: "test-fonts__downloading"
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: "test-fonts__downloading__icon"
-}, /*#__PURE__*/_react.default.createElement(_Icons.DownloadFonts, null)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "The download will start automatically."), /*#__PURE__*/_react.default.createElement("p", null, "If it didn\u2019t start, click ", /*#__PURE__*/_react.default.createElement("a", {
-  href: archiveUrl
-}, "here"), ".")));
-
-const TestFontsFormBase = ({
-  viewer,
-  agreementLabel,
-  downloadLabel = 'Download test fonts',
-  newsletterCheckboxChecked = false
-}) => {
-  var _viewer$testFonts, _ref;
-
+const TestFontsDownloading = _ref => {
+  let {
+    archiveUrl
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "test-fonts__downloading"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "test-fonts__downloading__icon"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.DownloadFonts, null)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "The download will start automatically."), /*#__PURE__*/_react.default.createElement("p", null, "If it didn\u2019t start, click ", /*#__PURE__*/_react.default.createElement("a", {
+    href: archiveUrl
+  }, "here"), ".")));
+};
+const TestFontsFormBase = _ref2 => {
+  var _viewer$testFonts, _ref4;
+  let {
+    viewer,
+    agreementLabel,
+    downloadLabel = 'Download test fonts',
+    newsletterCheckboxChecked = false
+  } = _ref2;
   const [email, setEmail] = (0, _react.useState)('');
   const [name, setName] = (0, _react.useState)('');
   const [newsletterOptIn, setNewsletterOptIn] = (0, _react.useState)(newsletterCheckboxChecked);
@@ -56,15 +46,12 @@ const TestFontsFormBase = ({
   const downloadForm = (0, _react.useRef)(null);
   const environment = (0, _reactRelay.useRelayEnvironment)();
   if (!viewer) return null;
-
   const handleSubmit = e => {
     e.preventDefault();
-
     if (!eulaAgreed) {
       setEulaFail(true);
       return;
     }
-
     (0, _reactRelay.commitMutation)(environment, {
       mutation: updateCustomerMutation,
       variables: {
@@ -80,22 +67,21 @@ const TestFontsFormBase = ({
           setSubmitting(false);
         } else {
           var _downloadForm$current;
-
           (_downloadForm$current = downloadForm.current) === null || _downloadForm$current === void 0 ? void 0 : _downloadForm$current.submit();
           setSubmitted(true);
           setSubmitting(false);
           setError(null);
         }
       },
-      onError: ({
-        message
-      }) => {
+      onError: _ref3 => {
+        let {
+          message
+        } = _ref3;
         setError(message);
         setSubmitting(false);
       }
     });
   };
-
   const disabled = !eulaAgreed || !email || !name;
   const settings = viewer.settings;
   const newsletterOptInLabel = settings === null || settings === void 0 ? void 0 : settings.newsletterOptInLabel;
@@ -137,12 +123,12 @@ const TestFontsFormBase = ({
   }), /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: "test-fonts-eula-agreement",
     dangerouslySetInnerHTML: {
-      __html: (_ref = agreementLabel || eulaAgreementLabel) !== null && _ref !== void 0 ? _ref : ''
+      __html: (_ref4 = agreementLabel || eulaAgreementLabel) !== null && _ref4 !== void 0 ? _ref4 : ''
     }
   })), newsletterOptInLabel && /*#__PURE__*/_react.default.createElement("div", {
     className: "test-fonts__newsletter-opt-in test-fonts__checkbox-field"
   }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-    id: "newletter-opt-in",
+    id: "newsletter-opt-in",
     checked: newsletterOptIn,
     onChange: event => setNewsletterOptIn(event.target.checked)
   }), /*#__PURE__*/_react.default.createElement("label", {
@@ -161,35 +147,31 @@ const TestFontsFormBase = ({
     ref: downloadForm
   }));
 };
-
 const TestFontsForm = (0, _reactRelay.createFragmentContainer)(TestFontsFormBase, {
   viewer: _TestFontsForm_viewer !== void 0 ? _TestFontsForm_viewer : (_TestFontsForm_viewer = require("../../__generated__/TestFontsForm_viewer.graphql"), _TestFontsForm_viewer.hash && _TestFontsForm_viewer.hash !== "4b3632aa1b6b2a5525ec749ab67f1cde" && console.error("The definition of 'TestFontsForm_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsForm_viewer)
 });
-
 const TestFontsFormFetcher = params => {
   const environment = (0, _reactRelay.useRelayEnvironment)();
   return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
     environment: environment,
     query: _TestFontsForm_Query !== void 0 ? _TestFontsForm_Query : (_TestFontsForm_Query = require("../../__generated__/TestFontsForm_Query.graphql"), _TestFontsForm_Query.hash && _TestFontsForm_Query.hash !== "f04852025fc8b05aa370fb2ec1bea9da" && console.error("The definition of 'TestFontsForm_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsForm_Query),
     variables: {},
-    render: ({
-      props,
-      error
-    }) => {
+    render: _ref5 => {
+      let {
+        props,
+        error
+      } = _ref5;
       if (error) {
-        console.error(error); // TODO: centralize error component, report to sentry
-
+        console.error(error);
+        // TODO: centralize error component, report to sentry
         return null;
       }
-
       if (props) {
         return /*#__PURE__*/_react.default.createElement(TestFontsForm, _extends({}, params, props));
       }
-
       return /*#__PURE__*/_react.default.createElement("div", null, "Loading...");
     }
   });
 };
-
 var _default = TestFontsFormFetcher;
 exports.default = _default;

package/dist/components/TestModeBanner/index.js

@@ -4,30 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _TestModeBanner_viewer, _TestModeBannerQuery;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const getSwitchable = switchUrl => new URL(switchUrl).hostname === location.hostname;
-
-const TestModeBannerBase = ({
-  viewer
-}) => {
+const TestModeBannerBase = _ref => {
+  let {
+    viewer
+  } = _ref;
   if (!viewer) return null;
   if (!viewer.adminUser) return null;
   const {
     isActive,
     switchUrl
   } = viewer.testMode;
-  const switchable = getSwitchable(switchUrl); // current host !== the tenant switchUrl implies that this site is running
+  const switchable = getSwitchable(switchUrl);
+
+  // current host !== the tenant switchUrl implies that this site is running
   // as a 'standalone' app. we don't know the location of the test app, so this
   // link doesn't work. let's hide the banner completely if we're in live mode
-
   if (!isActive && !switchable) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "test-mode-banner__banner",
@@ -42,26 +38,24 @@ const TestModeBannerBase = ({
     href: switchUrl
   }, "Switch to ", isActive ? 'live' : 'test', " data"))));
 };
-
 const TestModeBanner = (0, _reactRelay.createFragmentContainer)(TestModeBannerBase, {
   viewer: _TestModeBanner_viewer !== void 0 ? _TestModeBanner_viewer : (_TestModeBanner_viewer = require("../../__generated__/TestModeBanner_viewer.graphql"), _TestModeBanner_viewer.hash && _TestModeBanner_viewer.hash !== "fd9e7cafbd437e6a744cd73c3ad3a4f2" && console.error("The definition of 'TestModeBanner_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestModeBanner_viewer)
 });
-
 const TestModeBannerQueryRenderer = () => {
   const environment = (0, _reactRelay.useRelayEnvironment)();
   return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
     environment: environment,
     variables: {},
     query: _TestModeBannerQuery !== void 0 ? _TestModeBannerQuery : (_TestModeBannerQuery = require("../../__generated__/TestModeBannerQuery.graphql"), _TestModeBannerQuery.hash && _TestModeBannerQuery.hash !== "567d27c6a520c933604bcb1cf436852e" && console.error("The definition of 'TestModeBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestModeBannerQuery),
-    render: ({
-      error,
-      props
-    }) => {
+    render: _ref2 => {
+      let {
+        error,
+        props
+      } = _ref2;
       if (error || !props) return null;
       return /*#__PURE__*/_react.default.createElement(TestModeBanner, props);
     }
   });
 };
-
 var _default = TestModeBannerQueryRenderer;
 exports.default = _default;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface TextField_props {
+interface TextField_extraprops {
     autocomplete?: string;
     label: string;
     type?: string;
@@ -7,9 +7,10 @@ interface TextField_props {
     errors?: string[] | null;
     prefix?: string;
 }
-declare const TextField: React.FC<TextField_props & Omit<({
+declare type TextField_props = TextField_extraprops & (({
     Component?: 'input';
-} & React.InputHTMLAttributes<HTMLInputElement>) | ({
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>) | ({
     Component: 'textarea';
-} & React.TextareaHTMLAttributes<HTMLTextAreaElement>), 'onChange'>>;
+} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>));
+declare const TextField: ({ Component, autocomplete, label, type, onChange, errors, prefix, ...rest }: TextField_props) => JSX.Element;
 export default TextField;

package/dist/components/TextField/index.js

@@ -4,42 +4,40 @@ 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 }; }
-
-function _extends() { _extends = Object.assign || 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 TextField = ({
-  Component = 'input',
-  autocomplete,
-  label,
-  type = 'text',
-  onChange,
-  errors,
-  // string[] | null
-  prefix = null,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement("label", {
-  className: "text-field__label",
-  "data-has-error": errors ? true : undefined
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: "text-field__label-wrapper"
-}, label), /*#__PURE__*/_react.default.createElement("div", {
-  className: "text-field__input-wrapper"
-}, prefix, Component === 'input' && /*#__PURE__*/_react.default.createElement("input", _extends({}, rest, {
-  type: type,
-  onChange: e => onChange(e.target.value),
-  className: "text-field__input",
-  autoComplete: autocomplete
-})), Component === 'textarea' && /*#__PURE__*/_react.default.createElement("textarea", _extends({}, rest, {
-  onChange: e => onChange(e.target.value),
-  className: "text-field__input",
-  autoComplete: autocomplete
-}))), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
-  className: "text-field__error"
-}, errors[0]));
-
+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 TextField = _ref => {
+  let {
+    Component = 'input',
+    autocomplete,
+    label,
+    type = 'text',
+    onChange,
+    errors,
+    // string[] | null
+    prefix,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: "text-field__label",
+    "data-has-error": errors ? true : undefined
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-field__label-wrapper"
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-field__input-wrapper"
+  }, prefix, Component === 'input' && /*#__PURE__*/_react.default.createElement("input", _extends({}, rest, {
+    type: type,
+    onChange: e => onChange(e.target.value),
+    className: "text-field__input",
+    autoComplete: autocomplete
+  })), Component === 'textarea' && /*#__PURE__*/_react.default.createElement("textarea", _extends({}, rest, {
+    onChange: e => onChange(e.target.value),
+    className: "text-field__input",
+    autoComplete: autocomplete
+  }))), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
+    className: "text-field__error"
+  }, errors[0]));
+};
 var _default = TextField;
 exports.default = _default;