fontdue-js 2.0.0-alpha6 → 2.0.0-alpha7

package/dist/components/FontdueProvider/index.js

@@ -1,49 +1,29 @@
 "use strict";
-'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "FontdueProvider_props", {
+  enumerable: true,
+  get: function () {
+    return _FontdueProviderClientComponent.FontdueProvider_props;
+  }
+});
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
+var _react = _interopRequireDefault(require("react"));
 var _Stylesheet = require("../Stylesheet");
-var _ConfigContext = _interopRequireWildcard(require("../ConfigContext"));
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _TestModeBanner = _interopRequireDefault(require("../TestModeBanner"));
-var _reducer = require("../../reducer");
-var _relayEnvironment = _interopRequireDefault(require("../../relay-environment"));
 var _ThemeConfig = _interopRequireDefault(require("../ThemeConfig"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _FontdueProviderClientComponent = _interopRequireWildcard(require("./FontdueProviderClientComponent"));
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const FontdueProvider = _ref => {
   let {
     children,
-    url,
-    stripeIntegration,
-    config,
-    components,
-    store
+    ...rest
   } = _ref;
-  const environment = (0, _react.useRef)((0, _relayEnvironment.default)({
-    url,
-    stripeIntegration
-  }));
-  const configValue = (0, _ConfigContext.makeConfig)(config);
-  const storeRef = (0, _react.useRef)(store ?? (0, _reducer.createDefaultStore)(config));
-  return /*#__PURE__*/_react.default.createElement(_reactRelay.RelayEnvironmentProvider, {
-    environment: environment.current
-  }, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-    store: storeRef.current
-  }, /*#__PURE__*/_react.default.createElement(_Stylesheet.StylesheetContainer, null), /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-    fallback: null
-  }, /*#__PURE__*/_react.default.createElement(_ThemeConfig.default, null), /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Provider, {
-    value: configValue
-  }, /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Provider, {
-    value: components ?? {}
-  }, /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null), children)))));
+  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, rest, /*#__PURE__*/_react.default.createElement(_Stylesheet.StylesheetContainer, null), /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null), /*#__PURE__*/_react.default.createElement(_ThemeConfig.default, null), children);
 };
 var _default = FontdueProvider;
 exports.default = _default;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FontdueProvider_props } from './FontdueProviderClientComponent';
+export { FontdueProvider_props } from './FontdueProviderClientComponent';
+export default function FontdueProvider({ children, ...rest }: FontdueProvider_props): Promise<React.JSX.Element>;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FontdueProvider_props", {
+  enumerable: true,
+  get: function () {
+    return _FontdueProviderClientComponent.FontdueProvider_props;
+  }
+});
+exports.default = FontdueProvider;
+var _react = _interopRequireDefault(require("react"));
+var _Stylesheet = require("../Stylesheet");
+var _index = _interopRequireDefault(require("../TestModeBanner/index.server"));
+var _index2 = _interopRequireDefault(require("../ThemeConfig/index.server"));
+var _FontdueProviderClientComponent = _interopRequireWildcard(require("./FontdueProviderClientComponent"));
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+async function FontdueProvider(_ref) {
+  let {
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, rest, /*#__PURE__*/_react.default.createElement(_Stylesheet.StylesheetContainer, null), /*#__PURE__*/_react.default.createElement(_index.default, null), /*#__PURE__*/_react.default.createElement(_index2.default, null), children);
+}

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

@@ -1,11 +1,19 @@
 import React from 'react';
