fontdue-js 2.0.0-alpha5 → 2.0.0-alpha7

package/dist/components/FontdueProvider/FontdueProviderClientComponent.js

@@ -0,0 +1,44 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FontdueProviderClientComponent;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactRelay = require("react-relay");
+var _environment = require("../../relay/environment");
+var _ConfigContext = _interopRequireWildcard(require("../ConfigContext"));
+var _reducer = require("../../reducer");
+var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
+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 FontdueProviderClientComponent(_ref) {
+  let {
+    children,
+    url,
+    stripeIntegration,
+    config,
+    components,
+    store
+  } = _ref;
+  const environment = (0, _environment.useCurrentEnvironment)({
+    url,
+    stripeIntegration
+  });
+  const configValue = (0, _ConfigContext.makeConfig)(config);
+  const storeRef = (0, _react.useRef)(store ?? (0, _reducer.createDefaultStore)(config));
+  return /*#__PURE__*/_react.default.createElement(_reactRelay.RelayEnvironmentProvider, {
+    environment: environment
+  }, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
+    store: storeRef.current
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Provider, {
+    value: configValue
+  }, /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Provider, {
+    value: components ?? {}
+  }, children)))));
+}

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

@@ -1,15 +1,5 @@
 import React from 'react';
-import { Store } from 'redux';
-import { Config } from '../ConfigContext';
-import { Components } from '../ComponentsContext';
-import { FontdueAction, FontdueState } from '../../reducer';
-export interface FontdueProvider_props {
-    children?: React.ReactNode;
-    url: string;
-    stripeIntegration?: 'payment-element' | 'card-element';
-    config?: Config;
-    components?: Components;
-    store?: Store<FontdueState, FontdueAction>;
-}
-declare const FontdueProvider: ({ children, url, stripeIntegration, config, components, store, }: FontdueProvider_props) => React.JSX.Element;
+import { FontdueProvider_props } from './FontdueProviderClientComponent';
+export { FontdueProvider_props } from './FontdueProviderClientComponent';
+declare const FontdueProvider: ({ children, ...rest }: FontdueProvider_props) => React.JSX.Element;
 export default FontdueProvider;

package/dist/components/FontdueProvider/index.js

@@ -1,49 +1,29 @@
 "use strict";
-'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "FontdueProvider_props", {
+  enumerable: true,
+  get: function () {
+    return _FontdueProviderClientComponent.FontdueProvider_props;
+  }
+});
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
+var _react = _interopRequireDefault(require("react"));
 var _Stylesheet = require("../Stylesheet");
-var _ConfigContext = _interopRequireWildcard(require("../ConfigContext"));
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _TestModeBanner = _interopRequireDefault(require("../TestModeBanner"));
-var _reducer = require("../../reducer");
-var _relayEnvironment = _interopRequireDefault(require("../../relay-environment"));
 var _ThemeConfig = _interopRequireDefault(require("../ThemeConfig"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _FontdueProviderClientComponent = _interopRequireWildcard(require("./FontdueProviderClientComponent"));
 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 }; }
 const FontdueProvider = _ref => {
   let {
     children,
-    url,
-    stripeIntegration,
-    config,
-    components,
-    store
+    ...rest
   } = _ref;
-  const environment = (0, _react.useRef)((0, _relayEnvironment.default)({
-    url,
-    stripeIntegration
-  }));
-  const configValue = (0, _ConfigContext.makeConfig)(config);
-  const storeRef = (0, _react.useRef)(store ?? (0, _reducer.createDefaultStore)(config));
-  return /*#__PURE__*/_react.default.createElement(_reactRelay.RelayEnvironmentProvider, {
-    environment: environment.current
-  }, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-    store: storeRef.current
-  }, /*#__PURE__*/_react.default.createElement(_Stylesheet.StylesheetContainer, null), /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-    fallback: null
-  }, /*#__PURE__*/_react.default.createElement(_ThemeConfig.default, null), /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Provider, {
-    value: configValue
-  }, /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Provider, {
-    value: components ?? {}
-  }, /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null), children)))));
+  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, rest, /*#__PURE__*/_react.default.createElement(_Stylesheet.StylesheetContainer, null), /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null), /*#__PURE__*/_react.default.createElement(_ThemeConfig.default, null), children);
 };
 var _default = FontdueProvider;
 exports.default = _default;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FontdueProvider_props } from './FontdueProviderClientComponent';
