fontdue-js 0.1.0 → 0.1.3

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 (116) hide show
  1. package/dist/__generated__/TypeTesterStandalone_StyleQuery.graphql.d.ts +6 -0
  2. package/dist/__generated__/TypeTesterStandalone_StyleQuery.graphql.js +32 -4
  3. package/dist/__generated__/TypeTestersIDQuery.graphql.js +103 -57
  4. package/dist/__generated__/TypeTestersSlugQuery.graphql.js +103 -57
  5. package/dist/__generated__/TypeTesters_collection.graphql.d.ts +3 -0
  6. package/dist/__generated__/TypeTesters_collection.graphql.js +20 -6
  7. package/dist/components/AddToCartBanner/index.js +6 -4
  8. package/dist/components/BuyButton/index.js +21 -17
  9. package/dist/components/BuyingOptions/index.js +10 -7
  10. package/dist/components/Cart/AddressFields.js +10 -7
  11. package/dist/components/Cart/CartItem/index.js +71 -53
  12. package/dist/components/Cart/CartOrder.js +18 -14
  13. package/dist/components/Cart/CartState.js +16 -13
  14. package/dist/components/Cart/CartTotals.js +65 -59
  15. package/dist/components/Cart/Checkout.js +30 -23
  16. package/dist/components/Cart/CustomerFields.d.ts +14 -0
  17. package/dist/components/Cart/CustomerFields.js +11 -11
  18. package/dist/components/Cart/Download.js +11 -9
  19. package/dist/components/Cart/EmptyCart.js +5 -4
  20. package/dist/components/Cart/IdentityBox.js +27 -24
  21. package/dist/components/Cart/index.js +23 -17
  22. package/dist/components/CartButton/index.js +12 -9
  23. package/dist/components/CharacterViewer/index.js +65 -54
  24. package/dist/components/Checkbox/index.js +4 -5
  25. package/dist/components/CollectionAa/index.js +15 -11
  26. package/dist/components/ConfigContext.d.ts +78 -1
  27. package/dist/components/ConfigContext.js +52 -2
  28. package/dist/components/CookieNotification/index.js +46 -38
  29. package/dist/components/CouponText/index.js +6 -4
  30. package/dist/components/Family/FamilyList.js +23 -20
  31. package/dist/components/Family/index.js +11 -8
  32. package/dist/components/FontFamilies/index.js +15 -12
  33. package/dist/components/FontStyle/index.js +10 -9
  34. package/dist/components/FontdueProvider/index.js +9 -8
  35. package/dist/components/NewsletterSignup/index.js +12 -10
  36. package/dist/components/Precart/License.js +8 -7
  37. package/dist/components/Precart/index.js +16 -11
  38. package/dist/components/Price/index.js +34 -27
  39. package/dist/components/PriceBar/PriceBarSection.js +14 -11
  40. package/dist/components/PriceBar/index.js +2 -2
  41. package/dist/components/Root/index.js +4 -1
  42. package/dist/components/Root/productState.js +3 -2
  43. package/dist/components/SKUPrice/index.js +7 -6
  44. package/dist/components/Select/index.js +22 -15
  45. package/dist/components/SelectButton/index.js +16 -16
  46. package/dist/components/SelectField/index.js +27 -24
  47. package/dist/components/SpecimenLink/index.js +14 -11
  48. package/dist/components/StickyNav/index.js +16 -13
  49. package/dist/components/StoreModal/StoreModalBundleButton.js +7 -6
  50. package/dist/components/StoreModal/StoreModalCart.js +10 -8
  51. package/dist/components/StoreModal/StoreModalCheckout.js +5 -4
  52. package/dist/components/StoreModal/StoreModalContainer.js +4 -3
  53. package/dist/components/StoreModal/StoreModalDownload.js +5 -4
  54. package/dist/components/StoreModal/StoreModalFamily.js +5 -4
  55. package/dist/components/StoreModal/StoreModalFamilyButton.js +7 -6
  56. package/dist/components/StoreModal/StoreModalIndex.js +11 -9
  57. package/dist/components/StoreModal/StoreModalLoader.js +4 -3
  58. package/dist/components/StoreModal/StoreModalProduct.js +4 -3
  59. package/dist/components/StoreModal/StoreModalReview.js +11 -9
  60. package/dist/components/StoreModal/StoreModalReviewIdentity.js +6 -3
  61. package/dist/components/StoreModal/StoreModalStyleButton.js +7 -6
  62. package/dist/components/StoreModalProductLicenseSelection/ContainerElement.js +15 -12
  63. package/dist/components/StoreModalProductLicenseSelection/LicenseElement.js +13 -13
  64. package/dist/components/StoreModalProductLicenseSelection/LicenseVariableElement.js +31 -25
  65. package/dist/components/StoreModalProductLicenseSelection/LicenseVariableRadioElement.js +13 -10
  66. package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.js +22 -13
  67. package/dist/components/StoreModalProductLicenseSelection/index.js +12 -9
  68. package/dist/components/StoreModalProductSummary/index.js +10 -8
  69. package/dist/components/StripeProvider/index.js +5 -4
  70. package/dist/components/Stylesheet/index.js +4 -3
  71. package/dist/components/TestFontsForm/index.js +32 -25
  72. package/dist/components/TestModeBanner/index.js +9 -7
  73. package/dist/components/TextField/index.js +32 -29
  74. package/dist/components/ThemeConfig/index.js +9 -7
  75. package/dist/components/TypeTester/TypeTesterAlignButtons.js +5 -4
  76. package/dist/components/TypeTester/TypeTesterBullet.js +5 -4
  77. package/dist/components/TypeTester/TypeTesterContent.js +9 -8
  78. package/dist/components/TypeTester/TypeTesterContext.js +6 -5
  79. package/dist/components/TypeTester/TypeTesterEditAll.d.ts +0 -2
  80. package/dist/components/TypeTester/TypeTesterEditAll.js +6 -3
  81. package/dist/components/TypeTester/TypeTesterFeatures.d.ts +0 -2
  82. package/dist/components/TypeTester/TypeTesterFeatures.js +25 -14
  83. package/dist/components/TypeTester/TypeTesterFeaturesButton.js +18 -15
  84. package/dist/components/TypeTester/TypeTesterFitter.js +5 -4
  85. package/dist/components/TypeTester/TypeTesterFloatingToolbar.js +10 -11
  86. package/dist/components/TypeTester/TypeTesterInput.js +7 -6
  87. package/dist/components/TypeTester/TypeTesterSlider.js +15 -11
  88. package/dist/components/TypeTester/TypeTesterStandalone.js +21 -19
  89. package/dist/components/TypeTester/TypeTesterState.js +5 -6
  90. package/dist/components/TypeTester/TypeTesterStyleSelect.js +39 -28
  91. package/dist/components/TypeTester/TypeTesterStyleSelectData.js +7 -6
  92. package/dist/components/TypeTester/TypeTesterToolbar.d.ts +0 -2
  93. package/dist/components/TypeTester/TypeTesterToolbar.js +18 -15
  94. package/dist/components/TypeTester/index.d.ts +2 -1
  95. package/dist/components/TypeTester/index.js +48 -55
  96. package/dist/components/TypeTester/useTypeTesterStyler.js +21 -19
  97. package/dist/components/TypeTesters/index.js +48 -45
  98. package/dist/components/VariableTableAmounts/index.js +5 -4
  99. package/dist/components/elements/Button/index.js +11 -8
  100. package/dist/components/elements/StoreModalCartLayout/index.js +29 -26
  101. package/dist/components/elements/StoreModalContainer/index.js +14 -13
  102. package/dist/components/elements/StoreModalDownloadLayout/index.js +17 -14
  103. package/dist/components/elements/StoreModalFamily/index.js +22 -19
  104. package/dist/components/elements/StoreModalFamilyButton/index.js +12 -11
  105. package/dist/components/elements/StoreModalIndexItem/index.js +9 -8
  106. package/dist/components/elements/StoreModalPageContainer/index.js +18 -15
  107. package/dist/components/elements/StoreModalReviewConfirm/index.js +13 -13
  108. package/dist/components/elements/StoreModalReviewItem/index.js +11 -8
  109. package/dist/components/elements/StoreModalReviewLayout/index.js +50 -47
  110. package/dist/components/elements/StoreModalStyleButton/index.js +10 -9
  111. package/dist/components/useFontStyle.js +6 -5
  112. package/dist/utils.js +3 -2
  113. package/dist/vanilla/FontStyle.js +10 -8
  114. package/fontdue.css +10 -0
  115. package/fontdue.css.map +1 -1
  116. package/package.json +1 -1