-interface NewsletterSignup_props {
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { NewsletterSignupQuery, NewsletterSignupQuery$data } from '__generated__/NewsletterSignupQuery.graphql';
+type PreloadedQuery = SerializablePreloadedQuery<NewsletterSignupQuery>;
+export interface NewsletterSignup_props {
     optInLabel?: string;
     successLabel?: string;
     buttonLabel?: string;
     optInCheckboxChecked?: boolean;
     title?: string;
     intro?: string;
+    data: NewsletterSignupQuery$data;
+    preloadedQuery?: PreloadedQuery;
 }
-declare function NewsletterSignup({ optInLabel: optInLabelProp, successLabel: successLabelProp, buttonLabel, optInCheckboxChecked, title, intro, }: NewsletterSignup_props): React.JSX.Element;
-export default NewsletterSignup;
+export declare function NewsletterSignupPreloadedQueryRenderer({ preloadedQuery, }: {
+    preloadedQuery: PreloadedQuery;
+}): React.JSX.Element;
+export default function NewsletterSignup(): React.JSX.Element;
+export {};

package/dist/components/NewsletterSignup/index.js

@@ -4,29 +4,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.NewsletterSignupPreloadedQueryRenderer = NewsletterSignupPreloadedQueryRenderer;
+exports.default = NewsletterSignup;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TextField = _interopRequireDefault(require("../TextField"));
 var _Check = _interopRequireDefault(require("../Icons/Check"));
-var _NewsletterSignupUpdateCustomerMutation, _NewsletterSignup_Query;
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
+var _NewsletterSignupUpdateCustomerMutation, _NewsletterSignupQuery;
 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 updateCustomerMutation = _NewsletterSignupUpdateCustomerMutation !== void 0 ? _NewsletterSignupUpdateCustomerMutation : (_NewsletterSignupUpdateCustomerMutation = require("../../__generated__/NewsletterSignupUpdateCustomerMutation.graphql"), _NewsletterSignupUpdateCustomerMutation.hash && _NewsletterSignupUpdateCustomerMutation.hash !== "769087891b6f263122bbb630b3f2ca6c" && console.error("The definition of 'NewsletterSignupUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupUpdateCustomerMutation);
-function NewsletterSignup(_ref) {
-  var _viewer$settings, _viewer$settings2;
+const query = _NewsletterSignupQuery !== void 0 ? _NewsletterSignupQuery : (_NewsletterSignupQuery = require("../../__generated__/NewsletterSignupQuery.graphql"), _NewsletterSignupQuery.hash && _NewsletterSignupQuery.hash !== "16f0b6d7ed420ec5857c972b77805e4c" && console.error("The definition of 'NewsletterSignupQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupQuery);
+function NewsletterSignupComponent(_ref) {
+  var _data$viewer, _data$viewer$settings, _data$viewer2, _data$viewer2$setting;
   let {
     optInLabel: optInLabelProp,
     successLabel: successLabelProp,
     buttonLabel = 'Subscribe',
     optInCheckboxChecked = false,
     title,
-    intro
+    intro,
+    data
   } = _ref;
-  const {
-    viewer
-  } = (0, _reactRelay.useLazyLoadQuery)(_NewsletterSignup_Query !== void 0 ? _NewsletterSignup_Query : (_NewsletterSignup_Query = require("../../__generated__/NewsletterSignup_Query.graphql"), _NewsletterSignup_Query.hash && _NewsletterSignup_Query.hash !== "6b9f4a1620992851f85b89130eaa7bb0" && console.error("The definition of 'NewsletterSignup_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignup_Query), {});
   const [name, setName] = (0, _react.useState)('');
   const [email, setEmail] = (0, _react.useState)('');
   const [newsletterOptIn, setNewsletterOptIn] = (0, _react.useState)(optInCheckboxChecked);
@@ -70,8 +71,8 @@ function NewsletterSignup(_ref) {
     });
   };
   const disabled = submitting || !newsletterOptIn || !email || !name;
-  const optInLabel = optInLabelProp || (viewer === null || viewer === void 0 ? void 0 : (_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.newsletterOptInLabel);
-  const successLabel = (successLabelProp || (viewer === null || viewer === void 0 ? void 0 : (_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.newsletterSuccessLabel)) ?? 'Success!';
+  const optInLabel = optInLabelProp || ((_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$settings = _data$viewer.settings) === null || _data$viewer$settings === void 0 ? void 0 : _data$viewer$settings.newsletterOptInLabel);
+  const successLabel = (successLabelProp || ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$setting = _data$viewer2.settings) === null || _data$viewer2$setting === void 0 ? void 0 : _data$viewer2$setting.newsletterSuccessLabel)) ?? 'Success!';
   if (submitted) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "newsletter-signup"
@@ -134,5 +135,19 @@ function NewsletterSignup(_ref) {
     className: "submit-button__arrow"
   }, ' →')))));
 }
-var _default = NewsletterSignup;
-exports.default = _default;
+function NewsletterSignupPreloadedQueryRenderer(_ref3) {
+  let {
+    preloadedQuery
+  } = _ref3;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
+  return /*#__PURE__*/_react.default.createElement(NewsletterSignupComponent, {
+    data: data
+  });
+}
+function NewsletterSignup() {
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  return /*#__PURE__*/_react.default.createElement(NewsletterSignupComponent, {
+    data: data
+  });
+}

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

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

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

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

package/dist/components/Precart/index.js

@@ -294,12 +294,14 @@ function PrecartQueryRenderer(_ref6) {
     collectionId,
     ...rest
   } = _ref6;
-  const selectedSkuIds = (0, _reactRedux.useSelector)(state => Object.keys(state.selectedSkuIds).filter(id => state.selectedSkuIds[id] === true));
+  const selectedSkuIdsObject = (0, _reactRedux.useSelector)(state => state.selectedSkuIds);
+  const selectedSkuIds = Object.keys(selectedSkuIdsObject).filter(id => selectedSkuIdsObject[id] === true);
   const deferredSelectedSkuIds = (0, _react.useDeferredValue)(selectedSkuIds);
-  const licenseOptionsSpecs = (0, _reactRedux.useSelector)(state => state.licenseOptions.map(spec => ({
+  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const licenseOptionsSpecs = licenseOptions.map(spec => ({
     licenseId: spec.licenseId,
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
-  })));
+  }));
 
   // useDeferredValue allows us to show the stale data instead of falling back
   // to the Suspense fallback in the parent, basically unmounting everything

package/dist/components/PriceBar/PriceBarSection.js

@@ -20,10 +20,11 @@ function PriceBarSection(_ref) {
   let {
     node: nodeKey
   } = _ref;
-  const licenseOptionsSpecs = (0, _reactRedux.useSelector)(state => state.licenseOptions.map(spec => ({
+  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const licenseOptionsSpecs = licenseOptions.map(spec => ({
     licenseId: spec.licenseId,
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
-  })));
+  }));
   const [isPending, startTransition] = (0, _react.useTransition)();
   const [node, refetch] = (0, _reactRelay.useRefetchableFragment)(_PriceBarSection_node !== void 0 ? _PriceBarSection_node : (_PriceBarSection_node = require("../../__generated__/PriceBarSection_node.graphql"), _PriceBarSection_node.hash && _PriceBarSection_node.hash !== "f14d864fde8de83db89ce6cd68487f98" && console.error("The definition of 'PriceBarSection_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBarSection_node), nodeKey);
   const selected = (0, _reactRedux.useSelector)((0, _utils.isSelected)(((_node$sku = node.sku) === null || _node$sku === void 0 ? void 0 : _node$sku.id) ?? null));

package/dist/components/SKUPrice/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
 var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
 var _Price = _interopRequireDefault(require("../Price"));
 var _reducer = require("../../reducer");
+var _reactRedux = require("react-redux");
 var _SKUPrice_sku;
 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); }
@@ -39,10 +39,11 @@ function SKUPrice(_ref) {
     showCollectionSavings,
     sku
   }));
-  const licenseOptionsSpecs = (0, _reactRedux.useSelector)(state => state.licenseOptions.map(spec => ({
+  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const licenseOptionsSpecs = licenseOptions.map(spec => ({
     licenseId: spec.licenseId,
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
-  })));
+  }));
   const prevLicenseOptionsSpecs = (0, _react.useRef)(licenseOptionsSpecs);
   (0, _react.useEffect)(() => {
     if (!sku) return;

package/dist/components/StoreModalProductSummary/index.js

@@ -102,6 +102,9 @@ const StoreModalProductSummary = _ref => {
           type: 'STORE_MODAL_NAVIGATE',
           route: 'cart'
         });
+      },
+      updater: store => {
+        store.invalidateStore();
       }
     });
   }, [selectedSkuIds, licenseOptions, dispatch]);

