fontdue-js 2.9.0 → 2.10.0

package/dist/__generated__/productState_bundle.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<d16a5cd15b0c4d3531da3e71052a0c66>>
+ * @generated SignedSource<<d957924a2c4eaadf63648acacf117fda>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/productState_collection.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<6d5c66de29416ca903b0e92f3ead4ffd>>
+ * @generated SignedSource<<b2d5ea230e779d031fda70c58fbf89c0>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/productState_collection.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<6d5c66de29416ca903b0e92f3ead4ffd>>
+ * @generated SignedSource<<b2d5ea230e779d031fda70c58fbf89c0>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/productState_node.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<16db21a92f04b1740ade47ae7e17b7de>>
+ * @generated SignedSource<<cc14fc0321ada0e2b00d7b3340c7a3cf>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/productState_node.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<16db21a92f04b1740ade47ae7e17b7de>>
+ * @generated SignedSource<<cc14fc0321ada0e2b00d7b3340c7a3cf>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/productState_sku.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<94809b5e06ad14274735be94fc942f70>>
+ * @generated SignedSource<<f6db29c00e5e986ae6984891cfbf577c>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/productState_sku.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<94809b5e06ad14274735be94fc942f70>>
+ * @generated SignedSource<<f6db29c00e5e986ae6984891cfbf577c>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/useFeaturesData_fontStyle.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<9312afbe2cf53f2aa12bf530c59225e0>>
+ * @generated SignedSource<<4af5749fec9e2dd5c9413484a9ef2a7c>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/useFeaturesData_fontStyle.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<9312afbe2cf53f2aa12bf530c59225e0>>
+ * @generated SignedSource<<4af5749fec9e2dd5c9413484a9ef2a7c>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/useTotalStyles_fontCollection.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<2a04471ab22c8a533455dd0d522a3697>>
+ * @generated SignedSource<<e6360eb5edfaae36a90306229789409c>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/useTotalStyles_fontCollection.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<2a04471ab22c8a533455dd0d522a3697>>
+ * @generated SignedSource<<e6360eb5edfaae36a90306229789409c>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/components/BuyButton/index.js

@@ -64,7 +64,7 @@ function BuyButtonComponent(_ref) {
     type: "button"
   }, label ? label : `Buy ${collectionName ?? ''}`);
 }
