fontdue-js 2.22.4 → 3.0.0-alpha2

package/dist/components/SelectButton/index.js

@@ -1,21 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SelectButton;
-var _SelectButton_sku2 = _interopRequireDefault(require("../../__generated__/SelectButton_sku.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-var _utils = require("../../utils");
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import _SelectButton_sku from "../../__generated__/SelectButton_sku.graphql.js";
+import React, { Suspense, useContext } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useDispatch, useSelector } from 'react-redux';
+import SKUPrice from '../SKUPrice/index.js';
+import ComponentsContext from '../ComponentsContext.js';
+import { isSelected } from '../../utils.js';
+import ConfigContext from '../ConfigContext.js';
 const DefaultSelectButton = _ref => {
   let {
     productId,
@@ -24,10 +15,10 @@ const DefaultSelectButton = _ref => {
       ...rest
     }
   } = _ref;
-  const dispatch = (0, _reactRedux.useDispatch)();
+  const dispatch = useDispatch();
   const {
     typeTester: config
-  } = (0, _react.useContext)(_ConfigContext.default);
+  } = useContext(ConfigContext);
   const handleClick = e => {
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
     dispatch({
@@ -41,29 +32,29 @@ const DefaultSelectButton = _ref => {
       type: 'OPEN_CART'
     });
   };
-  return /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     onClick: handleClick,
     className: "select-button"
   }), config.selectButtonLabel);
 };