package/dist/components/Stylesheet/index.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true

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

@@ -1,8 +1,12 @@
 import React from 'react';
-interface TestFontsForm_props {
+import { TestFontsForm_Query } from '../../__generated__/TestFontsForm_Query.graphql';
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+export interface TestFontsForm_props {
     agreementLabel?: string;
     downloadLabel?: string;
     newsletterCheckboxChecked?: boolean;
 }
-declare const TestFontsForm: ({ agreementLabel, downloadLabel, newsletterCheckboxChecked, }: TestFontsForm_props) => React.JSX.Element | null;
-export default TestFontsForm;
+export declare function TestFontsFormPreloadedQueryRenderer({ preloadedQuery, ...rest }: TestFontsForm_props & {
+    preloadedQuery: SerializablePreloadedQuery<TestFontsForm_Query>;
+}): React.JSX.Element;
+export default function TestFontsForm(props: TestFontsForm_props): React.JSX.Element;

package/dist/components/TestFontsForm/index.js

@@ -4,16 +4,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.TestFontsFormPreloadedQueryRenderer = TestFontsFormPreloadedQueryRenderer;
+exports.default = TestFontsForm;
 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 _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _TestFontsFormUpdateCustomerMutation, _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 ? 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 = _ref => {
   let {
@@ -27,16 +30,14 @@ const TestFontsDownloading = _ref => {
     href: archiveUrl
   }, "here"), ".")));
 };