@@ -15,29 +15,36 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
15
15
 
16
16
  const NBSP = '\xa0';
17
17
 
18
- const Select = ({
19
- options,
20
- value,
21
- ...rest
22
- }) => {
18
+ const Select = _ref => {
23
19
  var _options$find;
24
20
 
21
+ let {
22
+ options,
23
+ value,
24
+ ...rest
25
+ } = _ref;
25
26
  return /*#__PURE__*/_react.default.createElement("label", {
26
27
  className: "select"
27
28
  }, /*#__PURE__*/_react.default.createElement("div", {
28
29
  className: "select__text"
29
- }, /*#__PURE__*/_react.default.createElement(_Icons.DownArrow, null), NBSP, (_options$find = options.find(({
30
- value: v
31
- }) => value === v)) === null || _options$find === void 0 ? void 0 : _options$find.text), /*#__PURE__*/_react.default.createElement("select", _extends({
30
+ }, /*#__PURE__*/_react.default.createElement(_Icons.DownArrow, null), NBSP, (_options$find = options.find(_ref2 => {
31
+ let {
32
+ value: v
33
+ } = _ref2;
34
+ return value === v;
35
+ })) === null || _options$find === void 0 ? void 0 : _options$find.text), /*#__PURE__*/_react.default.createElement("select", _extends({
32
36
  value: value,
33
37
  className: "select__select"
34
- }, rest), options.map(({
35
- value,
36
- text
37
- }) => /*#__PURE__*/_react.default.createElement("option", {
38
- value: value,
39
- key: value
40
- }, text))));
38
+ }, rest), options.map(_ref3 => {
39
+ let {
40
+ value,
41
+ text
42
+ } = _ref3;
43
+ return /*#__PURE__*/_react.default.createElement("option", {
44
+ value: value,
45
+ key: value
46
+ }, text);
47
+ })));
41
48
  };