-const idQuery = (_BuyButtonIDQuery2.default.hash && _BuyButtonIDQuery2.default.hash !== "239b8509e5cecdf8ba5d124f5f39ef5f" && console.error("The definition of 'BuyButtonIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonIDQuery2.default);
+const idQuery = (_BuyButtonIDQuery2.default.hash && _BuyButtonIDQuery2.default.hash !== "4fbf1dbf9e6c530a5d38c697b174d8b0" && console.error("The definition of 'BuyButtonIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonIDQuery2.default);
 function BuyButtonIDQueryRenderer(_ref2) {
   let {
     collectionId,
@@ -84,7 +84,7 @@ function BuyButtonPreloadedIDQueryRenderer(_ref3) {
   const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
   return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, data));
 }
-const slugQuery = (_BuyButtonSlugQuery2.default.hash && _BuyButtonSlugQuery2.default.hash !== "465a1d1ddcd982c9f97e4c5daa5755d6" && console.error("The definition of 'BuyButtonSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonSlugQuery2.default);
+const slugQuery = (_BuyButtonSlugQuery2.default.hash && _BuyButtonSlugQuery2.default.hash !== "6e750adea09698f7cb61f435cd88fd26" && console.error("The definition of 'BuyButtonSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonSlugQuery2.default);
 function BuyButtonSlugQueryRenderer(_ref4) {
   var _data$viewer, _data$viewer$slug;
   let {

package/dist/components/CharacterViewer/index.js

@@ -135,6 +135,21 @@ function flattenCharacterList(charSet, glyphNames) {
   };
 }
 _CharacterViewer_family2.default.hash && _CharacterViewer_family2.default.hash !== "02c42505dc4e330bb7c9034ba54e12f6" && console.error("The definition of 'CharacterViewer_family' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_family2.default;
+function areCombiningChars(input) {
+  for (const char of input) {
+    const codePoint = char.codePointAt(0);
+    if (codePoint === undefined) return false;
+    const isDiacriticalMark = codePoint >= 0x0300 && codePoint <= 0x036f;
+    const isSpacingModifierLetter = codePoint >= 0x02b0 && codePoint <= 0x02ff;
+    const isCombiningDiacriticalSupplement = codePoint >= 0x1dc0 && codePoint <= 0x1dff;
+    const isCombiningDiacriticalExtended = codePoint >= 0x1ab0 && codePoint <= 0x1aff;
+    const isCombiningHalfMark = codePoint >= 0xfe20 && codePoint <= 0xfe2f;
+    const isCombiningSymbolMark = codePoint >= 0x20d0 && codePoint <= 0x20ff;
+    const isCombiningChar = isDiacriticalMark || isSpacingModifierLetter || isCombiningDiacriticalSupplement || isCombiningDiacriticalExtended || isCombiningHalfMark || isCombiningSymbolMark;
+    if (!isCombiningChar) return false;
+  }
+  return true;
+}
 function CharacterViewerComponent(_ref3) {
   let {
     collection: collectionKey
@@ -344,7 +359,7 @@ function CharacterViewerComponent(_ref3) {
         onClick: () => setSelectedGlyph(selection),
         onMouseEnter: () => setActiveGlyph(selection),
         "data-selected": compareGlyphs(selectedGlyph, selection)
-      }, chars);
+      }, chars, areCombiningChars(chars) ? ' ' : '');
     })))));
   }))));
 }

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

@@ -1,7 +1,6 @@
 import React from 'react';