-const TestFontsForm = _ref2 => {
-  var _viewer$testFonts;
+const TestFontsFormComponent = _ref2 => {
+  var _data$viewer$testFont;
   let {
+    data,
     agreementLabel,
     downloadLabel = 'Download test fonts',
     newsletterCheckboxChecked = false
   } = _ref2;
-  const {
-    viewer
-  } = (0, _reactRelay.useLazyLoadQuery)(_TestFontsForm_Query !== void 0 ? _TestFontsForm_Query : (_TestFontsForm_Query = require("../../__generated__/TestFontsForm_Query.graphql"), _TestFontsForm_Query.hash && _TestFontsForm_Query.hash !== "b8838ac445fa9addb19af5a2d653e979" && 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), {});
   const [email, setEmail] = (0, _react.useState)('');
   const [name, setName] = (0, _react.useState)('');
   const [newsletterOptIn, setNewsletterOptIn] = (0, _react.useState)(newsletterCheckboxChecked);
@@ -47,7 +48,7 @@ const TestFontsForm = _ref2 => {
   const [submitted, setSubmitted] = (0, _react.useState)(false);
   const downloadForm = (0, _react.useRef)(null);
   const environment = (0, _reactRelay.useRelayEnvironment)();
-  if (!viewer) return null;
+  if (!data.viewer) return null;
   const handleSubmit = e => {
     e.preventDefault();
     if (!eulaAgreed) {
@@ -85,10 +86,10 @@ const TestFontsForm = _ref2 => {
     });
   };
   const disabled = !eulaAgreed || !email || !name;
-  const settings = viewer.settings;
+  const settings = data.viewer.settings;
   const newsletterOptInLabel = settings === null || settings === void 0 ? void 0 : settings.newsletterOptInLabel;
   const eulaAgreementLabel = settings === null || settings === void 0 ? void 0 : settings.eulaAgreementLabel;
-  const archiveUrl = (_viewer$testFonts = viewer.testFonts) === null || _viewer$testFonts === void 0 ? void 0 : _viewer$testFonts.archiveUrl;
+  const archiveUrl = (_data$viewer$testFont = data.viewer.testFonts) === null || _data$viewer$testFont === void 0 ? void 0 : _data$viewer$testFont.archiveUrl;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "test-fonts"
   }, error && /*#__PURE__*/_react.default.createElement("div", {
@@ -149,5 +150,21 @@ const TestFontsForm = _ref2 => {
     ref: downloadForm
   }));
 };
-var _default = TestFontsForm;
-exports.default = _default;
+const query = _TestFontsForm_Query !== void 0 ? _TestFontsForm_Query : (_TestFontsForm_Query = require("../../__generated__/TestFontsForm_Query.graphql"), _TestFontsForm_Query.hash && _TestFontsForm_Query.hash !== "b8838ac445fa9addb19af5a2d653e979" && 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);
+function TestFontsFormPreloadedQueryRenderer(_ref4) {
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref4;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TestFontsFormComponent, _extends({
+    data: data
+  }, rest));
+}
+function TestFontsForm(props) {
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  return /*#__PURE__*/_react.default.createElement(TestFontsFormComponent, _extends({
+    data: data
+  }, props));
+}

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

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

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

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

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