42
49
 
43
50
  var _default = Select;
@@ -29,15 +29,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
29
29
 
30
30
  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); }
31
31
 
32
- const DefaultSelectButton = ({
33
- productId,
34
- innerProps: {
35
- onClick,
36
- ...rest
37
- }
38
- }) => {
39
- var _config$selectButtonL;
40
-
32
+ const DefaultSelectButton = _ref => {
33
+ let {
34
+ productId,
35
+ innerProps: {
36
+ onClick,
37
+ ...rest
38
+ }
39
+ } = _ref;
41
40
  const dispatch = (0, _reactRedux.useDispatch)();
42
41
  const {
43
42
  typeTester: config
@@ -60,15 +59,16 @@ const DefaultSelectButton = ({
60
59
  return /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
61
60
  onClick: handleClick,
62
61
  className: "select-button"
63
- }), (_config$selectButtonL = config === null || config === void 0 ? void 0 : config.selectButtonLabel) !== null && _config$selectButtonL !== void 0 ? _config$selectButtonL : 'Select');
62
+ }), config.selectButtonLabel);
64
63
  };
65
64
 
66
- const SelectButton = ({
67
- relay,
68
- productId,
69
- sku,
70
- ...rest
71
- }) => {
65
+ const SelectButton = _ref2 => {
66
+ let {
67
+ relay,
68
+ productId,
69
+ sku,
70
+ ...rest
71
+ } = _ref2;
72
72
  const dispatch = (0, _reactRedux.useDispatch)();
73
73
  const components = (0, _react.useContext)(_ComponentsContext.default);
74
74
  const ButtonComponent = components.SelectButton || DefaultSelectButton;
@@ -21,30 +21,33 @@ const Input = props => /*#__PURE__*/_react.default.createElement(_reactSelect.co
21
21
  autoComplete: "go-away"
22
22
  }));