+export { FontdueProvider_props } from './FontdueProviderClientComponent';
+export default function FontdueProvider({ children, ...rest }: FontdueProvider_props): Promise<React.JSX.Element>;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FontdueProvider_props", {
+  enumerable: true,
+  get: function () {
+    return _FontdueProviderClientComponent.FontdueProvider_props;
+  }
+});
+exports.default = FontdueProvider;
+var _react = _interopRequireDefault(require("react"));
+var _Stylesheet = require("../Stylesheet");
+var _index = _interopRequireDefault(require("../TestModeBanner/index.server"));
+var _index2 = _interopRequireDefault(require("../ThemeConfig/index.server"));
+var _FontdueProviderClientComponent = _interopRequireWildcard(require("./FontdueProviderClientComponent"));
+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 }; }
+async function FontdueProvider(_ref) {
+  let {
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, rest, /*#__PURE__*/_react.default.createElement(_Stylesheet.StylesheetContainer, null), /*#__PURE__*/_react.default.createElement(_index.default, null), /*#__PURE__*/_react.default.createElement(_index2.default, null), children);
+}

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

@@ -1,11 +1,19 @@
 import React from 'react';
-interface NewsletterSignup_props {
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { NewsletterSignupQuery, NewsletterSignupQuery$data } from '__generated__/NewsletterSignupQuery.graphql';
+type PreloadedQuery = SerializablePreloadedQuery<NewsletterSignupQuery>;
+export interface NewsletterSignup_props {
     optInLabel?: string;
     successLabel?: string;
     buttonLabel?: string;
     optInCheckboxChecked?: boolean;
     title?: string;
     intro?: string;
+    data: NewsletterSignupQuery$data;
+    preloadedQuery?: PreloadedQuery;
 }
-declare function NewsletterSignup({ optInLabel: optInLabelProp, successLabel: successLabelProp, buttonLabel, optInCheckboxChecked, title, intro, }: NewsletterSignup_props): React.JSX.Element;
-export default NewsletterSignup;
+export declare function NewsletterSignupPreloadedQueryRenderer({ preloadedQuery, }: {
+    preloadedQuery: PreloadedQuery;
+}): React.JSX.Element;
+export default function NewsletterSignup(): React.JSX.Element;
+export {};

package/dist/components/NewsletterSignup/index.js

@@ -4,29 +4,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.NewsletterSignupPreloadedQueryRenderer = NewsletterSignupPreloadedQueryRenderer;
+exports.default = NewsletterSignup;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TextField = _interopRequireDefault(require("../TextField"));
 var _Check = _interopRequireDefault(require("../Icons/Check"));
-var _NewsletterSignupUpdateCustomerMutation, _NewsletterSignup_Query;
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
+var _NewsletterSignupUpdateCustomerMutation, _NewsletterSignupQuery;
 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; }
 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);
-function NewsletterSignup(_ref) {
-  var _viewer$settings, _viewer$settings2;
+const query = _NewsletterSignupQuery !== void 0 ? _NewsletterSignupQuery : (_NewsletterSignupQuery = require("../../__generated__/NewsletterSignupQuery.graphql"), _NewsletterSignupQuery.hash && _NewsletterSignupQuery.hash !== "16f0b6d7ed420ec5857c972b77805e4c" && console.error("The definition of 'NewsletterSignupQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupQuery);
+function NewsletterSignupComponent(_ref) {
+  var _data$viewer, _data$viewer$settings, _data$viewer2, _data$viewer2$setting;
   let {
     optInLabel: optInLabelProp,
     successLabel: successLabelProp,
     buttonLabel = 'Subscribe',
     optInCheckboxChecked = false,
     title,
-    intro
+    intro,
+    data
   } = _ref;
-  const {
-    viewer
-  } = (0, _reactRelay.useLazyLoadQuery)(_NewsletterSignup_Query !== void 0 ? _NewsletterSignup_Query : (_NewsletterSignup_Query = require("../../__generated__/NewsletterSignup_Query.graphql"), _NewsletterSignup_Query.hash && _NewsletterSignup_Query.hash !== "6b9f4a1620992851f85b89130eaa7bb0" && 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), {});
   const [name, setName] = (0, _react.useState)('');
   const [email, setEmail] = (0, _react.useState)('');
   const [newsletterOptIn, setNewsletterOptIn] = (0, _react.useState)(optInCheckboxChecked);
@@ -70,8 +71,8 @@ function NewsletterSignup(_ref) {
     });
   };
   const disabled = submitting || !newsletterOptIn || !email || !name;
-  const optInLabel = optInLabelProp || (viewer === null || viewer === void 0 ? void 0 : (_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.newsletterOptInLabel);
-  const successLabel = (successLabelProp || (viewer === null || viewer === void 0 ? void 0 : (_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.newsletterSuccessLabel)) ?? 'Success!';
+  const optInLabel = optInLabelProp || ((_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$settings = _data$viewer.settings) === null || _data$viewer$settings === void 0 ? void 0 : _data$viewer$settings.newsletterOptInLabel);
+  const successLabel = (successLabelProp || ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$setting = _data$viewer2.settings) === null || _data$viewer2$setting === void 0 ? void 0 : _data$viewer2$setting.newsletterSuccessLabel)) ?? 'Success!';
   if (submitted) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "newsletter-signup"
@@ -134,5 +135,19 @@ function NewsletterSignup(_ref) {
     className: "submit-button__arrow"
   }, ' →')))));
 }