@@ -1,3 +1,7 @@
 import React from 'react';
-declare function TestModeBanner(): React.JSX.Element | null;
-export default TestModeBanner;
+import { TestModeBannerQuery } from '../../__generated__/TestModeBannerQuery.graphql';
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+export declare function TestModeBannerPreloadedQueryRenderer({ preloadedQuery, }: {
+    preloadedQuery: SerializablePreloadedQuery<TestModeBannerQuery>;
+}): React.JSX.Element;
+export default function TestModeBanner(): React.JSX.Element;

package/dist/components/TestModeBanner/index.js

@@ -1,24 +1,27 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.TestModeBannerPreloadedQueryRenderer = TestModeBannerPreloadedQueryRenderer;
+exports.default = TestModeBanner;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _TestModeBannerQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const getSwitchable = switchUrl => new URL(switchUrl).hostname === location.hostname;
-function TestModeBanner() {
-  const {
-    viewer
-  } = (0, _reactRelay.useLazyLoadQuery)(_TestModeBannerQuery !== void 0 ? _TestModeBannerQuery : (_TestModeBannerQuery = require("../../__generated__/TestModeBannerQuery.graphql"), _TestModeBannerQuery.hash && _TestModeBannerQuery.hash !== "82e974c3c8bdef284e02f896ed1680c1" && console.error("The definition of 'TestModeBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestModeBannerQuery), {});
-  if (!viewer) return null;
-  if (!viewer.adminUser) return null;
+function TestModeBannerComponent(_ref) {
+  var _data$viewer;
+  let {
+    data
+  } = _ref;
+  if (!((_data$viewer = data.viewer) !== null && _data$viewer !== void 0 && _data$viewer.adminUser)) return null;
   const {
     isActive,
     switchUrl
-  } = viewer.testMode;
+  } = data.viewer.testMode;
   const switchable = getSwitchable(switchUrl);
 
   // current host !== the tenant switchUrl implies that this site is running
@@ -38,5 +41,20 @@ function TestModeBanner() {
     href: switchUrl
   }, "Switch to ", isActive ? 'live' : 'test', " data"))));
 }
