fontdue-js 2.22.4 → 3.0.0-alpha2

package/dist/components/TypeTesters/index.js

@@ -1,35 +1,30 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TypeTestersPreloadedIDQueryRenderer = TypeTestersPreloadedIDQueryRenderer;
-exports.TypeTestersPreloadedSlugQueryRenderer = TypeTestersPreloadedSlugQueryRenderer;
-exports.default = TypeTesters;
-var _TypeTestersSlugQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersSlugQuery.graphql"));
-var _TypeTestersIDQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersIDQuery.graphql"));
-var _TypeTesters_viewer2 = _interopRequireDefault(require("../../__generated__/TypeTesters_viewer.graphql"));
-var _TypeTesters_collection2 = _interopRequireDefault(require("../../__generated__/TypeTesters_collection.graphql"));
-var _TypeTestersChangedStylesQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersChangedStylesQuery.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _PriceBar = _interopRequireDefault(require("../PriceBar"));
-var _utils = require("../../utils");
-var _TypeTesterContext = _interopRequireDefault(require("../TypeTester/TypeTesterContext"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChanges");
-var _TypeTestersRefetchQuery = _interopRequireDefault(require("../../__generated__/TypeTestersRefetchQuery.graphql"));
-var _TypeTester = _interopRequireDefault(require("../TypeTester"));
-var _TypeTesterFloatingToolbar = _interopRequireDefault(require("../TypeTester/TypeTesterFloatingToolbar"));
-var _types = require("../TypeTester/types");
-var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-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 }; }
 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); }