-var _default = NewsletterSignup;
-exports.default = _default;
+function NewsletterSignupPreloadedQueryRenderer(_ref3) {
+  let {
+    preloadedQuery
+  } = _ref3;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
+  return /*#__PURE__*/_react.default.createElement(NewsletterSignupComponent, {
+    data: data
+  });
+}
+function NewsletterSignup() {
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  return /*#__PURE__*/_react.default.createElement(NewsletterSignupComponent, {
+    data: data
+  });
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NewsletterSignup_props } from './index';
+export default function NewsletterSignup(props: NewsletterSignup_props): Promise<React.JSX.Element>;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NewsletterSignup;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _NewsletterSignupQuery = _interopRequireDefault(require("../../__generated__/NewsletterSignupQuery.graphql"));
+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); }
+async function NewsletterSignup(props) {
+  const preloadedQuery = await (0, _loadSerializableQuery.default)(_NewsletterSignupQuery.default, {});
+  return /*#__PURE__*/_react.default.createElement(_index.NewsletterSignupPreloadedQueryRenderer, _extends({
+    preloadedQuery: preloadedQuery
+  }, props));
+}

package/dist/components/Precart/index.js

@@ -294,12 +294,14 @@ function PrecartQueryRenderer(_ref6) {
     collectionId,
     ...rest
   } = _ref6;
-  const selectedSkuIds = (0, _reactRedux.useSelector)(state => Object.keys(state.selectedSkuIds).filter(id => state.selectedSkuIds[id] === true));
+  const selectedSkuIdsObject = (0, _reactRedux.useSelector)(state => state.selectedSkuIds);
+  const selectedSkuIds = Object.keys(selectedSkuIdsObject).filter(id => selectedSkuIdsObject[id] === true);
   const deferredSelectedSkuIds = (0, _react.useDeferredValue)(selectedSkuIds);
-  const licenseOptionsSpecs = (0, _reactRedux.useSelector)(state => state.licenseOptions.map(spec => ({
+  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const licenseOptionsSpecs = licenseOptions.map(spec => ({
     licenseId: spec.licenseId,
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
-  })));
+  }));
 
   // useDeferredValue allows us to show the stale data instead of falling back
   // to the Suspense fallback in the parent, basically unmounting everything

package/dist/components/PriceBar/PriceBarSection.js

@@ -20,10 +20,11 @@ function PriceBarSection(_ref) {
   let {
     node: nodeKey
   } = _ref;
-  const licenseOptionsSpecs = (0, _reactRedux.useSelector)(state => state.licenseOptions.map(spec => ({
+  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const licenseOptionsSpecs = licenseOptions.map(spec => ({
     licenseId: spec.licenseId,
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
-  })));
+  }));
   const [isPending, startTransition] = (0, _react.useTransition)();
   const [node, refetch] = (0, _reactRelay.useRefetchableFragment)(_PriceBarSection_node !== void 0 ? _PriceBarSection_node : (_PriceBarSection_node = require("../../__generated__/PriceBarSection_node.graphql"), _PriceBarSection_node.hash && _PriceBarSection_node.hash !== "f14d864fde8de83db89ce6cd68487f98" && console.error("The definition of 'PriceBarSection_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBarSection_node), nodeKey);
   const selected = (0, _reactRedux.useSelector)((0, _utils.isSelected)(((_node$sku = node.sku) === null || _node$sku === void 0 ? void 0 : _node$sku.id) ?? null));

package/dist/components/SKUPrice/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
 var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
 var _Price = _interopRequireDefault(require("../Price"));
 var _reducer = require("../../reducer");
+var _reactRedux = require("react-redux");
 var _SKUPrice_sku;
 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); }
@@ -39,10 +39,11 @@ function SKUPrice(_ref) {
     showCollectionSavings,
     sku
   }));