23
23
 
24
- const SelectField = ({
25
- label,
26
- value,
27
- onChange,
28
- options,
29
- errors
30
- }) => /*#__PURE__*/_react.default.createElement("label", null, label, /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
31
- value: options.find(option => option.value === value) || null,
32
- options: options,
33
- onChange: option => onChange(option.value),
34
- className: "react-select",
35
- classNamePrefix: "react-select",
36
- components: {
37
- Input
38
- },
39
- filterOption: (0, _reactSelect.createFilter)({
40
- ignoreCase: true,
41
- ignoreAccents: true,
42
- trim: true,
43
- matchFrom: 'start'
44
- })
45
- }), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
46
- className: "react-select__errors"
47
- }, errors[0]));
24
+ const SelectField = _ref => {
25
+ let {
26
+ label,
27
+ value,
28
+ onChange,
29
+ options,
30
+ errors
31
+ } = _ref;
32
+ return /*#__PURE__*/_react.default.createElement("label", null, label, /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
33
+ value: options.find(option => option.value === value) || null,
34
+ options: options,
35
+ onChange: option => onChange(option.value),
36
+ className: "react-select",
37
+ classNamePrefix: "react-select",
38
+ components: {
39
+ Input
40
+ },
41
+ filterOption: (0, _reactSelect.createFilter)({
42
+ ignoreCase: true,
43
+ ignoreAccents: true,
44
+ trim: true,
45
+ matchFrom: 'start'
46
+ })
47
+ }), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
48
+ className: "react-select__errors"
49
+ }, errors[0]));
50
+ };
48
51
 
49
52
  var _default = SelectField;
50
53
  exports.default = _default;
@@ -17,9 +17,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
17
17
 
18
18
  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); }
19
19
 
