fontdue-js 2.28.0 → 3.0.0-alpha10

package/dist/components/CustomerLoginForm/index.js

@@ -1,37 +1,26 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _CustomerLoginFormQuery2 = _interopRequireDefault(require("../../__generated__/CustomerLoginFormQuery.graphql"));
-var _CustomerLoginFormLoginMutation2 = _interopRequireDefault(require("../../__generated__/CustomerLoginFormLoginMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _TextField = _interopRequireDefault(require("../TextField"));
-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 }; }
-const loginMutation = (_CustomerLoginFormLoginMutation2.default.hash && _CustomerLoginFormLoginMutation2.default.hash !== "975b639fac1e0d88e0f0c9c55acd8b9c" && console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormLoginMutation2.default);
-const query = (_CustomerLoginFormQuery2.default.hash && _CustomerLoginFormQuery2.default.hash !== "f32c7b0b485a2b2a02ddf2cbc5b87a3c" && console.error("The definition of 'CustomerLoginFormQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormQuery2.default);
+import _CustomerLoginFormQuery from "../../__generated__/CustomerLoginFormQuery.graphql.js";
+import _CustomerLoginFormLoginMutation from "../../__generated__/CustomerLoginFormLoginMutation.graphql.js";
+import React, { useState } from 'react';
+import { commitMutation, graphql, useLazyLoadQuery, useRelayEnvironment } from 'react-relay';
+import TextField from '../TextField/index.js';
+const loginMutation = (_CustomerLoginFormLoginMutation.hash && _CustomerLoginFormLoginMutation.hash !== "975b639fac1e0d88e0f0c9c55acd8b9c" && console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormLoginMutation);
+const query = (_CustomerLoginFormQuery.hash && _CustomerLoginFormQuery.hash !== "f32c7b0b485a2b2a02ddf2cbc5b87a3c" && console.error("The definition of 'CustomerLoginFormQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormQuery);
 const DEFAULT_SUBMITTED_LABEL = '<p>Submitted!</p><p>Please check your email inbox for a link to log in.</p><p>If you don\u2019t receive an email, please contact us to retrieve your order information.</p>';
 const CustomerLoginForm = _ref => {
-  var _data$viewer, _data$viewer$settings;
   let {
     submitLabel = 'Submit'
   } = _ref;
-  const [email, setEmail] = (0, _react.useState)('');
-  const [error, setError] = (0, _react.useState)(null);
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const [submitted, setSubmitted] = (0, _react.useState)(false);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
-  const submittedLabel = ((_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.customerLoginSubmittedLabel) || DEFAULT_SUBMITTED_LABEL;
+  const [email, setEmail] = useState('');
+  const [error, setError] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const environment = useRelayEnvironment();
   const handleSubmit = e => {
     e.preventDefault();
     setSubmitting(true);
-    (0, _reactRelay.commitMutation)(environment, {
+    commitMutation(environment, {
       mutation: loginMutation,
       variables: {
         input: {
@@ -58,34 +47,44 @@ const CustomerLoginForm = _ref => {
     });
   };
   const disabled = !email;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "login-form"
-  }, error && /*#__PURE__*/_react.default.createElement("div", {
+  }, error && /*#__PURE__*/React.createElement("div", {
     className: "login-form__errors"
-  }, error), submitted ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "login-form__submitted",
-    dangerouslySetInnerHTML: {
-      __html: submittedLabel
-    }
-  }) : /*#__PURE__*/_react.default.createElement("form", {
+  }, error), submitted ? /*#__PURE__*/React.createElement(SubmittedMessage, null) : /*#__PURE__*/React.createElement("form", {
     className: "login-form__form",
     onSubmit: handleSubmit
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "login-form__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Email *",
     type: "email",
     value: email,
     onChange: value => setEmail(value),
     autocomplete: "email",
     placeholder: "Your email"
-  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
     className: "submit-button",
     type: "submit",
     disabled: submitting || disabled
-  }, submitting ? 'Submitting...' : submitLabel, /*#__PURE__*/_react.default.createElement("span", {
+  }, submitting ? 'Submitting...' : submitLabel, /*#__PURE__*/React.createElement("span", {
     className: "submit-button__arrow"
   }, " \u2192")))));
 };
-var _default = CustomerLoginForm;
-exports.default = _default;
+
+// The settings label is only shown after a submit, which can only happen in
+// the browser — fetching it here (not in the form component) keeps the lazy
+// query out of the SSR pass, where it has no session and, in multi-tenant
+// setups, possibly no resolvable GraphQL URL.
+function SubmittedMessage() {
+  var _data$viewer, _data$viewer$settings;
+  const data = useLazyLoadQuery(query, {});
+  const submittedLabel = ((_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.customerLoginSubmittedLabel) || DEFAULT_SUBMITTED_LABEL;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "login-form__submitted",
+    dangerouslySetInnerHTML: {
+      __html: submittedLabel
+    }
+  });
+}
+export default CustomerLoginForm;

package/dist/components/Family/FamilyList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FamilyList_node$key } from '__generated__/FamilyList_node.graphql';
+import { FamilyList_node$key } from '__generated__/FamilyList_node.graphql.js';
 interface FamilyList_props {
     node: FamilyList_node$key;
     text?: string;

package/dist/components/Family/FamilyList.js

@@ -1,33 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = FamilyList;
-var _FamilyList_node2 = _interopRequireDefault(require("../../__generated__/FamilyList_node.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _FontStyle = _interopRequireDefault(require("../FontStyle"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _FamilyList_node from "../../__generated__/FamilyList_node.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import FontStyle from '../FontStyle/index.js';
 const styleName = (normal, localized) => {
   if (normal === localized) return normal;
   return `${normal} ${localized}`;
 };
-function FamilyList(_ref) {
+export default function FamilyList(_ref) {
   var _node$fontStyles;
   let {
     node: nodeKey,
     text
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_FamilyList_node2.default.hash && _FamilyList_node2.default.hash !== "d52770ab2e7aaa83f392a5d80340f3ad" && console.error("The definition of 'FamilyList_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FamilyList_node2.default), nodeKey);
-  return /*#__PURE__*/_react.default.createElement("ul", {
+  const node = useFragment((_FamilyList_node.hash && _FamilyList_node.hash !== "d52770ab2e7aaa83f392a5d80340f3ad" && console.error("The definition of 'FamilyList_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FamilyList_node), nodeKey);
+  return /*#__PURE__*/React.createElement("ul", {
     className: "font-family-block__list",
     style: {
       fontFamily: node.name
     }
   }, (_node$fontStyles = node.fontStyles) === null || _node$fontStyles === void 0 ? void 0 : _node$fontStyles.map((style, i) => {
     var _style$variableInstan, _style$variableInstan2;
-    return /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    return /*#__PURE__*/React.createElement(FontStyle, {
       fontStyle: style,
       Component: "li",
       key: i,
@@ -37,7 +30,7 @@ function FamilyList(_ref) {
         name,
         coordinates
       } = _ref2;
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         key: name,
         style: {
           fontVariationSettings: coordinates.map(_ref3 => {
@@ -49,6 +42,6 @@ function FamilyList(_ref) {
           }).join(',')
         }
       }, name, ' ');
-    }) : /*#__PURE__*/_react.default.createElement("span", null, text || styleName(style.name, style.name_localized), " "));
+    }) : /*#__PURE__*/React.createElement("span", null, text || styleName(style.name, style.name_localized), " "));
   }));
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Family_node$key } from '__generated__/Family_node.graphql';
+import { Family_node$key } from '__generated__/Family_node.graphql.js';
 interface FamilyBase_props {
     node: Family_node$key;
     size?: string;

package/dist/components/Family/index.js

@@ -1,88 +1,79 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Family;
-var _Family_node2 = _interopRequireDefault(require("../../__generated__/Family_node.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _SelectButton = _interopRequireDefault(require("../SelectButton"));
-var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
-var _Price = require("../Price");
-var _FamilyList = _interopRequireDefault(require("./FamilyList"));
-var _reducer = require("../../reducer");
-var _utils = require("../../utils");
-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 Family(_ref) {
+import _Family_node from "../../__generated__/Family_node.graphql.js";
+import React, { Suspense, useState } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useSelector } from 'react-redux';
+import SelectButton from '../SelectButton/index.js';
+import SKUPrice from '../SKUPrice/index.js';
+import { PriceFormat } from '../Price/index.js';
+import FamilyList from './FamilyList.js';
+import { isSelected } from '../../reducer.js';
+import { pluralize } from '../../utils.js';
+export default function Family(_ref) {
   var _node$fontStyles, _node$fontStyles2, _node$families;
   let {
     node: nodeKey,
     size
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_Family_node2.default.hash && _Family_node2.default.hash !== "5c49167e8bf2458ab72604ff960636b2" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node2.default), nodeKey);
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
-  const selector = node.sku ? (0, _reducer.isSelected)(node.sku.id) : () => false;
-  const selected = (0, _reactRedux.useSelector)(selector);
-  const [buyButtonIsHovered, setBuyButtonIsHovered] = (0, _react.useState)(false);
+  const node = useFragment((_Family_node.hash && _Family_node.hash !== "5c49167e8bf2458ab72604ff960636b2" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node), nodeKey);
+  const precartOpen = useSelector(state => state.precartOpen);
+  const selector = node.sku ? isSelected(node.sku.id) : () => false;
+  const selected = useSelector(selector);
+  const [buyButtonIsHovered, setBuyButtonIsHovered] = useState(false);
   const isSuperFamily = node.collectionType === 'superfamily';
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "select-button-hover-parent font-family-block",
     "data-size": size,
     "data-selected": selected,
     "data-buy-button-hovered": buyButtonIsHovered
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "font-family-block__wrapper"
-  }, node.sku && /*#__PURE__*/_react.default.createElement("div", {
+  }, node.sku && /*#__PURE__*/React.createElement("div", {
     className: "font-family-block__select-button"
-  }, /*#__PURE__*/_react.default.createElement(_SelectButton.default, {
+  }, /*#__PURE__*/React.createElement(SelectButton, {
     sku: node.sku,
     productId: node.sku.id,
     onMouseEnter: () => setBuyButtonIsHovered(true),
     onMouseLeave: () => setBuyButtonIsHovered(false),
     className: "font-family-block__select-button-element"
-  }), precartOpen && !selected && /*#__PURE__*/_react.default.createElement("div", {
+  }), precartOpen && !selected && /*#__PURE__*/React.createElement("div", {
     className: "font-family-block__price"
-  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  }, /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
-  }, /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+  }, /*#__PURE__*/React.createElement(SKUPrice, {
     sku: node.sku,
-    format: _Price.PriceFormat.Truncated
-  })))), /*#__PURE__*/_react.default.createElement("div", {
+    format: PriceFormat.Truncated
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "font-family-block__label"
-  }, /*#__PURE__*/_react.default.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     className: "font-family-block__name"
-  }, isSuperFamily ? `${node.name} Super family` : node.name), /*#__PURE__*/_react.default.createElement("span", {
+  }, isSuperFamily ? `${node.name} Super family` : node.name), /*#__PURE__*/React.createElement("span", {
     className: "font-family-block__separator"
-  }), /*#__PURE__*/_react.default.createElement("p", {
+  }), /*#__PURE__*/React.createElement("p", {
     className: "font-family-block__count"
-  }, (0, _utils.pluralize)(node.totalStyles ?? 0, node.isVariableFont ? 'font' : 'style')), node.isVariableFont ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+  }, pluralize(node.totalStyles ?? 0, node.isVariableFont ? 'font' : 'style')), node.isVariableFont ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: "font-family-block__separator"
-  }), /*#__PURE__*/_react.default.createElement("p", {
+  }), /*#__PURE__*/React.createElement("p", {
     className: "font-family-block__count"
-  }, (0, _utils.pluralize)(((_node$fontStyles = node.fontStyles) === null || _node$fontStyles === void 0 ? void 0 : _node$fontStyles.reduce((total, style) => {
+  }, pluralize(((_node$fontStyles = node.fontStyles) === null || _node$fontStyles === void 0 ? void 0 : _node$fontStyles.reduce((total, style) => {
     var _style$variableAxes;
     return total + (((_style$variableAxes = style.variableAxes) === null || _style$variableAxes === void 0 ? void 0 : _style$variableAxes.length) ?? 0);
-  }, 0)) ?? 0, 'variable axis', 'variable axes')), /*#__PURE__*/_react.default.createElement("span", {
+  }, 0)) ?? 0, 'variable axis', 'variable axes')), /*#__PURE__*/React.createElement("span", {
     className: "font-family-block__separator"
-  }), /*#__PURE__*/_react.default.createElement("p", {
+  }), /*#__PURE__*/React.createElement("p", {
     className: "font-family-block__count"
-  }, (0, _utils.pluralize)(((_node$fontStyles2 = node.fontStyles) === null || _node$fontStyles2 === void 0 ? void 0 : _node$fontStyles2.reduce((total, style) => {
+  }, pluralize(((_node$fontStyles2 = node.fontStyles) === null || _node$fontStyles2 === void 0 ? void 0 : _node$fontStyles2.reduce((total, style) => {
     var _style$variableInstan;
     return total + (((_style$variableInstan = style.variableInstances) === null || _style$variableInstan === void 0 ? void 0 : _style$variableInstan.length) ?? 0);
-  }, 0)) ?? 0, 'named instance'))) : null), /*#__PURE__*/_react.default.createElement("div", {
+  }, 0)) ?? 0, 'named instance'))) : null), /*#__PURE__*/React.createElement("div", {
     className: "font-family-block__lists"
   }, isSuperFamily ? (_node$families = node.families) === null || _node$families === void 0 ? void 0 : _node$families.map((family, index) => {
     var _family$featureStyle;
-    return /*#__PURE__*/_react.default.createElement(_FamilyList.default, {
+    return /*#__PURE__*/React.createElement(FamilyList, {
       key: index,
       node: family,
       text: (_family$featureStyle = family.featureStyle) === null || _family$featureStyle === void 0 ? void 0 : _family$featureStyle.keyCharacters_localized
     });
-  }) : /*#__PURE__*/_react.default.createElement(_FamilyList.default, {
+  }) : /*#__PURE__*/React.createElement(FamilyList, {
     node: node
   }))));
 }

package/dist/components/FontFamilies/index.js

@@ -1,55 +1,45 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _FontFamiliesQuery2 = _interopRequireDefault(require("../../__generated__/FontFamiliesQuery.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
-var _reactRelay = require("react-relay");
-var _productState = require("../Root/productState");
-var _Family = _interopRequireDefault(require("../Family"));
-var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
-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 }; }
+import _FontFamiliesQuery from "../../__generated__/FontFamiliesQuery.graphql.js";
+import React, { useEffect } from 'react';
+import { useStore } from 'react-redux';
+import { graphql, useRelayEnvironment, useLazyLoadQuery } from 'react-relay';
+import { populateProductState } from '../Root/productState.js';
+import Family from '../Family/index.js';
+import { useLicenseAndOrderVariables } from '../../hooks/useLicenseAndOrderVariables.js';
 function FontFamilies(_ref) {
   var _node$families;
   let {
     collectionId
   } = _ref;
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const store = (0, _reactRedux.useStore)();
-  (0, _react.useEffect)(() => {
+  const environment = useRelayEnvironment();
+  const store = useStore();
+  useEffect(() => {
     // populate as soon as BuyButton mounts. this prepares the StoreModal
     // to be able to apply discounts as soon as the user clicks "BUY" on
     // a style. (this is necessary if the bundle price is <= single style price)
-    (0, _productState.populateProductState)(store, environment, collectionId);
+    populateProductState(store, environment, collectionId);
   }, [collectionId, store, environment]);
   const {
     licenseOptionsSpecs,
     orderVariableSelections
-  } = (0, _useLicenseAndOrderVariables.useLicenseAndOrderVariables)();
+  } = useLicenseAndOrderVariables();
   const {
     node
-  } = (0, _reactRelay.useLazyLoadQuery)((_FontFamiliesQuery2.default.hash && _FontFamiliesQuery2.default.hash !== "18eba6b750d3f714b964af66ecfcfa3b" && console.error("The definition of 'FontFamiliesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontFamiliesQuery2.default), {
+  } = useLazyLoadQuery((_FontFamiliesQuery.hash && _FontFamiliesQuery.hash !== "18eba6b750d3f714b964af66ecfcfa3b" && console.error("The definition of 'FontFamiliesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontFamiliesQuery), {
     collectionId,
     licenseOptions: licenseOptionsSpecs,
     orderVariables: orderVariableSelections
   });
   if (!node) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "font-families"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "font-families__items"
-  }, /*#__PURE__*/_react.default.createElement(_Family.default, {
+  }, /*#__PURE__*/React.createElement(Family, {
     node: node,
     size: "wide"
-  }), (_node$families = node.families) === null || _node$families === void 0 ? void 0 : _node$families.map((family, index) => /*#__PURE__*/_react.default.createElement(_Family.default, {
+  }), (_node$families = node.families) === null || _node$families === void 0 ? void 0 : _node$families.map((family, index) => /*#__PURE__*/React.createElement(Family, {
     key: index,
     node: family
   }))));
 }
-var _default = FontFamilies;
-exports.default = _default;
+export default FontFamilies;

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

@@ -1,6 +1,6 @@
 import React, { type JSX } from 'react';
-import { VerticalMetrics } from '../useFontStyle';
-import { FontStyle_fontStyle$key } from '../../__generated__/FontStyle_fontStyle.graphql';
+import { VerticalMetrics } from '../useFontStyle.js';
+import { FontStyle_fontStyle$key } from '../../__generated__/FontStyle_fontStyle.graphql.js';
 interface FontStyleProps {
     fontStyle: FontStyle_fontStyle$key;
     Component?: 'div' | 'span' | 'li';

package/dist/components/FontStyle/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = FontStyle;
-var _FontStyle_fontStyle2 = _interopRequireDefault(require("../../__generated__/FontStyle_fontStyle.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _useFontStyle = _interopRequireDefault(require("../useFontStyle"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function FontStyle(_ref) {
+import _FontStyle_fontStyle from "../../__generated__/FontStyle_fontStyle.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import useFontStyle from '../useFontStyle.js';
+export default function FontStyle(_ref) {
   let {
     Component = 'div',
     fontStyle: fontStyleKey,
@@ -17,12 +10,12 @@ function FontStyle(_ref) {
     children,
     ...rest
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)((_FontStyle_fontStyle2.default.hash && _FontStyle_fontStyle2.default.hash !== "7891603bea1a3e40f40297bf1697eb3c" && console.error("The definition of 'FontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontStyle_fontStyle2.default), fontStyleKey);
+  const fontStyle = useFragment((_FontStyle_fontStyle.hash && _FontStyle_fontStyle.hash !== "7891603bea1a3e40f40297bf1697eb3c" && console.error("The definition of 'FontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontStyle_fontStyle), fontStyleKey);
   const {
     style: fontStyleStyle,
     loaded,
     verticalMetrics
-  } = (0, _useFontStyle.default)({
+  } = useFontStyle({
     fontStyle
   });
   const renderProps = {
@@ -32,7 +25,7 @@ function FontStyle(_ref) {
       ...style
     }
   };
-  return /*#__PURE__*/_react.default.createElement(Component, renderProps, typeof children === 'function' ? children({
+  return /*#__PURE__*/React.createElement(Component, renderProps, typeof children === 'function' ? children({
     loaded,
     style: fontStyleStyle,
     verticalMetrics

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function FontdueAdminToolbar(): React.JSX.Element | null;

package/dist/components/FontdueAdminToolbar/index.js

@@ -0,0 +1,146 @@
+'use client';
+
+import _FontdueAdminToolbarTokenMutation from "../../__generated__/FontdueAdminToolbarTokenMutation.graphql.js";
+import _FontdueAdminToolbarStaffQuery from "../../__generated__/FontdueAdminToolbarStaffQuery.graphql.js";
+import React, { useEffect, useState } from 'react';
+import { commitMutation, fetchQuery, graphql, useRelayEnvironment } from 'react-relay';
+// Admin-only affordance for logged-in foundry staff: reveal unpublished
+// ("hidden") fonts across the whole storefront. Storefront pages are
+// server-rendered sessionless and cached, and the provider's own query is
+// preloaded server-side without the session — so `adminUser` can't ride it.
+// Staff presence is detected here, client-side, where the request carries
+// the session; the public never sees this control.
+//
+// The reveal itself is not done here: entering preview brokers a short-lived
+// admin token and hands it to the framework's preview route, which switches
+// the whole app to a live, token-bearing render. Exiting clears it. Public
+// renders never touch any of this and stay static and cached.
+const staffQuery = (_FontdueAdminToolbarStaffQuery.hash && _FontdueAdminToolbarStaffQuery.hash !== "40c32a5790cc698bcac936bc2f27b7be" && console.error("The definition of 'FontdueAdminToolbarStaffQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontdueAdminToolbarStaffQuery);
+
+// createAdminToken mints a short-lived, stateless admin token from the staff
+// session; it's handed to the preview route to enter draft mode.
+const tokenMutation = (_FontdueAdminToolbarTokenMutation.hash && _FontdueAdminToolbarTokenMutation.hash !== "2b82f195747c86d50fd5884d76f3b709" && console.error("The definition of 'FontdueAdminToolbarTokenMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontdueAdminToolbarTokenMutation);
+
+// Preview entry/exit route. Relative, so it hits the storefront's own origin.
+// Today this is the Next adapter's draft-mode route; other adapters can wire
+// the same contract (POST a token to enter, DELETE to exit).
+const PREVIEW_ENDPOINT = '/api/preview';
+
+// Readable twin of the httpOnly preview-token cookie, set by the preview
+// route. Lets this client component tell preview is on; the token itself is
+// only ever read server-side.
+const PREVIEW_MARKER = 'fontdue_preview';
+function hasPreviewCookie() {
+  return typeof document !== 'undefined' && document.cookie.split('; ').some(c => c === `${PREVIEW_MARKER}=1`);
+}
+export default function FontdueAdminToolbar() {
+  const environment = useRelayEnvironment();
+  const [staffName, setStaffName] = useState(null);
+  const [ready, setReady] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [previewing, setPreviewing] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    setPreviewing(hasPreviewCookie());
+    // network-only: the provider's preloaded query already wrote a sessionless
+    // `viewer` to the store, so we must go to the network (with the session)
+    // rather than read that cached, staff-blind copy.
+    const subscription = fetchQuery(environment, staffQuery, {}, {
+      fetchPolicy: 'network-only'
+    }).subscribe({
+      next: data => {
+        var _data$viewer;
+        const admin = (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : _data$viewer.adminUser;
+        if (admin) setStaffName(admin.name ?? 'admin');
+      },
+      error: () => setReady(true),
+      complete: () => setReady(true)
+    });
+    return () => subscription.unsubscribe();
+  }, [environment]);
+
+  // Hidden until we've confirmed a staff session. The public always lands here.
+  if (!ready || !staffName) return null;
+  async function startPreview(token) {
+    const res = await fetch(PREVIEW_ENDPOINT, {
+      method: 'POST',
+      headers: {
+        'content-type': 'application/json'
+      },
+      body: JSON.stringify({
+        token
+      })
+    });
+    if (res.ok) {
+      window.location.reload();
+    } else {
+      setBusy(false);
+      setError('Could not start preview.');
+    }
+  }
+  function enterPreview() {
+    setBusy(true);
+    setError(null);
+    commitMutation(environment, {
+      mutation: tokenMutation,
+      variables: {},
+      onCompleted: (res, errors) => {
+        var _res$createAdminToken;
+        const token = (_res$createAdminToken = res.createAdminToken) === null || _res$createAdminToken === void 0 ? void 0 : _res$createAdminToken.token;
+        if (errors && errors.length > 0 || !token) {
+          setBusy(false);
+          setError('Could not start preview.');
+          return;
+        }
+        startPreview(token);
+      },
+      onError: () => {
+        setBusy(false);
+        setError('Could not start preview.');
+      }
+    });
+  }
+  async function exitPreview() {
+    setBusy(true);
+    setError(null);
+    await fetch(PREVIEW_ENDPOINT, {
+      method: 'DELETE'
+    });
+    window.location.reload();
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fontdue-admin-toolbar",
+    "data-previewing": previewing,
+    "data-testid": "fontdue-admin-toolbar"
+  }, open && /*#__PURE__*/React.createElement("div", {
+    className: "fontdue-admin-toolbar__panel"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "fontdue-admin-toolbar__header"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "fontdue-admin-toolbar__title"
+  }, "Fontdue"), /*#__PURE__*/React.createElement("span", {
+    className: "fontdue-admin-toolbar__user"
+  }, staffName)), /*#__PURE__*/React.createElement("label", {
+    className: "fontdue-admin-toolbar__toggle"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: previewing,
+    disabled: busy,
+    onChange: e => e.target.checked ? enterPreview() : exitPreview(),
+    "data-testid": "preview-toggle"
+  }), /*#__PURE__*/React.createElement("span", null, "Preview hidden fonts")), /*#__PURE__*/React.createElement("p", {
+    className: "fontdue-admin-toolbar__hint"
+  }, previewing ? 'Unpublished fonts are visible across the site — only to you.' : 'Reveal unpublished fonts everywhere, only for you.'), error && /*#__PURE__*/React.createElement("p", {
+    className: "fontdue-admin-toolbar__error"
+  }, error)), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "fontdue-admin-toolbar__button",
+    onClick: () => setOpen(v => !v),
+    "aria-expanded": open,
+    "data-testid": "fontdue-admin-toolbar-button"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "fontdue-admin-toolbar__dot",
+    "aria-hidden": "true"
+  }), "Fontdue", previewing ? ' · previewing' : ''));
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Store } from 'redux';
+import { Config } from '../ConfigContext.js';
+import { FontdueAction, FontdueState } from '../../reducer.js';
+import { Components } from '../ComponentsContext.js';
+export declare function EnsureFontdueContext({ children, config, }: {
+    children: React.ReactNode;
+    config?: Config;
+}): React.JSX.Element;
+export interface FontdueContextProvider_props {
+    children?: React.ReactNode;
+    url?: string;
+    stripeIntegration?: 'card-element' | 'dynamic';
+    config?: Config;
+    components?: Components;
+    store?: Store<FontdueState, FontdueAction>;
+}
+export default function FontdueContextProvider({ children, url, stripeIntegration, config, components, store, }: FontdueContextProvider_props): React.JSX.Element;