fontdue-js 1.11.0 → 1.12.0

package/dist/components/CharacterViewer/index.js

@@ -78,38 +78,38 @@ const StyleSelect = _ref => {
   }
   return /*#__PURE__*/_react.default.createElement(_Select.default, {
     options: collections.flatMap(coll => {
-      var _coll$fontStyles$map$, _coll$fontStyles2;
+      var _coll$fontStyles2;
       if (coll.isVariableFont) {
-        var _coll$fontStyles$flat, _coll$fontStyles;
-        return (_coll$fontStyles$flat = (_coll$fontStyles = coll.fontStyles) === null || _coll$fontStyles === void 0 ? void 0 : _coll$fontStyles.flatMap(style => {
+        var _coll$fontStyles;
+        return ((_coll$fontStyles = coll.fontStyles) === null || _coll$fontStyles === void 0 ? void 0 : _coll$fontStyles.flatMap(style => {
           var _style$variableInstan;
           return (_style$variableInstan = style.variableInstances) === null || _style$variableInstan === void 0 ? void 0 : _style$variableInstan.map(instance => ({
             value: `${style.id}:::${instance.name}`,
             text: `${coll.name} ${instance.name}`
           })).filter(_utils.notEmpty);
-        }).filter(_utils.notEmpty)) !== null && _coll$fontStyles$flat !== void 0 ? _coll$fontStyles$flat : [];
+        }).filter(_utils.notEmpty)) ?? [];
       }
-      return (_coll$fontStyles$map$ = (_coll$fontStyles2 = coll.fontStyles) === null || _coll$fontStyles2 === void 0 ? void 0 : _coll$fontStyles2.map(style => ({
+      return ((_coll$fontStyles2 = coll.fontStyles) === null || _coll$fontStyles2 === void 0 ? void 0 : _coll$fontStyles2.map(style => ({
         value: style.id,
         text: `${coll.name} ${style.name}`
-      })).filter(_utils.notEmpty)) !== null && _coll$fontStyles$map$ !== void 0 ? _coll$fontStyles$map$ : [];
+      })).filter(_utils.notEmpty)) ?? [];
     }),
     value: selectValue,
     onChange: handleChange
   });
 };
 const CharacterViewerComponent = _ref3 => {
-  var _collection$children$, _collection$children, _ref4, _collection$featureSt, _collection$fontStyle, _collection$children2, _collection$children3, _collection$children4, _initialFontStyle$id, _fontStyle$characterB, _fontStyle$characterB2, _fontStyle$featureCha, _fontStyle$featureCha2, _fontStyle$featureCha3, _fontStyle$featureCha4, _fontStyle$featureCha5, _fontStyle$characterB3, _fontStyle$featureCha6, _fontStyle$featureCha7;
+  var _collection$children, _collection$fontStyle, _collection$children2, _collection$children3, _collection$children4, _fontStyle$characterB, _fontStyle$characterB2, _fontStyle$featureCha, _fontStyle$featureCha2, _fontStyle$featureCha3, _fontStyle$featureCha4, _fontStyle$characterB3, _fontStyle$featureCha5, _fontStyle$featureCha6;
   let {
     collection
   } = _ref3;
-  const allCollections = [collectionInfo(collection)].concat((_collection$children$ = (_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.map(collectionInfo)) !== null && _collection$children$ !== void 0 ? _collection$children$ : []);
-  const initialFontStyle = (_ref4 = (_collection$featureSt = collection.featureStyle) !== null && _collection$featureSt !== void 0 ? _collection$featureSt : (_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : _collection$fontStyle[0]) !== null && _ref4 !== void 0 ? _ref4 : (_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : (_collection$children3 = _collection$children2[0]) === null || _collection$children3 === void 0 ? void 0 : (_collection$children4 = _collection$children3.fontStyles) === null || _collection$children4 === void 0 ? void 0 : _collection$children4[0];
+  const allCollections = [collectionInfo(collection)].concat(((_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.map(collectionInfo)) ?? []);
+  const initialFontStyle = collection.featureStyle ?? ((_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : _collection$fontStyle[0]) ?? ((_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : (_collection$children3 = _collection$children2[0]) === null || _collection$children3 === void 0 ? void 0 : (_collection$children4 = _collection$children3.fontStyles) === null || _collection$children4 === void 0 ? void 0 : _collection$children4[0]);
   let initialVariableSettings;
   if (initialFontStyle && initialFontStyle.variableInstances) {
     initialVariableSettings = (0, _utils.variableInstanceSettings)(initialFontStyle.variableInstances[0]);
   }
-  const [fontStyleId, setFontStyleId] = (0, _react.useState)((_initialFontStyle$id = initialFontStyle === null || initialFontStyle === void 0 ? void 0 : initialFontStyle.id) !== null && _initialFontStyle$id !== void 0 ? _initialFontStyle$id : null);
+  const [fontStyleId, setFontStyleId] = (0, _react.useState)((initialFontStyle === null || initialFontStyle === void 0 ? void 0 : initialFontStyle.id) ?? null);
   const [variableSettings, setVariableSettings] = (0, _react.useState)(initialVariableSettings);
   const handleStyleSelect = value => {
     setFontStyleId(value.fontStyleId);
@@ -131,10 +131,10 @@ const CharacterViewerComponent = _ref3 => {
   }
   const [selectedCharacter, setSelectedCharacter] = (0, _react.useState)();
   const [activeCharacter, setActiveCharacter] = (0, _react.useState)(fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$characterB = fontStyle.characterBlocks) === null || _fontStyle$characterB === void 0 ? void 0 : (_fontStyle$characterB2 = _fontStyle$characterB[0]) === null || _fontStyle$characterB2 === void 0 ? void 0 : _fontStyle$characterB2.characters[0]);
-  const visibleCharacter = activeCharacter !== null && activeCharacter !== void 0 ? activeCharacter : selectedCharacter;
+  const visibleCharacter = activeCharacter ?? selectedCharacter;
   const [selectedFeatureCharacter, setSelectedFeatureCharacter] = (0, _react.useState)();
-  const [activeFeatureCharacter, setActiveFeatureCharacter] = (0, _react.useState)([(_fontStyle$featureCha = fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$featureCha2 = fontStyle.featureCharacters) === null || _fontStyle$featureCha2 === void 0 ? void 0 : (_fontStyle$featureCha3 = _fontStyle$featureCha2[0]) === null || _fontStyle$featureCha3 === void 0 ? void 0 : _fontStyle$featureCha3.characters[0]) !== null && _fontStyle$featureCha !== void 0 ? _fontStyle$featureCha : '', fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$featureCha4 = fontStyle.featureCharacters) === null || _fontStyle$featureCha4 === void 0 ? void 0 : (_fontStyle$featureCha5 = _fontStyle$featureCha4[0]) === null || _fontStyle$featureCha5 === void 0 ? void 0 : _fontStyle$featureCha5.feature]);
-  const visibleFeatureCharacter = activeFeatureCharacter !== null && activeFeatureCharacter !== void 0 ? activeFeatureCharacter : selectedFeatureCharacter;
+  const [activeFeatureCharacter, setActiveFeatureCharacter] = (0, _react.useState)([(fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$featureCha = fontStyle.featureCharacters) === null || _fontStyle$featureCha === void 0 ? void 0 : (_fontStyle$featureCha2 = _fontStyle$featureCha[0]) === null || _fontStyle$featureCha2 === void 0 ? void 0 : _fontStyle$featureCha2.characters[0]) ?? '', fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$featureCha3 = fontStyle.featureCharacters) === null || _fontStyle$featureCha3 === void 0 ? void 0 : (_fontStyle$featureCha4 = _fontStyle$featureCha3[0]) === null || _fontStyle$featureCha4 === void 0 ? void 0 : _fontStyle$featureCha4.feature]);
+  const visibleFeatureCharacter = activeFeatureCharacter ?? selectedFeatureCharacter;
   const handleMouseLeave = () => {
     if (selectedCharacter) setActiveCharacter(undefined);
   };
@@ -189,11 +189,11 @@ const CharacterViewerComponent = _ref3 => {
     style: {
       '--width': blocksWidth
     }
-  }, (_fontStyle$characterB3 = fontStyle.characterBlocks) === null || _fontStyle$characterB3 === void 0 ? void 0 : _fontStyle$characterB3.map((_ref5, i) => {
+  }, (_fontStyle$characterB3 = fontStyle.characterBlocks) === null || _fontStyle$characterB3 === void 0 ? void 0 : _fontStyle$characterB3.map((_ref4, i) => {
     let {
       name,
       characters
-    } = _ref5;
+    } = _ref4;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "character-viewer__block",
       key: i
@@ -209,7 +209,7 @@ const CharacterViewerComponent = _ref3 => {
       onMouseEnter: () => setActiveCharacter(chars),
       "data-selected": selectedCharacter === chars
     }, chars))));
-  }))), (_fontStyle$featureCha6 = fontStyle.featureCharacters) !== null && _fontStyle$featureCha6 !== void 0 && _fontStyle$featureCha6.length ? /*#__PURE__*/_react.default.createElement("div", {
+  }))), (_fontStyle$featureCha5 = fontStyle.featureCharacters) !== null && _fontStyle$featureCha5 !== void 0 && _fontStyle$featureCha5.length ? /*#__PURE__*/_react.default.createElement("div", {
     className: "character-viewer__features-map"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "character-viewer__feature-monitor"
@@ -255,12 +255,12 @@ const CharacterViewerComponent = _ref3 => {
     style: {
       '--width': blocksWidth
     }
-  }, (_fontStyle$featureCha7 = fontStyle.featureCharacters) === null || _fontStyle$featureCha7 === void 0 ? void 0 : _fontStyle$featureCha7.map((_ref6, i) => {
+  }, (_fontStyle$featureCha6 = fontStyle.featureCharacters) === null || _fontStyle$featureCha6 === void 0 ? void 0 : _fontStyle$featureCha6.map((_ref5, i) => {
     let {
       name,
       feature,
       characters
-    } = _ref6;
+    } = _ref5;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "character-viewer__block",
       key: i
@@ -285,11 +285,11 @@ _CharacterViewer_family !== void 0 ? _CharacterViewer_family : (_CharacterViewer
 const CharacterViewer = (0, _reactRelay.createFragmentContainer)(CharacterViewerComponent, {
   collection: _CharacterViewer_collection !== void 0 ? _CharacterViewer_collection : (_CharacterViewer_collection = require("../../__generated__/CharacterViewer_collection.graphql"), _CharacterViewer_collection.hash && _CharacterViewer_collection.hash !== "2f49d241268129a888942889cad0bebb" && console.error("The definition of 'CharacterViewer_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_collection)
 });
-const CharacterViewerQueryRenderer = _ref7 => {
+const CharacterViewerQueryRenderer = _ref6 => {
   let {
     collectionId,
     collectionSlug
-  } = _ref7;
+  } = _ref6;
   const environment = (0, _reactRelay.useRelayEnvironment)();
   if (collectionId) {
     return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
@@ -298,10 +298,10 @@ const CharacterViewerQueryRenderer = _ref7 => {
         collectionId
       },
       environment: environment,
-      render: _ref8 => {
+      render: _ref7 => {
         let {
           props
-        } = _ref8;
+        } = _ref7;
         const node = props === null || props === void 0 ? void 0 : props.node;
         if (!node) return null;
         return /*#__PURE__*/_react.default.createElement(CharacterViewer, {
@@ -317,11 +317,11 @@ const CharacterViewerQueryRenderer = _ref7 => {
         collectionSlug
       },
       environment: environment,
-      render: _ref9 => {
+      render: _ref8 => {
         var _props$viewer, _props$viewer$slug;
         let {
           props
-        } = _ref9;
+        } = _ref8;
         const collection = props === null || props === void 0 ? void 0 : (_props$viewer = props.viewer) === null || _props$viewer === void 0 ? void 0 : (_props$viewer$slug = _props$viewer.slug) === null || _props$viewer$slug === void 0 ? void 0 : _props$viewer$slug.fontCollection;
         if (!collection) return null;
         return /*#__PURE__*/_react.default.createElement(CharacterViewer, {

package/dist/components/ConfigContext.d.ts

@@ -54,6 +54,7 @@ export declare const makeConfig: (config?: Config | undefined) => {
     };
     storeModal: {
         indexLayout: "styled-aa" | "styled-font-names";
+        indexExcludeTags: string[] | undefined;
         productLicensesPosition: "bottom" | "top";
     };
 };
@@ -102,6 +103,7 @@ declare const _default: React.Context<{
     };
     storeModal: {
         indexLayout: "styled-aa" | "styled-font-names";
+        indexExcludeTags: string[] | undefined;
         productLicensesPosition: "bottom" | "top";
     };
 }>;

package/dist/components/ConfigContext.js

@@ -7,55 +7,56 @@ exports.makeConfig = exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const makeTypeTesterConfig = config => {
-  var _config$shy, _config$toolsPosition, _config$autofitOnChan, _config$truncate, _config$priceText, _config$selectButtonS, _config$selectButtonL, _ref, _config$selectButton, _config$selectable, _config$priceBar, _config$textInput, _config$initialMode, _config$groupEdit, _config$bulletStyle, _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$openTypeFeatu4, _config$openTypeFeatu5, _config$alignmentButt, _config$initialAlignm, _config$size$label, _config$size, _ref2, _config$size$min, _config$size2, _ref3, _config$size$max, _config$size3, _config$lineHeight$la, _config$lineHeight, _config$lineHeight$mi, _config$lineHeight2, _config$lineHeight$ma, _config$lineHeight3;
-  let shy = (_config$shy = config === null || config === void 0 ? void 0 : config.shy) !== null && _config$shy !== void 0 ? _config$shy : false;
+  var _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$size, _config$size2, _config$size3, _config$lineHeight, _config$lineHeight2, _config$lineHeight3;
+  let shy = (config === null || config === void 0 ? void 0 : config.shy) ?? false;
   if (shy === true) shy = 'hover';
-  let toolsPosition = (_config$toolsPosition = config === null || config === void 0 ? void 0 : config.toolsPosition) !== null && _config$toolsPosition !== void 0 ? _config$toolsPosition : 'inline';
+  let toolsPosition = (config === null || config === void 0 ? void 0 : config.toolsPosition) ?? 'inline';
   if (shy !== 'focus') toolsPosition = 'inline';
   return {
-    autofitOnChange: (_config$autofitOnChan = config === null || config === void 0 ? void 0 : config.autofitOnChange) !== null && _config$autofitOnChan !== void 0 ? _config$autofitOnChan : false,
-    truncate: (_config$truncate = config === null || config === void 0 ? void 0 : config.truncate) !== null && _config$truncate !== void 0 ? _config$truncate : false,
-    priceText: (_config$priceText = config === null || config === void 0 ? void 0 : config.priceText) !== null && _config$priceText !== void 0 ? _config$priceText : false,
-    selectButtonStyle: (_config$selectButtonS = config === null || config === void 0 ? void 0 : config.selectButtonStyle) !== null && _config$selectButtonS !== void 0 ? _config$selectButtonS : 'inline',
-    selectButtonLabel: (_config$selectButtonL = config === null || config === void 0 ? void 0 : config.selectButtonLabel) !== null && _config$selectButtonL !== void 0 ? _config$selectButtonL : 'Select',
-    selectButton: (_ref = (_config$selectButton = config === null || config === void 0 ? void 0 : config.selectButton) !== null && _config$selectButton !== void 0 ? _config$selectButton : config === null || config === void 0 ? void 0 : config.buyButton) !== null && _ref !== void 0 ? _ref : true,
+    autofitOnChange: (config === null || config === void 0 ? void 0 : config.autofitOnChange) ?? false,
+    truncate: (config === null || config === void 0 ? void 0 : config.truncate) ?? false,
+    priceText: (config === null || config === void 0 ? void 0 : config.priceText) ?? false,
+    selectButtonStyle: (config === null || config === void 0 ? void 0 : config.selectButtonStyle) ?? 'inline',
+    selectButtonLabel: (config === null || config === void 0 ? void 0 : config.selectButtonLabel) ?? 'Select',
+    selectButton: (config === null || config === void 0 ? void 0 : config.selectButton) ?? (config === null || config === void 0 ? void 0 : config.buyButton) ?? true,
     shy,
     toolsPosition,
-    selectable: (_config$selectable = config === null || config === void 0 ? void 0 : config.selectable) !== null && _config$selectable !== void 0 ? _config$selectable : false,
-    priceBar: (_config$priceBar = config === null || config === void 0 ? void 0 : config.priceBar) !== null && _config$priceBar !== void 0 ? _config$priceBar : false,
-    textInput: (_config$textInput = config === null || config === void 0 ? void 0 : config.textInput) !== null && _config$textInput !== void 0 ? _config$textInput : false,
-    initialMode: (_config$initialMode = config === null || config === void 0 ? void 0 : config.initialMode) !== null && _config$initialMode !== void 0 ? _config$initialMode : 'local',
-    groupEdit: (_config$groupEdit = config === null || config === void 0 ? void 0 : config.groupEdit) !== null && _config$groupEdit !== void 0 ? _config$groupEdit : false,
-    bulletStyle: (_config$bulletStyle = config === null || config === void 0 ? void 0 : config.bulletStyle) !== null && _config$bulletStyle !== void 0 ? _config$bulletStyle : 'square',
+    selectable: (config === null || config === void 0 ? void 0 : config.selectable) ?? false,
+    priceBar: (config === null || config === void 0 ? void 0 : config.priceBar) ?? false,
+    textInput: (config === null || config === void 0 ? void 0 : config.textInput) ?? false,
+    initialMode: (config === null || config === void 0 ? void 0 : config.initialMode) ?? 'local',
+    groupEdit: (config === null || config === void 0 ? void 0 : config.groupEdit) ?? false,
+    bulletStyle: (config === null || config === void 0 ? void 0 : config.bulletStyle) ?? 'square',
     openTypeFeatures: {
-      interactionStyle: (_config$openTypeFeatu = config === null || config === void 0 ? void 0 : (_config$openTypeFeatu2 = config.openTypeFeatures) === null || _config$openTypeFeatu2 === void 0 ? void 0 : _config$openTypeFeatu2.interactionStyle) !== null && _config$openTypeFeatu !== void 0 ? _config$openTypeFeatu : 'panel',
-      columns: config === null || config === void 0 ? void 0 : (_config$openTypeFeatu3 = config.openTypeFeatures) === null || _config$openTypeFeatu3 === void 0 ? void 0 : _config$openTypeFeatu3.columns,
-      selectionStyle: (_config$openTypeFeatu4 = config === null || config === void 0 ? void 0 : (_config$openTypeFeatu5 = config.openTypeFeatures) === null || _config$openTypeFeatu5 === void 0 ? void 0 : _config$openTypeFeatu5.selectionStyle) !== null && _config$openTypeFeatu4 !== void 0 ? _config$openTypeFeatu4 : 'bullet'
+      interactionStyle: (config === null || config === void 0 ? void 0 : (_config$openTypeFeatu = config.openTypeFeatures) === null || _config$openTypeFeatu === void 0 ? void 0 : _config$openTypeFeatu.interactionStyle) ?? 'panel',
+      columns: config === null || config === void 0 ? void 0 : (_config$openTypeFeatu2 = config.openTypeFeatures) === null || _config$openTypeFeatu2 === void 0 ? void 0 : _config$openTypeFeatu2.columns,
+      selectionStyle: (config === null || config === void 0 ? void 0 : (_config$openTypeFeatu3 = config.openTypeFeatures) === null || _config$openTypeFeatu3 === void 0 ? void 0 : _config$openTypeFeatu3.selectionStyle) ?? 'bullet'
     },
-    alignmentButtons: (_config$alignmentButt = config === null || config === void 0 ? void 0 : config.alignmentButtons) !== null && _config$alignmentButt !== void 0 ? _config$alignmentButt : false,
-    initialAlignment: (_config$initialAlignm = config === null || config === void 0 ? void 0 : config.initialAlignment) !== null && _config$initialAlignm !== void 0 ? _config$initialAlignm : 'left',
+    alignmentButtons: (config === null || config === void 0 ? void 0 : config.alignmentButtons) ?? false,
+    initialAlignment: (config === null || config === void 0 ? void 0 : config.initialAlignment) ?? 'left',
     size: {
-      label: (_config$size$label = config === null || config === void 0 ? void 0 : (_config$size = config.size) === null || _config$size === void 0 ? void 0 : _config$size.label) !== null && _config$size$label !== void 0 ? _config$size$label : 'Size',
-      min: (_ref2 = (_config$size$min = config === null || config === void 0 ? void 0 : (_config$size2 = config.size) === null || _config$size2 === void 0 ? void 0 : _config$size2.min) !== null && _config$size$min !== void 0 ? _config$size$min : config === null || config === void 0 ? void 0 : config.min) !== null && _ref2 !== void 0 ? _ref2 : 10,
-      max: (_ref3 = (_config$size$max = config === null || config === void 0 ? void 0 : (_config$size3 = config.size) === null || _config$size3 === void 0 ? void 0 : _config$size3.max) !== null && _config$size$max !== void 0 ? _config$size$max : config === null || config === void 0 ? void 0 : config.max) !== null && _ref3 !== void 0 ? _ref3 : 200
+      label: (config === null || config === void 0 ? void 0 : (_config$size = config.size) === null || _config$size === void 0 ? void 0 : _config$size.label) ?? 'Size',
+      min: (config === null || config === void 0 ? void 0 : (_config$size2 = config.size) === null || _config$size2 === void 0 ? void 0 : _config$size2.min) ?? (config === null || config === void 0 ? void 0 : config.min) ?? 10,
+      max: (config === null || config === void 0 ? void 0 : (_config$size3 = config.size) === null || _config$size3 === void 0 ? void 0 : _config$size3.max) ?? (config === null || config === void 0 ? void 0 : config.max) ?? 200
     },
     lineHeight: config !== null && config !== void 0 && config.lineHeight ? {
-      label: (_config$lineHeight$la = config === null || config === void 0 ? void 0 : (_config$lineHeight = config.lineHeight) === null || _config$lineHeight === void 0 ? void 0 : _config$lineHeight.label) !== null && _config$lineHeight$la !== void 0 ? _config$lineHeight$la : 'Line height',
-      min: (_config$lineHeight$mi = config === null || config === void 0 ? void 0 : (_config$lineHeight2 = config.lineHeight) === null || _config$lineHeight2 === void 0 ? void 0 : _config$lineHeight2.min) !== null && _config$lineHeight$mi !== void 0 ? _config$lineHeight$mi : 0.7,
-      max: (_config$lineHeight$ma = config === null || config === void 0 ? void 0 : (_config$lineHeight3 = config.lineHeight) === null || _config$lineHeight3 === void 0 ? void 0 : _config$lineHeight3.max) !== null && _config$lineHeight$ma !== void 0 ? _config$lineHeight$ma : 2
+      label: (config === null || config === void 0 ? void 0 : (_config$lineHeight = config.lineHeight) === null || _config$lineHeight === void 0 ? void 0 : _config$lineHeight.label) ?? 'Line height',
+      min: (config === null || config === void 0 ? void 0 : (_config$lineHeight2 = config.lineHeight) === null || _config$lineHeight2 === void 0 ? void 0 : _config$lineHeight2.min) ?? 0.7,
+      max: (config === null || config === void 0 ? void 0 : (_config$lineHeight3 = config.lineHeight) === null || _config$lineHeight3 === void 0 ? void 0 : _config$lineHeight3.max) ?? 2
     } : undefined
   };
 };
 const makeConfig = config => {
-  var _config$form$checkbox, _config$form, _config$storeModal$in, _config$storeModal, _config$storeModal$pr, _config$storeModal2;
+  var _config$form, _config$storeModal, _config$storeModal2, _config$storeModal3;
   return {
     typeTester: makeTypeTesterConfig(config === null || config === void 0 ? void 0 : config.typeTester),
     form: {
-      checkboxStyle: (_config$form$checkbox = config === null || config === void 0 ? void 0 : (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) !== null && _config$form$checkbox !== void 0 ? _config$form$checkbox : 'check'
+      checkboxStyle: (config === null || config === void 0 ? void 0 : (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) ?? 'check'
     },
     storeModal: {
-      indexLayout: (_config$storeModal$in = config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.indexLayout) !== null && _config$storeModal$in !== void 0 ? _config$storeModal$in : 'styled-aa',
-      productLicensesPosition: (_config$storeModal$pr = config === null || config === void 0 ? void 0 : (_config$storeModal2 = config.storeModal) === null || _config$storeModal2 === void 0 ? void 0 : _config$storeModal2.productLicensesPosition) !== null && _config$storeModal$pr !== void 0 ? _config$storeModal$pr : 'bottom'
+      indexLayout: (config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.indexLayout) ?? 'styled-aa',
+      indexExcludeTags: config === null || config === void 0 ? void 0 : (_config$storeModal2 = config.storeModal) === null || _config$storeModal2 === void 0 ? void 0 : _config$storeModal2.indexExcludeTags,
+      productLicensesPosition: (config === null || config === void 0 ? void 0 : (_config$storeModal3 = config.storeModal) === null || _config$storeModal3 === void 0 ? void 0 : _config$storeModal3.productLicensesPosition) ?? 'bottom'
     }
   };
 };

package/dist/components/FontdueProvider/index.js

@@ -7,11 +7,12 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
+var _redux = require("redux");
 var _Stylesheet = require("../Stylesheet");
 var _ConfigContext = _interopRequireWildcard(require("../ConfigContext"));
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _TestModeBanner = _interopRequireDefault(require("../TestModeBanner"));
-var _reducer = require("../../reducer");
+var _reducer = _interopRequireDefault(require("../../reducer"));
 var _relayEnvironment = _interopRequireDefault(require("../../relay-environment"));
 var _ThemeConfig = _interopRequireDefault(require("../ThemeConfig"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,14 +30,34 @@ const FontdueProvider = _ref => {
     url,
     stripeIntegration
   }));
+  const configValue = (0, _ConfigContext.makeConfig)(config);
+  const store = (0, _redux.createStore)(_reducer.default, {
+    selectedSkuIds: {},
+    // { [skuId]: Boolean }
+    licenseOptions: [],
+    cartOpen: false,
+    precartOpen: false,
+    collectionStyleSkus: {},
+    skuPrices: {},
+    collectionSkus: {},
+    stylesheets: [],
+    fetchedCollectionIds: [],
+    storeModalRoute: {
+      name: 'index',
+      variables: {
+        excludeTags: configValue.storeModal.indexExcludeTags
+      }
+    },
+    storeModalHistory: []
+  });
   return /*#__PURE__*/_react.default.createElement(_reactRelay.RelayEnvironmentProvider, {
     environment: environment.current
   }, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-    store: _reducer.store
+    store: store
   }, /*#__PURE__*/_react.default.createElement(_Stylesheet.StylesheetContainer, null), /*#__PURE__*/_react.default.createElement(_ThemeConfig.default, null), /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Provider, {
-    value: (0, _ConfigContext.makeConfig)(config)
+    value: configValue
   }, /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Provider, {
-    value: components !== null && components !== void 0 ? components : {}
+    value: components ?? {}
   }, /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null), children))));
 };
 var _default = FontdueProvider;

package/dist/components/NewsletterSignup/index.js

@@ -15,7 +15,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 updateCustomerMutation = _NewsletterSignupUpdateCustomerMutation !== void 0 ? _NewsletterSignupUpdateCustomerMutation : (_NewsletterSignupUpdateCustomerMutation = require("../../__generated__/NewsletterSignupUpdateCustomerMutation.graphql"), _NewsletterSignupUpdateCustomerMutation.hash && _NewsletterSignupUpdateCustomerMutation.hash !== "769087891b6f263122bbb630b3f2ca6c" && console.error("The definition of 'NewsletterSignupUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupUpdateCustomerMutation);
 const NewsletterSignup = _ref => {
-  var _data$settings, _ref3, _data$settings2;
+  var _data$settings, _data$settings2;
   let {
     optInLabel: optInLabelProp,
     successLabel: successLabelProp,
@@ -70,7 +70,7 @@ const NewsletterSignup = _ref => {
   };
   const disabled = submitting || !newsletterOptIn || !email || !name;
   const optInLabel = optInLabelProp || (data === null || data === void 0 ? void 0 : (_data$settings = data.settings) === null || _data$settings === void 0 ? void 0 : _data$settings.newsletterOptInLabel);
-  const successLabel = (_ref3 = successLabelProp || (data === null || data === void 0 ? void 0 : (_data$settings2 = data.settings) === null || _data$settings2 === void 0 ? void 0 : _data$settings2.newsletterSuccessLabel)) !== null && _ref3 !== void 0 ? _ref3 : 'Success!';
+  const successLabel = (successLabelProp || (data === null || data === void 0 ? void 0 : (_data$settings2 = data.settings) === null || _data$settings2 === void 0 ? void 0 : _data$settings2.newsletterSuccessLabel)) ?? 'Success!';
   if (submitted) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "newsletter-signup"
@@ -122,7 +122,7 @@ const NewsletterSignup = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_Check.default, null))), /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: "customer-newsletter-opt-in",
     dangerouslySetInnerHTML: {
-      __html: optInLabel !== null && optInLabel !== void 0 ? optInLabel : ''
+      __html: optInLabel ?? ''
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "newsletter-signup__section"
@@ -139,11 +139,11 @@ const NewsletterSignupFetcher = params => {
     environment: environment,
     query: _NewsletterSignup_Query !== void 0 ? _NewsletterSignup_Query : (_NewsletterSignup_Query = require("../../__generated__/NewsletterSignup_Query.graphql"), _NewsletterSignup_Query.hash && _NewsletterSignup_Query.hash !== "ede23ce8fe999201dacb066fcef009af" && console.error("The definition of 'NewsletterSignup_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignup_Query),
     variables: {},
-    render: _ref4 => {
+    render: _ref3 => {
       let {
         props,
         error
-      } = _ref4;
+      } = _ref3;
       if (error) {
         console.error(error);
         // TODO: centralize error component, report to sentry

package/dist/components/Price/index.js

@@ -29,9 +29,8 @@ const formatMoney = (priceInCents, format, currency) => {
     });
     return formatter.format(priceInCents / 100);
   } catch (e) {
-    var _currencySymbols$curr;
     // fallback for browsers without support for Intl.NumberFormat
-    const symbol = (_currencySymbols$curr = currencySymbols[currency]) !== null && _currencySymbols$curr !== void 0 ? _currencySymbols$curr : '';
+    const symbol = currencySymbols[currency] ?? '';
     const precision = format === PriceFormat.Truncated ? 0 : 2;
     return `${symbol}${(priceInCents / 100).toFixed(precision)}`;
   }

package/dist/components/Root/index.js

@@ -60,8 +60,7 @@ const renderCustomElement = (element, key) => {
   const Component = customElementMap[element.nodeName.toLowerCase()];
   const attributes = element.getAttributeNames();
   const props = attributes.reduce((acc, attribute) => {
-    var _element$getAttribute;
-    acc[(0, _utils.kebabToCamel)(attribute)] = (_element$getAttribute = element.getAttribute(attribute)) !== null && _element$getAttribute !== void 0 ? _element$getAttribute : '';
+    acc[(0, _utils.kebabToCamel)(attribute)] = element.getAttribute(attribute) ?? '';
     return acc;
   }, {});
   return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {

package/dist/components/Root/productState.js

@@ -26,20 +26,20 @@ const populateProductState = (store, environment, id) => {
 };
 exports.populateProductState = populateProductState;
 const allSkus = function (collection) {
-  var _collection$fontStyle, _collection$fontStyle2;
+  var _collection$fontStyle;
   let includeCollections = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   let includeFontStyles = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   let bundleSkus = [];
   if ('bundles' in collection) {
-    var _collection$bundles$f, _collection$bundles;
-    bundleSkus = (_collection$bundles$f = collection === null || collection === void 0 ? void 0 : (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.flatMap(bundle => allSkus(bundle, includeCollections, includeFontStyles))) !== null && _collection$bundles$f !== void 0 ? _collection$bundles$f : [];
+    var _collection$bundles;
+    bundleSkus = (collection === null || collection === void 0 ? void 0 : (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.flatMap(bundle => allSkus(bundle, includeCollections, includeFontStyles))) ?? [];
   }
   let childrenSkus = [];
   if ('children' in collection) {
-    var _collection$children$, _collection$children;
-    childrenSkus = (_collection$children$ = (_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.flatMap(child => allSkus(child, includeCollections, includeFontStyles))) !== null && _collection$children$ !== void 0 ? _collection$children$ : [];
+    var _collection$children;
+    childrenSkus = ((_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.flatMap(child => allSkus(child, includeCollections, includeFontStyles))) ?? [];
   }
-  return [includeCollections ? collection === null || collection === void 0 ? void 0 : collection.sku : null, ...(includeFontStyles ? (_collection$fontStyle = collection === null || collection === void 0 ? void 0 : (_collection$fontStyle2 = collection.fontStyles) === null || _collection$fontStyle2 === void 0 ? void 0 : _collection$fontStyle2.map(style => style.sku)) !== null && _collection$fontStyle !== void 0 ? _collection$fontStyle : [] : []), ...bundleSkus, ...childrenSkus].filter(_utils.notEmpty);
+  return [includeCollections ? collection === null || collection === void 0 ? void 0 : collection.sku : null, ...(includeFontStyles ? (collection === null || collection === void 0 ? void 0 : (_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : _collection$fontStyle.map(style => style.sku)) ?? [] : []), ...bundleSkus, ...childrenSkus].filter(_utils.notEmpty);
 };
 const flattenSkuData = collection => {
   let bundles = {};
@@ -58,13 +58,13 @@ const flattenSkuData = collection => {
   }
   let collectionData = {};
   if (collection.sku) {
-    var _collection$fontStyle3, _collection$fontStyle4, _collection$children$2, _collection$children2;
+    var _collection$fontStyle2, _collection$children2;
     collectionData = {
       [collection.sku.id]: {
-        fontStyleIds: ((_collection$fontStyle3 = (_collection$fontStyle4 = collection.fontStyles) === null || _collection$fontStyle4 === void 0 ? void 0 : _collection$fontStyle4.map(style => style.id)) !== null && _collection$fontStyle3 !== void 0 ? _collection$fontStyle3 : []).concat('children' in collection ? (_collection$children$2 = (_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : _collection$children2.flatMap(child => {
-          var _child$fontStyles$map, _child$fontStyles;
-          return (_child$fontStyles$map = (_child$fontStyles = child.fontStyles) === null || _child$fontStyles === void 0 ? void 0 : _child$fontStyles.map(style => style.id)) !== null && _child$fontStyles$map !== void 0 ? _child$fontStyles$map : [];
-        })) !== null && _collection$children$2 !== void 0 ? _collection$children$2 : [] : []),
+        fontStyleIds: (((_collection$fontStyle2 = collection.fontStyles) === null || _collection$fontStyle2 === void 0 ? void 0 : _collection$fontStyle2.map(style => style.id)) ?? []).concat('children' in collection ? ((_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : _collection$children2.flatMap(child => {
+          var _child$fontStyles;
+          return ((_child$fontStyles = child.fontStyles) === null || _child$fontStyles === void 0 ? void 0 : _child$fontStyles.map(style => style.id)) ?? [];
+        })) ?? [] : []),
         fontStyleSkuIds: allSkus(collection, false, true).map(sku => sku.id),
         childrenSkuIds: allSkus(collection, true, false).map(sku => sku.id).filter(skuId => {
           var _collection$sku;
@@ -88,7 +88,7 @@ const flattenSkuPrices = collection => {
   }, {});
 };
 const populateProductStateReducer = (state, action) => {
-  var _data$node, _data$node$sku$id, _data$node$sku;
+  var _data$node, _data$node$sku;
   if (action.type !== 'POPULATE_PRODUCT_STATE') return state;
   const {
     data
@@ -118,7 +118,7 @@ const populateProductStateReducer = (state, action) => {
     // }
     collectionSkus: {
       ...state.collectionSkus,
-      [`${data.node.id}`]: (_data$node$sku$id = (_data$node$sku = data.node.sku) === null || _data$node$sku === void 0 ? void 0 : _data$node$sku.id) !== null && _data$node$sku$id !== void 0 ? _data$node$sku$id : null
+      [`${data.node.id}`]: ((_data$node$sku = data.node.sku) === null || _data$node$sku === void 0 ? void 0 : _data$node$sku.id) ?? null
     },
     fetchedCollectionIds: state.fetchedCollectionIds.concat(data.node.id)
   };

package/dist/components/Select/index.js

@@ -26,7 +26,7 @@ const Select = _ref => {
     } = _ref2;
     return value === v;
   })) === null || _options$find === void 0 ? void 0 : _options$find.text), /*#__PURE__*/_react.default.createElement("select", _extends({
-    value: value !== null && value !== void 0 ? value : '',
+    value: value ?? '',
     className: "select__select"
   }, rest), nullText && value === null && /*#__PURE__*/_react.default.createElement("option", {
     value: "",

package/dist/components/StoreModal/StoreModalCart.js

@@ -20,7 +20,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const StoreModalCart = _ref => {
-  var _order$stripePaymentM, _order$orderItems$len, _order$orderItems;
+  var _order$stripePaymentM, _order$orderItems;
   let {
     prepared
   } = _ref;
@@ -29,7 +29,7 @@ const StoreModalCart = _ref => {
   const order = data.viewer.currentOrder;
   const canSkipCheckout = Boolean(order === null || order === void 0 ? void 0 : (_order$stripePaymentM = order.stripePaymentMethod) === null || _order$stripePaymentM === void 0 ? void 0 : _order$stripePaymentM.id);
   const checkoutEnabled = (0, _utils.textVariablesAllHaveText)(order);
-  const orderHasItems = ((_order$orderItems$len = order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.length) !== null && _order$orderItems$len !== void 0 ? _order$orderItems$len : 0) > 0;
+  const orderHasItems = ((order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.length) ?? 0) > 0;
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
     title: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, "Your cart", !orderHasItems && ' is empty'),
     body: order && orderHasItems ? /*#__PURE__*/_react.default.createElement(_CartState.default, {

package/dist/components/StoreModal/StoreModalContainer.js

@@ -12,6 +12,7 @@ var _relayRuntime = require("relay-runtime");
 var _StoreModalCheckoutContext = _interopRequireDefault(require("./StoreModalCheckoutContext"));
 var _CheckoutSteps = _interopRequireDefault(require("../Cart/CheckoutSteps"));
 var _StoreModalLoadingScreen = _interopRequireDefault(require("../elements/StoreModalLoadingScreen"));
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _StoreModalContainerQuery;
 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); }
@@ -37,13 +38,13 @@ const getBackLink = (history, currentRoute) => {
   return getPageTitle(previous.name);
 };
 const StoreModalContainer = _ref => {
-  var _currentOrder$orderIt, _currentOrder, _currentOrder$orderIt2, _settings, _settings2;
+  var _currentOrder, _currentOrder$orderIt, _settings, _settings2;
   let {
     children
   } = _ref;
   const data = (0, _reactRelay.useLazyLoadQuery)(_StoreModalContainerQuery !== void 0 ? _StoreModalContainerQuery : (_StoreModalContainerQuery = require("../../__generated__/StoreModalContainerQuery.graphql"), _StoreModalContainerQuery.hash && _StoreModalContainerQuery.hash !== "67cf3b7a14c2b8ff47a8138e0f234624" && console.error("The definition of 'StoreModalContainerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalContainerQuery), {});
   const dispatch = (0, _reactRedux.useDispatch)();
-  const showCartButton = ((_currentOrder$orderIt = (_currentOrder = data.viewer.currentOrder) === null || _currentOrder === void 0 ? void 0 : (_currentOrder$orderIt2 = _currentOrder.orderItems) === null || _currentOrder$orderIt2 === void 0 ? void 0 : _currentOrder$orderIt2.length) !== null && _currentOrder$orderIt !== void 0 ? _currentOrder$orderIt : 0) > 0;
+  const showCartButton = (((_currentOrder = data.viewer.currentOrder) === null || _currentOrder === void 0 ? void 0 : (_currentOrder$orderIt = _currentOrder.orderItems) === null || _currentOrder$orderIt === void 0 ? void 0 : _currentOrder$orderIt.length) ?? 0) > 0;
   const handleClose = (0, _react.useCallback)(() => {
     dispatch({
       type: 'CLOSE_CART'
@@ -52,11 +53,15 @@ const StoreModalContainer = _ref => {
   const currentRoute = (0, _reactRedux.useSelector)(state => state.storeModalRoute.name);
   const history = (0, _reactRedux.useSelector)(state => state.storeModalHistory);
   const link = getBackLink(history, currentRoute);
+  const config = (0, _react.useContext)(_ConfigContext.default);
   const handleBack = () => {
     if (history.length === 0) {
       dispatch({
         type: 'STORE_MODAL_REPLACE',
-        route: 'index'
+        route: 'index',
+        variables: {
+          excludeTags: config.storeModal.indexExcludeTags
+        }
       });
     } else {
       dispatch({

package/dist/components/StoreModal/StoreModalIndex.js

@@ -11,13 +11,13 @@ var _StoreModalIndexItem = _interopRequireDefault(require("./StoreModalIndexItem
 var _StoreModalIndexQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const StoreModalIndex = _ref => {
-  var _viewer$rootCollectio, _viewer$rootCollectio2;
+  var _viewer$rootCollectio;
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalIndexQuery !== void 0 ? _StoreModalIndexQuery : (_StoreModalIndexQuery = require("../../__generated__/StoreModalIndexQuery.graphql"), _StoreModalIndexQuery.hash && _StoreModalIndexQuery.hash !== "a36eb25fa97de6d986b72bbaf538c3db" && console.error("The definition of 'StoreModalIndexQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalIndexQuery), prepared.indexQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalIndexQuery !== void 0 ? _StoreModalIndexQuery : (_StoreModalIndexQuery = require("../../__generated__/StoreModalIndexQuery.graphql"), _StoreModalIndexQuery.hash && _StoreModalIndexQuery.hash !== "d1a037f0551211a8f93528d5bb6e39fa" && console.error("The definition of 'StoreModalIndexQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalIndexQuery), prepared.indexQuery);
   const viewer = data.viewer;
-  const edges = (_viewer$rootCollectio = viewer === null || viewer === void 0 ? void 0 : (_viewer$rootCollectio2 = viewer.rootCollections) === null || _viewer$rootCollectio2 === void 0 ? void 0 : _viewer$rootCollectio2.edges) !== null && _viewer$rootCollectio !== void 0 ? _viewer$rootCollectio : [];
+  const edges = (viewer === null || viewer === void 0 ? void 0 : (_viewer$rootCollectio = viewer.rootCollections) === null || _viewer$rootCollectio === void 0 ? void 0 : _viewer$rootCollectio.edges) ?? [];
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
     title: 'All collections',
     body: edges.map(edge => {

package/dist/components/StoreModal/StoreModalProduct.js

@@ -18,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const StoreModalProduct = _ref => {
-  var _config$storeModal$pr, _config$storeModal, _collection$children;
+  var _config$storeModal, _collection$children;
   let {
     prepared
   } = _ref;
@@ -51,7 +51,7 @@ const StoreModalProduct = _ref => {
       });
     };
   }, []);
-  const licensesPosition = (_config$storeModal$pr = config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.productLicensesPosition) !== null && _config$storeModal$pr !== void 0 ? _config$storeModal$pr : 'bottom';
+  const licensesPosition = (config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.productLicensesPosition) ?? 'bottom';
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
     body: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, licensesPosition === 'top' && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicenseSelection.default, {
       viewer: viewer