-  const licenseOptionsSpecs = (0, _reactRedux.useSelector)(state => state.licenseOptions.map(spec => ({
+  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const licenseOptionsSpecs = licenseOptions.map(spec => ({
     licenseId: spec.licenseId,
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
-  })));
+  }));
   const prevLicenseOptionsSpecs = (0, _react.useRef)(licenseOptionsSpecs);
   (0, _react.useEffect)(() => {
     if (!sku) return;

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

@@ -1,10 +1,9 @@
 import React from 'react';
-import { RelayProp } from 'react-relay';
-import { SelectButton_sku$data } from '__generated__/SelectButton_sku.graphql';
+import { SelectButton_moduleProps } from '../ComponentsContext';
+import { SelectButton_sku$key } from '__generated__/SelectButton_sku.graphql';
 interface SelectButton_props {
-    relay: RelayProp;
     productId: string;
-    sku: SelectButton_sku$data;
+    sku: SelectButton_sku$key;
 }
-declare const _default: import("react-relay").Container<Omit<SelectButton_props & React.HTMLAttributes<HTMLButtonElement>, "relay">>;
-export default _default;
+export default function SelectButton({ productId, sku: skuKey, ...rest }: SelectButton_props & SelectButton_moduleProps['innerProps']): React.JSX.Element;
+export {};

package/dist/components/SelectButton/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = SelectButton;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -46,13 +46,13 @@ const DefaultSelectButton = _ref => {
     className: "select-button"
   }), config.selectButtonLabel);
 };
-const SelectButton = _ref2 => {
+function SelectButton(_ref2) {
   let {
-    relay,
     productId,
-    sku,
+    sku: skuKey,
     ...rest
   } = _ref2;
+  const sku = (0, _reactRelay.useFragment)(_SelectButton_sku !== void 0 ? _SelectButton_sku : (_SelectButton_sku = require("../../__generated__/SelectButton_sku.graphql"), _SelectButton_sku.hash && _SelectButton_sku.hash !== "f4052dc18c36cb8486c8ac985820a108" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku), skuKey);
   const dispatch = (0, _reactRedux.useDispatch)();
   const components = (0, _react.useContext)(_ComponentsContext.default);
   const ButtonComponent = components.SelectButton || DefaultSelectButton;
@@ -78,8 +78,4 @@ const SelectButton = _ref2 => {
       sku: sku
     }))
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(SelectButton, {
-  sku: _SelectButton_sku !== void 0 ? _SelectButton_sku : (_SelectButton_sku = require("../../__generated__/SelectButton_sku.graphql"), _SelectButton_sku.hash && _SelectButton_sku.hash !== "f4052dc18c36cb8486c8ac985820a108" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku)
-});
-exports.default = _default;
+}

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

@@ -1,9 +1,8 @@
-import { RelayProp } from 'react-relay';
-import { StoreModalBundleButton_bundle$data } from '../../__generated__/StoreModalBundleButton_bundle.graphql';
+import React from 'react';
+import { StoreModalBundleButton_bundle$key } from '../../__generated__/StoreModalBundleButton_bundle.graphql';
 type StoreModalBundleButtonProps = {
-    relay: RelayProp;
-    bundle: StoreModalBundleButton_bundle$data;
+    bundle: StoreModalBundleButton_bundle$key;
     onSelectSku: (skuId: string, selected: boolean) => void;
 };
-declare const _default: import("react-relay").Container<Omit<StoreModalBundleButtonProps, "relay">>;
-export default _default;
+export default function StoreModalBundleButton({ bundle: bundleKey, onSelectSku, ...rest }: StoreModalBundleButtonProps): React.JSX.Element | null;
+export {};

package/dist/components/StoreModal/StoreModalBundleButton.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = StoreModalBundleButton;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -16,15 +16,16 @@ var _StoreModalBundleButton_bundle;
 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';
