fontdue-js 2.7.0 → 2.8.0

package/dist/components/CookieNotification/index.js

@@ -10,7 +10,6 @@ var _store = _interopRequireDefault(require("store"));
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 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); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 const DefaultCookieNotification = _ref => {
   let {
     onDismiss,
@@ -71,16 +70,16 @@ const CookieNotificationBase = _ref3 => {
 class CookieNotification extends _react.default.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "dismiss", () => {
-      _store.default.set('userAgreedCookies', true);
-      this.setState({
-        dismissed: true
-      });
-    });
     this.state = {
       dismissed: _store.default.get('userAgreedCookies') || false
     };
   }
+  dismiss = () => {
+    _store.default.set('userAgreedCookies', true);
+    this.setState({
+      dismissed: true
+    });
+  };
   render() {
     const {
       dismissed

package/dist/components/CouponText/index.js

@@ -4,18 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CouponText;
+var _CouponText_coupon2 = _interopRequireDefault(require("../../__generated__/CouponText_coupon.graphql"));
 var _reactRelay = require("react-relay");
 var _react = _interopRequireWildcard(require("react"));
 var _Price = require("../Price");
-var _CouponText_coupon;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function CouponText(_ref) {
   let {
     coupon: couponKey,
     subtract = 0
   } = _ref;
-  const coupon = (0, _reactRelay.useFragment)(_CouponText_coupon !== void 0 ? _CouponText_coupon : (_CouponText_coupon = require("../../__generated__/CouponText_coupon.graphql"), _CouponText_coupon.hash && _CouponText_coupon.hash !== "1d8116645b5f96a820af21db9e15f375" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon), couponKey);
+  const coupon = (0, _reactRelay.useFragment)((_CouponText_coupon2.default.hash && _CouponText_coupon2.default.hash !== "1d8116645b5f96a820af21db9e15f375" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon), couponKey);
   if (coupon.type === 'credit') {
     const amountRemaining = {
       ...coupon.creditAmountRemaining,

package/dist/components/CustomerLoginForm/index.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _CustomerLoginFormLoginMutation2 = _interopRequireDefault(require("../../__generated__/CustomerLoginFormLoginMutation.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TextField = _interopRequireDefault(require("../TextField"));
-var _CustomerLoginFormLoginMutation;
-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 loginMutation = _CustomerLoginFormLoginMutation !== void 0 ? _CustomerLoginFormLoginMutation : (_CustomerLoginFormLoginMutation = require("../../__generated__/CustomerLoginFormLoginMutation.graphql"), _CustomerLoginFormLoginMutation.hash && _CustomerLoginFormLoginMutation.hash !== "975b639fac1e0d88e0f0c9c55acd8b9c" && console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormLoginMutation);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const loginMutation = (_CustomerLoginFormLoginMutation2.default.hash && _CustomerLoginFormLoginMutation2.default.hash !== "975b639fac1e0d88e0f0c9c55acd8b9c" && console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormLoginMutation);
 const CustomerLoginFormSubmitted = () => /*#__PURE__*/_react.default.createElement("div", {
   className: "login-form__submitted"
 }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Submitted!"), /*#__PURE__*/_react.default.createElement("p", null, "Please check your email inbox for a link to log in."), /*#__PURE__*/_react.default.createElement("p", null, "If you don't receive an email, please contact us to retrieve your order information.")));

package/dist/components/Family/FamilyList.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FamilyList;
+var _FamilyList_node2 = _interopRequireDefault(require("../../__generated__/FamilyList_node.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _FontStyle = _interopRequireDefault(require("../FontStyle"));
-var _FamilyList_node;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const styleName = (normal, localized) => {
   if (normal === localized) return normal;
@@ -19,7 +19,7 @@ function FamilyList(_ref) {
     node: nodeKey,
     text
   } = _ref;
-  const node = (0, _reactRelay.useFragment)(_FamilyList_node !== void 0 ? _FamilyList_node : (_FamilyList_node = require("../../__generated__/FamilyList_node.graphql"), _FamilyList_node.hash && _FamilyList_node.hash !== "d52770ab2e7aaa83f392a5d80340f3ad" && console.error("The definition of 'FamilyList_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FamilyList_node), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_FamilyList_node2.default.hash && _FamilyList_node2.default.hash !== "d52770ab2e7aaa83f392a5d80340f3ad" && console.error("The definition of 'FamilyList_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FamilyList_node), nodeKey);
   return /*#__PURE__*/_react.default.createElement("ul", {
     className: "font-family-block__list",
     style: {

package/dist/components/Family/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Family;
+var _Family_node2 = _interopRequireDefault(require("../../__generated__/Family_node.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -14,17 +15,16 @@ var _FamilyList = _interopRequireDefault(require("./FamilyList"));
 var _Stylesheet = _interopRequireDefault(require("../Stylesheet"));
 var _reducer = require("../../reducer");
 var _utils = require("../../utils");
-var _Family_node;
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Family(_ref) {
   var _node$fontStyles, _node$fontStyles2, _node$families;
   let {
     node: nodeKey,
     size
   } = _ref;
-  const node = (0, _reactRelay.useFragment)(_Family_node !== void 0 ? _Family_node : (_Family_node = require("../../__generated__/Family_node.graphql"), _Family_node.hash && _Family_node.hash !== "2fecc4fd332a593d28387a3a87559fe4" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_Family_node2.default.hash && _Family_node2.default.hash !== "2fecc4fd332a593d28387a3a87559fe4" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node), nodeKey);
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const selector = node.sku ? (0, _reducer.isSelected)(node.sku.id) : () => false;
   const selected = (0, _reactRedux.useSelector)(selector);

package/dist/components/FontFamilies/index.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _FontFamiliesQuery2 = _interopRequireDefault(require("../../__generated__/FontFamiliesQuery.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _reactRelay = require("react-relay");
 var _productState = require("../Root/productState");
 var _Family = _interopRequireDefault(require("../Family"));
-var _FontFamiliesQuery;
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function FontFamilies(_ref) {
   var _node$families;
   let {
@@ -28,7 +28,7 @@ function FontFamilies(_ref) {
   }, [collectionId, store, environment]);
   const {
     node
-  } = (0, _reactRelay.useLazyLoadQuery)(_FontFamiliesQuery !== void 0 ? _FontFamiliesQuery : (_FontFamiliesQuery = require("../../__generated__/FontFamiliesQuery.graphql"), _FontFamiliesQuery.hash && _FontFamiliesQuery.hash !== "191c350df0d719005af0d73c96884d40" && console.error("The definition of 'FontFamiliesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontFamiliesQuery), {
+  } = (0, _reactRelay.useLazyLoadQuery)((_FontFamiliesQuery2.default.hash && _FontFamiliesQuery2.default.hash !== "191c350df0d719005af0d73c96884d40" && console.error("The definition of 'FontFamiliesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontFamiliesQuery), {
     collectionId
   });
   if (!node) return null;

package/dist/components/FontStyle/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FontStyle;
+var _FontStyle_fontStyle2 = _interopRequireDefault(require("../../__generated__/FontStyle_fontStyle.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _useFontStyle = _interopRequireDefault(require("../useFontStyle"));
-var _FontStyle_fontStyle;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function FontStyle(_ref) {
   let {
@@ -17,7 +17,7 @@ function FontStyle(_ref) {
     children,
     ...rest
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)(_FontStyle_fontStyle !== void 0 ? _FontStyle_fontStyle : (_FontStyle_fontStyle = require("../../__generated__/FontStyle_fontStyle.graphql"), _FontStyle_fontStyle.hash && _FontStyle_fontStyle.hash !== "c745ef2ecf5b7f3d0793bea2024d1e69" && console.error("The definition of 'FontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontStyle_fontStyle), fontStyleKey);
+  const fontStyle = (0, _reactRelay.useFragment)((_FontStyle_fontStyle2.default.hash && _FontStyle_fontStyle2.default.hash !== "c745ef2ecf5b7f3d0793bea2024d1e69" && console.error("The definition of 'FontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontStyle_fontStyle), fontStyleKey);
   const {
     cssFamily,
     name

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FontdueProvider_props } from './FontdueProviderClientComponent';
+import type { FontdueProvider_props } from './FontdueProviderClientComponent';
 declare const FontdueProvider: ({ children, ...rest }: FontdueProvider_props) => React.JSX.Element;
 export { FontdueProvider_props };
 export default FontdueProvider;

package/dist/components/FontdueProvider/index.js

@@ -3,20 +3,12 @@
 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 = _interopRequireDefault(require("react"));
 var _Stylesheet = require("../Stylesheet");
 var _TestModeBanner = _interopRequireDefault(require("../TestModeBanner"));
 var _ThemeConfig = _interopRequireDefault(require("../ThemeConfig"));
-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; }
+var _FontdueProviderClientComponent = _interopRequireDefault(require("./FontdueProviderClientComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const FontdueProvider = _ref => {
   let {

package/dist/components/NewsletterSignup/index.js

@@ -6,18 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NewsletterSignupPreloadedQueryRenderer = NewsletterSignupPreloadedQueryRenderer;
 exports.default = NewsletterSignup;
+var _NewsletterSignupQuery2 = _interopRequireDefault(require("../../__generated__/NewsletterSignupQuery.graphql"));
+var _NewsletterSignupUpdateCustomerMutation2 = _interopRequireDefault(require("../../__generated__/NewsletterSignupUpdateCustomerMutation.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TextField = _interopRequireDefault(require("../TextField"));
 var _Check = _interopRequireDefault(require("../Icons/Check"));
 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; }
+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 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 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);
+const updateCustomerMutation = (_NewsletterSignupUpdateCustomerMutation2.default.hash && _NewsletterSignupUpdateCustomerMutation2.default.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 query = (_NewsletterSignupQuery2.default.hash && _NewsletterSignupQuery2.default.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 {

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

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

package/dist/components/NodePasswordForm/index.js

@@ -0,0 +1,63 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NodePasswordForm;
+var _NodePasswordFormAccessNodeMutation2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormAccessNodeMutation.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+var _TextField = _interopRequireDefault(require("../TextField"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const accessNodeMutation = (_NodePasswordFormAccessNodeMutation2.default.hash && _NodePasswordFormAccessNodeMutation2.default.hash !== "d0beeb729c358ef4eebd1c8be47ec68e" && console.error("The definition of 'NodePasswordFormAccessNodeMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormAccessNodeMutation);
+function NodePasswordForm(props) {
+  const [password, setPassword] = (0, _react.useState)('');
+  const [error, setError] = (0, _react.useState)(null);
+  const [commitMutation, submitting] = (0, _reactRelay.useMutation)(accessNodeMutation);
+  const disabled = submitting || !password;
+  const handleSubmit = e => {
+    e.preventDefault();
+    setError(null);
+    commitMutation({
+      variables: {
+        input: {
+          password,
+          id: props.id,
+          slug: props.slug
+        }
+      },
+      onCompleted: res => {
+        var _res$accessNode;
+        if ((_res$accessNode = res.accessNode) !== null && _res$accessNode !== void 0 && _res$accessNode.success) {
+          location.reload();
+        }
+      },
+      onError: error => {
+        setError(error.message);
+      }
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("form", {
+    onSubmit: handleSubmit,
+    className: "node-password-form"
+  }, error && /*#__PURE__*/_react.default.createElement("p", {
+    className: "node-password-form__error"
+  }, error), /*#__PURE__*/_react.default.createElement("div", {
+    className: "node-password-form__section"
+  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    label: "Password *",
+    placeholder: "Enter password",
+    autocomplete: "off",
+    type: "password",
+    value: password,
+    onChange: value => setPassword(value)
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "node-password-form__section"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    disabled: disabled,
+    className: "submit-button"
+  }, "Submit")));
+}

package/dist/components/Precart/License.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _License_node2 = _interopRequireDefault(require("../../__generated__/License_node.graphql"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
 var _react = _interopRequireDefault(require("react"));
 var _Icons = require("../Icons");
-var _License_node;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const License = _ref => {
   let {
@@ -17,7 +17,7 @@ const License = _ref => {
     onSelectLicense,
     onSelectLicenseOption
   } = _ref;
-  const node = (0, _reactRelay.useFragment)(_License_node !== void 0 ? _License_node : (_License_node = require("../../__generated__/License_node.graphql"), _License_node.hash && _License_node.hash !== "1550b152731d8412ffc55716cb536407" && console.error("The definition of 'License_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _License_node), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_License_node2.default.hash && _License_node2.default.hash !== "1550b152731d8412ffc55716cb536407" && console.error("The definition of 'License_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _License_node), nodeKey);
   if (!node) return null;
   const selectedLicenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
   const selectedOptions = selectedLicenseOptions.find(spec => spec.licenseId === node.id);

package/dist/components/Precart/index.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _PrecartQuery2 = _interopRequireDefault(require("../../__generated__/PrecartQuery.graphql"));
+var _PrecartAddToCartMutation2 = _interopRequireDefault(require("../../__generated__/PrecartAddToCartMutation.graphql"));
+var _Precart_collection2 = _interopRequireDefault(require("../../__generated__/Precart_collection.graphql"));
+var _Precart_viewer2 = _interopRequireDefault(require("../../__generated__/Precart_viewer.graphql"));
+var _Precart_license2 = _interopRequireDefault(require("../../__generated__/Precart_license.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -11,10 +16,9 @@ var _License = _interopRequireDefault(require("./License"));
 var _Price = require("../Price");
 var _utils = require("../../utils");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-var _Precart_license, _Precart_viewer, _Precart_collection, _PrecartAddToCartMutation, _PrecartQuery;
-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 _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); }
 function skuName(sku) {
   if (sku.product && 'name' in sku.product) return sku.product.name;
@@ -76,16 +80,16 @@ const specFromLicense = license => {
   }
   return licenseOptionSpec;
 };
-_Precart_license !== void 0 ? _Precart_license : (_Precart_license = require("../../__generated__/Precart_license.graphql"), _Precart_license.hash && _Precart_license.hash !== "0a642f10f28ca7d3857db23cf645895a" && console.error("The definition of 'Precart_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_license);
+_Precart_license2.default.hash && _Precart_license2.default.hash !== "0a642f10f28ca7d3857db23cf645895a" && console.error("The definition of 'Precart_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_license;
 function Precart(_ref3) {
-  var _viewer$precart2, _viewer$licenses3;
+  var _viewer$precart2, _collection$licenses3;
   let {
     viewer: viewerKey,
     collection: collectionKey,
     isLoading
   } = _ref3;
-  const viewer = (0, _reactRelay.useFragment)(_Precart_viewer !== void 0 ? _Precart_viewer : (_Precart_viewer = require("../../__generated__/Precart_viewer.graphql"), _Precart_viewer.hash && _Precart_viewer.hash !== "f4aacadacda1a2a1a344ca8fda7c2e42" && console.error("The definition of 'Precart_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_viewer), viewerKey);
-  const collection = (0, _reactRelay.useFragment)(_Precart_collection !== void 0 ? _Precart_collection : (_Precart_collection = require("../../__generated__/Precart_collection.graphql"), _Precart_collection.hash && _Precart_collection.hash !== "5ea1b9e6fe156d9a2178a967e8882fec" && console.error("The definition of 'Precart_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_collection), collectionKey);
+  const viewer = (0, _reactRelay.useFragment)((_Precart_viewer2.default.hash && _Precart_viewer2.default.hash !== "fe66a5cdbee38cae7bfb11922f945fd5" && console.error("The definition of 'Precart_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_viewer), viewerKey);
+  const collection = (0, _reactRelay.useFragment)((_Precart_collection2.default.hash && _Precart_collection2.default.hash !== "dd2c3385a0fc5149dbfa230cfa5e3e99" && console.error("The definition of 'Precart_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_collection), collectionKey);
   const environment = (0, _reactRelay.useRelayEnvironment)();
   const subtotal = viewer === null || viewer === void 0 ? void 0 : (_viewer$precart2 = viewer.precart) === null || _viewer$precart2 === void 0 ? void 0 : _viewer$precart2.subtotal;
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
@@ -100,8 +104,8 @@ function Precart(_ref3) {
   });
   const [isConfirming, setIsConfirming] = (0, _react.useState)(false);
   const onSelectLicense = (id, checked) => {
-    var _viewer$licenses;
-    const license = (_viewer$licenses = viewer.licenses) === null || _viewer$licenses === void 0 ? void 0 : _viewer$licenses.find(node => node.id === id);
+    var _collection$licenses;
+    const license = collection === null || collection === void 0 ? void 0 : (_collection$licenses = collection.licenses) === null || _collection$licenses === void 0 ? void 0 : _collection$licenses.find(node => node.id === id);
     if (!license) return;
     const licenseOptionSpec = specFromLicense(license);
     dispatch({
@@ -144,7 +148,7 @@ function Precart(_ref3) {
         licenseSelections: licenseSelectionsArray()
       }
     };
-    const mutation = _PrecartAddToCartMutation !== void 0 ? _PrecartAddToCartMutation : (_PrecartAddToCartMutation = require("../../__generated__/PrecartAddToCartMutation.graphql"), _PrecartAddToCartMutation.hash && _PrecartAddToCartMutation.hash !== "c5ead46ecc07099bee68d4f4f1ecb5bf" && console.error("The definition of 'PrecartAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartAddToCartMutation);
+    const mutation = (_PrecartAddToCartMutation2.default.hash && _PrecartAddToCartMutation2.default.hash !== "c5ead46ecc07099bee68d4f4f1ecb5bf" && console.error("The definition of 'PrecartAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartAddToCartMutation);
     (0, _reactRelay.commitMutation)(environment, {
       mutation,
       variables,
@@ -192,8 +196,8 @@ function Precart(_ref3) {
     setDataAttr();
   }, [precartOpen]);
   (0, _react.useEffect)(() => {
-    var _viewer$licenses2;
-    (_viewer$licenses2 = viewer.licenses) === null || _viewer$licenses2 === void 0 ? void 0 : _viewer$licenses2.filter(license => license.defaultSelected).map(specFromLicense).forEach(spec => dispatch({
+    var _collection$licenses2;
+    collection === null || collection === void 0 ? void 0 : (_collection$licenses2 = collection.licenses) === null || _collection$licenses2 === void 0 ? void 0 : _collection$licenses2.filter(license => license.defaultSelected).map(specFromLicense).forEach(spec => dispatch({
       type: 'PRECART_SELECT_LICENSE',
       licenseOptionSpec: spec
     }));
@@ -271,7 +275,7 @@ function Precart(_ref3) {
     className: "pre-cart__middle pre-cart__licenses"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "pre-cart__section"
-  }, /*#__PURE__*/_react.default.createElement("ul", null, (_viewer$licenses3 = viewer.licenses) === null || _viewer$licenses3 === void 0 ? void 0 : _viewer$licenses3.map(license => /*#__PURE__*/_react.default.createElement("li", {
+  }, /*#__PURE__*/_react.default.createElement("ul", null, collection === null || collection === void 0 ? void 0 : (_collection$licenses3 = collection.licenses) === null || _collection$licenses3 === void 0 ? void 0 : _collection$licenses3.map(license => /*#__PURE__*/_react.default.createElement("li", {
     key: license.id
   }, /*#__PURE__*/_react.default.createElement(_License.default, {
     node: license,
@@ -306,7 +310,7 @@ function PrecartQueryRenderer(_ref6) {
   // useDeferredValue allows us to show the stale data instead of falling back
   // to the Suspense fallback in the parent, basically unmounting everything
   const deferredLicenseOptionsSpecs = (0, _react.useDeferredValue)(licenseOptionsSpecs);
-  const data = (0, _reactRelay.useLazyLoadQuery)(_PrecartQuery !== void 0 ? _PrecartQuery : (_PrecartQuery = require("../../__generated__/PrecartQuery.graphql"), _PrecartQuery.hash && _PrecartQuery.hash !== "517fbe407b2c13334c4101126038982d" && console.error("The definition of 'PrecartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartQuery), {
+  const data = (0, _reactRelay.useLazyLoadQuery)((_PrecartQuery2.default.hash && _PrecartQuery2.default.hash !== "517fbe407b2c13334c4101126038982d" && console.error("The definition of 'PrecartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartQuery), {
     licenseOptionsSpecs: deferredLicenseOptionsSpecs,
     selectedSkuIds: deferredSelectedSkuIds,
     collectionId

package/dist/components/Price/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Price = Price;
 exports.default = exports.PriceFormat = void 0;
+var _Price_price2 = _interopRequireDefault(require("../../__generated__/Price_price.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
-var _Price_price;
 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); }
 let PriceFormat;
@@ -93,7 +93,7 @@ function RelayPrice(_ref3) {
     price: priceKey,
     ...rest
   } = _ref3;
-  const price = (0, _reactRelay.useFragment)(_Price_price !== void 0 ? _Price_price : (_Price_price = require("../../__generated__/Price_price.graphql"), _Price_price.hash && _Price_price.hash !== "7d3425945fe5f6df382005630e30ce86" && console.error("The definition of 'Price_price' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Price_price), priceKey);
+  const price = (0, _reactRelay.useFragment)((_Price_price2.default.hash && _Price_price2.default.hash !== "7d3425945fe5f6df382005630e30ce86" && console.error("The definition of 'Price_price' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Price_price), priceKey);
   return /*#__PURE__*/_react.default.createElement(Price, _extends({
     price: price
   }, rest));

package/dist/components/PriceBar/PriceBarSection.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _PriceBarSection_node2 = _interopRequireDefault(require("../../__generated__/PriceBarSection_node.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -11,10 +12,9 @@ var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
 var _Price = _interopRequireWildcard(require("../Price"));
 var _SelectButton = _interopRequireDefault(require("../SelectButton"));
 var _utils = require("../../utils");
-var _PriceBarSection_node;
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function PriceBarSection(_ref) {
   var _node$sku;
   let {
@@ -26,7 +26,7 @@ function PriceBarSection(_ref) {
     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 [node, refetch] = (0, _reactRelay.useRefetchableFragment)((_PriceBarSection_node2.default.hash && _PriceBarSection_node2.default.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));
   const prevLicenseOptionsSpecs = (0, _react.useRef)(licenseOptionsSpecs);
   (0, _react.useEffect)(() => {

package/dist/components/PriceBar/index.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _PriceBar_node2 = _interopRequireDefault(require("../../__generated__/PriceBar_node.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _PriceBarSection = _interopRequireDefault(require("./PriceBarSection"));
-var _PriceBar_node;
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function PriceBar(_ref) {
   let {
     node: nodeKey
   } = _ref;
-  const node = (0, _reactRelay.useFragment)(_PriceBar_node !== void 0 ? _PriceBar_node : (_PriceBar_node = require("../../__generated__/PriceBar_node.graphql"), _PriceBar_node.hash && _PriceBar_node.hash !== "4a2e7a54397986a901a103fbbf554c4e" && console.error("The definition of 'PriceBar_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBar_node), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_PriceBar_node2.default.hash && _PriceBar_node2.default.hash !== "4a2e7a54397986a901a103fbbf554c4e" && console.error("The definition of 'PriceBar_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBar_node), nodeKey);
   const [visible, setVisible] = (0, _react.useState)(false);
   const $pricebar = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {

package/dist/components/Root/index.js

@@ -30,6 +30,7 @@ const customElementMap = {
   'fontdue-font-families': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../FontFamilies')))),
   'fontdue-customer-login-form': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CustomerLoginForm')))),
   'fontdue-newsletter-signup': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NewsletterSignup/NewsletterSignupElement')))),
+  'fontdue-node-password-form': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NodePasswordForm')))),
   // @ts-ignore
   'fontdue-precart': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Precart')))),
   // @ts-ignore
@@ -45,7 +46,7 @@ Object.keys(customElementMap).forEach(elementName => {
   // this might be more sophisticated in the future with a shadow DOM, etc,
   // but for now we just want the API to use custom tags
   class FontdueElement extends HTMLElement {}
-  customElements.define(elementName, FontdueElement);
+  customElements.get(elementName) || customElements.define(elementName, FontdueElement);
 });
 const renderCustomElement = (element, key) => {
   const Component = customElementMap[element.nodeName.toLowerCase()];

package/dist/components/Root/productState.js

@@ -4,14 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.populateProductStateReducer = exports.populateProductState = void 0;
+var _productState_Query2 = _interopRequireDefault(require("../../__generated__/productState_Query.graphql"));
+var _productState_node2 = _interopRequireDefault(require("../../__generated__/productState_node.graphql"));
+var _productState_bundle2 = _interopRequireDefault(require("../../__generated__/productState_bundle.graphql"));
+var _productState_collection2 = _interopRequireDefault(require("../../__generated__/productState_collection.graphql"));
+var _productState_sku2 = _interopRequireDefault(require("../../__generated__/productState_sku.graphql"));
 var _reactRelay = require("react-relay");
 var _utils = require("../../utils");
-var _productState_sku, _productState_collection, _productState_bundle, _productState_node, _productState_Query;
-_productState_sku !== void 0 ? _productState_sku : (_productState_sku = require("../../__generated__/productState_sku.graphql"), _productState_sku.hash && _productState_sku.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku);
-_productState_collection !== void 0 ? _productState_collection : (_productState_collection = require("../../__generated__/productState_collection.graphql"), _productState_collection.hash && _productState_collection.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection);
-_productState_bundle !== void 0 ? _productState_bundle : (_productState_bundle = require("../../__generated__/productState_bundle.graphql"), _productState_bundle.hash && _productState_bundle.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle);
-_productState_node !== void 0 ? _productState_node : (_productState_node = require("../../__generated__/productState_node.graphql"), _productState_node.hash && _productState_node.hash !== "aab1ef07e0192a0d22a4c300084d9d05" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node);
-const query = _productState_Query !== void 0 ? _productState_Query : (_productState_Query = require("../../__generated__/productState_Query.graphql"), _productState_Query.hash && _productState_Query.hash !== "ac3292bae9a274139d5a525fd0162711" && console.error("The definition of 'productState_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_Query);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+_productState_sku2.default.hash && _productState_sku2.default.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku;
+_productState_collection2.default.hash && _productState_collection2.default.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection;
+_productState_bundle2.default.hash && _productState_bundle2.default.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle;
+_productState_node2.default.hash && _productState_node2.default.hash !== "aab1ef07e0192a0d22a4c300084d9d05" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node;
+const query = (_productState_Query2.default.hash && _productState_Query2.default.hash !== "ac3292bae9a274139d5a525fd0162711" && console.error("The definition of 'productState_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_Query);
 const populateProductState = (store, environment, id) => {
   const existingState = store.getState().fetchedCollectionIds;
   if (existingState && existingState.indexOf(id) >= 0) return;