fontdue-js 2.28.0 → 3.0.0-alpha10

package/dist/components/StoreModal/StoreModalProduct.js

@@ -1,63 +1,54 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalProductContent_collection2 = _interopRequireDefault(require("../../__generated__/StoreModalProductContent_collection.graphql"));
-var _StoreModalProductQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalProductQuery.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _StoreModalFamily = _interopRequireDefault(require("./StoreModalFamily"));
-var _StoreModalProductSummary = _interopRequireDefault(require("../StoreModalProductSummary"));
-var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
-var _StoreModalProductLicenseSelection = _interopRequireDefault(require("../StoreModalProductLicenseSelection"));
-var _OrderVariableSelectionRedux = _interopRequireDefault(require("../OrderVariableSelection/OrderVariableSelectionRedux"));
-var _productState = require("../Root/productState");
-var _StoreModalProductRefetchQuery = _interopRequireDefault(require("../../__generated__/StoreModalProductRefetchQuery.graphql"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChanges");
-var _StoreModalLicenseeIsBillingSelection = _interopRequireDefault(require("./StoreModalLicenseeIsBillingSelection"));
-var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _StoreModalProductContent_collection from "../../__generated__/StoreModalProductContent_collection.graphql.js";
+import _StoreModalProductQuery from "../../__generated__/StoreModalProductQuery.graphql.js";
+import React, { Fragment, useCallback, useContext, useEffect, useMemo } from 'react';
+import { graphql, useRelayEnvironment, usePreloadedQuery, useRefetchableFragment } from 'react-relay';
+import { shallowEqual, useDispatch, useSelector, useStore } from 'react-redux';
+import StoreModalFamily from './StoreModalFamily.js';
+import StoreModalProductSummary from '../StoreModalProductSummary/index.js';
+import StoreModalPageContainer from '../elements/StoreModalPageContainer/index.js';
+import StoreModalProductLicenseSelection from '../StoreModalProductLicenseSelection/index.js';
+import OrderVariableSelectionRedux from '../OrderVariableSelection/OrderVariableSelectionRedux.js';
+import { populateProductState } from '../Root/productState.js';
+import StoreModalProductRefetchQuery from '../../__generated__/StoreModalProductRefetchQuery.graphql.js';
+import ConfigContext from '../ConfigContext.js';
+import { useRefetchOnLicenseChanges } from '../../hooks/useRefetchOnLicenseChanges.js';
+import StoreModalLicenseeIsBillingSelection from './StoreModalLicenseeIsBillingSelection.js';
+import { useLicenseAndOrderVariables } from '../../hooks/useLicenseAndOrderVariables.js';
 const StoreModalProduct = _ref => {
   var _config$storeModal, _viewer$orderVariable, _viewer$settings, _viewer$settings2, _viewer$settings3, _viewer$settings4, _viewer$settings5, _viewer$settings6, _viewer$settings7, _viewer$settings8, _collection$children;
   let {
     prepared
   } = _ref;
-  const config = (0, _react.useContext)(_ConfigContext.default);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const initialData = (0, _reactRelay.usePreloadedQuery)((_StoreModalProductQuery2.default.hash && _StoreModalProductQuery2.default.hash !== "051d45b088e87330de54058b441ad280" && console.error("The definition of 'StoreModalProductQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductQuery2.default), prepared.productQuery);
-  const [data, refetch] = (0, _reactRelay.useRefetchableFragment)((_StoreModalProductContent_collection2.default.hash && _StoreModalProductContent_collection2.default.hash !== "0684ec2633ccc5d4d0866e7780df28cc" && console.error("The definition of 'StoreModalProductContent_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductContent_collection2.default), initialData.collection);
+  const config = useContext(ConfigContext);
+  const environment = useRelayEnvironment();
+  const initialData = usePreloadedQuery((_StoreModalProductQuery.hash && _StoreModalProductQuery.hash !== "051d45b088e87330de54058b441ad280" && console.error("The definition of 'StoreModalProductQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductQuery), prepared.productQuery);
+  const [data, refetch] = useRefetchableFragment((_StoreModalProductContent_collection.hash && _StoreModalProductContent_collection.hash !== "0684ec2633ccc5d4d0866e7780df28cc" && console.error("The definition of 'StoreModalProductContent_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductContent_collection), initialData.collection);
   const collection = data;
   const {
     viewer
   } = initialData;
-  const refetchVariables = (0, _react.useMemo)(() => collection !== null && collection !== void 0 && collection.id ? {
+  const refetchVariables = useMemo(() => collection !== null && collection !== void 0 && collection.id ? {
     id: collection.id
   } : undefined, [collection === null || collection === void 0 ? void 0 : collection.id]);
-  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
+  useRefetchOnLicenseChanges({
     environment,
     refetch,
-    query: _StoreModalProductRefetchQuery.default,
+    query: StoreModalProductRefetchQuery,
     variables: refetchVariables
   });
-  const store = (0, _reactRedux.useStore)();
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const handleSelectProduct = (0, _react.useCallback)((skuId, selected) => {
+  const store = useStore();
+  const dispatch = useDispatch();
+  const handleSelectProduct = useCallback((skuId, selected) => {
     dispatch({
       type: 'SELECT_SKU_ID',
       skuId,
       selected
     });
   }, [dispatch]);
-  (0, _react.useEffect)(() => {
-    if (collection !== null && collection !== void 0 && collection.id) (0, _productState.populateProductState)(store, environment, collection.id);
+  useEffect(() => {
+    if (collection !== null && collection !== void 0 && collection.id) populateProductState(store, environment, collection.id);
   }, [collection === null || collection === void 0 ? void 0 : collection.id]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     return () => {
       // unselect the skus when this component unmounts,
       // otherwise the user may have selected items from other products
@@ -68,63 +59,63 @@ const StoreModalProduct = _ref => {
     };
   }, []);
   const licensesPosition = config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.productLicensesPosition;
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions, _reactRedux.shallowEqual);
+  const licenseOptions = useSelector(state => state.licenseOptions, shallowEqual);
   const anyLicenseOptionsSelected = licenseOptions.length > 0;
-  const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds, _reactRedux.shallowEqual);
+  const selectedSkuIds = useSelector(state => state.selectedSkuIds, shallowEqual);
   const anySkusSelected = Object.keys(selectedSkuIds).filter(skuId => selectedSkuIds[skuId]).length > 0;
-  const licenseeIsBillingIdentity = (0, _reactRedux.useSelector)(state => state.licenseeIsBillingIdentity);
+  const licenseeIsBillingIdentity = useSelector(state => state.licenseeIsBillingIdentity);
   const hasSelectionForLicenseeIsBillingIdentity = licenseeIsBillingIdentity !== null;
   const {
     orderVariableSelections
-  } = (0, _useLicenseAndOrderVariables.useLicenseAndOrderVariables)();
+  } = useLicenseAndOrderVariables();
   const requiredOrderVariablesNotYetSelected = (_viewer$orderVariable = viewer.orderVariables) === null || _viewer$orderVariable === void 0 ? void 0 : _viewer$orderVariable.filter(variable => variable.variableType === 'select').find(variable => !orderVariableSelections.find(selection => selection.orderVariableId === variable.id));
   if (!collection) {
-    return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
+    return /*#__PURE__*/React.createElement(StoreModalPageContainer, null, {
       body: 'Collection not found'
     });
   }
-  const selectLicenseeLabel = /*#__PURE__*/_react.default.createElement("div", {
+  const selectLicenseeLabel = /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: ((_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.storeModalSelectLicenseeLabel) ?? ''
     }
   });
-  const licenseeSelfLabel = /*#__PURE__*/_react.default.createElement("span", {
+  const licenseeSelfLabel = /*#__PURE__*/React.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: ((_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.storeModalLicenseeSelfLabel) ?? 'Yourself'
     }
   });
-  const licenseeSelfDescription = (_viewer$settings3 = viewer.settings) !== null && _viewer$settings3 !== void 0 && _viewer$settings3.storeModalLicenseeSelfDescription ? /*#__PURE__*/_react.default.createElement("div", {
+  const licenseeSelfDescription = (_viewer$settings3 = viewer.settings) !== null && _viewer$settings3 !== void 0 && _viewer$settings3.storeModalLicenseeSelfDescription ? /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: viewer.settings.storeModalLicenseeSelfDescription
     }
   }) : null;
-  const licenseeClientLabel = /*#__PURE__*/_react.default.createElement("span", {
+  const licenseeClientLabel = /*#__PURE__*/React.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: ((_viewer$settings4 = viewer.settings) === null || _viewer$settings4 === void 0 ? void 0 : _viewer$settings4.storeModalLicenseeClientLabel) ?? 'Your client'
     }
   });
-  const licenseeClientDescription = (_viewer$settings5 = viewer.settings) !== null && _viewer$settings5 !== void 0 && _viewer$settings5.storeModalLicenseeClientDescription ? /*#__PURE__*/_react.default.createElement("div", {
+  const licenseeClientDescription = (_viewer$settings5 = viewer.settings) !== null && _viewer$settings5 !== void 0 && _viewer$settings5.storeModalLicenseeClientDescription ? /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: viewer.settings.storeModalLicenseeClientDescription
     }
   }) : null;
-  const selectOrderVariablesLabel = /*#__PURE__*/_react.default.createElement("div", {
+  const selectOrderVariablesLabel = /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: ((_viewer$settings6 = viewer.settings) === null || _viewer$settings6 === void 0 ? void 0 : _viewer$settings6.storeModalSelectOrderVariablesLabel) ?? ''
     }
   });
-  const selectLicensesLabel = /*#__PURE__*/_react.default.createElement("div", {
+  const selectLicensesLabel = /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: ((_viewer$settings7 = viewer.settings) === null || _viewer$settings7 === void 0 ? void 0 : _viewer$settings7.storeModalSelectLicensesLabel) ?? ''
     }
   });
-  const selectFontsLabel = /*#__PURE__*/_react.default.createElement("div", {
+  const selectFontsLabel = /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: ((_viewer$settings8 = viewer.settings) === null || _viewer$settings8 === void 0 ? void 0 : _viewer$settings8.storeModalSelectFontsLabel) ?? ''
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    body: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, licensesPosition === 'top' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingSelection.default, {
+  return /*#__PURE__*/React.createElement(StoreModalPageContainer, null, {
+    body: /*#__PURE__*/React.createElement(Fragment, null, licensesPosition === 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StoreModalLicenseeIsBillingSelection, {
       disabled: false
     }, {
       label: selectLicenseeLabel,
@@ -132,28 +123,28 @@ const StoreModalProduct = _ref => {
       selfDescription: licenseeSelfDescription,
       clientLabel: licenseeClientLabel,
       clientDescription: licenseeClientDescription
-    }), /*#__PURE__*/_react.default.createElement(_OrderVariableSelectionRedux.default, {
+    }), /*#__PURE__*/React.createElement(OrderVariableSelectionRedux, {
       viewer: viewer,
       disabled: !hasSelectionForLicenseeIsBillingIdentity
     }, {
       label: selectOrderVariablesLabel
-    }), /*#__PURE__*/_react.default.createElement(_StoreModalProductLicenseSelection.default, {
+    }), /*#__PURE__*/React.createElement(StoreModalProductLicenseSelection, {
       collection: collection,
       disabled: !hasSelectionForLicenseeIsBillingIdentity || Boolean(requiredOrderVariablesNotYetSelected)
     }, {
       label: selectLicensesLabel
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "store-modal__families",
       "data-disabled": licensesPosition === 'top' ? !anyLicenseOptionsSelected || !hasSelectionForLicenseeIsBillingIdentity || !!requiredOrderVariablesNotYetSelected : false
-    }, /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, {
+    }, /*#__PURE__*/React.createElement(StoreModalFamily, {
       title: selectFontsLabel,
       collection: collection,
       onSelect: handleSelectProduct
-    }), (_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.map(child => /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, {
+    }), (_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.map(child => /*#__PURE__*/React.createElement(StoreModalFamily, {
       key: child.id,
       collection: child,
       onSelect: handleSelectProduct
-    }))), licensesPosition === 'bottom' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingSelection.default, {
+    }))), licensesPosition === 'bottom' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StoreModalLicenseeIsBillingSelection, {
       disabled: !anySkusSelected
     }, {
       label: selectLicenseeLabel,
@@ -161,24 +152,23 @@ const StoreModalProduct = _ref => {
       selfDescription: licenseeSelfDescription,
       clientLabel: licenseeClientLabel,
       clientDescription: licenseeClientDescription
-    }), /*#__PURE__*/_react.default.createElement(_OrderVariableSelectionRedux.default, {
+    }), /*#__PURE__*/React.createElement(OrderVariableSelectionRedux, {
       viewer: viewer,
       disabled: !anySkusSelected || !hasSelectionForLicenseeIsBillingIdentity
     }, {
       label: selectOrderVariablesLabel
-    }), /*#__PURE__*/_react.default.createElement(_StoreModalProductLicenseSelection.default, {
+    }), /*#__PURE__*/React.createElement(StoreModalProductLicenseSelection, {
       collection: collection,
       disabled: !anySkusSelected || !hasSelectionForLicenseeIsBillingIdentity || Boolean(requiredOrderVariablesNotYetSelected)
     }, {
       label: selectLicensesLabel
     }))),
-    stickyFooter: viewer.stripeAccountId ? /*#__PURE__*/_react.default.createElement(_StoreModalProductSummary.default, {
+    stickyFooter: viewer.stripeAccountId ? /*#__PURE__*/React.createElement(StoreModalProductSummary, {
       viewer: viewer
-    }) : /*#__PURE__*/_react.default.createElement("div", null, "Please", ' ', /*#__PURE__*/_react.default.createElement("a", {
+    }) : /*#__PURE__*/React.createElement("div", null, "Please", ' ', /*#__PURE__*/React.createElement("a", {
       href: `${viewer.endpoint}/admin/settings/payments`,
       target: "_blank"
     }, "connect your Stripe account"), ' ', "to enable the cart.")
   });
 };
-var _default = StoreModalProduct;
-exports.default = _default;
+export default StoreModalProduct;

package/dist/components/StoreModal/StoreModalReviewIdentity.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalReviewIdentity_identity$key } from '../../__generated__/StoreModalReviewIdentity_identity.graphql';
+import { StoreModalReviewIdentity_identity$key } from '../../__generated__/StoreModalReviewIdentity_identity.graphql.js';
 interface StoreModalReviewIdentity_props {
     identity: StoreModalReviewIdentity_identity$key;
 }

package/dist/components/StoreModal/StoreModalReviewIdentity.js

@@ -1,19 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalReviewIdentity;
-var _StoreModalReviewIdentity_identity2 = _interopRequireDefault(require("../../__generated__/StoreModalReviewIdentity_identity.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-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 StoreModalReviewIdentity(_ref) {
+import _StoreModalReviewIdentity_identity from "../../__generated__/StoreModalReviewIdentity_identity.graphql.js";
+import React, { Fragment } from 'react';
+import { graphql, useFragment } from 'react-relay';
+export default function StoreModalReviewIdentity(_ref) {
   let {
     identity: identityKey
   } = _ref;
-  const identity = (0, _reactRelay.useFragment)((_StoreModalReviewIdentity_identity2.default.hash && _StoreModalReviewIdentity_identity2.default.hash !== "4d800e664bc3400ca62ead178d97fb00" && console.error("The definition of 'StoreModalReviewIdentity_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReviewIdentity_identity2.default), identityKey);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, identity.addressFormatted, /*#__PURE__*/_react.default.createElement("br", null), identity.email, /*#__PURE__*/_react.default.createElement("br", null), identity.phoneFormatted, identity.vatNumber && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), "VAT: ", identity.vatNumber));
+  const identity = useFragment((_StoreModalReviewIdentity_identity.hash && _StoreModalReviewIdentity_identity.hash !== "4d800e664bc3400ca62ead178d97fb00" && console.error("The definition of 'StoreModalReviewIdentity_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReviewIdentity_identity), identityKey);
+  return /*#__PURE__*/React.createElement(Fragment, null, identity.addressFormatted, /*#__PURE__*/React.createElement("br", null), identity.email, /*#__PURE__*/React.createElement("br", null), identity.phoneFormatted, identity.vatNumber && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("br", null), "VAT: ", identity.vatNumber));
 }

package/dist/components/StoreModal/StoreModalRouter.js

@@ -1,28 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
-var _reactRelay = require("react-relay");
-var _routes = _interopRequireDefault(require("./routes"));
-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, { useEffect, useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { useRelayEnvironment } from 'react-relay';
+import routes from './routes.js';
 const StoreModalRouter = () => {
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const currentRoute = (0, _reactRedux.useSelector)(state => state.storeModalRoute);
-  const route = _routes.default[currentRoute.name];
-  (0, _react.useEffect)(() => {}, [currentRoute]);
-  const prepared = (0, _react.useMemo)(() => {
+  const environment = useRelayEnvironment();
+  const currentRoute = useSelector(state => state.storeModalRoute);
+  const route = routes[currentRoute.name];
+  useEffect(() => {}, [currentRoute]);
+  const prepared = useMemo(() => {
     // @ts-ignore
-    return _routes.default[currentRoute.name].prepare(currentRoute.variables, environment);
+    return routes[currentRoute.name].prepare(currentRoute.variables, environment);
   }, [currentRoute, environment]);
-  return /*#__PURE__*/_react.default.createElement(route.Component, {
+  return /*#__PURE__*/React.createElement(route.Component, {
     prepared: prepared
   });
 };
-var _default = StoreModalRouter;
-exports.default = _default;
+export default StoreModalRouter;

package/dist/components/StoreModal/StoreModalStyleButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalStyleButton_fontStyle$key } from '__generated__/StoreModalStyleButton_fontStyle.graphql';
+import { StoreModalStyleButton_fontStyle$key } from '__generated__/StoreModalStyleButton_fontStyle.graphql.js';
 type StoreModalStyleButtonProps = {
     fontStyle: StoreModalStyleButton_fontStyle$key;
     onSelectSku: (skuId: string, selected: boolean) => void;

package/dist/components/StoreModal/StoreModalStyleButton.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalStyleButton;
-var _StoreModalStyleButton_fontStyle2 = _interopRequireDefault(require("../../__generated__/StoreModalStyleButton_fontStyle.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
-var _Price = require("../Price");
-var _FontStyle = _interopRequireDefault(require("../FontStyle"));
-var _reducer = require("../../reducer");
-var _StoreModalStyleButton = _interopRequireDefault(require("../elements/StoreModalStyleButton"));
-var _utils = require("../../utils");
-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 _StoreModalStyleButton_fontStyle from "../../__generated__/StoreModalStyleButton_fontStyle.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useSelector } from 'react-redux';
+import SKUPrice from '../SKUPrice/index.js';
+import { PriceFormat } from '../Price/index.js';
+import FontStyle from '../FontStyle/index.js';
+import { isSelected } from '../../reducer.js';
+import StoreModalStyleButtonElement from '../elements/StoreModalStyleButton/index.js';
+import { getFeatureGlyphs, variableInstanceCSS } from '../../utils.js';
 const THIN_SPACE = '\u2009';
-function StoreModalStyleButton(_ref) {
+export default function StoreModalStyleButton(_ref) {
   var _fontStyle$variableIn;
   let {
     fontStyle: fontStyleKey,
@@ -25,29 +18,29 @@ function StoreModalStyleButton(_ref) {
     isVariableFont,
     ...rest
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)((_StoreModalStyleButton_fontStyle2.default.hash && _StoreModalStyleButton_fontStyle2.default.hash !== "3497be385e11b764fa6795bc3f3a0f1f" && 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 fontStyle = useFragment((_StoreModalStyleButton_fontStyle.hash && _StoreModalStyleButton_fontStyle.hash !== "3497be385e11b764fa6795bc3f3a0f1f" && 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_fontStyle), fontStyleKey);
+  const selected = useSelector(isSelected(fontStyle.sku ? fontStyle.sku.id : fontStyle.id));
   const handleSelect = () => {
     if (!fontStyle.sku) return;
     onSelectSku(fontStyle.sku.id, !selected);
   };
-  return /*#__PURE__*/_react.default.createElement(_StoreModalStyleButton.default, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(StoreModalStyleButtonElement, _extends({}, rest, {
     onClick: fontStyle.sku ? handleSelect : undefined,
     selected: selected
   }), {
-    featureGlyphs: /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    featureGlyphs: /*#__PURE__*/React.createElement(FontStyle, {
       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", {
+    }, isVariableFont ? (_fontStyle$variableIn = fontStyle.variableInstances) === null || _fontStyle$variableIn === void 0 ? void 0 : _fontStyle$variableIn.map((instance, i) => /*#__PURE__*/React.createElement("span", {
       key: instance.name,
-      style: (0, _utils.variableInstanceCSS)(instance)
-    }, i !== 0 && THIN_SPACE, (0, _utils.getFeatureGlyphs)(fontStyle.supportedLanguages))) : (0, _utils.getFeatureGlyphs)(fontStyle.supportedLanguages)),
+      style: variableInstanceCSS(instance)
+    }, 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,
-    price: fontStyle.sku ? /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+    price: fontStyle.sku ? /*#__PURE__*/React.createElement(SKUPrice, {
       sku: fontStyle.sku,
-      format: _Price.PriceFormat.Truncated,
+      format: PriceFormat.Truncated,
       showCollectionSavings: !selected
     }) : null
   });

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

@@ -1,3 +1,7 @@
 import React from 'react';
-declare const StoreModal: React.FunctionComponent<{}>;
+import { Config } from '../ConfigContext.js';
+export interface StoreModal_props {
+    config?: Config;
+}
+declare const StoreModal: React.FunctionComponent<StoreModal_props>;
 export default StoreModal;

package/dist/components/StoreModal/index.js

@@ -1,23 +1,16 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _StoreModalLoader = _interopRequireDefault(require("./StoreModalLoader"));
-var _StoreModalContainer = _interopRequireDefault(require("./StoreModalContainer"));
-var _StoreModalRouter = _interopRequireDefault(require("./StoreModalRouter"));
-var _reactRedux = require("react-redux");
-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; }
-const StoreModal = () => {
-  const dispatch = (0, _reactRedux.useDispatch)();
+import React, { Suspense, useEffect } from 'react';
+import StoreModalLoader from './StoreModalLoader.js';
+import StoreModalContainer from './StoreModalContainer.js';
+import StoreModalRouter from './StoreModalRouter.js';
+import { useDispatch } from 'react-redux';
+import { EnsureFontdueContext } from '../FontdueContextProvider/index.js';
+function StoreModalInner() {
+  const dispatch = useDispatch();
 
   // Check for store-modal=open URL parameter and open cart automatically
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (typeof window !== 'undefined') {
       const urlParams = new URLSearchParams(window.location.search);
       if (urlParams.get('cart') === 'open') {
@@ -31,9 +24,20 @@ const StoreModal = () => {
       }
     }
   }, [dispatch]);
-  return /*#__PURE__*/_react.default.createElement(_StoreModalLoader.default, null, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  return /*#__PURE__*/React.createElement(StoreModalLoader, null, /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
-  }, /*#__PURE__*/_react.default.createElement(_StoreModalContainer.default, null, /*#__PURE__*/_react.default.createElement(_StoreModalRouter.default, null))));
+  }, /*#__PURE__*/React.createElement(StoreModalContainer, null, /*#__PURE__*/React.createElement(StoreModalRouter, null))));
+}
+// Self-wraps with FontdueContextProvider so it can stand alone as an island
+// (e.g. in Astro/Vike/etc.). When already inside a `<FontdueProvider>` tree
+// (e.g. Next layouts), `EnsureFontdueContext` skips the inner wrap so the
+// outer config/url/store flow through.
+const StoreModal = _ref => {
+  let {
+    config
+  } = _ref;
+  return /*#__PURE__*/React.createElement(EnsureFontdueContext, {
+    config: config
+  }, /*#__PURE__*/React.createElement(StoreModalInner, null));
 };
-var _default = StoreModal;
-exports.default = _default;
+export default StoreModal;

package/dist/components/StoreModal/routes.d.ts

@@ -1,10 +1,10 @@
 import { Environment, PreloadedQuery } from 'react-relay';
 import { OperationType } from 'relay-runtime';
 import React from 'react';
-import { StoreModalIndexQuery } from '../../__generated__/StoreModalIndexQuery.graphql';
-import { StoreModalProductQuery } from '../../__generated__/StoreModalProductQuery.graphql';
-import { StoreModalCartQuery } from '../../__generated__/StoreModalCartQuery.graphql';
-import { StoreModalCheckoutQuery } from '../../__generated__/StoreModalCheckoutQuery.graphql';
+import { StoreModalIndexQuery } from '../../__generated__/StoreModalIndexQuery.graphql.js';
+import { StoreModalProductQuery } from '../../__generated__/StoreModalProductQuery.graphql.js';
+import { StoreModalCartQuery } from '../../__generated__/StoreModalCartQuery.graphql.js';
+import { StoreModalCheckoutQuery } from '../../__generated__/StoreModalCheckoutQuery.graphql.js';
 export interface Route<TOperation extends OperationType> {
     Component: React.ComponentType<any>;
     render?: (props: TOperation['response']) => React.ReactElement<any>;

package/dist/components/StoreModal/routes.js

@@ -1,31 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactRelay = require("react-relay");
-var _StoreModalIndex = _interopRequireDefault(require("./StoreModalIndex"));
-var _StoreModalProduct = _interopRequireDefault(require("./StoreModalProduct"));
-var _StoreModalCart = _interopRequireDefault(require("./StoreModalCart"));
-var _StoreModalCheckout = _interopRequireDefault(require("./StoreModalCheckout"));
-var _StoreModalIndexQuery = _interopRequireDefault(require("../../__generated__/StoreModalIndexQuery.graphql"));
-var _StoreModalProductQuery = _interopRequireDefault(require("../../__generated__/StoreModalProductQuery.graphql"));
-var _StoreModalCartQuery = _interopRequireDefault(require("../../__generated__/StoreModalCartQuery.graphql"));
-var _StoreModalCheckoutQuery = _interopRequireDefault(require("../../__generated__/StoreModalCheckoutQuery.graphql"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { loadQuery } from 'react-relay';
+import StoreModalIndex from './StoreModalIndex.js';
+import StoreModalProduct from './StoreModalProduct.js';
+import StoreModalCart from './StoreModalCart.js';
+import StoreModalCheckout from './StoreModalCheckout.js';
+import IndexQuery from '../../__generated__/StoreModalIndexQuery.graphql.js';
+import ProductQuery from '../../__generated__/StoreModalProductQuery.graphql.js';
+import CartQuery from '../../__generated__/StoreModalCartQuery.graphql.js';
+import CheckoutQuery from '../../__generated__/StoreModalCheckoutQuery.graphql.js';
 const route = routeConfig => routeConfig;
 const routes = {
   index: route({
-    Component: _StoreModalIndex.default,
+    Component: StoreModalIndex,
     prepare: (variables, environment) => ({
-      indexQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalIndexQuery.default, variables)
+      indexQuery: loadQuery(environment, IndexQuery, variables)
     })
   }),
   product: route({
-    Component: _StoreModalProduct.default,
+    Component: StoreModalProduct,
     prepare: (variables, environment) => ({
-      productQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalProductQuery.default, {
+      productQuery: loadQuery(environment, ProductQuery, {
         ...variables,
         licenseOptions: [],
         orderVariables: []
@@ -33,19 +26,18 @@ const routes = {
     })
   }),
   cart: route({
-    Component: _StoreModalCart.default,
+    Component: StoreModalCart,
     prepare: (variables, environment) => ({
-      cartQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalCartQuery.default, variables, {
+      cartQuery: loadQuery(environment, CartQuery, variables, {
         fetchPolicy: 'store-and-network'
       })
     })
   }),
   checkout: route({
-    Component: _StoreModalCheckout.default,
+    Component: StoreModalCheckout,
     prepare: (variables, environment) => ({
-      checkoutQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalCheckoutQuery.default, variables)
+      checkoutQuery: loadQuery(environment, CheckoutQuery, variables)
     })
   })
 };
-var _default = routes;
-exports.default = _default;
+export default routes;

package/dist/components/StoreModal/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};