fontdue-js 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/__generated__/TypeTestersIDQuery.graphql.js +103 -57
  2. package/dist/__generated__/TypeTestersSlugQuery.graphql.js +103 -57
  3. package/dist/__generated__/TypeTesters_collection.graphql.d.ts +3 -0
  4. package/dist/__generated__/TypeTesters_collection.graphql.js +20 -6
  5. package/dist/components/AddToCartBanner/index.js +6 -4
  6. package/dist/components/BuyButton/index.js +21 -17
  7. package/dist/components/BuyingOptions/index.js +10 -7
  8. package/dist/components/Cart/AddressFields.js +10 -7
  9. package/dist/components/Cart/CartItem/index.js +71 -53
  10. package/dist/components/Cart/CartOrder.js +18 -14
  11. package/dist/components/Cart/CartState.js +16 -13
  12. package/dist/components/Cart/CartTotals.js +65 -59
  13. package/dist/components/Cart/Checkout.js +30 -23
  14. package/dist/components/Cart/CustomerFields.js +7 -6
  15. package/dist/components/Cart/Download.js +11 -9
  16. package/dist/components/Cart/EmptyCart.js +5 -4
  17. package/dist/components/Cart/IdentityBox.js +27 -24
  18. package/dist/components/Cart/index.js +23 -17
  19. package/dist/components/CartButton/index.js +12 -9
  20. package/dist/components/CharacterViewer/index.js +65 -54
  21. package/dist/components/CollectionAa/index.js +15 -11
  22. package/dist/components/CookieNotification/index.js +46 -38
  23. package/dist/components/CouponText/index.js +6 -4
  24. package/dist/components/Family/FamilyList.js +23 -20
  25. package/dist/components/Family/index.js +11 -8
  26. package/dist/components/FontFamilies/index.js +15 -12
  27. package/dist/components/FontStyle/index.js +10 -9
  28. package/dist/components/FontdueProvider/index.js +7 -6
  29. package/dist/components/NewsletterSignup/index.js +12 -10
  30. package/dist/components/Precart/License.js +8 -7
  31. package/dist/components/Precart/index.js +16 -11
  32. package/dist/components/Price/index.js +34 -27
  33. package/dist/components/PriceBar/PriceBarSection.js +14 -11
  34. package/dist/components/PriceBar/index.js +2 -2
  35. package/dist/components/Root/index.js +4 -1
  36. package/dist/components/Root/productState.js +3 -2
  37. package/dist/components/SKUPrice/index.js +7 -6
  38. package/dist/components/Select/index.js +22 -15
  39. package/dist/components/SelectButton/index.js +15 -13
  40. package/dist/components/SelectField/index.js +27 -24
  41. package/dist/components/SpecimenLink/index.js +14 -11
  42. package/dist/components/StickyNav/index.js +16 -13
  43. package/dist/components/StoreModal/StoreModalBundleButton.js +7 -6
  44. package/dist/components/StoreModal/StoreModalCart.js +10 -8
  45. package/dist/components/StoreModal/StoreModalCheckout.js +5 -4
  46. package/dist/components/StoreModal/StoreModalContainer.js +4 -3
  47. package/dist/components/StoreModal/StoreModalDownload.js +5 -4
  48. package/dist/components/StoreModal/StoreModalFamily.js +5 -4
  49. package/dist/components/StoreModal/StoreModalFamilyButton.js +7 -6
  50. package/dist/components/StoreModal/StoreModalIndex.js +4 -3
  51. package/dist/components/StoreModal/StoreModalLoader.js +4 -3
  52. package/dist/components/StoreModal/StoreModalProduct.js +4 -3
  53. package/dist/components/StoreModal/StoreModalReview.js +11 -9
  54. package/dist/components/StoreModal/StoreModalReviewIdentity.js +6 -3
  55. package/dist/components/StoreModal/StoreModalStyleButton.js +7 -6
  56. package/dist/components/StoreModalProductLicenseSelection/ContainerElement.js +15 -12
  57. package/dist/components/StoreModalProductLicenseSelection/LicenseElement.js +9 -8
  58. package/dist/components/StoreModalProductLicenseSelection/LicenseVariableElement.js +31 -25
  59. package/dist/components/StoreModalProductLicenseSelection/LicenseVariableRadioElement.js +13 -10
  60. package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.js +22 -13
  61. package/dist/components/StoreModalProductLicenseSelection/index.js +12 -9
  62. package/dist/components/StoreModalProductSummary/index.js +10 -8
  63. package/dist/components/StripeProvider/index.js +5 -4
  64. package/dist/components/Stylesheet/index.js +4 -3
  65. package/dist/components/TestFontsForm/index.js +32 -25
  66. package/dist/components/TestModeBanner/index.js +9 -7
  67. package/dist/components/TextField/index.js +32 -29
  68. package/dist/components/ThemeConfig/index.js +9 -7
  69. package/dist/components/TypeTester/TypeTesterAlignButtons.js +5 -4
  70. package/dist/components/TypeTester/TypeTesterBullet.js +5 -4
  71. package/dist/components/TypeTester/TypeTesterContent.js +9 -8
  72. package/dist/components/TypeTester/TypeTesterContext.js +6 -5
  73. package/dist/components/TypeTester/TypeTesterEditAll.js +4 -3
  74. package/dist/components/TypeTester/TypeTesterFeatures.js +16 -10
  75. package/dist/components/TypeTester/TypeTesterFeaturesButton.js +18 -15
  76. package/dist/components/TypeTester/TypeTesterFitter.js +5 -4
  77. package/dist/components/TypeTester/TypeTesterFloatingToolbar.js +6 -5
  78. package/dist/components/TypeTester/TypeTesterInput.js +7 -6
  79. package/dist/components/TypeTester/TypeTesterSlider.js +15 -11
  80. package/dist/components/TypeTester/TypeTesterStandalone.js +18 -16
  81. package/dist/components/TypeTester/TypeTesterState.js +4 -3
  82. package/dist/components/TypeTester/TypeTesterStyleSelect.js +39 -26
  83. package/dist/components/TypeTester/TypeTesterStyleSelectData.js +7 -6
  84. package/dist/components/TypeTester/TypeTesterToolbar.js +6 -5
  85. package/dist/components/TypeTester/index.js +36 -29
  86. package/dist/components/TypeTester/useTypeTesterStyler.js +21 -19
  87. package/dist/components/TypeTesters/index.js +40 -34
  88. package/dist/components/VariableTableAmounts/index.js +5 -4
  89. package/dist/components/elements/Button/index.js +11 -8
  90. package/dist/components/elements/StoreModalCartLayout/index.js +29 -26
  91. package/dist/components/elements/StoreModalContainer/index.js +14 -13
  92. package/dist/components/elements/StoreModalDownloadLayout/index.js +17 -14
  93. package/dist/components/elements/StoreModalFamily/index.js +22 -19
  94. package/dist/components/elements/StoreModalFamilyButton/index.js +12 -11
  95. package/dist/components/elements/StoreModalIndexItem/index.js +9 -8
  96. package/dist/components/elements/StoreModalPageContainer/index.js +18 -15
  97. package/dist/components/elements/StoreModalReviewConfirm/index.js +9 -8
  98. package/dist/components/elements/StoreModalReviewItem/index.js +11 -8
  99. package/dist/components/elements/StoreModalReviewLayout/index.js +50 -47
  100. package/dist/components/elements/StoreModalStyleButton/index.js +10 -9
  101. package/dist/components/useFontStyle.js +6 -5
  102. package/dist/utils.js +3 -2
  103. package/dist/vanilla/FontStyle.js +10 -8
  104. package/fontdue.css +6 -0
  105. package/fontdue.css.map +1 -1
  106. package/package.json +1 -1