-var _default = TestModeBanner;
-exports.default = _default;
+const query = _TestModeBannerQuery !== void 0 ? _TestModeBannerQuery : (_TestModeBannerQuery = require("../../__generated__/TestModeBannerQuery.graphql"), _TestModeBannerQuery.hash && _TestModeBannerQuery.hash !== "82e974c3c8bdef284e02f896ed1680c1" && console.error("The definition of 'TestModeBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestModeBannerQuery);
+function TestModeBannerPreloadedQueryRenderer(_ref2) {
+  let {
+    preloadedQuery
+  } = _ref2;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TestModeBannerComponent, {
+    data: data
+  });
+}
+function TestModeBanner() {
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  return /*#__PURE__*/_react.default.createElement(TestModeBannerComponent, {
+    data: data
+  });
+}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function TestModeBanner(): Promise<React.JSX.Element>;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TestModeBanner;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _TestModeBannerQuery = _interopRequireDefault(require("../../__generated__/TestModeBannerQuery.graphql"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+async function TestModeBanner() {
+  const preloadedQuery = await (0, _loadSerializableQuery.default)(_TestModeBannerQuery.default, {});
+  return /*#__PURE__*/_react.default.createElement(_index.TestModeBannerPreloadedQueryRenderer, {
+    preloadedQuery: preloadedQuery
+  });
+}

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

@@ -1,3 +1,7 @@
 import React from 'react';
-declare function ThemeConfig(): React.JSX.Element | null;
-export default ThemeConfig;
+import { ThemeConfigQuery } from '../../__generated__/ThemeConfigQuery.graphql';
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+export declare function ThemeConfigPreloadedQueryRenderer({ preloadedQuery, }: {
+    preloadedQuery: SerializablePreloadedQuery<ThemeConfigQuery>;
+}): React.JSX.Element;
+export default function ThemeConfig(): React.JSX.Element;

package/dist/components/ThemeConfig/index.js

@@ -1,27 +1,44 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.ThemeConfigPreloadedQueryRenderer = ThemeConfigPreloadedQueryRenderer;
+exports.default = ThemeConfig;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _ThemeConfigQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // gets the custom properties entered by users in the admin panel,
 // which also includes default values. we put the defaults there instead of
 // every call to var() so that we have defaults all in one place
 
-function ThemeConfig() {
-  var _viewer$themeConfig;
-  const {
-    viewer
-  } = (0, _reactRelay.useLazyLoadQuery)(_ThemeConfigQuery !== void 0 ? _ThemeConfigQuery : (_ThemeConfigQuery = require("../../__generated__/ThemeConfigQuery.graphql"), _ThemeConfigQuery.hash && _ThemeConfigQuery.hash !== "c259bee038c4d2ea14c758fba3381f57" && console.error("The definition of 'ThemeConfigQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ThemeConfigQuery), {});
-  if (!viewer) return null;
-  const props = (viewer === null || viewer === void 0 ? void 0 : (_viewer$themeConfig = viewer.themeConfig) === null || _viewer$themeConfig === void 0 ? void 0 : _viewer$themeConfig.customProperties) ?? [];
+function ThemeConfigComponent(_ref) {
+  var _data$viewer$themeCon;
+  let {
+    data
+  } = _ref;
+  const props = ((_data$viewer$themeCon = data.viewer.themeConfig) === null || _data$viewer$themeCon === void 0 ? void 0 : _data$viewer$themeCon.customProperties) ?? [];
   return /*#__PURE__*/_react.default.createElement("style", {
     type: "text/css"
   }, `:root { ${props.join(';')} }`);
 }
-var _default = ThemeConfig;
-exports.default = _default;
+const query = _ThemeConfigQuery !== void 0 ? _ThemeConfigQuery : (_ThemeConfigQuery = require("../../__generated__/ThemeConfigQuery.graphql"), _ThemeConfigQuery.hash && _ThemeConfigQuery.hash !== "c259bee038c4d2ea14c758fba3381f57" && console.error("The definition of 'ThemeConfigQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ThemeConfigQuery);
+function ThemeConfigPreloadedQueryRenderer(_ref2) {
+  let {
+    preloadedQuery
+  } = _ref2;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
+  return /*#__PURE__*/_react.default.createElement(ThemeConfigComponent, {
+    data: data
+  });
+}
+function ThemeConfig() {
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  return /*#__PURE__*/_react.default.createElement(ThemeConfigComponent, {
+    data: data
+  });
+}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ThemeConfig(): Promise<React.JSX.Element>;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ThemeConfig;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _ThemeConfigQuery = _interopRequireDefault(require("../../__generated__/ThemeConfigQuery.graphql"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+async function ThemeConfig() {
+  const preloadedQuery = await (0, _loadSerializableQuery.default)(_ThemeConfigQuery.default, {});
+  return /*#__PURE__*/_react.default.createElement(_index.ThemeConfigPreloadedQueryRenderer, {
+    preloadedQuery: preloadedQuery
+  });
+}