-interface NodePasswordForm_props {
-    slug?: string;
-    id?: string;
+export interface NodePasswordForm_props {
+    collectionId?: string | null;
+    collectionSlug?: string | null;
 }
-export default function NodePasswordForm(props: NodePasswordForm_props): React.JSX.Element;
-export {};
+export default function NodePasswordForm({ collectionId, collectionSlug, ...rest }: NodePasswordForm_props): React.JSX.Element;

package/dist/components/NodePasswordForm/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = NodePasswordForm;
+var _NodePasswordFormSlugQuery2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormSlugQuery.graphql"));
+var _NodePasswordFormIDQuery2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormIDQuery.graphql"));
 var _NodePasswordFormAccessNodeMutation2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormAccessNodeMutation.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
@@ -12,8 +14,9 @@ var _TextField = _interopRequireDefault(require("../TextField"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const accessNodeMutation = (_NodePasswordFormAccessNodeMutation2.default.hash && _NodePasswordFormAccessNodeMutation2.default.hash !== "d0beeb729c358ef4eebd1c8be47ec68e" && console.error("The definition of 'NodePasswordFormAccessNodeMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormAccessNodeMutation2.default);
-function NodePasswordForm(props) {
+function NodePasswordFormComponent(props) {
   const [password, setPassword] = (0, _react.useState)('');
   const [error, setError] = (0, _react.useState)(null);
   const [commitMutation, submitting] = (0, _reactRelay.useMutation)(accessNodeMutation);
@@ -25,8 +28,8 @@ function NodePasswordForm(props) {
       variables: {
         input: {
           password,
-          id: props.id,
-          slug: props.slug
+          id: props.collectionId,
+          slug: props.collectionSlug
         }
       },
       onCompleted: res => {
@@ -60,4 +63,58 @@ function NodePasswordForm(props) {
     disabled: disabled,
     className: "submit-button"
   }, "Submit")));
+}
+const idQuery = (_NodePasswordFormIDQuery2.default.hash && _NodePasswordFormIDQuery2.default.hash !== "2af86f8f6df3d2e6061ea1c9dd777a26" && console.error("The definition of 'NodePasswordFormIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormIDQuery2.default);
+function NodePasswordFormIDQueryRenderer(_ref) {
+  let {
+    collectionId,
+    ...rest
+  } = _ref;
+  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
+    collectionId
+  });
+  // this is counterintuitive, but we've added the @catch directive on the collection,
+  // and we're expecting it to respond with an error if the node is inaccessible due to being
+  // password-protected. so, when we encounter the error we're safe to render the password form.
+  // (we don't want to show the form if the user has already gained access)
+  if (data.collection.ok === false) return /*#__PURE__*/_react.default.createElement(NodePasswordFormComponent, _extends({}, rest, {
+    collectionId: collectionId
+  }));
+}
+const slugQuery = (_NodePasswordFormSlugQuery2.default.hash && _NodePasswordFormSlugQuery2.default.hash !== "c40faf067007027fa9ba6673350c7202" && console.error("The definition of 'NodePasswordFormSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormSlugQuery2.default);
+function NodePasswordFormSlugQueryRenderer(_ref2) {
+  var _data$viewer$slug, _data$viewer$slug2, _data$viewer$slug3;
+  let {
+    collectionSlug,
+    ...rest
+  } = _ref2;
+  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
+    collectionSlug
+  });
+  // see note in NodePasswordFormIDQueryRenderer
+  console.log((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection, ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection.ok) === false);
+  if (((_data$viewer$slug3 = data.viewer.slug) === null || _data$viewer$slug3 === void 0 ? void 0 : _data$viewer$slug3.collection.ok) === false) return /*#__PURE__*/_react.default.createElement(NodePasswordFormComponent, _extends({}, rest, {
+    collectionSlug: collectionSlug
+  }));
+  return null;
+}
+
+// default client export
+function NodePasswordForm(_ref3) {
+  let {
+    collectionId,
+    collectionSlug,
+    ...rest
+  } = _ref3;
+  if (collectionId) {
+    return /*#__PURE__*/_react.default.createElement(NodePasswordFormIDQueryRenderer, _extends({
+      collectionId: collectionId
+    }, rest));
+  }
+  if (collectionSlug) {
+    return /*#__PURE__*/_react.default.createElement(NodePasswordFormSlugQueryRenderer, _extends({
+      collectionSlug: collectionSlug
+    }, rest));
+  }
+  throw new Error('NodePasswordForm expected either a collectionId or collectionSlug prop');
 }

package/dist/components/Price/index.js

@@ -18,23 +18,35 @@ exports.PriceFormat = PriceFormat;
 })(PriceFormat || (exports.PriceFormat = PriceFormat = {}));
 const currencySymbols = {
   USD: '$',
+  AUD: '$',
+  CAD: '$',
   EUR: '€',
-  GBP: '£'
+  GBP: '£',
+  JPY: '¥',
+  INR: '₹',
+  BRL: 'R$',
+  CHF: 'CHF '
 };
 const formatMoney = (priceInCents, format, currency) => {
+  let value = priceInCents / 100;
+  let precision = format === PriceFormat.Truncated ? 0 : 2;
+  if (currency === 'JPY') {
+    // always show yen as "cents" without any fraction
+    value = priceInCents;
+    precision = 0;
+  }
   try {
     const formatter = new window.Intl.NumberFormat(window.navigator.language, {
       style: 'currency',
       currency,
       currencyDisplay: 'symbol',
-      minimumFractionDigits: format === PriceFormat.Truncated ? 0 : 2
+      minimumFractionDigits: precision
     });
-    return formatter.format(priceInCents / 100);
+    return formatter.format(value);
   } catch (e) {
     // fallback for browsers without support for Intl.NumberFormat
     const symbol = currencySymbols[currency] ?? '';
-    const precision = format === PriceFormat.Truncated ? 0 : 2;
-    return `${symbol}${(priceInCents / 100).toFixed(precision)}`;
+    return `${symbol}${value.toFixed(precision)}`;
   }
 };
 const calculateAmount = _ref => {

package/dist/components/Root/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _uuid = require("uuid");
 var _reducer = require("../../reducer");
@@ -55,11 +56,13 @@ const renderCustomElement = (element, key) => {
     acc[(0, _utils.kebabToCamel)(attribute)] = element.getAttribute(attribute) ?? '';
     return acc;
   }, {});
-  return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null
   }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
     key: key
-  }))), element);
+  })))), element);
 };
 const customElementTags = Object.keys(customElementMap);
 const allFontdueElements = element => customElementTags.flatMap(elementName => Array.from(element.querySelectorAll(elementName)));