-function SelectButton(_ref2) {
+export default function SelectButton(_ref2) {
   let {
     productId,
     sku: skuKey,
     ...rest
   } = _ref2;
-  const sku = (0, _reactRelay.useFragment)((_SelectButton_sku2.default.hash && _SelectButton_sku2.default.hash !== "ce7cb4cf209fc2d1076d29ecbda4ebf3" && 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_sku2.default), skuKey);
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const components = (0, _react.useContext)(_ComponentsContext.default);
+  const sku = useFragment((_SelectButton_sku.hash && _SelectButton_sku.hash !== "ce7cb4cf209fc2d1076d29ecbda4ebf3" && 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 = useDispatch();
+  const components = useContext(ComponentsContext);
   const ButtonComponent = components.SelectButton || DefaultSelectButton;
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
-  const selected = (0, _reactRedux.useSelector)(state => sku && (0, _utils.isSelected)(sku.id)(state));
+  const precartOpen = useSelector(state => state.precartOpen);
+  const selected = useSelector(state => sku && isSelected(sku.id)(state));
   const onSelectSkuId = (skuId, selected) => dispatch({
     type: 'SELECT_SKU_ID',
     skuId,
     selected
   });
-  return /*#__PURE__*/_react.default.createElement(ButtonComponent, {
+  return /*#__PURE__*/React.createElement(ButtonComponent, {
     productId: productId,
     selected: selected,
     precartOpen: precartOpen,
@@ -72,9 +63,9 @@ function SelectButton(_ref2) {
       ...rest
     }
   }, {
-    price: /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    price: /*#__PURE__*/React.createElement(Suspense, {
       fallback: null
-    }, /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+    }, /*#__PURE__*/React.createElement(SKUPrice, {
       sku: sku
     }))
   });

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

@@ -1,8 +1,10 @@
 import React from 'react';
-import { Config } from '../ConfigContext';
+import { Config } from '../ConfigContext.js';
+import type { ServerConfigProvider_viewer$key } from '../../__generated__/ServerConfigProvider_viewer.graphql.js';
 interface Props {
+    viewer: ServerConfigProvider_viewer$key;
     codeConfig?: Config;
     children: React.ReactNode;
 }
-declare const ServerConfigProvider: ({ codeConfig, children }: Props) => React.JSX.Element;
+declare const ServerConfigProvider: ({ viewer, codeConfig, children }: Props) => React.JSX.Element;
 export default ServerConfigProvider;

package/dist/components/ServerConfigProvider/index.js

@@ -1,26 +1,19 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ServerConfigProviderQuery2 = _interopRequireDefault(require("../../__generated__/ServerConfigProviderQuery.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _ConfigContext = _interopRequireWildcard(require("../ConfigContext"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const query = (_ServerConfigProviderQuery2.default.hash && _ServerConfigProviderQuery2.default.hash !== "b20ad9bdada6a425ee660a8662a78840" && console.error("The definition of 'ServerConfigProviderQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ServerConfigProviderQuery2.default);
+import _ServerConfigProvider_viewer from "../../__generated__/ServerConfigProvider_viewer.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import ConfigContext, { makeConfig } from '../ConfigContext.js';
+const fragment = (_ServerConfigProvider_viewer.hash && _ServerConfigProvider_viewer.hash !== "6afcb0c3813a418a470e48415f963064" && console.error("The definition of 'ServerConfigProvider_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ServerConfigProvider_viewer);
 const ServerConfigProvider = _ref => {
-  var _data$viewer, _data$viewer$fontdueC;
+  var _data$fontdueConfig;
   let {
+    viewer,
     codeConfig,
     children
   } = _ref;
-  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
-  const tracking = (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$fontdueC = _data$viewer.fontdueConfig) === null || _data$viewer$fontdueC === void 0 ? void 0 : _data$viewer$fontdueC.tracking;
+  const data = useFragment(fragment, viewer);
+  const tracking = (_data$fontdueConfig = data.fontdueConfig) === null || _data$fontdueConfig === void 0 ? void 0 : _data$fontdueConfig.tracking;
 
   // Server config is the base; code config overrides.
   const merged = {
@@ -32,10 +25,9 @@ const ServerConfigProvider = _ref => {
       ...(codeConfig === null || codeConfig === void 0 ? void 0 : codeConfig.tracking)
     }
   };
-  const configValue = (0, _ConfigContext.makeConfig)(merged);
-  return /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Provider, {
+  const configValue = makeConfig(merged);
+  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
     value: configValue
   }, children);
 };
-var _default = ServerConfigProvider;
-exports.default = _default;
+export default ServerConfigProvider;

package/dist/components/SpecimenLink/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _SpecimenLinkQuery2 = _interopRequireDefault(require("../../__generated__/SpecimenLinkQuery.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _Icons = require("../Icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _SpecimenLinkQuery from "../../__generated__/SpecimenLinkQuery.graphql.js";
+import React from 'react';
+import { graphql, useLazyLoadQuery } from 'react-relay';
+import { ArrowRight } from '../Icons/index.js';
 const SpecimenLink = _ref => {
   var _node$pdfs;
   let {
@@ -16,24 +9,23 @@ const SpecimenLink = _ref => {
   } = _ref;
   const {
     node
-  } = (0, _reactRelay.useLazyLoadQuery)((_SpecimenLinkQuery2.default.hash && _SpecimenLinkQuery2.default.hash !== "a718e7ed92035c4bbebafc13d037fa6c" && console.error("The definition of 'SpecimenLinkQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SpecimenLinkQuery2.default), {
+  } = useLazyLoadQuery((_SpecimenLinkQuery.hash && _SpecimenLinkQuery.hash !== "a718e7ed92035c4bbebafc13d037fa6c" && console.error("The definition of 'SpecimenLinkQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SpecimenLinkQuery), {
     collectionId
   });
   const pdf = node === null || node === void 0 ? void 0 : (_node$pdfs = node.pdfs) === null || _node$pdfs === void 0 ? void 0 : _node$pdfs[0];
   if (!pdf) return null;
-  return /*#__PURE__*/_react.default.createElement("a", {
+  return /*#__PURE__*/React.createElement("a", {
     href: pdf.url ?? '',
     target: "_blank",
     className: "specimen-link"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "specimen-link__image"
-  }, /*#__PURE__*/_react.default.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: pdf.thumbnailUrl ?? ''
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "specimen-link__text"
-  }, "PDF Specimen", /*#__PURE__*/_react.default.createElement("span", {
+  }, "PDF Specimen", /*#__PURE__*/React.createElement("span", {
     className: "specimen-link__arrow"
-  }, ' ', /*#__PURE__*/_react.default.createElement(_Icons.ArrowRight, null))));
+  }, ' ', /*#__PURE__*/React.createElement(ArrowRight, null))));
 };
-var _default = SpecimenLink;
-exports.default = _default;
+export default SpecimenLink;

package/dist/components/StickyNav/index.js

@@ -1,24 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _CartButton = _interopRequireDefault(require("../CartButton"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import React, { useEffect, useRef, useState } from 'react';
+import CartButton from '../CartButton/index.js';
 function NavItem(_ref) {
   let {
     label,
     link,
     text
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav__item",
     "data-label": label
-  }, /*#__PURE__*/_react.default.createElement("a", {
+  }, /*#__PURE__*/React.createElement("a", {
     className: "sticky-nav__link",
     href: link
   }, text));
@@ -30,9 +21,9 @@ function StickyNav(_ref2) {
     typefacesPath,
     siteTitle
   } = _ref2;
-  const $stickyNav = (0, _react.useRef)(null);
-  const [visible, setVisible] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
+  const $stickyNav = useRef(null);
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
     function onScroll() {
       var _$stickyNav$current;
       const rect = (_$stickyNav$current = $stickyNav.current) === null || _$stickyNav$current === void 0 ? void 0 : _$stickyNav$current.getBoundingClientRect();
@@ -55,30 +46,29 @@ function StickyNav(_ref2) {
       window.removeEventListener('resize', onScroll);
     };
   }, [$stickyNav, setVisible]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav",
     ref: $stickyNav,
     "data-visible": visible
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav__wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav__links"
-  }, /*#__PURE__*/_react.default.createElement(NavItem, {
+  }, /*#__PURE__*/React.createElement(NavItem, {
     label: "home",
     link: homePath,
     text: siteTitle
-  }), /*#__PURE__*/_react.default.createElement(NavItem, {
+  }), /*#__PURE__*/React.createElement(NavItem, {
     label: "typefaces",
     link: typefacesPath,
     text: "Typefaces"
-  }), /*#__PURE__*/_react.default.createElement(NavItem, {
+  }), /*#__PURE__*/React.createElement(NavItem, {
     label: "about",
     link: aboutPath,
     text: "About & contact"
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav__item",
     "data-label": "cart"
-  }, /*#__PURE__*/_react.default.createElement(_CartButton.default, null))));
+  }, /*#__PURE__*/React.createElement(CartButton, null))));
 }
-var _default = StickyNav;
-exports.default = _default;
+export default StickyNav;

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

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

package/dist/components/StoreModal/StoreModalBundleButton.js

@@ -1,48 +1,41 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalBundleButton;
-var _StoreModalBundleButton_bundle2 = _interopRequireDefault(require("../../__generated__/StoreModalBundleButton_bundle.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
-var _Price = require("../Price");
-var _FontStyle = _interopRequireDefault(require("../FontStyle"));
-var _reducer = require("../../reducer");
-var _StoreModalStyleButton = _interopRequireDefault(require("../elements/StoreModalStyleButton"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import _StoreModalBundleButton_bundle from "../../__generated__/StoreModalBundleButton_bundle.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useSelector } from 'react-redux';
+import SKUPrice from '../SKUPrice/index.js';
+import { PriceFormat } from '../Price/index.js';
+import FontStyle from '../FontStyle/index.js';
+import { isSelected } from '../../reducer.js';
+import StoreModalStyleButtonElement from '../elements/StoreModalStyleButton/index.js';
 const THIN_SPACE = '\u2009';
-function StoreModalBundleButton(_ref) {
+export default function StoreModalBundleButton(_ref) {
   var _bundle$sku;
   let {
     bundle: bundleKey,
     onSelectSku,
     ...rest
   } = _ref;
-  const bundle = (0, _reactRelay.useFragment)((_StoreModalBundleButton_bundle2.default.hash && _StoreModalBundleButton_bundle2.default.hash !== "524b936dedb01e6669ca020b96e28ea6" && 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_bundle2.default), 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));
+  const bundle = useFragment((_StoreModalBundleButton_bundle.hash && _StoreModalBundleButton_bundle.hash !== "524b936dedb01e6669ca020b96e28ea6" && 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 = useSelector(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 handleSelect = () => {
     if (!bundle.sku) return;
     onSelectSku(bundle.sku.id, !selected);
   };
-  return /*#__PURE__*/_react.default.createElement(_StoreModalStyleButton.default, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(StoreModalStyleButtonElement, _extends({}, rest, {
     onClick: handleSelect,
     selected: selected
   }), {
-    featureGlyphs: bundle.fontStyles.map((fontStyle, i) => /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    featureGlyphs: bundle.fontStyles.map((fontStyle, i) => /*#__PURE__*/React.createElement(FontStyle, {
       key: fontStyle.id,
       fontStyle: fontStyle,
       Component: "span"
     }, i !== 0 && THIN_SPACE, "Aa")),
     name: bundle.name,
-    price: /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+    price: /*#__PURE__*/React.createElement(SKUPrice, {
       sku: bundle.sku,
-      format: _Price.PriceFormat.Truncated,
+      format: PriceFormat.Truncated,
       showCollectionSavings: !selected
     })
   });

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PreloadedQuery } from 'react-relay';
-import { StoreModalCartQuery } from '__generated__/StoreModalCartQuery.graphql';
+import { StoreModalCartQuery } from '__generated__/StoreModalCartQuery.graphql.js';
 interface StoreModalCartProps {
     prepared: {
         cartQuery: PreloadedQuery<StoreModalCartQuery>;

package/dist/components/StoreModal/StoreModalCart.js

@@ -1,38 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalCartQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalCartQuery.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _CartItem = _interopRequireDefault(require("../Cart/CartItem"));
-var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
-var _CartState = _interopRequireDefault(require("../Cart/CartState"));
-var _CartTotals = _interopRequireDefault(require("../Cart/CartTotals"));
-var _CouponCodeInput = _interopRequireDefault(require("../Cart/CouponCodeInput"));
-var _StoreModalCartLayout = _interopRequireDefault(require("../elements/StoreModalCartLayout"));
-var _EmptyCart = _interopRequireDefault(require("../elements/EmptyCart"));
-var _StoreModalOrderVariableSelection = _interopRequireDefault(require("./StoreModalOrderVariableSelection"));
-var _StoreModalUnifiedCheckout = _interopRequireDefault(require("../elements/StoreModalUnifiedCheckout"));
-var _StripeProvider = _interopRequireDefault(require("../StripeProvider"));
-var _utils = require("../Cart/utils");
-var _ShareCart = _interopRequireDefault(require("../Cart/ShareCart"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _StoreModalCartQuery from "../../__generated__/StoreModalCartQuery.graphql.js";
+import React from 'react';
+import { graphql, usePreloadedQuery } from 'react-relay';
+import CartItem from '../Cart/CartItem/index.js';
+import StoreModalPageContainer from '../elements/StoreModalPageContainer/index.js';
+import CartState from '../Cart/CartState.js';
+import CartTotals from '../Cart/CartTotals.js';
 // @ts-ignore
-
+import CouponCodeInput from '../Cart/CouponCodeInput.js';
+import StoreModalCartLayout from '../elements/StoreModalCartLayout/index.js';
+import EmptyCart from '../elements/EmptyCart/index.js';
+import StoreModalOrderVariableSelection from './StoreModalOrderVariableSelection.js';
+import StoreModalUnifiedCheckout from '../elements/StoreModalUnifiedCheckout.js';
+import StripeProvider from '../StripeProvider/index.js';
+import { textVariablesAllHaveText } from '../Cart/utils.js';
+import ShareCart from '../Cart/ShareCart.js';
 const StoreModalCart = _ref => {
   var _order$orderItems;
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCartQuery2.default.hash && _StoreModalCartQuery2.default.hash !== "cfbbbef5d65b35eacebf30617fe2538e" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery2.default), prepared.cartQuery);
+  const data = usePreloadedQuery((_StoreModalCartQuery.hash && _StoreModalCartQuery.hash !== "cfbbbef5d65b35eacebf30617fe2538e" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery), prepared.cartQuery);
   const order = data.viewer.currentOrder;
   const orderHasItems = ((order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.length) ?? 0) > 0;
-  const checkoutEnabled = (0, _utils.textVariablesAllHaveText)(order);
-  return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    body: order && orderHasItems ? /*#__PURE__*/_react.default.createElement(_CartState.default, {
+  const checkoutEnabled = textVariablesAllHaveText(order);
+  return /*#__PURE__*/React.createElement(StoreModalPageContainer, null, {
+    body: order && orderHasItems ? /*#__PURE__*/React.createElement(CartState, {
       order: order
     }, _ref2 => {
       var _data$viewer, _data$viewer$currentO, _data$viewer$currentO2, _order$orderItems2, _order$total, _data$viewer2, _data$viewer2$setting;
@@ -42,45 +34,44 @@ const StoreModalCart = _ref => {
         onUpdateOrderItem,
         errors
       } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_StoreModalCartLayout.default, {
+      return /*#__PURE__*/React.createElement(StoreModalCartLayout, {
         checkoutEnabled: checkoutEnabled
       }, {
-        orderVariables: (_data$viewer = data.viewer) !== null && _data$viewer !== void 0 && (_data$viewer$currentO = _data$viewer.currentOrder) !== null && _data$viewer$currentO !== void 0 && (_data$viewer$currentO2 = _data$viewer$currentO.orderVariableSelections) !== null && _data$viewer$currentO2 !== void 0 && _data$viewer$currentO2.length ? /*#__PURE__*/_react.default.createElement(_StoreModalOrderVariableSelection.default, {
+        orderVariables: (_data$viewer = data.viewer) !== null && _data$viewer !== void 0 && (_data$viewer$currentO = _data$viewer.currentOrder) !== null && _data$viewer$currentO !== void 0 && (_data$viewer$currentO2 = _data$viewer$currentO.orderVariableSelections) !== null && _data$viewer$currentO2 !== void 0 && _data$viewer$currentO2.length ? /*#__PURE__*/React.createElement(StoreModalOrderVariableSelection, {
           viewer: data.viewer,
           order: order,
           onSelectionChange: onUpdateOrderVariableSelections
         }) : null,
         items: order === null || order === void 0 ? void 0 : (_order$orderItems2 = order.orderItems) === null || _order$orderItems2 === void 0 ? void 0 : _order$orderItems2.map((item, i) => {
           var _errors$orderItems;
-          return /*#__PURE__*/_react.default.createElement(_CartItem.default, {
+          return /*#__PURE__*/React.createElement(CartItem, {
             node: item,
             key: item.id,
             onChange: onUpdateOrderItem,
             errors: errors === null || errors === void 0 ? void 0 : (_errors$orderItems = errors.orderItems) === null || _errors$orderItems === void 0 ? void 0 : _errors$orderItems[i]
           });
         }),
-        couponCodeInput: !(order && order.discount) && /*#__PURE__*/_react.default.createElement(_CouponCodeInput.default, null),
-        shareCart: /*#__PURE__*/_react.default.createElement(_ShareCart.default, {
+        couponCodeInput: !(order && order.discount) && /*#__PURE__*/React.createElement(CouponCodeInput, null),
+        shareCart: /*#__PURE__*/React.createElement(ShareCart, {
           key: (_order$total = order.total) === null || _order$total === void 0 ? void 0 : _order$total.amount
         }),
-        totals: /*#__PURE__*/_react.default.createElement(_CartTotals.default, {
+        totals: /*#__PURE__*/React.createElement(CartTotals, {
           order: order,
           onRemoveDiscount: onRemoveDiscount,
           billingIdentity: order.billingIdentity,
           taxSystem: (_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.taxSystem
         }),
-        checkout: /*#__PURE__*/_react.default.createElement(_StripeProvider.default, {
+        checkout: /*#__PURE__*/React.createElement(StripeProvider, {
           viewer: data.viewer,
           providerType: "elements"
-        }, /*#__PURE__*/_react.default.createElement(_StoreModalUnifiedCheckout.default, {
+        }, /*#__PURE__*/React.createElement(StoreModalUnifiedCheckout, {
           viewer: data.viewer,
           order: order,
           onScrollToTop: () => {},
           onUpdateOrderVariableSelections: onUpdateOrderVariableSelections
         }))
       });
-    }) : /*#__PURE__*/_react.default.createElement(_EmptyCart.default, null)
+    }) : /*#__PURE__*/React.createElement(EmptyCart, null)
   });
 };
-var _default = StoreModalCart;
-exports.default = _default;
+export default StoreModalCart;

package/dist/components/StoreModal/StoreModalCheckout.js

@@ -1,25 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalCheckoutQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalCheckoutQuery.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _StripeProvider = _interopRequireDefault(require("../StripeProvider"));
-var _reactStripeJs = require("@stripe/react-stripe-js");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _StoreModalCheckoutQuery from "../../__generated__/StoreModalCheckoutQuery.graphql.js";
+import React from 'react';
+import { graphql, usePreloadedQuery } from 'react-relay';
+import StripeProvider from '../StripeProvider/index.js';
+import { EmbeddedCheckout } from '@stripe/react-stripe-js';
 const StoreModalCheckout = _ref => {
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCheckoutQuery2.default.hash && _StoreModalCheckoutQuery2.default.hash !== "70ae58665e32b49a33ffd9d27ff5e0cc" && console.error("The definition of 'StoreModalCheckoutQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCheckoutQuery2.default), prepared.checkoutQuery);
+  const data = usePreloadedQuery((_StoreModalCheckoutQuery.hash && _StoreModalCheckoutQuery.hash !== "70ae58665e32b49a33ffd9d27ff5e0cc" && console.error("The definition of 'StoreModalCheckoutQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCheckoutQuery), prepared.checkoutQuery);
   const viewer = data.viewer;
-  return /*#__PURE__*/_react.default.createElement(_StripeProvider.default, {
+  return /*#__PURE__*/React.createElement(StripeProvider, {
     viewer: viewer,
     providerType: "checkout"
-  }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.EmbeddedCheckout, null));
+  }, /*#__PURE__*/React.createElement(EmbeddedCheckout, null));
 };
-var _default = StoreModalCheckout;
-exports.default = _default;
+export default StoreModalCheckout;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import CheckoutSteps from '../Cart/CheckoutSteps';
+import CheckoutSteps from '../Cart/CheckoutSteps.js';
 interface CheckoutContext {
     checkoutStep: CheckoutSteps;
     setCheckoutStep?: (step: CheckoutSteps) => void;

package/dist/components/StoreModal/StoreModalCheckoutContext.js

@@ -1,13 +1,7 @@
-"use strict";
+'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _CheckoutSteps = _interopRequireDefault(require("../Cart/CheckoutSteps"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = /*#__PURE__*/_react.default.createContext({
-  checkoutStep: _CheckoutSteps.default.Customer
-});
-exports.default = _default;
+import React from 'react';
+import CheckoutSteps from '../Cart/CheckoutSteps.js';
+export default /*#__PURE__*/React.createContext({
+  checkoutStep: CheckoutSteps.Customer
+});