fontdue-js 2.28.0 → 3.0.0-alpha10

package/dist/components/Icons/index.js

@@ -1,167 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ArrowDownRight", {
-  enumerable: true,
-  get: function () {
-    return _ArrowDownRight.default;
-  }
-});
-Object.defineProperty(exports, "ArrowLeft", {
-  enumerable: true,
-  get: function () {
-    return _ArrowLeft.default;
-  }
-});
-Object.defineProperty(exports, "ArrowRight", {
-  enumerable: true,
-  get: function () {
-    return _ArrowRight.default;
-  }
-});
-Object.defineProperty(exports, "CarrotDown", {
-  enumerable: true,
-  get: function () {
-    return _CarrotDown.default;
-  }
-});
-Object.defineProperty(exports, "CarrotUp", {
-  enumerable: true,
-  get: function () {
-    return _CarrotUp.default;
-  }
-});
-Object.defineProperty(exports, "Cart", {
-  enumerable: true,
-  get: function () {
-    return _Cart.default;
-  }
-});
-Object.defineProperty(exports, "CartNew", {
-  enumerable: true,
-  get: function () {
-    return _CartNew.default;
-  }
-});
-Object.defineProperty(exports, "Check", {
-  enumerable: true,
-  get: function () {
-    return _Check.default;
-  }
-});
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () {
-    return _Checkbox.default;
-  }
-});
-Object.defineProperty(exports, "CheckboxChecked", {
-  enumerable: true,
-  get: function () {
-    return _CheckboxChecked.default;
-  }
-});
-Object.defineProperty(exports, "CheckboxCrossed", {
-  enumerable: true,
-  get: function () {
-    return _CheckboxCrossed.default;
-  }
-});
-Object.defineProperty(exports, "CircledCheck", {
-  enumerable: true,
-  get: function () {
-    return _CircledCheck.default;
-  }
-});
-Object.defineProperty(exports, "CircledInfo", {
-  enumerable: true,
-  get: function () {
-    return _CircledInfo.default;
-  }
-});
-Object.defineProperty(exports, "CircledMinus", {
-  enumerable: true,
-  get: function () {
-    return _CircledMinus.default;
-  }
-});
-Object.defineProperty(exports, "ColorPicker", {
-  enumerable: true,
-  get: function () {
-    return _ColorPicker.default;
-  }
-});
-Object.defineProperty(exports, "CreditCard", {
-  enumerable: true,
-  get: function () {
-    return _CreditCard.default;
-  }
-});
-Object.defineProperty(exports, "DownArrow", {
-  enumerable: true,
-  get: function () {
-    return _DownArrow.default;
-  }
-});
-Object.defineProperty(exports, "DownloadFonts", {
-  enumerable: true,
-  get: function () {
-    return _DownloadFonts.default;
-  }
-});
-Object.defineProperty(exports, "FrowningFace", {
-  enumerable: true,
-  get: function () {
-    return _FrowningFace.default;
-  }
-});
-Object.defineProperty(exports, "License", {
-  enumerable: true,
-  get: function () {
-    return _License.default;
-  }
-});
-Object.defineProperty(exports, "Receipt", {
-  enumerable: true,
-  get: function () {
-    return _Receipt.default;
-  }
-});
-Object.defineProperty(exports, "User", {
-  enumerable: true,
-  get: function () {
-    return _User.default;
-  }
-});
-Object.defineProperty(exports, "X", {
-  enumerable: true,
-  get: function () {
-    return _X.default;
-  }
-});
-var _ArrowDownRight = _interopRequireDefault(require("./ArrowDownRight"));
-var _ArrowLeft = _interopRequireDefault(require("./ArrowLeft"));
-var _ArrowRight = _interopRequireDefault(require("./ArrowRight"));
-var _CarrotDown = _interopRequireDefault(require("./CarrotDown"));
-var _CarrotUp = _interopRequireDefault(require("./CarrotUp"));
-var _Cart = _interopRequireDefault(require("./Cart"));
-var _CartNew = _interopRequireDefault(require("./CartNew"));
-var _Check = _interopRequireDefault(require("./Check"));
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-var _CheckboxChecked = _interopRequireDefault(require("./CheckboxChecked"));
-var _CheckboxCrossed = _interopRequireDefault(require("./CheckboxCrossed"));
-var _CircledCheck = _interopRequireDefault(require("./CircledCheck"));
-var _CircledInfo = _interopRequireDefault(require("./CircledInfo"));
-var _CircledMinus = _interopRequireDefault(require("./CircledMinus"));
-var _ColorPicker = _interopRequireDefault(require("./ColorPicker"));
-var _CreditCard = _interopRequireDefault(require("./CreditCard"));
-var _DownArrow = _interopRequireDefault(require("./DownArrow"));
-var _DownloadFonts = _interopRequireDefault(require("./DownloadFonts"));
-var _FrowningFace = _interopRequireDefault(require("./FrowningFace"));
-var _License = _interopRequireDefault(require("./License"));
-var _Receipt = _interopRequireDefault(require("./Receipt"));
-var _User = _interopRequireDefault(require("./User"));
-var _X = _interopRequireDefault(require("./X"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+export { default as ArrowDownRight } from './ArrowDownRight.js';
+export { default as ArrowLeft } from './ArrowLeft.js';
+export { default as ArrowRight } from './ArrowRight.js';
+export { default as CarrotDown } from './CarrotDown.js';
+export { default as CarrotUp } from './CarrotUp.js';
+export { default as Cart } from './Cart.js';
+export { default as CartNew } from './CartNew.js';
+export { default as Check } from './Check.js';
+export { default as Checkbox } from './Checkbox.js';
+export { default as CheckboxChecked } from './CheckboxChecked.js';
+export { default as CheckboxCrossed } from './CheckboxCrossed.js';
+export { default as CircledCheck } from './CircledCheck.js';
+export { default as CircledInfo } from './CircledInfo.js';
+export { default as CircledMinus } from './CircledMinus.js';
+export { default as ColorPicker } from './ColorPicker.js';
+export { default as CreditCard } from './CreditCard.js';
+export { default as DownArrow } from './DownArrow.js';
+export { default as DownloadFonts } from './DownloadFonts.js';
+export { default as FrowningFace } from './FrowningFace.js';
+export { default as License } from './License.js';
+export { default as Receipt } from './Receipt.js';
+export { default as User } from './User.js';
+export { default as X } from './X.js';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NewsletterSignup_props } from './index';
+import { NewsletterSignup_props } from './index.js';
 interface NewsletterSignupElement_props {
     optInCheckboxChecked?: string;
 }

package/dist/components/NewsletterSignup/NewsletterSignupElement.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = NewsletterSignupElement;
-var _react = _interopRequireDefault(require("react"));
-var _index = _interopRequireDefault(require("./index"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function NewsletterSignupElement(props) {
-  return /*#__PURE__*/_react.default.createElement(_index.default, _extends({}, props, {
+import React from 'react';
+import NewsletterSignup from './index.js';
+export default function NewsletterSignupElement(props) {
+  return /*#__PURE__*/React.createElement(NewsletterSignup, _extends({}, props, {
     optInCheckboxChecked: props.optInCheckboxChecked === 'true'
   }));
 }

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

@@ -1,7 +1,9 @@
 import React from 'react';
-import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
-import { NewsletterSignupQuery } from '__generated__/NewsletterSignupQuery.graphql';
-type PreloadedQuery = SerializablePreloadedQuery<NewsletterSignupQuery>;
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery.js';
+import { NewsletterSignupQuery } from '../../__generated__/NewsletterSignupQuery.graphql.js';
+import { Config } from '../ConfigContext.js';
+export type NewsletterSignupPreloadedQuery = SerializablePreloadedQuery<NewsletterSignupQuery>;
+export declare function loadNewsletterSignupQuery(): Promise<NewsletterSignupPreloadedQuery>;
 export interface NewsletterSignup_props {
     optInLabel?: string;
     successLabel?: string;
@@ -11,7 +13,10 @@ export interface NewsletterSignup_props {
     intro?: string;
 }
 export declare function NewsletterSignupPreloadedQueryRenderer({ preloadedQuery, ...props }: {
-    preloadedQuery: PreloadedQuery;
+    preloadedQuery: NewsletterSignupPreloadedQuery;
 } & NewsletterSignup_props): React.JSX.Element;
-export default function NewsletterSignup(props: NewsletterSignup_props): React.JSX.Element;
-export {};
+export type NewsletterSignup_unifiedProps = NewsletterSignup_props & {
+    preloadedQuery?: NewsletterSignupPreloadedQuery;
+    config?: Config;
+};
+export default function NewsletterSignup({ config, ...props }: NewsletterSignup_unifiedProps): React.JSX.Element;

package/dist/components/NewsletterSignup/index.js

@@ -1,25 +1,22 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NewsletterSignupPreloadedQueryRenderer = NewsletterSignupPreloadedQueryRenderer;
-exports.default = NewsletterSignup;
-var _NewsletterSignupQuery2 = _interopRequireDefault(require("../../__generated__/NewsletterSignupQuery.graphql"));
-var _NewsletterSignupUpdateCustomerMutation2 = _interopRequireDefault(require("../../__generated__/NewsletterSignupUpdateCustomerMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactGoogleRecaptcha = _interopRequireDefault(require("react-google-recaptcha"));
-var _TextField = _interopRequireDefault(require("../TextField"));
-var _Check = _interopRequireDefault(require("../Icons/Check"));
-var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const updateCustomerMutation = (_NewsletterSignupUpdateCustomerMutation2.default.hash && _NewsletterSignupUpdateCustomerMutation2.default.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."), _NewsletterSignupUpdateCustomerMutation2.default);
-const query = (_NewsletterSignupQuery2.default.hash && _NewsletterSignupQuery2.default.hash !== "24b303198a6038318723fc0124548862" && console.error("The definition of 'NewsletterSignupQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupQuery2.default);
+import _NewsletterSignupQuery from "../../__generated__/NewsletterSignupQuery.graphql.js";
+import _NewsletterSignupUpdateCustomerMutation from "../../__generated__/NewsletterSignupUpdateCustomerMutation.graphql.js";
+import React, { useState, useRef, useCallback } from 'react';
+import { graphql, commitMutation, useRelayEnvironment, useLazyLoadQuery, usePreloadedQuery } from 'react-relay';
+import { ReCAPTCHA } from 'react-google-recaptcha';
+import TextField from '../TextField/index.js';
+import Check from '../Icons/Check.js';
+import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
+import useSerializablePreloadedQuery from '../../relay/useSerializablePreloadedQuery.js';
+import NewsletterSignupQueryNode from '../../__generated__/NewsletterSignupQuery.graphql.js';
+import { EnsureFontdueContext } from '../FontdueContextProvider/index.js';
+const updateCustomerMutation = (_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);
+export async function loadNewsletterSignupQuery() {
+  return loadSerializableQuery(NewsletterSignupQueryNode, {});
+}
+const query = (_NewsletterSignupQuery.hash && _NewsletterSignupQuery.hash !== "24b303198a6038318723fc0124548862" && 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, _data$viewer3, _data$viewer3$setting, _data$viewer4, _data$viewer4$setting;
   let {
@@ -31,23 +28,23 @@ function NewsletterSignupComponent(_ref) {
     intro,
     data
   } = _ref;
-  const [name, setName] = (0, _react.useState)('');
-  const [email, setEmail] = (0, _react.useState)('');
-  const [newsletterOptIn, setNewsletterOptIn] = (0, _react.useState)(optInCheckboxChecked);
-  const [error, setError] = (0, _react.useState)(null);
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const [submitted, setSubmitted] = (0, _react.useState)(false);
-  const [recaptchaToken, setRecaptchaToken] = (0, _react.useState)(null);
-  const [pendingSubmit, setPendingSubmit] = (0, _react.useState)(false);
-  const recaptchaRef = (0, _react.useRef)(null);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const [name, setName] = useState('');
+  const [email, setEmail] = useState('');
+  const [newsletterOptIn, setNewsletterOptIn] = useState(optInCheckboxChecked);
+  const [error, setError] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const [recaptchaToken, setRecaptchaToken] = useState(null);
+  const [pendingSubmit, setPendingSubmit] = useState(false);
+  const recaptchaRef = useRef(null);
+  const environment = useRelayEnvironment();
   const recaptchaEnabled = ((_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.recaptchaEnabled) ?? false;
   const recaptchaSiteKey = (_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.recaptchaSiteKey;
-  const submitForm = (0, _react.useCallback)(token => {
+  const submitForm = useCallback(token => {
     setSubmitting(true);
     setPendingSubmit(false);
     setError(null);
-    (0, _reactRelay.commitMutation)(environment, {
+    commitMutation(environment, {
       mutation: updateCustomerMutation,
       variables: {
         input: {
@@ -84,14 +81,14 @@ function NewsletterSignupComponent(_ref) {
       }
     });
   }, [environment, name, email, newsletterOptIn]);
-  const handleRecaptchaChange = (0, _react.useCallback)(token => {
+  const handleRecaptchaChange = useCallback(token => {
     setRecaptchaToken(token);
     // If we were waiting for a token to submit, do it now
     if (token && pendingSubmit) {
       submitForm(token);
     }
   }, [pendingSubmit, submitForm]);
-  const handleRecaptchaExpired = (0, _react.useCallback)(() => {
+  const handleRecaptchaExpired = useCallback(() => {
     setRecaptchaToken(null);
   }, []);
   const handleSubmit = e => {
@@ -113,87 +110,105 @@ function NewsletterSignupComponent(_ref) {
   const optInLabel = optInLabelProp || ((_data$viewer3 = data.viewer) === null || _data$viewer3 === void 0 ? void 0 : (_data$viewer3$setting = _data$viewer3.settings) === null || _data$viewer3$setting === void 0 ? void 0 : _data$viewer3$setting.newsletterOptInLabel);
   const successLabel = (successLabelProp || ((_data$viewer4 = data.viewer) === null || _data$viewer4 === void 0 ? void 0 : (_data$viewer4$setting = _data$viewer4.settings) === null || _data$viewer4$setting === void 0 ? void 0 : _data$viewer4$setting.newsletterSuccessLabel)) ?? 'Success!';
   if (submitted) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "newsletter-signup"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "newsletter-signup__success",
       dangerouslySetInnerHTML: {
         __html: successLabel
       }
     }));
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "newsletter-signup"
-  }, /*#__PURE__*/_react.default.createElement("h2", {
+  }, /*#__PURE__*/React.createElement("h2", {
     className: "newsletter-signup__title"
-  }, title), /*#__PURE__*/_react.default.createElement("p", {
+  }, title), /*#__PURE__*/React.createElement("p", {
     className: "newsletter-signup__intro"
-  }, intro), error && /*#__PURE__*/_react.default.createElement("p", {
+  }, intro), error && /*#__PURE__*/React.createElement("p", {
     className: "newsletter-signup__error"
-  }, error), /*#__PURE__*/_react.default.createElement("form", {
+  }, error), /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "newsletter-signup__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Name *",
     placeholder: "Your name",
     autocomplete: "name",
     value: name,
     onChange: value => setName(value)
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "newsletter-signup__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Email *",
     placeholder: "Your email",
     type: "email",
     autocomplete: "email",
     value: email,
     onChange: value => setEmail(value)
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "newsletter-signup__section newsletter-signup__checkbox-field"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "checkbox"
-  }, /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     id: "customer-newsletter-opt-in",
     checked: newsletterOptIn,
     onChange: e => setNewsletterOptIn(e.target.checked)
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "checkbox__icon"
-  }, /*#__PURE__*/_react.default.createElement(_Check.default, null))), /*#__PURE__*/_react.default.createElement("label", {
+  }, /*#__PURE__*/React.createElement(Check, null))), /*#__PURE__*/React.createElement("label", {
     htmlFor: "customer-newsletter-opt-in",
     dangerouslySetInnerHTML: {
       __html: optInLabel ?? ''
     }
-  })), recaptchaEnabled && recaptchaSiteKey && /*#__PURE__*/_react.default.createElement(_reactGoogleRecaptcha.default, {
+  })), recaptchaEnabled && recaptchaSiteKey && /*#__PURE__*/React.createElement(ReCAPTCHA, {
     ref: recaptchaRef,
     sitekey: recaptchaSiteKey,
     size: "invisible",
     onChange: handleRecaptchaChange,
     onExpired: handleRecaptchaExpired
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "newsletter-signup__section"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     className: "submit-button",
     disabled: submitting || pendingSubmit || disabled
-  }, submitting || pendingSubmit ? 'Submitting...' : buttonLabel, ' ', /*#__PURE__*/_react.default.createElement("span", {
+  }, submitting || pendingSubmit ? 'Submitting...' : buttonLabel, ' ', /*#__PURE__*/React.createElement("span", {
     className: "submit-button__arrow"
   }, ' →')))));
 }
-function NewsletterSignupPreloadedQueryRenderer(_ref3) {
+export function NewsletterSignupPreloadedQueryRenderer(_ref3) {
   let {
     preloadedQuery,
     ...props
   } = _ref3;
-  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
-  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
-  return /*#__PURE__*/_react.default.createElement(NewsletterSignupComponent, _extends({
+  // The query node lets the hook commit the payload into the store, so
+  // usePreloadedQuery resolves synchronously during SSR instead of
+  // refetching (the response cache only exists in the browser).
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery, 'store-or-network', query);
+  const data = usePreloadedQuery(query, queryRef);
+  return /*#__PURE__*/React.createElement(NewsletterSignupComponent, _extends({
     data: data
   }, props));
 }
-function NewsletterSignup(props) {
-  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
-  return /*#__PURE__*/_react.default.createElement(NewsletterSignupComponent, _extends({}, props, {
+function NewsletterSignupLazyQueryRenderer(props) {
+  const data = useLazyLoadQuery(query, {});
+  return /*#__PURE__*/React.createElement(NewsletterSignupComponent, _extends({}, props, {
     data: data
   }));
+}
+// Unified NewsletterSignup entry. Accepts an optional preloaded query
+// (server-side preload path) or fetches lazily on mount. `EnsureFontdueContext`
+// only self-wraps with `FontdueContextProvider` when no parent Fontdue
+// context is present, seeding it with `config`.
+export default function NewsletterSignup(_ref4) {
+  let {
+    config,
+    ...props
+  } = _ref4;
+  return /*#__PURE__*/React.createElement(EnsureFontdueContext, {
+    config: config
+  }, props.preloadedQuery ? /*#__PURE__*/React.createElement(NewsletterSignupPreloadedQueryRenderer, _extends({}, props, {
+    preloadedQuery: props.preloadedQuery
+  })) : /*#__PURE__*/React.createElement(NewsletterSignupLazyQueryRenderer, props));
 }

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

@@ -1,3 +1,8 @@
 import React from 'react';
-import { NewsletterSignup_props } from './index';
-export default function NewsletterSignup(props: NewsletterSignup_props): Promise<React.JSX.Element>;
+import { NewsletterSignup_props } from './index.js';
+import { Config } from '../ConfigContext.js';
+export type { NewsletterSignupPreloadedQuery } from './index.js';
+export declare function loadNewsletterSignupQuery(): never;
+export default function NewsletterSignup(props: NewsletterSignup_props & {
+    config?: Config;
+}): Promise<React.JSX.Element>;

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

@@ -1,18 +1,21 @@
-"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(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-async function NewsletterSignup(props) {
-  const preloadedQuery = await (0, _loadSerializableQuery.default)(_NewsletterSignupQuery.default, {});
-  return /*#__PURE__*/_react.default.createElement(_index.NewsletterSignupPreloadedQueryRenderer, _extends({}, props, {
+import React from 'react';
+import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
+import { NewsletterSignupPreloadedQueryRenderer } from './index.js';
+import NewsletterSignupQueryNode from '../../__generated__/NewsletterSignupQuery.graphql.js';
+// Stub for the RSC export condition. See FontdueProvider/index.server.tsx
+// for the rationale.
+export function loadNewsletterSignupQuery() {
+  throw new Error("loadNewsletterSignupQuery isn't needed in React Server Components — " + 'the <NewsletterSignup> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
+
+// Next RSC variant: awaits the query on the server and hands the response to
+// the client `NewsletterSignupPreloadedQueryRenderer`. Lets pages just write
+// `<NewsletterSignup />` in an RSC without manually invoking
+// `loadNewsletterSignupQuery` + threading `preloadedQuery` through props.
+export default async function NewsletterSignup(props) {
+  const preloadedQuery = await loadSerializableQuery(NewsletterSignupQueryNode, {});
+  return /*#__PURE__*/React.createElement(NewsletterSignupPreloadedQueryRenderer, _extends({}, props, {
     preloadedQuery: preloadedQuery
   }));
 }