@@ -66,11 +66,12 @@ const getBackLink = (history, currentRoute) => {
66
66
  }
67
67
  };
68
68
 
69
- const StoreModalContainer = ({
70
- children
71
- }) => {
69
+ const StoreModalContainer = _ref => {
72
70
  var _currentOrder$orderIt, _currentOrder, _currentOrder$orderIt2, _settings, _settings2;
73
71
 
72
+ let {
73
+ children
74
+ } = _ref;
74
75
  const data = (0, _reactRelay.useLazyLoadQuery)(_StoreModalContainerQuery !== void 0 ? _StoreModalContainerQuery : (_StoreModalContainerQuery = require("../../__generated__/StoreModalContainerQuery.graphql"), _StoreModalContainerQuery.hash && _StoreModalContainerQuery.hash !== "81f28eb741b23eaa8bce3bdbe1635ea9" && console.error("The definition of 'StoreModalContainerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalContainerQuery), {});
75
76
  const dispatch = (0, _reactRedux.useDispatch)();
76
77
  const showCartButton = ((_currentOrder$orderIt = (_currentOrder = data.viewer.currentOrder) === null || _currentOrder === void 0 ? void 0 : (_currentOrder$orderIt2 = _currentOrder.orderItems) === null || _currentOrder$orderIt2 === void 0 ? void 0 : _currentOrder$orderIt2.length) !== null && _currentOrder$orderIt !== void 0 ? _currentOrder$orderIt : 0) > 0;
@@ -23,10 +23,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
23
23
 
24
24
  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; }
25
25
 
26
- const StoreModalDownload = ({
27
- order,
28
- relay
29
- }) => {
26
+ const StoreModalDownload = _ref => {
27
+ let {
28
+ order,
29
+ relay
30
+ } = _ref;
30
31
  (0, _useInterval.default)(() => {
31
32
  if (order.archiveUrl) return;
32
33
  relay.refetch({
@@ -46,12 +46,13 @@ const stylesGrouped = collection => {
46
46
  return chunkConsecutiveBy(collection.fontStyles, (left, right) => left.cssFamily === right.cssFamily && left.cssWeight === right.cssWeight && left.cssStretch === right.cssStretch);
47
47
  };
48
48
 
49
- const StoreModalFamily = ({
50
- collection,
51
- onSelect
52
- }) => {
49
+ const StoreModalFamily = _ref => {
53
50
  var _collection$bundles;
54
51
 
52
+ let {
53
+ collection,
54
+ onSelect
55
+ } = _ref;
55
56
  const fontStyles = (0, _react.useMemo)(() => stylesGrouped(collection), [collection]);
56
57
  return /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, null, {
57
58
  stylesheet: collection.cssUrl && /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
@@ -38,12 +38,13 @@ const getFamilyType = collection => {
38
38
  return 'Family';
39
39
  };
40
40
 
41
- const FamilyButton = ({
42
- collection,
43
- onSelectSku,
44
- relay,
45
- ...rest
46
- }) => {
41
+ const FamilyButton = _ref => {
42
+ let {
43
+ collection,
44
+ onSelectSku,
45
+ relay,
46
+ ...rest
47
+ } = _ref;
47
48
  const selector = collection.sku ? (0, _reducer.isSelected)(collection.sku.id) : () => false;
48
49
  const selected = (0, _reactRedux.useSelector)(selector);
49
50
 
@@ -35,11 +35,12 @@ const plural = (count, singularString, pluralString) => {
35
35
  return `${count} ${str}`;
36
36
  };
37
37
 
38
- const StoreModalIndex = ({
39
- prepared
40
- }) => {
38
+ const StoreModalIndex = _ref => {
41
39
  var _viewer$rootCollectio, _viewer$rootCollectio2, _config$storeModal;
42
40
 
41
+ let {
42
+ prepared
43
+ } = _ref;
43
44
  const config = (0, _react.useContext)(_ConfigContext.default);
44
45
  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalIndexQuery !== void 0 ? _StoreModalIndexQuery : (_StoreModalIndexQuery = require("../../__generated__/StoreModalIndexQuery.graphql"), _StoreModalIndexQuery.hash && _StoreModalIndexQuery.hash !== "320b414c78b179d8791e18dd840c5af6" && console.error("The definition of 'StoreModalIndexQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalIndexQuery), prepared.indexQuery);
45
46
  const dispatch = (0, _reactRedux.useDispatch)();
@@ -13,9 +13,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
13
13
 
14
14
  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; }
15
15
 
16
- const StoreModalLoader = ({
17
- children
18
- }) => {
16
+ const StoreModalLoader = _ref => {
17
+ let {
18
+ children
19
+ } = _ref;
19
20
  const cartOpen = (0, _reactRedux.useSelector)(state => state.cartOpen);
20
21
  (0, _react.useEffect)(() => {
21
22
  document.body.dataset.fontdueStoreModal = cartOpen ? 'open' : 'closed';
@@ -31,11 +31,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
31
31
 
32
32
  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; }
33
33
 
34
- const StoreModalProduct = ({
35
- prepared
36
- }) => {
34
+ const StoreModalProduct = _ref => {
37
35
  var _config$storeModal$pr, _config$storeModal, _collection$children;
38
36
 
37
+ let {
38
+ prepared
39
+ } = _ref;
39
40
  const config = (0, _react.useContext)(_ConfigContext.default);
40
41
  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalProductQuery !== void 0 ? _StoreModalProductQuery : (_StoreModalProductQuery = require("../../__generated__/StoreModalProductQuery.graphql"), _StoreModalProductQuery.hash && _StoreModalProductQuery.hash !== "7b0adf916beccecf1ad3952df70ef04c" && console.error("The definition of 'StoreModalProductQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductQuery), prepared.productQuery);
41
42
  const {
@@ -55,13 +55,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
55
55
  // just paid for
56
56
  const submitCompleteMutation = _StoreModalReviewCompleteOrderMutation !== void 0 ? _StoreModalReviewCompleteOrderMutation : (_StoreModalReviewCompleteOrderMutation = require("../../__generated__/StoreModalReviewCompleteOrderMutation.graphql"), _StoreModalReviewCompleteOrderMutation.hash && _StoreModalReviewCompleteOrderMutation.hash !== "de20197df49deb030c473adbd9560e03" && console.error("The definition of 'StoreModalReviewCompleteOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReviewCompleteOrderMutation);
57
57
 
58
- const StoreModalReview = ({
59
- viewer: viewerKey,
60
- order: orderKey,
61
- stripe
62
- }) => {
58
+ const StoreModalReview = _ref => {
63
59
  var _order$stripePaymentI, _order$stripePaymentM, _order$orderItems, _viewer$settings$eula, _viewer$settings;
64
60
 
61
+ let {
62
+ viewer: viewerKey,
63
+ order: orderKey,
64
+ stripe
65
+ } = _ref;
65
66
  const order = (0, _reactRelay.useFragment)(_StoreModalReview_order !== void 0 ? _StoreModalReview_order : (_StoreModalReview_order = require("../../__generated__/StoreModalReview_order.graphql"), _StoreModalReview_order.hash && _StoreModalReview_order.hash !== "c7fc7251b9f1cb7f33e0f7a436498492" && console.error("The definition of 'StoreModalReview_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReview_order), orderKey);
66
67
  const viewer = (0, _reactRelay.useFragment)(_StoreModalReview_viewer !== void 0 ? _StoreModalReview_viewer : (_StoreModalReview_viewer = require("../../__generated__/StoreModalReview_viewer.graphql"), _StoreModalReview_viewer.hash && _StoreModalReview_viewer.hash !== "425ef90a67fdbd4b8759c296a2440e13" && console.error("The definition of 'StoreModalReview_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReview_viewer), viewerKey);
67
68
  const dispatch = (0, _reactRedux.useDispatch)();
@@ -190,10 +191,11 @@ const StoreModalReview = ({
190
191
  });
191
192
  };
192
193
 
193
- const StoreModalReviewQueryContainer = ({
194
- prepared,
195
- stripe
196
- }) => {
194
+ const StoreModalReviewQueryContainer = _ref2 => {
195
+ let {
196
+ prepared,
197
+ stripe
198
+ } = _ref2;
197
199
  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalReviewQuery !== void 0 ? _StoreModalReviewQuery : (_StoreModalReviewQuery = require("../../__generated__/StoreModalReviewQuery.graphql"), _StoreModalReviewQuery.hash && _StoreModalReviewQuery.hash !== "41e195913e09a2e7e2320c97d36faa7c" && console.error("The definition of 'StoreModalReviewQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReviewQuery), prepared.reviewQuery);
198
200
  return /*#__PURE__*/_react.default.createElement(StoreModalReview, {
199
201
  viewer: data.viewer,
@@ -15,9 +15,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
15
15
 
16
16
  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; }
17
17
 
18
- const StoreModalReviewIdentity = ({
19
- identity
20
- }) => /*#__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));
18
+ const StoreModalReviewIdentity = _ref => {
19
+ let {
20
+ identity
21
+ } = _ref;
22
+ 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));
23
+ };
21
24
 
22
25
  var _default = (0, _reactRelay.createFragmentContainer)(StoreModalReviewIdentity, {
23
26
  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)
@@ -27,12 +27,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
27
27
 
28
28
  function _extends() { _extends = Object.assign || 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); }
29
29
 
30
- const StoreModalStyleButton = ({
31
- fontStyle,
32
- onSelectSku,
33
- relay,
34
- ...rest
35
- }) => {
30
+ const StoreModalStyleButton = _ref => {
31
+ let {
32
+ fontStyle,
33
+ onSelectSku,
34
+ relay,
35
+ ...rest
36
+ } = _ref;
36
37
  if (!fontStyle.sku) return null;
37
38
  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(fontStyle.sku.id));
38
39
 
@@ -9,18 +9,21 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
 
12
- const ContainerElement = ({
13
- children: {
14
- title,
15
- licenses
16
- }
17
- }) => /*#__PURE__*/_react.default.createElement("div", {
18
- className: "store-modal__license-selection__container"
19
- }, /*#__PURE__*/_react.default.createElement("h3", {
20
- className: "store-modal__license-selection__title"
21
- }, title), /*#__PURE__*/_react.default.createElement("div", {
22
- className: "store-modal__license-selection__licenses"
23
- }, licenses));
12
+ const ContainerElement = _ref => {
13
+ let {
14
+ children: {
15
+ title,
16
+ licenses
17
+ }
18
+ } = _ref;
19
+ return /*#__PURE__*/_react.default.createElement("div", {
20
+ className: "store-modal__license-selection__container"
21
+ }, /*#__PURE__*/_react.default.createElement("h3", {
22
+ className: "store-modal__license-selection__title"
23
+ }, title), /*#__PURE__*/_react.default.createElement("div", {
24
+ className: "store-modal__license-selection__licenses"
25
+ }, licenses));
26
+ };
24
27
 
25
28
  var _default = ContainerElement;
26
29
  exports.default = _default;
@@ -19,16 +19,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
19
19
 
20
20
  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; }
21
21
 
22
- const LicenseElement = ({
23
- onClick,
24
- isSelected,
25
- children: {
26
- name,
27
- variables
28
- }
29
- }) => {
22
+ const LicenseElement = _ref => {
30
23
  var _config$form$checkbox, _config$form;
31
24
 
25
+ let {
26
+ onClick,
27
+ isSelected,
28
+ children: {
29
+ name,
30
+ variables
31
+ }
32
+ } = _ref;
32
33
  const config = (0, _react.useContext)(_ConfigContext.default);
33
34
  const checkboxStyle = (_config$form$checkbox = (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) !== null && _config$form$checkbox !== void 0 ? _config$form$checkbox : 'check';
34
35
  return /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -11,32 +11,38 @@ var _Icons = require("../Icons");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
- const LicenseVariableElement = ({
15
- value,
16
- onChange,
17
- options,
18
- children: {
19
- selectionText
20
- }
21
- }) => /*#__PURE__*/_react.default.createElement("label", {
22
- className: "store-modal__license-selection__license-label"
23
- }, selectionText, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
24
- className: "store-modal__license-selection__license-select",
25
- value: value,
26
- onChange: onChange,
27
- onClick: e => e.stopPropagation()
28
- /* since this thing is contained by a button */
14
+ const LicenseVariableElement = _ref => {
15
+ let {
16
+ value,
17
+ onChange,
18
+ options,
19
+ children: {
20
+ selectionText
21
+ }
22
+ } = _ref;
23
+ return /*#__PURE__*/_react.default.createElement("label", {
24
+ className: "store-modal__license-selection__license-label"
25
+ }, selectionText, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
26
+ className: "store-modal__license-selection__license-select",
27
+ value: value,
28
+ onChange: onChange,
29
+ onClick: e => e.stopPropagation()
30
+ /* since this thing is contained by a button */
29
31
 
30
- }, /*#__PURE__*/_react.default.createElement("option", {
31
- value: "",
32
- disabled: true
33
- }, "Select an option"), options.map(({
34
- value,
35
- text
36
- }) => /*#__PURE__*/_react.default.createElement("option", {
37
- key: value,
38
- value: value
39
- }, text))));
32
+ }, /*#__PURE__*/_react.default.createElement("option", {
33
+ value: "",
34
+ disabled: true
35
+ }, "Select an option"), options.map(_ref2 => {
36
+ let {
37
+ value,
38
+ text
39
+ } = _ref2;
40
+ return /*#__PURE__*/_react.default.createElement("option", {
41
+ key: value,
42
+ value: value
43
+ }, text);
44
+ })));
45
+ };
40
46
 
41
47
  var _default = LicenseVariableElement;
42
48
  exports.default = _default;
@@ -17,21 +17,24 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
17
17
 
18
18
  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; }
19
19
 
20
- const LicenseVariableRadioElement = ({
21
- value: selectedValue,
22
- onChange,
23
- options
24
- }) => {
20
+ const LicenseVariableRadioElement = _ref => {
21
+ let {
22
+ value: selectedValue,
23
+ onChange,
24
+ options
25
+ } = _ref;
26
+
25
27
  const handleChange = e => {
26
28
  e.stopPropagation();
27
29
  if (e.target.checked) onChange(e.target.value);
28
30
  };
29
31
 
30
- return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, options.map(({
31
- value,
32
- text,
33
- help
34
- }) => {
32
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, options.map(_ref2 => {
33
+ let {
34
+ value,
35
+ text,
36
+ help
37
+ } = _ref2;
35
38
  const selected = value === selectedValue; // it's actually checkboxes so that we can uncheck the selected item easily
36
39
  // but the behavior is like a radio list
37
40
 
@@ -52,13 +52,17 @@ const specFromLicense = license => {
52
52
  return licenseOptionSpec;
53
53
  };
54
54
 
55
- const StoreModalProduceLicense = ({
56
- license
57
- }) => {
55
+ const StoreModalProduceLicense = _ref => {
56
+ let {
57
+ license
58
+ } = _ref;
58
59
  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
59
- const selectedOptions = licenseOptions.find(({
60
- licenseId
61
- }) => licenseId === license.id);
60
+ const selectedOptions = licenseOptions.find(_ref2 => {
61
+ let {
62
+ licenseId
63
+ } = _ref2;
64
+ return licenseId === license.id;
65
+ });
62
66
  const isSelected = Boolean(selectedOptions);
63
67
  const dispatch = (0, _reactRedux.useDispatch)();
64
68
  const handleSelectLicense = (0, _react.useCallback)(() => {
@@ -69,10 +73,12 @@ const StoreModalProduceLicense = ({
69
73
  licenseOptionSpec: specFromLicense(license)
70
74
  });
71
75
  }, [dispatch, license, isSelected]);
72
- const handleLicenseOptionChange = (0, _react.useCallback)(({
73
- variableId,
74
- optionId
75
- }) => {
76
+ const handleLicenseOptionChange = (0, _react.useCallback)(_ref3 => {
77
+ let {
78
+ variableId,
79
+ optionId
80
+ } = _ref3;
81
+
76
82
  if (!isSelected) {
77
83
  dispatch({
78
84
  type: 'PRECART_SELECT_LICENSE',
@@ -104,9 +110,12 @@ const StoreModalProduceLicense = ({
104
110
  if (variable.variableType === 'text') return null;
105
111
  if (!variable.options) return null;
106
112
  const selectedLicenseOption = selectedOptions && selectedOptions.licenseOptions[variable.id];
107
- const selectedOption = variable.options.find(({
108
- id
109
- }) => id === selectedLicenseOption);
113
+ const selectedOption = variable.options.find(_ref4 => {
114
+ let {
115
+ id
116
+ } = _ref4;
117
+ return id === selectedLicenseOption;
118
+ });
110
119
 
111
120
  if (variable.variableType === 'table') {
112
121
  return /*#__PURE__*/_react.default.createElement(_LicenseVariableRadioElement.default, {
@@ -17,15 +17,18 @@ var _StoreModalProductLicenseSelection_viewer;
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
20
- const StoreModalProductLicenseSelection = ({
21
- viewer
22
- }) => /*#__PURE__*/_react.default.createElement(_ContainerElement.default, null, {
23
- title: 'Select licenses',
24
- licenses: viewer.licenses && viewer.licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
25
- key: license.id,
26
- license: license
27
- }))
28
- });
20
+ const StoreModalProductLicenseSelection = _ref => {
21
+ let {
22
+ viewer
23
+ } = _ref;
24
+ return /*#__PURE__*/_react.default.createElement(_ContainerElement.default, null, {
25
+ title: 'Select licenses',
26
+ licenses: viewer.licenses && viewer.licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
27
+ key: license.id,
28
+ license: license
29
+ }))
30
+ });
31
+ };
29
32
 
30
33
  var _default = (0, _reactRelay.createFragmentContainer)(StoreModalProductLicenseSelection, {
31
34
  viewer: _StoreModalProductLicenseSelection_viewer !== void 0 ? _StoreModalProductLicenseSelection_viewer : (_StoreModalProductLicenseSelection_viewer = require("../../__generated__/StoreModalProductLicenseSelection_viewer.graphql"), _StoreModalProductLicenseSelection_viewer.hash && _StoreModalProductLicenseSelection_viewer.hash !== "132699969de1b8ff9dafa8604b3c5f05" && console.error("The definition of 'StoreModalProductLicenseSelection_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_viewer)
@@ -59,10 +59,11 @@ const countStylesPrice = viewer => {
59
59
  }, 0);
60
60
  };
61
61
 
62
- const StoreModalProductSummary = ({
63
- viewer,
64
- relay
65
- }) => {
62
+ const StoreModalProductSummary = _ref => {
63
+ let {
64
+ viewer,
65
+ relay
66
+ } = _ref;
66
67
  const dispatch = (0, _reactRedux.useDispatch)();
67
68
  const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds);
68
69
  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
@@ -84,10 +85,11 @@ const StoreModalProductSummary = ({
84
85
  const variables = {
85
86
  input: {
86
87
  skuIds: Object.keys(selectedSkuIds).filter(id => selectedSkuIds[id] === true),
87
- licenseSelections: licenseOptions.reduce((res, {
88
- licenseId,
89
- licenseOptions
90
- }) => {
88
+ licenseSelections: licenseOptions.reduce((res, _ref2) => {
89
+ let {
90
+ licenseId,
91
+ licenseOptions
92
+ } = _ref2;
91
93
  const licenseVariableIds = Object.keys(licenseOptions);
92
94
 
93
95
  if (licenseVariableIds.length > 0) {
@@ -19,12 +19,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
19
19
 
20
20
  const getUiFontUrl = viewer => viewer && viewer.settings && viewer.settings.uiFontUrl || undefined;
21
21
 
22
- const StripeProvider = ({
23
- viewer,
24
- children
25
- }) => {
22
+ const StripeProvider = _ref => {
26
23
  var _viewer$stripeCredent;
27
24
 
25
+ let {
26
+ viewer,
27
+ children
28
+ } = _ref;
28
29
  return /*#__PURE__*/_react.default.createElement(_AsyncStripeProvider.default, {
29
30
  stripePublishableKey: (_viewer$stripeCredent = viewer.stripeCredentials) === null || _viewer$stripeCredent === void 0 ? void 0 : _viewer$stripeCredent.stripePublishableKey
30
31
  }, /*#__PURE__*/_react.default.createElement(_reactStripeElements.Elements, {
@@ -16,9 +16,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
16
16
  // a virtual kind of compoennt that registers stylesheets; we'll only add
17
17
  // one of each href and keep them around on the page. this prevents some
18
18
  // undesirable/unnecessary re-loading of fonts when components mount & unmount
19
- const Stylesheet = ({
20
- href
21
- }) => {
19
+ const Stylesheet = _ref => {
20
+ let {
21
+ href
22
+ } = _ref;
22
23
  if (!href) return null;
23
24
  const dispatch = (0, _reactRedux.useDispatch)();
24
25
  (0, _react.useEffect)(() => {
@@ -27,24 +27,28 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
27
27
 
28
28
  const updateCustomerMutation = _TestFontsFormUpdateCustomerMutation !== void 0 ? _TestFontsFormUpdateCustomerMutation : (_TestFontsFormUpdateCustomerMutation = require("../../__generated__/TestFontsFormUpdateCustomerMutation.graphql"), _TestFontsFormUpdateCustomerMutation.hash && _TestFontsFormUpdateCustomerMutation.hash !== "ba56958399f0893bd667ff02c33a6975" && console.error("The definition of 'TestFontsFormUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsFormUpdateCustomerMutation);
29
29
 
30
- const TestFontsDownloading = ({
31
- archiveUrl
32
- }) => /*#__PURE__*/_react.default.createElement("div", {
33
- className: "test-fonts__downloading"
34
- }, /*#__PURE__*/_react.default.createElement("div", {
35
- className: "test-fonts__downloading__icon"
36
- }, /*#__PURE__*/_react.default.createElement(_Icons.DownloadFonts, null)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "The file archive will start downloading automatically."), /*#__PURE__*/_react.default.createElement("p", null, "If it didn\u2019t start, click ", /*#__PURE__*/_react.default.createElement("a", {
37
- href: archiveUrl
38
- }, "here"), ".")));
39
-
40
- const TestFontsFormBase = ({
41
- viewer,
42
- agreementLabel,
43
- downloadLabel = 'Download test fonts',
44
- newsletterCheckboxChecked = false
45
- }) => {
46
- var _viewer$testFonts, _ref;
30
+ const TestFontsDownloading = _ref => {
31
+ let {
32
+ archiveUrl
33
+ } = _ref;
34
+ return /*#__PURE__*/_react.default.createElement("div", {
35
+ className: "test-fonts__downloading"
36
+ }, /*#__PURE__*/_react.default.createElement("div", {
37
+ className: "test-fonts__downloading__icon"
38
+ }, /*#__PURE__*/_react.default.createElement(_Icons.DownloadFonts, null)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "The file archive will start downloading automatically."), /*#__PURE__*/_react.default.createElement("p", null, "If it didn\u2019t start, click ", /*#__PURE__*/_react.default.createElement("a", {
39
+ href: archiveUrl
40
+ }, "here"), ".")));
41
+ };
47
42
 
43
+ const TestFontsFormBase = _ref2 => {
44
+ var _viewer$testFonts, _ref4;
45
+
46
+ let {
47
+ viewer,
48
+ agreementLabel,
49
+ downloadLabel = 'Download test fonts',
50
+ newsletterCheckboxChecked = false
51
+ } = _ref2;
48
52
  const [email, setEmail] = (0, _react.useState)('');
49
53
  const [name, setName] = (0, _react.useState)('');
50
54
  const [newsletterOptIn, setNewsletterOptIn] = (0, _react.useState)(newsletterCheckboxChecked);
@@ -87,9 +91,10 @@ const TestFontsFormBase = ({
87
91
  setError(null);
88
92
  }
89
93
  },
90
- onError: ({
91
- message
92
- }) => {
94
+ onError: _ref3 => {
95
+ let {
96
+ message
97
+ } = _ref3;
93
98
  setError(message);
94
99
  setSubmitting(false);
95
100
  }
@@ -136,7 +141,7 @@ const TestFontsFormBase = ({
136
141
  }), /*#__PURE__*/_react.default.createElement("label", {
137
142
  htmlFor: "test-fonts-eula-agreement",
138
143
  dangerouslySetInnerHTML: {
139
- __html: (_ref = agreementLabel || eulaAgreementLabel) !== null && _ref !== void 0 ? _ref : ''
144
+ __html: (_ref4 = agreementLabel || eulaAgreementLabel) !== null && _ref4 !== void 0 ? _ref4 : ''
140
145
  }
141
146
  })), newsletterOptInLabel && /*#__PURE__*/_react.default.createElement("div", {
142
147
  className: "test-fonts__newsletter-opt-in test-fonts__checkbox-field"
@@ -171,10 +176,12 @@ const TestFontsFormFetcher = params => {
171
176
  environment: environment,
172
177
  query: _TestFontsForm_Query !== void 0 ? _TestFontsForm_Query : (_TestFontsForm_Query = require("../../__generated__/TestFontsForm_Query.graphql"), _TestFontsForm_Query.hash && _TestFontsForm_Query.hash !== "f04852025fc8b05aa370fb2ec1bea9da" && console.error("The definition of 'TestFontsForm_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsForm_Query),
173
178
  variables: {},
174
- render: ({
175
- props,
176
- error
177
- }) => {
179
+ render: _ref5 => {
180
+ let {
181
+ props,
182
+ error
183
+ } = _ref5;
184
+
178
185
  if (error) {
179
186
  console.error(error); // TODO: centralize error component, report to sentry
180
187
 
@@ -15,9 +15,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
15
15
 
16
16
  const getSwitchable = switchUrl => new URL(switchUrl).hostname === location.hostname;
17
17
 
18
- const TestModeBannerBase = ({
19
- viewer
20
- }) => {
18
+ const TestModeBannerBase = _ref => {
19
+ let {
20
+ viewer
21
+ } = _ref;
21
22
  if (!viewer) return null;
22
23
  if (!viewer.adminUser) return null;
23
24
  const {
@@ -53,10 +54,11 @@ const TestModeBannerQueryRenderer = () => {
53
54
  environment: environment,
54
55
  variables: {},
55
56
  query: _TestModeBannerQuery !== void 0 ? _TestModeBannerQuery : (_TestModeBannerQuery = require("../../__generated__/TestModeBannerQuery.graphql"), _TestModeBannerQuery.hash && _TestModeBannerQuery.hash !== "567d27c6a520c933604bcb1cf436852e" && console.error("The definition of 'TestModeBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestModeBannerQuery),
56
- render: ({
57
- error,
58
- props
59
- }) => {
57
+ render: _ref2 => {
58
+ let {
59
+ error,
60
+ props
61
+ } = _ref2;
60
62
  if (error || !props) return null;
61
63
  return /*#__PURE__*/_react.default.createElement(TestModeBanner, props);
62
64
  }