-const StoreModalBundleButton = _ref => {
+function StoreModalBundleButton(_ref) {
+  var _bundle$sku;
   let {
-    bundle,
+    bundle: bundleKey,
     onSelectSku,
-    relay,
     ...rest
   } = _ref;
+  const bundle = (0, _reactRelay.useFragment)(_StoreModalBundleButton_bundle !== void 0 ? _StoreModalBundleButton_bundle : (_StoreModalBundleButton_bundle = require("../../__generated__/StoreModalBundleButton_bundle.graphql"), _StoreModalBundleButton_bundle.hash && _StoreModalBundleButton_bundle.hash !== "ee0ac316afd75a7809c894aaa47ffbc3" && console.error("The definition of 'StoreModalBundleButton_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalBundleButton_bundle), bundleKey);
+  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)((bundle === null || bundle === void 0 ? void 0 : (_bundle$sku = bundle.sku) === null || _bundle$sku === void 0 ? void 0 : _bundle$sku.id) ?? null));
   if (!bundle.sku || !bundle.fontStyles) return null;
-  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(bundle.sku.id));
   const handleSelect = () => {
     if (!bundle.sku) return;
     onSelectSku(bundle.sku.id, !selected);
@@ -45,8 +46,4 @@ const StoreModalBundleButton = _ref => {
       showCollectionSavings: !selected
     })
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(StoreModalBundleButton, {
-  bundle: _StoreModalBundleButton_bundle !== void 0 ? _StoreModalBundleButton_bundle : (_StoreModalBundleButton_bundle = require("../../__generated__/StoreModalBundleButton_bundle.graphql"), _StoreModalBundleButton_bundle.hash && _StoreModalBundleButton_bundle.hash !== "ee0ac316afd75a7809c894aaa47ffbc3" && console.error("The definition of 'StoreModalBundleButton_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalBundleButton_bundle)
-});
-exports.default = _default;
+}

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

@@ -1,7 +1,8 @@
-import { StoreModalFamily_collection$data } from '../../__generated__/StoreModalFamily_collection.graphql';
+import React from 'react';
+import { StoreModalFamily_collection$key } from '../../__generated__/StoreModalFamily_collection.graphql';
 interface StoreModalFamilyProps {
-    collection: StoreModalFamily_collection$data;
+    collection: StoreModalFamily_collection$key;
     onSelect: (skuId: string, selected: boolean) => void;
 }
-declare const _default: import("react-relay").Container<Omit<StoreModalFamilyProps, "relay">>;
-export default _default;
+export default function StoreModalFamily({ collection: collectionKey, onSelect, }: StoreModalFamilyProps): React.JSX.Element | null;
+export {};

package/dist/components/StoreModal/StoreModalFamily.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = StoreModalFamily;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _StoreModalFamilyButton = _interopRequireDefault(require("./StoreModalFamilyButton"));
@@ -30,12 +30,13 @@ const stylesGrouped = collection => {
   if (!collection.fontStyles) return [];
   return chunkConsecutiveBy(collection.fontStyles, (left, right) => left.cssFamily === right.cssFamily && left.cssWeight === right.cssWeight && left.cssStretch === right.cssStretch);
 };
-const StoreModalFamily = _ref => {
+function StoreModalFamily(_ref) {
   var _collection$bundles;
   let {
-    collection,
+    collection: collectionKey,
     onSelect
   } = _ref;
+  const collection = (0, _reactRelay.useFragment)(_StoreModalFamily_collection !== void 0 ? _StoreModalFamily_collection : (_StoreModalFamily_collection = require("../../__generated__/StoreModalFamily_collection.graphql"), _StoreModalFamily_collection.hash && _StoreModalFamily_collection.hash !== "f0e4764ace2386cb64ef3f8d85128268" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection), collectionKey);
   const fontStyles = (0, _react.useMemo)(() => stylesGrouped(collection), [collection]);
   if ((fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles.length) === 0 && collection.collectionType === 'superfamily' && !collection.sku) return null;
   return /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, null, {
@@ -58,8 +59,4 @@ const StoreModalFamily = _ref => {
       isVariableFont: collection.isVariableFont
     })))
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(StoreModalFamily, {
-  collection: _StoreModalFamily_collection !== void 0 ? _StoreModalFamily_collection : (_StoreModalFamily_collection = require("../../__generated__/StoreModalFamily_collection.graphql"), _StoreModalFamily_collection.hash && _StoreModalFamily_collection.hash !== "f0e4764ace2386cb64ef3f8d85128268" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection)
-});
-exports.default = _default;
+}

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

@@ -1,9 +1,8 @@
-import { RelayProp } from 'react-relay';
-import { StoreModalFamilyButton_collection$data } from '../../__generated__/StoreModalFamilyButton_collection.graphql';
+import React from 'react';
+import { StoreModalFamilyButton_collection$key } from '../../__generated__/StoreModalFamilyButton_collection.graphql';
 interface FamilyButtonProps {
-    relay: RelayProp;
-    collection: StoreModalFamilyButton_collection$data;
+    collection: StoreModalFamilyButton_collection$key;
     onSelectSku: (skuId: string, selected: boolean) => void;
 }
-declare const _default: import("react-relay").Container<Omit<FamilyButtonProps, "relay">>;
-export default _default;
+export default function FamilyButton({ collection: collectionKey, onSelectSku, ...rest }: FamilyButtonProps): React.JSX.Element;
+export {};

package/dist/components/StoreModal/StoreModalFamilyButton.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = FamilyButton;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -25,13 +25,13 @@ const getSuffix = collection => {
   if (collection.isVariableFont) return;
   return ' ' + getFamilyType(collection);
 };
-const FamilyButton = _ref => {
+function FamilyButton(_ref) {
   let {
-    collection,
+    collection: collectionKey,
     onSelectSku,
-    relay,
     ...rest
   } = _ref;
+  const collection = (0, _reactRelay.useFragment)(_StoreModalFamilyButton_collection !== void 0 ? _StoreModalFamilyButton_collection : (_StoreModalFamilyButton_collection = require("../../__generated__/StoreModalFamilyButton_collection.graphql"), _StoreModalFamilyButton_collection.hash && _StoreModalFamilyButton_collection.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_collection), collectionKey);
   const selector = collection.sku ? (0, _reducer.isSelected)(collection.sku.id) : () => false;
   const selected = (0, _reactRedux.useSelector)(selector);
   const handleClick = () => {
@@ -67,8 +67,4 @@ const FamilyButton = _ref => {
       format: _Price.PriceFormat.Truncated
     })
   });
-};
-var _default = (0, _reactRelay.createFragmentContainer)(FamilyButton, {
-  collection: _StoreModalFamilyButton_collection !== void 0 ? _StoreModalFamilyButton_collection : (_StoreModalFamilyButton_collection = require("../../__generated__/StoreModalFamilyButton_collection.graphql"), _StoreModalFamilyButton_collection.hash && _StoreModalFamilyButton_collection.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_collection)
-});
-exports.default = _default;
+}

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