20
- const SpecimenLinkBase = ({
21
- node
22
- }) => {
20
+ const SpecimenLinkBase = _ref => {
21
+ let {
22
+ node
23
+ } = _ref;
23
24
  const {
24
25
  pdfs
25
26
  } = node;
@@ -44,10 +45,11 @@ const SpecimenLink = (0, _reactRelay.createFragmentContainer)(SpecimenLinkBase,
44
45
  node: _SpecimenLink_node !== void 0 ? _SpecimenLink_node : (_SpecimenLink_node = require("../../__generated__/SpecimenLink_node.graphql"), _SpecimenLink_node.hash && _SpecimenLink_node.hash !== "6f268528e8fccf3c43b7448884da2c6f" && console.error("The definition of 'SpecimenLink_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SpecimenLink_node)
45
46
  });
46
47
 
47
- const SpecimenLinkQueryRenderer = ({
48
- collectionId,
49
- ...rest
50
- }) => {
48
+ const SpecimenLinkQueryRenderer = _ref2 => {
49
+ let {
50
+ collectionId,
51
+ ...rest
52
+ } = _ref2;
51
53
  const environment = (0, _reactRelay.useRelayEnvironment)();
52
54
  return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
53
55
  environment: environment,
@@ -55,10 +57,11 @@ const SpecimenLinkQueryRenderer = ({
55
57
  variables: {
56
58
  collectionId
57
59
  },
58
- render: ({
59
- error,
60
- props
61
- }) => {
60
+ render: _ref3 => {
61
+ let {
62
+ error,
63
+ props
64
+ } = _ref3;
62
65
  if (error) return /*#__PURE__*/_react.default.createElement("div", null, error.message);
63
66
 
64
67
  if (props) {
@@ -13,17 +13,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
13
13
 
14
14
  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; }
15
15
 
16
- const NavItem = ({
17
- label,
18
- link,
19
- text
20
- }) => /*#__PURE__*/_react.default.createElement("div", {
21
- className: "sticky-nav__item",
22
- "data-label": label
23
- }, /*#__PURE__*/_react.default.createElement("a", {
24
- className: "sticky-nav__link",
25
- href: link
26
- }, text));
16
+ const NavItem = _ref => {
17
+ let {
18
+ label,
19
+ link,
20
+ text
21
+ } = _ref;
22
+ return /*#__PURE__*/_react.default.createElement("div", {
23
+ className: "sticky-nav__item",
24
+ "data-label": label
25
+ }, /*#__PURE__*/_react.default.createElement("a", {
26
+ className: "sticky-nav__link",
27
+ href: link
28
+ }, text));
29
+ };
27
30
 
28
31
  const CartNavItem = () => /*#__PURE__*/_react.default.createElement("div", {
29
32
  className: "sticky-nav__item",
@@ -31,8 +34,8 @@ const CartNavItem = () => /*#__PURE__*/_react.default.createElement("div", {
31
34
  }, /*#__PURE__*/_react.default.createElement(_CartButton.default, null));
32
35
 
33
36
  class StickyNav extends _react.default.Component {
34
- constructor(...args) {
35
- super(...args);
37
+ constructor() {
38
+ super(...arguments);
36
39
 
37
40
  _defineProperty(this, "state", {
38
41
  visible: false
@@ -29,12 +29,13 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
29
29
 
30
30
  const THIN_SPACE = '\u2009';
31
31
 
32
- const StoreModalBundleButton = ({
33
- bundle,
34
- onSelectSku,
35
- relay,
36
- ...rest
37
- }) => {
32
+ const StoreModalBundleButton = _ref => {
33
+ let {
34
+ bundle,
35
+ onSelectSku,
36
+ relay,
37
+ ...rest
38
+ } = _ref;
38
39
  if (!bundle.sku || !bundle.fontStyles) return null;
39
40
  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(bundle.sku.id));
40
41
 
@@ -35,11 +35,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
35
35
 
36
36
  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; }
37
37
 
38
- const StoreModalCart = ({
39
- prepared
40
- }) => {
38
+ const StoreModalCart = _ref => {
41
39
  var _order$stripePaymentM, _order$orderItems$len, _order$orderItems;
42
40
 
41
+ let {
42
+ prepared
43
+ } = _ref;
43
44
  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalCartQuery !== void 0 ? _StoreModalCartQuery : (_StoreModalCartQuery = require("../../__generated__/StoreModalCartQuery.graphql"), _StoreModalCartQuery.hash && _StoreModalCartQuery.hash !== "a76f4be622be27352ef69f7285573ef9" && 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);
44
45
  const dispatch = (0, _reactRedux.useDispatch)();
45
46
  const order = data.viewer.currentOrder;
@@ -50,13 +51,14 @@ const StoreModalCart = ({
50
51
  title: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, "Your cart", !orderHasItems && ' is empty'),
51
52
  body: order && orderHasItems ? /*#__PURE__*/_react.default.createElement(_CartState.default, {
52
53
  order: order
53
- }, ({
54
- onUpdateOrder,
55
- onSubmitCoupon,
56
- onRemoveDiscount
57
- }) => {
54
+ }, _ref2 => {
58
55
  var _order$orderItems2;
59
56
 
57
+ let {
58
+ onUpdateOrder,
59
+ onSubmitCoupon,
60
+ onRemoveDiscount
61
+ } = _ref2;
60
62
  return /*#__PURE__*/_react.default.createElement(_StoreModalCartLayout.default, {
61
63
  onClickCheckoutButton: () => dispatch({
62
64
  type: 'STORE_MODAL_NAVIGATE',
@@ -29,12 +29,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
29
29
 
30
30
  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; }
31
31
 
32
- const StoreModalCheckout = ({
33
- prepared,
34
- stripe
35
- }) => {
32
+ const StoreModalCheckout = _ref => {
36
33
  var _viewer$currentOrder, _viewer$currentOrder$, _config$form$checkbox, _config$form;
37
34
 
35
+ let {
36
+ prepared,
37
+ stripe
38
+ } = _ref;
38
39
  const data = (0, _reactRelay.usePreloadedQuery)(_StoreModalCheckoutQuery !== void 0 ? _StoreModalCheckoutQuery : (_StoreModalCheckoutQuery = require("../../__generated__/StoreModalCheckoutQuery.graphql"), _StoreModalCheckoutQuery.hash && _StoreModalCheckoutQuery.hash !== "25edafb70407a579c912a9f078f65534" && 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);
39
40
  const viewer = data.viewer;
40
41
  const dispatch = (0, _reactRedux.useDispatch)();
@@ -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,12 +35,15 @@ const plural = (count, singularString, pluralString) => {
35
35
  return `${count} ${str}`;
36
36
  };
37
37
 
38
- const StoreModalIndex = ({
39
- prepared
40
- }) => {
41
- var _viewer$rootCollectio, _viewer$rootCollectio2, _config$storeModal;
42
-
43
- const config = (0, _react.useContext)(_ConfigContext.default);
38
+ const StoreModalIndex = _ref => {
39
+ var _viewer$rootCollectio, _viewer$rootCollectio2;
40
+
41
+ let {
42
+ prepared
43
+ } = _ref;
44
+ const {
45
+ storeModal: config
46
+ } = (0, _react.useContext)(_ConfigContext.default);
44
47
  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
48
  const dispatch = (0, _reactRedux.useDispatch)();
46
49
  const viewer = data.viewer;
@@ -56,7 +59,6 @@ const StoreModalIndex = ({
56
59
  });
57
60
  };
58
61
 
59
- const indexLayout = (config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.indexLayout) || 'styled-aa';
60
62
  return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
61
63
  title: 'All collections',
62
64
  body: edges.map(edge => {
@@ -66,12 +68,12 @@ const StoreModalIndex = ({
66
68
  key: edge.node.id,
67
69
  onClick: handleClickProduct.bind(null, edge.node.id)
68
70
  }, {
69
- aa: indexLayout === 'styled-aa' && (edge.node.featureStyle ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, ((_edge$node$featureSty = edge.node.featureStyle.family) === null || _edge$node$featureSty === void 0 ? void 0 : _edge$node$featureSty.cssUrl) && /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
71
+ aa: config.indexLayout === 'styled-aa' && (edge.node.featureStyle ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, ((_edge$node$featureSty = edge.node.featureStyle.family) === null || _edge$node$featureSty === void 0 ? void 0 : _edge$node$featureSty.cssUrl) && /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
70
72
  href: edge.node.featureStyle.family.cssUrl
71
73
  }), /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
72
74
  fontStyle: edge.node.featureStyle
73
75
  }, "Aa")) : null),
74
- name: indexLayout === 'styled-font-names' ? edge.node.featureStyle && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, ((_edge$node$featureSty2 = edge.node.featureStyle.family) === null || _edge$node$featureSty2 === void 0 ? void 0 : _edge$node$featureSty2.cssUrl) && /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
76
+ name: config.indexLayout === 'styled-font-names' ? edge.node.featureStyle && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, ((_edge$node$featureSty2 = edge.node.featureStyle.family) === null || _edge$node$featureSty2 === void 0 ? void 0 : _edge$node$featureSty2.cssUrl) && /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
75
77
  href: edge.node.featureStyle.family.cssUrl
76
78
  }), /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
77
79
  fontStyle: edge.node.featureStyle
@@ -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;