package/dist/components/StoreModal/StoreModalBundleButton.js

@@ -34,7 +34,7 @@ function StoreModalBundleButton(_ref) {
     onClick: handleSelect,
     selected: selected
   }), {
-    aa: bundle.fontStyles.map((fontStyle, i) => /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    featureGlyphs: bundle.fontStyles.map((fontStyle, i) => /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
       key: fontStyle.id,
       fontStyle: fontStyle,
       Component: "span"

package/dist/components/StoreModal/StoreModalFamilyButton.js

@@ -26,12 +26,13 @@ const getSuffix = collection => {
   return ' ' + getFamilyType(collection);
 };
 function FamilyButton(_ref) {
+  var _collection$featureSt, _collection$featureSt2;
   let {
     collection: collectionKey,
     onSelectSku,
     ...rest
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_StoreModalFamilyButton_collection2.default.hash && _StoreModalFamilyButton_collection2.default.hash !== "af94df77265f4ddfb0e661c8a591f89c" && console.error("The definition of 'StoreModalFamilyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamilyButton_collection2.default), collectionKey);
+  const collection = (0, _reactRelay.useFragment)((_StoreModalFamilyButton_collection2.default.hash && _StoreModalFamilyButton_collection2.default.hash !== "549693eba1e4875152ef2f3023668d0f" && console.error("The definition of 'StoreModalFamilyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamilyButton_collection2.default), collectionKey);
   const selector = collection.sku ? (0, _reducer.isSelected)(collection.sku.id) : () => false;
   const selected = (0, _reactRedux.useSelector)(selector);
   const handleClick = () => {
@@ -51,14 +52,16 @@ function FamilyButton(_ref) {
   if (variableFonts > 0) {
     label.push((0, _utils.pluralize)(variableFonts, 'variable font'));
   }
+  const supportsEnglish = (_collection$featureSt = collection.featureStyle) === null || _collection$featureSt === void 0 ? void 0 : (_collection$featureSt2 = _collection$featureSt.supportedLanguages) === null || _collection$featureSt2 === void 0 ? void 0 : _collection$featureSt2.includes('en');
   return /*#__PURE__*/_react.default.createElement(_StoreModalFamilyButton.default, _extends({
     selected: selected,
-    onClick: collection.sku ? handleClick : undefined
+    onClick: collection.sku ? handleClick : undefined,
+    supportsEnglish: supportsEnglish ?? true
   }, rest), {
-    name: collection.featureStyle && /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    name: collection.featureStyle && supportsEnglish ? /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
       Component: "span",
       fontStyle: collection.featureStyle
-    }, collection.name, getSuffix(collection)),
+    }, collection.name, getSuffix(collection)) : /*#__PURE__*/_react.default.createElement("span", null, collection.name, " ", getSuffix(collection)),
     label: label.join(', '),
     price: collection.sku && /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
       sku: collection.sku,

package/dist/components/StoreModal/StoreModalStyleButton.js

@@ -17,6 +17,13 @@ var _utils = require("../../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const THIN_SPACE = '\u2009';
+function getFeatureGlyphs(supportedLanguages) {
+  if (supportedLanguages !== null && supportedLanguages !== void 0 && supportedLanguages.includes('en')) return 'Aa';
+  if (supportedLanguages !== null && supportedLanguages !== void 0 && supportedLanguages.includes('ar')) return 'ت';
+  if (supportedLanguages !== null && supportedLanguages !== void 0 && supportedLanguages.includes('gr')) return 'Αα';
+  if (supportedLanguages !== null && supportedLanguages !== void 0 && supportedLanguages.includes('ru')) return 'Аа';
+  return null;
+}
 function StoreModalStyleButton(_ref) {
   var _fontStyle$variableIn;
   let {
@@ -25,7 +32,7 @@ function StoreModalStyleButton(_ref) {
     isVariableFont,
     ...rest
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)((_StoreModalStyleButton_fontStyle2.default.hash && _StoreModalStyleButton_fontStyle2.default.hash !== "304b682b2f5ad1ead0c8652556185fe1" && console.error("The definition of 'StoreModalStyleButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalStyleButton_fontStyle2.default), fontStyleKey);
+  const fontStyle = (0, _reactRelay.useFragment)((_StoreModalStyleButton_fontStyle2.default.hash && _StoreModalStyleButton_fontStyle2.default.hash !== "fbd48cde23a47f24790292b085647714" && console.error("The definition of 'StoreModalStyleButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalStyleButton_fontStyle2.default), fontStyleKey);
   const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(fontStyle.sku ? fontStyle.sku.id : fontStyle.id));
   const handleSelect = () => {
     if (!fontStyle.sku) return;
@@ -35,13 +42,13 @@ function StoreModalStyleButton(_ref) {
     onClick: fontStyle.sku ? handleSelect : undefined,
     selected: selected
   }), {
-    aa: /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    featureGlyphs: /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
       fontStyle: fontStyle,
       Component: "span"
     }, isVariableFont ? (_fontStyle$variableIn = fontStyle.variableInstances) === null || _fontStyle$variableIn === void 0 ? void 0 : _fontStyle$variableIn.map((instance, i) => /*#__PURE__*/_react.default.createElement("span", {
       key: instance.name,
       style: (0, _utils.variableInstanceCSS)(instance)
-    }, i !== 0 && THIN_SPACE, "Aa")) : 'Aa'),
+    }, i !== 0 && THIN_SPACE, getFeatureGlyphs(fontStyle.supportedLanguages))) : getFeatureGlyphs(fontStyle.supportedLanguages)),
     // for variable fonts, only show the name of the style if there are
     // multiple styles
     name: isVariableFont ? fontStyle.sku ? fontStyle.name : undefined : fontStyle.name,

package/dist/components/TestModeBanner/index.js

@@ -10,12 +10,11 @@ var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function TestModeBannerComponent(_ref) {
+  var _data$viewer, _data$viewer$testMode;
   let {
     data
   } = _ref;
-  const {
-    isActive
-  } = data.viewer.testMode;
+  const isActive = data === null || data === void 0 ? void 0 : (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$testMode = _data$viewer.testMode) === null || _data$viewer$testMode === void 0 ? void 0 : _data$viewer$testMode.isActive;
 
   // hide the banner completely if we're in live mode
   if (!isActive) return null;

package/dist/components/TypeTester/TypeTesterStandalone.js

@@ -72,7 +72,7 @@ function TypeTesterStandaloneComponent(_ref) {
     onBlur: onBlur
   }));
 }
-const query = (_TypeTesterStandaloneQuery2.default.hash && _TypeTesterStandaloneQuery2.default.hash !== "3ad5c4d856f5d46ddf8a47a2b6d2420a" && console.error("The definition of 'TypeTesterStandaloneQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStandaloneQuery2.default);
+const query = (_TypeTesterStandaloneQuery2.default.hash && _TypeTesterStandaloneQuery2.default.hash !== "57916b8e26a166271a80c5df1b3f68ec" && console.error("The definition of 'TypeTesterStandaloneQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStandaloneQuery2.default);
 function TypeTesterStandalonePreloadedQueryRenderer(_ref3) {
   let {
     preloadedQuery,
@@ -91,9 +91,13 @@ function TypeTesterStandalone(_ref4) {
     styleName,
     ...rest
   } = _ref4;
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   const data = (0, _reactRelay.useLazyLoadQuery)(query, {
     familyName,
-    styleName
+    styleName,
+    selectable: config.selectable
   });
   const fontStyle = (_data$viewer4 = data.viewer) === null || _data$viewer4 === void 0 ? void 0 : _data$viewer4.fontStyle;
   if (!fontStyle) {

package/dist/components/TypeTester/TypeTesterStandalone.server.js

@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TypeTesterStandalone;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
 var _TypeTesterStandalone = require("./TypeTesterStandalone");
 var _TypeTesterStandaloneQuery = _interopRequireDefault(require("../../__generated__/TypeTesterStandaloneQuery.graphql"));
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 async function TypeTesterStandalone(_ref) {
   let {
@@ -16,9 +19,13 @@ async function TypeTesterStandalone(_ref) {
     styleName,
     ...rest
   } = _ref;
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTesterStandaloneQuery.default, {
     familyName,
-    styleName
+    styleName,
+    selectable: config.selectable
   });
   return /*#__PURE__*/_react.default.createElement(_TypeTesterStandalone.TypeTesterStandalonePreloadedQueryRenderer, _extends({
     preloadedQuery: preloadedQuery

package/dist/components/TypeTester/TypeTesterStyleSelectData.js

@@ -49,7 +49,7 @@ function TypeTesterStyleSelectData(_ref) {
     includeVariableAxesOption
   } = _ref;
   const fontStyle = (0, _reactRelay.useFragment)((_TypeTesterStyleSelectData_fontStyle2.default.hash && _TypeTesterStyleSelectData_fontStyle2.default.hash !== "6d485f52ae538b13da3f1f924512299c" && console.error("The definition of 'TypeTesterStyleSelectData_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_fontStyle2.default), fontStyleKey);
-  const viewer = (0, _reactRelay.useFragment)((_TypeTesterStyleSelectData_viewer2.default.hash && _TypeTesterStyleSelectData_viewer2.default.hash !== "d5d291b8b41470b9e602ee83af05e047" && console.error("The definition of 'TypeTesterStyleSelectData_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_viewer2.default), viewerKey);
+  const viewer = (0, _reactRelay.useFragment)((_TypeTesterStyleSelectData_viewer2.default.hash && _TypeTesterStyleSelectData_viewer2.default.hash !== "fb8fc0fd25a41b843f1086a2fd3b464a" && console.error("The definition of 'TypeTesterStyleSelectData_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_viewer2.default), viewerKey);
   const familyData = viewer === null || viewer === void 0 ? void 0 : (_viewer$families = viewer.families) === null || _viewer$families === void 0 ? void 0 : (_viewer$families$edge = _viewer$families.edges) === null || _viewer$families$edge === void 0 ? void 0 : _viewer$families$edge.map(edge => edge.node).filter(_utils.notEmpty);
   const handleSelectFamilyId = (0, _react.useCallback)(id => {
     const family = familyData && familyData.find(family => family.id === id);

package/dist/components/TypeTester/index.js

@@ -57,7 +57,7 @@ const TypeTester = _ref => {
     groupEdit
   } = _ref;
   const fontStyleData = (0, _reactRelay.useFragment)((_TypeTester_fontStyle2.default.hash && _TypeTester_fontStyle2.default.hash !== "e05fd846d7bcc3733b7afeb36403a7ef" && console.error("The definition of 'TypeTester_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_fontStyle2.default), fontStyleKey);
-  const viewer = (0, _reactRelay.useFragment)((_TypeTester_viewer2.default.hash && _TypeTester_viewer2.default.hash !== "a12af7126d512a50ab0b7e5e14a7d8eb" && console.error("The definition of 'TypeTester_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_viewer2.default), viewerKey);
+  const viewer = (0, _reactRelay.useFragment)((_TypeTester_viewer2.default.hash && _TypeTester_viewer2.default.hash !== "26c2b3145462407675ab9b202b0d1b4c" && console.error("The definition of 'TypeTester_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_viewer2.default), viewerKey);
   const [selectedFontStyleId, setSelectedFontStyleId] = (0, _react.useState)((fontStyleData === null || fontStyleData === void 0 ? void 0 : fontStyleData.id) ?? null);
   const [fontStyle, setFontStyle] = (0, _react.useState)(fontStyleData);
   const environment = (0, _reactRelay.useRelayEnvironment)();

package/dist/components/TypeTesters/index.js

@@ -64,7 +64,7 @@ function TypeTestersComponent(_ref) {
     ...rest
   } = _ref;
   const collection = (0, _reactRelay.useFragment)((_TypeTesters_collection2.default.hash && _TypeTesters_collection2.default.hash !== "4e661d9d957e3a3f4a7b23f3665cadf9" && 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 viewer = (0, _reactRelay.useFragment)((_TypeTesters_viewer2.default.hash && _TypeTesters_viewer2.default.hash !== "9dce7dd7815ccdea1c4b3c5a076b589e" && 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 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 {
     typeTester: config
@@ -130,7 +130,7 @@ function TypeTestersComponent(_ref) {
     }))));
   }));
 }
-const idQuery = (_TypeTestersIDQuery2.default.hash && _TypeTestersIDQuery2.default.hash !== "f62d86e50379a25ca0a8eb10812704c2" && 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);
+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) {
   let {
     preloadedQuery,
@@ -147,14 +147,18 @@ function TypeTestersIDQueryRenderer(_ref4) {
     excludeTags,
     ...rest
   } = _ref4;
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
     collectionId,
     tags,
-    excludeTags
+    excludeTags,
+    selectable: config.selectable
   });
   return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
 }
-const slugQuery = (_TypeTestersSlugQuery2.default.hash && _TypeTestersSlugQuery2.default.hash !== "eb11a6ae2b690cb3cdd8a14c6e2afed6" && 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);
+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) {
   var _data$viewer$slug;
   let {
@@ -176,10 +180,14 @@ function TypeTestersSlugQueryRenderer(_ref6) {
     excludeTags,
     ...rest
   } = _ref6;
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
     collectionSlug,
     tags,
-    excludeTags
+    excludeTags,
+    selectable: config.selectable
   });
   return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
     collection: ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection) ?? null,

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

@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TypeTesters;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(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"));
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 async function TypeTesters(_ref) {
   let {
@@ -19,11 +22,15 @@ async function TypeTesters(_ref) {
     excludeTags,
     ...rest
   } = _ref;
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   if (collectionId) {
     const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersIDQuery.default, {
       collectionId,
       tags,
-      excludeTags
+      excludeTags,
+      selectable: config.selectable
     });
     return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedIDQueryRenderer, _extends({
       preloadedQuery: preloadedQuery
@@ -33,7 +40,8 @@ async function TypeTesters(_ref) {
     const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersSlugQuery.default, {
       collectionSlug,
       tags,
-      excludeTags
+      excludeTags,
+      selectable: config.selectable
     });
     return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedSlugQueryRenderer, _extends({
       preloadedQuery: preloadedQuery

package/dist/components/elements/StoreModalFamilyButton/index.d.ts

@@ -3,6 +3,7 @@ import { ButtonProps } from '../../elements/Button';
 type StoreModalFamilyButtonProps = Omit<ButtonProps, 'children'> & {
     selected: boolean;
     className?: string;
+    supportsEnglish: boolean;
     children: {
         name: React.ReactNode;
         label: React.ReactNode;