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.
- package/dist/__generated__/TypeTestersIDQuery.graphql.js +103 -57
- package/dist/__generated__/TypeTestersSlugQuery.graphql.js +103 -57
- package/dist/__generated__/TypeTesters_collection.graphql.d.ts +3 -0
- package/dist/__generated__/TypeTesters_collection.graphql.js +20 -6
- package/dist/components/AddToCartBanner/index.js +6 -4
- package/dist/components/BuyButton/index.js +21 -17
- package/dist/components/BuyingOptions/index.js +10 -7
- package/dist/components/Cart/AddressFields.js +10 -7
- package/dist/components/Cart/CartItem/index.js +71 -53
- package/dist/components/Cart/CartOrder.js +18 -14
- package/dist/components/Cart/CartState.js +16 -13
- package/dist/components/Cart/CartTotals.js +65 -59
- package/dist/components/Cart/Checkout.js +30 -23
- package/dist/components/Cart/CustomerFields.js +7 -6
- package/dist/components/Cart/Download.js +11 -9
- package/dist/components/Cart/EmptyCart.js +5 -4
- package/dist/components/Cart/IdentityBox.js +27 -24
- package/dist/components/Cart/index.js +23 -17
- package/dist/components/CartButton/index.js +12 -9
- package/dist/components/CharacterViewer/index.js +65 -54
- package/dist/components/CollectionAa/index.js +15 -11
- package/dist/components/CookieNotification/index.js +46 -38
- package/dist/components/CouponText/index.js +6 -4
- package/dist/components/Family/FamilyList.js +23 -20
- package/dist/components/Family/index.js +11 -8
- package/dist/components/FontFamilies/index.js +15 -12
- package/dist/components/FontStyle/index.js +10 -9
- package/dist/components/FontdueProvider/index.js +7 -6
- package/dist/components/NewsletterSignup/index.js +12 -10
- package/dist/components/Precart/License.js +8 -7
- package/dist/components/Precart/index.js +16 -11
- package/dist/components/Price/index.js +34 -27
- package/dist/components/PriceBar/PriceBarSection.js +14 -11
- package/dist/components/PriceBar/index.js +2 -2
- package/dist/components/Root/index.js +4 -1
- package/dist/components/Root/productState.js +3 -2
- package/dist/components/SKUPrice/index.js +7 -6
- package/dist/components/Select/index.js +22 -15
- package/dist/components/SelectButton/index.js +15 -13
- package/dist/components/SelectField/index.js +27 -24
- package/dist/components/SpecimenLink/index.js +14 -11
- package/dist/components/StickyNav/index.js +16 -13
- package/dist/components/StoreModal/StoreModalBundleButton.js +7 -6
- package/dist/components/StoreModal/StoreModalCart.js +10 -8
- package/dist/components/StoreModal/StoreModalCheckout.js +5 -4
- package/dist/components/StoreModal/StoreModalContainer.js +4 -3
- package/dist/components/StoreModal/StoreModalDownload.js +5 -4
- package/dist/components/StoreModal/StoreModalFamily.js +5 -4
- package/dist/components/StoreModal/StoreModalFamilyButton.js +7 -6
- package/dist/components/StoreModal/StoreModalIndex.js +4 -3
- package/dist/components/StoreModal/StoreModalLoader.js +4 -3
- package/dist/components/StoreModal/StoreModalProduct.js +4 -3
- package/dist/components/StoreModal/StoreModalReview.js +11 -9
- package/dist/components/StoreModal/StoreModalReviewIdentity.js +6 -3
- package/dist/components/StoreModal/StoreModalStyleButton.js +7 -6
- package/dist/components/StoreModalProductLicenseSelection/ContainerElement.js +15 -12
- package/dist/components/StoreModalProductLicenseSelection/LicenseElement.js +9 -8
- package/dist/components/StoreModalProductLicenseSelection/LicenseVariableElement.js +31 -25
- package/dist/components/StoreModalProductLicenseSelection/LicenseVariableRadioElement.js +13 -10
- package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.js +22 -13
- package/dist/components/StoreModalProductLicenseSelection/index.js +12 -9
- package/dist/components/StoreModalProductSummary/index.js +10 -8
- package/dist/components/StripeProvider/index.js +5 -4
- package/dist/components/Stylesheet/index.js +4 -3
- package/dist/components/TestFontsForm/index.js +32 -25
- package/dist/components/TestModeBanner/index.js +9 -7
- package/dist/components/TextField/index.js +32 -29
- package/dist/components/ThemeConfig/index.js +9 -7
- package/dist/components/TypeTester/TypeTesterAlignButtons.js +5 -4
- package/dist/components/TypeTester/TypeTesterBullet.js +5 -4
- package/dist/components/TypeTester/TypeTesterContent.js +9 -8
- package/dist/components/TypeTester/TypeTesterContext.js +6 -5
- package/dist/components/TypeTester/TypeTesterEditAll.js +4 -3
- package/dist/components/TypeTester/TypeTesterFeatures.js +16 -10
- package/dist/components/TypeTester/TypeTesterFeaturesButton.js +18 -15
- package/dist/components/TypeTester/TypeTesterFitter.js +5 -4
- package/dist/components/TypeTester/TypeTesterFloatingToolbar.js +6 -5
- package/dist/components/TypeTester/TypeTesterInput.js +7 -6
- package/dist/components/TypeTester/TypeTesterSlider.js +15 -11
- package/dist/components/TypeTester/TypeTesterStandalone.js +18 -16
- package/dist/components/TypeTester/TypeTesterState.js +4 -3
- package/dist/components/TypeTester/TypeTesterStyleSelect.js +39 -26
- package/dist/components/TypeTester/TypeTesterStyleSelectData.js +7 -6
- package/dist/components/TypeTester/TypeTesterToolbar.js +6 -5
- package/dist/components/TypeTester/index.js +36 -29
- package/dist/components/TypeTester/useTypeTesterStyler.js +21 -19
- package/dist/components/TypeTesters/index.js +40 -34
- package/dist/components/VariableTableAmounts/index.js +5 -4
- package/dist/components/elements/Button/index.js +11 -8
- package/dist/components/elements/StoreModalCartLayout/index.js +29 -26
- package/dist/components/elements/StoreModalContainer/index.js +14 -13
- package/dist/components/elements/StoreModalDownloadLayout/index.js +17 -14
- package/dist/components/elements/StoreModalFamily/index.js +22 -19
- package/dist/components/elements/StoreModalFamilyButton/index.js +12 -11
- package/dist/components/elements/StoreModalIndexItem/index.js +9 -8
- package/dist/components/elements/StoreModalPageContainer/index.js +18 -15
- package/dist/components/elements/StoreModalReviewConfirm/index.js +9 -8
- package/dist/components/elements/StoreModalReviewItem/index.js +11 -8
- package/dist/components/elements/StoreModalReviewLayout/index.js +50 -47
- package/dist/components/elements/StoreModalStyleButton/index.js +10 -9
- package/dist/components/useFontStyle.js +6 -5
- package/dist/utils.js +3 -2
- package/dist/vanilla/FontStyle.js +10 -8
- package/fontdue.css +6 -0
- package/fontdue.css.map +1 -1
- 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
|
-
|
|
28
|
-
|
|
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
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
|
|
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
|
-
|
|
195
|
-
|
|
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
|
-
|
|
20
|
-
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
},
|
|
22
|
-
|
|
23
|
-
},
|
|
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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
}, "Select an option"), options.map(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
|
|
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
|
-
|
|
61
|
-
|
|
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
|
-
|
|
74
|
-
|
|
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
|
-
|
|
109
|
-
|
|
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
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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
|
-
|
|
64
|
-
|
|
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
|
-
|
|
89
|
-
|
|
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
|
-
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
37
|
-
|
|
38
|
-
}, "
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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
|
-
|
|
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: (
|
|
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
|
-
|
|
176
|
-
|
|
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
|
-
|
|
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
|
-
|
|
58
|
-
|
|
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
|
}
|