@@ -1,6 +1,7 @@
-import { StoreModalReviewIdentity_identity$data } from '../../__generated__/StoreModalReviewIdentity_identity.graphql';
+import React from 'react';
+import { StoreModalReviewIdentity_identity$key } from '../../__generated__/StoreModalReviewIdentity_identity.graphql';
 interface StoreModalReviewIdentity_props {
-    identity: StoreModalReviewIdentity_identity$data;
+    identity: StoreModalReviewIdentity_identity$key;
 }
-declare const _default: import("react-relay").Container<Omit<StoreModalReviewIdentity_props, "relay">>;
-export default _default;
+export default function StoreModalReviewIdentity({ identity: identityKey, }: StoreModalReviewIdentity_props): React.JSX.Element;
+export {};

package/dist/components/StoreModal/StoreModalReviewIdentity.js

@@ -3,19 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = StoreModalReviewIdentity;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _StoreModalReviewIdentity_identity;
 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 StoreModalReviewIdentity = _ref => {
+function StoreModalReviewIdentity(_ref) {
   let {
-    identity
+    identity: identityKey
   } = _ref;
-  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), identity.vatNumber));
-};
-var _default = (0, _reactRelay.createFragmentContainer)(StoreModalReviewIdentity, {
-  identity: _StoreModalReviewIdentity_identity !== void 0 ? _StoreModalReviewIdentity_identity : (_StoreModalReviewIdentity_identity = require("../../__generated__/StoreModalReviewIdentity_identity.graphql"), _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)
-});
-exports.default = _default;
+  const identity = (0, _reactRelay.useFragment)(_StoreModalReviewIdentity_identity !== void 0 ? _StoreModalReviewIdentity_identity : (_StoreModalReviewIdentity_identity = require("../../__generated__/StoreModalReviewIdentity_identity.graphql"), _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.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));
+}