+import _TypeTestersSlugQuery from "../../__generated__/TypeTestersSlugQuery.graphql.js";
+import _TypeTestersIDQuery from "../../__generated__/TypeTestersIDQuery.graphql.js";
+import _TypeTesters_viewer from "../../__generated__/TypeTesters_viewer.graphql.js";
+import _TypeTesters_collection from "../../__generated__/TypeTesters_collection.graphql.js";
+import _TypeTestersChangedStylesQuery from "../../__generated__/TypeTestersChangedStylesQuery.graphql.js";
+import React, { useContext, useState, useCallback, useMemo } from 'react';
+import { graphql, useFragment, useLazyLoadQuery, usePreloadedQuery, useRefetchableFragment, useRelayEnvironment, fetchQuery } from 'react-relay';
+import { useSelector } from 'react-redux';
+import PriceBar from '../PriceBar/index.js';
+import TypeTestersIDQueryNode from '../../__generated__/TypeTestersIDQuery.graphql.js';
+import TypeTestersSlugQueryNode from '../../__generated__/TypeTestersSlugQuery.graphql.js';
+import { notEmpty } from '../../utils.js';
+import TypeTesterContext from '../TypeTester/TypeTesterContext.js';
+import ConfigContext from '../ConfigContext.js';
+import { useRefetchOnLicenseChanges } from '../../hooks/useRefetchOnLicenseChanges.js';
+import TypeTestersRefetchQuery from '../../__generated__/TypeTestersRefetchQuery.graphql.js';
+import TypeTestersChangedStylesQuery from '../../__generated__/TypeTestersChangedStylesQuery.graphql.js';
+import TypeTester from '../TypeTester/index.js';
+import TypeTesterFloatingToolbar from '../TypeTester/TypeTesterFloatingToolbar.js';
+import { normalizeFeaturesProp } from '../TypeTester/types.js';
+import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
+import useSerializablePreloadedQuery from '../../relay/useSerializablePreloadedQuery.js';
+import { useLicenseAndOrderVariables } from '../../hooks/useLicenseAndOrderVariables.js';
+import { EnsureFontdueContext } from '../FontdueContextProvider/index.js';
 const findPriceBarCollection = (collection, familyId) => {
   if (collection.id === familyId) return collection;
   if (!collection.families) return null;
@@ -38,7 +33,7 @@ const findPriceBarCollection = (collection, familyId) => {
 const getTypeTesterGroups = collection => {
   var _collection$typeTeste;
   const edges = (collection === null || collection === void 0 ? void 0 : (_collection$typeTeste = collection.typeTesters) === null || _collection$typeTeste === void 0 ? void 0 : _collection$typeTeste.edges) ?? [];
-  const nodes = edges.map(edge => edge === null || edge === void 0 ? void 0 : edge.node).filter(_utils.notEmpty);
+  const nodes = edges.map(edge => edge === null || edge === void 0 ? void 0 : edge.node).filter(notEmpty);
 
   // group type testers by fontStyle
   return nodes.reduce((acc, typeTester) => {
@@ -56,7 +51,7 @@ const getTypeTesterGroups = collection => {
     return acc.concat([[typeTester]]);
   }, []);
 };
-const changedStylesQuery = (_TypeTestersChangedStylesQuery2.default.hash && _TypeTestersChangedStylesQuery2.default.hash !== "8bfe3f55f542c9c1cac867aa05f7be53" && console.error("The definition of 'TypeTestersChangedStylesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersChangedStylesQuery2.default);
+const changedStylesQuery = (_TypeTestersChangedStylesQuery.hash && _TypeTestersChangedStylesQuery.hash !== "8bfe3f55f542c9c1cac867aa05f7be53" && console.error("The definition of 'TypeTestersChangedStylesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersChangedStylesQuery);
 function TypeTestersComponent(_ref) {
   var _collection$typeTeste2, _collection$typeTeste3, _collection$typeTeste4, _collection$typeTeste5;
   let {
@@ -72,23 +67,23 @@ function TypeTestersComponent(_ref) {
     excludeTags,
     ...rest
   } = _ref;
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const [changedStyles, setChangedStyles] = (0, _react.useState)({});
-  const [changedStylesFetchKey, setChangedStylesFetchKey] = (0, _react.useState)(0);
+  const environment = useRelayEnvironment();
+  const [changedStyles, setChangedStyles] = useState({});
+  const [changedStylesFetchKey, setChangedStylesFetchKey] = useState(0);
   const {
     typeTester: config
-  } = (0, _react.useContext)(_ConfigContext.default);
+  } = useContext(ConfigContext);
   const {
     licenseOptionsSpecs,
     orderVariableSelections
-  } = (0, _useLicenseAndOrderVariables.useLicenseAndOrderVariables)();
-  const [collection, refetch] = (0, _reactRelay.useRefetchableFragment)((_TypeTesters_collection2.default.hash && _TypeTesters_collection2.default.hash !== "0f8422550dd500368594bfedc5f58bf4" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection2.default), collectionKey);
-  const handleStyleSelect = (0, _react.useCallback)((testerId, fontStyleId) => {
+  } = useLicenseAndOrderVariables();
+  const [collection, refetch] = useRefetchableFragment((_TypeTesters_collection.hash && _TypeTesters_collection.hash !== "0f8422550dd500368594bfedc5f58bf4" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection), collectionKey);
+  const handleStyleSelect = useCallback((testerId, fontStyleId) => {
     const newChangedStyles = {
       ...changedStyles,
       [testerId]: fontStyleId
     };
-    (0, _reactRelay.fetchQuery)(environment, _TypeTestersChangedStylesQuery2.default, {
+    fetchQuery(environment, TypeTestersChangedStylesQuery, {
       ids: Object.values(newChangedStyles),
       licenseOptions: licenseOptionsSpecs,
       orderVariables: orderVariableSelections
@@ -99,20 +94,20 @@ function TypeTestersComponent(_ref) {
       }
     });
   }, [environment, changedStyles, licenseOptionsSpecs, orderVariableSelections]);
-  const viewer = (0, _reactRelay.useFragment)((_TypeTesters_viewer2.default.hash && _TypeTesters_viewer2.default.hash !== "8fbadb67d6506fee0f3ccc09624517c6" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer2.default), viewerKey);
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
-  const refetchVariables = (0, _react.useMemo)(() => collection !== null && collection !== void 0 && collection.id ? {
+  const viewer = useFragment((_TypeTesters_viewer.hash && _TypeTesters_viewer.hash !== "8fbadb67d6506fee0f3ccc09624517c6" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer), viewerKey);
+  const precartOpen = useSelector(state => state.precartOpen);
+  const refetchVariables = useMemo(() => collection !== null && collection !== void 0 && collection.id ? {
     id: collection.id,
     excludeTags,
     tags
   } : undefined, [collection === null || collection === void 0 ? void 0 : collection.id, excludeTags, tags]);
-  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
+  useRefetchOnLicenseChanges({
     environment,
     refetch,
-    query: _TypeTestersRefetchQuery.default,
+    query: TypeTestersRefetchQuery,
     variables: refetchVariables
   });
-  const changedStylesData = (0, _reactRelay.useLazyLoadQuery)(changedStylesQuery, {
+  const changedStylesData = useLazyLoadQuery(changedStylesQuery, {
     ids: Object.values(changedStyles).filter(Boolean),
     licenseOptions: licenseOptionsSpecs,
     orderVariables: orderVariableSelections
@@ -148,12 +143,12 @@ function TypeTestersComponent(_ref) {
     return acc;
   }, {});
   if (!testers) return null;
-  const features = (0, _types.normalizeFeaturesProp)(featuresOverride) ?? collection.typeTesterFeatures;
-  return /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {
+  const features = normalizeFeaturesProp(featuresOverride) ?? collection.typeTesterFeatures;
+  return /*#__PURE__*/React.createElement(TypeTesterContext, {
     key: collection.id,
     defaultMode: defaultMode ?? (autofit ? 'local' : 'group'),
     testers: testers
-  }, config.toolsPosition === 'floating' && /*#__PURE__*/_react.default.createElement(_TypeTesterFloatingToolbar.default, {
+  }, config.toolsPosition === 'floating' && /*#__PURE__*/React.createElement(TypeTesterFloatingToolbar, {
     testers: ((_collection$typeTeste4 = collection.typeTesters) === null || _collection$typeTeste4 === void 0 ? void 0 : (_collection$typeTeste5 = _collection$typeTeste4.edges) === null || _collection$typeTeste5 === void 0 ? void 0 : _collection$typeTeste5.map(edge => edge.node)) ?? [],
     features: features,
     axes: collection.typeTesterAxes,
@@ -166,9 +161,9 @@ function TypeTestersComponent(_ref) {
 
     // when clicking Select/Buy, open modal in relevant superfamily/family
     const productId = ((_collection$parent = collection.parent) === null || _collection$parent === void 0 ? void 0 : _collection$parent.id) ?? collection.id;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: i
-    }, config.priceBar && precartOpen && currentFamilyId && /*#__PURE__*/_react.default.createElement(_PriceBar.default, {
+    }, config.priceBar && precartOpen && currentFamilyId && /*#__PURE__*/React.createElement(PriceBar, {
       node: findPriceBarCollection(collection, currentFamilyId) ?? null
     }), typeTesterGroup.map((node, j) => {
       const defaultStyle = node.fontStyle;
@@ -176,7 +171,7 @@ function TypeTestersComponent(_ref) {
 
       // Use changed style from query if it exists
       const fontStyle = changedStyleId && changedStylesData !== null && changedStylesData !== void 0 && changedStylesData.nodes ? changedStylesData.nodes.find(style => (style === null || style === void 0 ? void 0 : style.id) === changedStyleId && 'id' in style) ?? defaultStyle : defaultStyle;
-      return /*#__PURE__*/_react.default.createElement(_TypeTester.default, _extends({}, rest, {
+      return /*#__PURE__*/React.createElement(TypeTester, _extends({}, rest, {
         id: node.id,
         fontStyle: fontStyle,
         onStyleSelect: fontStyleId => handleStyleSelect(node.id, fontStyleId),
@@ -194,15 +189,15 @@ function TypeTestersComponent(_ref) {
 // TODO: add a new component that will be used to query the changed styles, then the base component can call usePreloadedQuery
 // https://relay.dev/docs/api-reference/use-query-loader/
 
-const idQuery = (_TypeTestersIDQuery2.default.hash && _TypeTestersIDQuery2.default.hash !== "918c212b46e9aaaceeebe47935bb65d7" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery2.default);
-function TypeTestersPreloadedIDQueryRenderer(_ref3) {
+const idQuery = (_TypeTestersIDQuery.hash && _TypeTestersIDQuery.hash !== "918c212b46e9aaaceeebe47935bb65d7" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery);
+export function TypeTestersPreloadedIDQueryRenderer(_ref3) {
   let {
     preloadedQuery,
     ...rest
   } = _ref3;
-  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
-  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
-  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery);
+  const data = usePreloadedQuery(idQuery, queryRef);
+  return /*#__PURE__*/React.createElement(TypeTestersComponent, _extends({}, data, rest));
 }
 function TypeTestersIDQueryRenderer(_ref4) {
   let {
@@ -213,28 +208,28 @@ function TypeTestersIDQueryRenderer(_ref4) {
   } = _ref4;
   const {
     typeTester: config
-  } = (0, _react.useContext)(_ConfigContext.default);
-  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
+  } = useContext(ConfigContext);
+  const data = useLazyLoadQuery(idQuery, {
     collectionId,
     tags,
     excludeTags,
     selectable: config.selectable
   });
-  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest, {
+  return /*#__PURE__*/React.createElement(TypeTestersComponent, _extends({}, data, rest, {
     tags: tags,
     excludeTags: excludeTags
   }));
 }
-const slugQuery = (_TypeTestersSlugQuery2.default.hash && _TypeTestersSlugQuery2.default.hash !== "6182a027996d13aaa03264bae680252c" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery2.default);
-function TypeTestersPreloadedSlugQueryRenderer(_ref5) {
+const slugQuery = (_TypeTestersSlugQuery.hash && _TypeTestersSlugQuery.hash !== "6182a027996d13aaa03264bae680252c" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery);
+export function TypeTestersPreloadedSlugQueryRenderer(_ref5) {
   var _data$viewer$slug;
   let {
     preloadedQuery,
     ...rest
   } = _ref5;
-  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
-  const data = (0, _reactRelay.usePreloadedQuery)(slugQuery, queryRef);
-  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery);
+  const data = usePreloadedQuery(slugQuery, queryRef);
+  return /*#__PURE__*/React.createElement(TypeTestersComponent, _extends({
     collection: ((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null,
     viewer: data.viewer
   }, rest));
@@ -249,14 +244,14 @@ function TypeTestersSlugQueryRenderer(_ref6) {
   } = _ref6;
   const {
     typeTester: config
-  } = (0, _react.useContext)(_ConfigContext.default);
-  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
+  } = useContext(ConfigContext);
+  const data = useLazyLoadQuery(slugQuery, {
     collectionSlug,
     tags,
     excludeTags,
     selectable: config.selectable
   });
-  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
+  return /*#__PURE__*/React.createElement(TypeTestersComponent, _extends({
     collection: ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection) ?? null,
     viewer: data.viewer
   }, rest, {
@@ -264,21 +259,67 @@ function TypeTestersSlugQueryRenderer(_ref6) {
     excludeTags: excludeTags
   }));
 }
-function TypeTesters(_ref7) {
+export async function loadTypeTestersQuery(variables, options) {
+  const tags = variables.tags ?? null;
+  const excludeTags = variables.excludeTags ?? null;
+  const selectable = variables.selectable ?? true;
+  if (variables.collectionId) {
+    return loadSerializableQuery(TypeTestersIDQueryNode, {
+      collectionId: variables.collectionId,
+      tags,
+      excludeTags,
+      selectable
+    }, options);
+  }
+  if (variables.collectionSlug) {
+    return loadSerializableQuery(TypeTestersSlugQueryNode, {
+      collectionSlug: variables.collectionSlug,
+      tags,
+      excludeTags,
+      selectable
+    }, options);
+  }
+  throw new Error('loadTypeTestersQuery expected either collectionId or collectionSlug');
+}
+function TypeTestersPreloadedRenderer(_ref7) {
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref7;
+  if (preloadedQuery.params.name === 'TypeTestersIDQuery') {
+    return /*#__PURE__*/React.createElement(TypeTestersPreloadedIDQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  return /*#__PURE__*/React.createElement(TypeTestersPreloadedSlugQueryRenderer, _extends({
+    preloadedQuery: preloadedQuery
+  }, rest));
+}
+// Unified TypeTesters entry. Accepts an optional preloaded query (server-side
+// preload path) or `{collectionId}`/`{collectionSlug}` for lazy fetch.
+// `EnsureFontdueContext` only self-wraps with `FontdueContextProvider` when
+// no parent Fontdue context is present.
+export default function TypeTesters(_ref8) {
   let {
     collectionId,
     collectionSlug,
+    preloadedQuery,
     ...rest
-  } = _ref7;
-  if (collectionId) {
-    return /*#__PURE__*/_react.default.createElement(TypeTestersIDQueryRenderer, _extends({
+  } = _ref8;
+  let inner = null;
+  if (preloadedQuery) {
+    inner = /*#__PURE__*/React.createElement(TypeTestersPreloadedRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  } else if (collectionId) {
+    inner = /*#__PURE__*/React.createElement(TypeTestersIDQueryRenderer, _extends({
       collectionId: collectionId
     }, rest));
-  }
-  if (collectionSlug) {
-    return /*#__PURE__*/_react.default.createElement(TypeTestersSlugQueryRenderer, _extends({
+  } else if (collectionSlug) {
+    inner = /*#__PURE__*/React.createElement(TypeTestersSlugQueryRenderer, _extends({
       collectionSlug: collectionSlug
     }, rest));
   }
-  return null;
+  if (!inner) return null;
+  return /*#__PURE__*/React.createElement(EnsureFontdueContext, null, inner);
 }

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

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

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

@@ -1,17 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TypeTesters;
-var _react = _interopRequireDefault(require("react"));
-var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
-var _index = require("./index");
-var _TypeTestersIDQuery = _interopRequireDefault(require("../../__generated__/TypeTestersIDQuery.graphql"));
-var _TypeTestersSlugQuery = _interopRequireDefault(require("../../__generated__/TypeTestersSlugQuery.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 TypeTesters(_ref) {
+import React from 'react';
+import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
+import { TypeTestersPreloadedIDQueryRenderer, TypeTestersPreloadedSlugQueryRenderer } from './index.js';
+import TypeTestersIDQueryNode from '../../__generated__/TypeTestersIDQuery.graphql.js';
+import TypeTestersSlugQueryNode from '../../__generated__/TypeTestersSlugQuery.graphql.js';
+
+// Next RSC variant: awaits the query on the server and hands the response to
+// the client `*PreloadedQueryRenderer`. Lets pages just write
+// `<TypeTesters collectionId={id} />` in an RSC without manually invoking
+// `loadTypeTestersQuery` + threading `preloadedQuery` through props.
+export default async function TypeTesters(_ref) {
   let {
     collectionId,
     collectionSlug,
@@ -20,24 +18,24 @@ async function TypeTesters(_ref) {
     ...rest
   } = _ref;
   if (collectionId) {
-    const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersIDQuery.default, {
+    const preloadedQuery = await loadSerializableQuery(TypeTestersIDQueryNode, {
       collectionId,
       tags,
       excludeTags,
       selectable: true
     });
-    return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedIDQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(TypeTestersPreloadedIDQueryRenderer, _extends({
       preloadedQuery: preloadedQuery
     }, rest));
   }
   if (collectionSlug) {
-    const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersSlugQuery.default, {
+    const preloadedQuery = await loadSerializableQuery(TypeTestersSlugQueryNode, {
       collectionSlug,
       tags,
       excludeTags,
       selectable: true
     });
-    return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedSlugQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(TypeTestersPreloadedSlugQueryRenderer, _extends({
       preloadedQuery: preloadedQuery
     }, rest));
   }

package/dist/components/UrlContext.js

@@ -1,15 +1,9 @@
-"use strict";
+'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.useFontdueUrl = useFontdueUrl;
-var _react = require("react");
+import { createContext, useContext } from 'react';
 const FONTDUE_URL = typeof process !== 'undefined' ? process.env.NEXT_PUBLIC_FONTDUE_URL : undefined;
-const UrlContext = /*#__PURE__*/(0, _react.createContext)(FONTDUE_URL ?? '');
-function useFontdueUrl() {
-  return (0, _react.useContext)(UrlContext);
+const UrlContext = /*#__PURE__*/createContext(FONTDUE_URL ?? '');
+export function useFontdueUrl() {
+  return useContext(UrlContext);
 }
-var _default = UrlContext;
-exports.default = _default;
+export default UrlContext;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { VariableTableAmounts_variable$key } from '../../__generated__/VariableTableAmounts_variable.graphql';
-import { VariableTableAmounts_option$key } from '../../__generated__/VariableTableAmounts_option.graphql';
+import { VariableTableAmounts_variable$key } from '../../__generated__/VariableTableAmounts_variable.graphql.js';
+import { VariableTableAmounts_option$key } from '../../__generated__/VariableTableAmounts_option.graphql.js';
 interface VariableTableAmounts_props {
     variable: VariableTableAmounts_variable$key;
     option: VariableTableAmounts_option$key | null;

package/dist/components/VariableTableAmounts/index.js

@@ -1,29 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = VariableTableAmounts;
-var _VariableTableAmounts_option2 = _interopRequireDefault(require("../../__generated__/VariableTableAmounts_option.graphql"));
-var _VariableTableAmounts_variable2 = _interopRequireDefault(require("../../__generated__/VariableTableAmounts_variable.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function VariableTableAmounts(_ref) {
+import _VariableTableAmounts_option from "../../__generated__/VariableTableAmounts_option.graphql.js";
+import _VariableTableAmounts_variable from "../../__generated__/VariableTableAmounts_variable.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+export default function VariableTableAmounts(_ref) {
   var _variable$units;
   let {
     variable: variableKey,
     option: optionKey
   } = _ref;
-  const variable = (0, _reactRelay.useFragment)((_VariableTableAmounts_variable2.default.hash && _VariableTableAmounts_variable2.default.hash !== "400d25ad39816f2e153c8bb67e0e8695" && console.error("The definition of 'VariableTableAmounts_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_variable2.default), variableKey);
-  const option = (0, _reactRelay.useFragment)((_VariableTableAmounts_option2.default.hash && _VariableTableAmounts_option2.default.hash !== "fe03c602c33f1f6e5afe209afc9e6cd6" && console.error("The definition of 'VariableTableAmounts_option' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_option2.default), optionKey);
-  return /*#__PURE__*/_react.default.createElement("span", {
+  const variable = useFragment((_VariableTableAmounts_variable.hash && _VariableTableAmounts_variable.hash !== "400d25ad39816f2e153c8bb67e0e8695" && console.error("The definition of 'VariableTableAmounts_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_variable), variableKey);
+  const option = useFragment((_VariableTableAmounts_option.hash && _VariableTableAmounts_option.hash !== "fe03c602c33f1f6e5afe209afc9e6cd6" && console.error("The definition of 'VariableTableAmounts_option' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_option), optionKey);
+  return /*#__PURE__*/React.createElement("span", {
     className: "variable-table-amounts"
   }, variable === null || variable === void 0 ? void 0 : (_variable$units = variable.units) === null || _variable$units === void 0 ? void 0 : _variable$units.map((unit, i) => {
     var _option$amounts;
     const amount = option === null || option === void 0 ? void 0 : (_option$amounts = option.amounts) === null || _option$amounts === void 0 ? void 0 : _option$amounts[i];
     if (!amount) return null;
-    return /*#__PURE__*/_react.default.createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       className: "variable-table-amounts__row",
       key: i
     }, amount, " ", unit);

package/dist/components/elements/Button/index.js

@@ -1,22 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-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); }
+import React from 'react';
 function Button(_ref) {
   let {
     type,
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     className: className || 'button',
     type: type || 'button'
   }, rest));
 }
-var _default = Button;
-exports.default = _default;
+export default Button;

package/dist/components/elements/EmptyCart/index.js

@@ -1,22 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _reactRedux = require("react-redux");
-var _ConfigContext = _interopRequireDefault(require("../../ConfigContext"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
+import React, { useContext } from 'react';
+import Button from '../Button/index.js';
+import { useDispatch } from 'react-redux';
+import ConfigContext from '../../ConfigContext.js';
 const EmptyCart = () => {
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const config = (0, _react.useContext)(_ConfigContext.default);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  const dispatch = useDispatch();
+  const config = useContext(ConfigContext);
+  return /*#__PURE__*/React.createElement("div", {
     className: "empty-cart__container"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/React.createElement(Button, {
     onClick: () => dispatch({
       type: 'STORE_MODAL_NAVIGATE',
       route: 'index',
@@ -26,5 +17,4 @@ const EmptyCart = () => {
     })
   }, "Continue shopping"));
 };
-var _default = EmptyCart;
-exports.default = _default;
+export default EmptyCart;

package/dist/components/elements/StoreModalCartLayout/index.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import React from 'react';
 const StoreModalCartLayout = _ref => {
   let {
     checkoutEnabled,
@@ -18,24 +11,23 @@ const StoreModalCartLayout = _ref => {
       shareCart
     }
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__review"
-  }, orderVariables && /*#__PURE__*/_react.default.createElement("div", {
+  }, orderVariables && /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__order-variables"
-  }, orderVariables), /*#__PURE__*/_react.default.createElement("div", {
+  }, orderVariables), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__items"
-  }, items), /*#__PURE__*/_react.default.createElement("div", {
+  }, items), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__coupon-code-input"
-  }, couponCodeInput), /*#__PURE__*/_react.default.createElement("div", {
+  }, couponCodeInput), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__share"
-  }, shareCart), /*#__PURE__*/_react.default.createElement("div", {
+  }, shareCart), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__totals"
-  }, totals)), /*#__PURE__*/_react.default.createElement("div", {
+  }, totals)), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__checkout",
     "data-disabled": !checkoutEnabled
   }, checkout));
 };
-var _default = StoreModalCartLayout;
-exports.default = _default;
+export default StoreModalCartLayout;

package/dist/components/elements/StoreModalContainer/StoreModalContainerContext.js

@@ -1,10 +1,4 @@
-"use strict";
+'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = /*#__PURE__*/_react.default.createContext({});
-exports.default = _default;
+import React from 'react';
+export default /*#__PURE__*/React.createContext({});