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
|
@@ -111,6 +111,9 @@ fragment TypeTesters_collection_12wzh on FontCollection {
|
|
|
111
111
|
id
|
|
112
112
|
...PriceBar_node @include(if: $includePriceBar)
|
|
113
113
|
}
|
|
114
|
+
parent {
|
|
115
|
+
id
|
|
116
|
+
}
|
|
114
117
|
}
|
|
115
118
|
*/
|
|
116
119
|
const node = function () {
|
|
@@ -156,28 +159,31 @@ const node = function () {
|
|
|
156
159
|
"name": "id",
|
|
157
160
|
"storageKey": null
|
|
158
161
|
},
|
|
159
|
-
v8 =
|
|
162
|
+
v8 = [v7
|
|
163
|
+
/*: any*/
|
|
164
|
+
],
|
|
165
|
+
v9 = {
|
|
160
166
|
"alias": null,
|
|
161
167
|
"args": null,
|
|
162
168
|
"kind": "ScalarField",
|
|
163
169
|
"name": "name",
|
|
164
170
|
"storageKey": null
|
|
165
171
|
},
|
|
166
|
-
|
|
172
|
+
v10 = {
|
|
167
173
|
"alias": null,
|
|
168
174
|
"args": null,
|
|
169
175
|
"kind": "ScalarField",
|
|
170
176
|
"name": "collectionType",
|
|
171
177
|
"storageKey": null
|
|
172
178
|
},
|
|
173
|
-
|
|
179
|
+
v11 = [{
|
|
174
180
|
"kind": "Literal",
|
|
175
181
|
"name": "licenseOptions",
|
|
176
182
|
"value": []
|
|
177
183
|
/*: any*/
|
|
178
184
|
|
|
179
185
|
}],
|
|
180
|
-
|
|
186
|
+
v12 = [{
|
|
181
187
|
"alias": null,
|
|
182
188
|
"args": null,
|
|
183
189
|
"kind": "ScalarField",
|
|
@@ -190,7 +196,7 @@ const node = function () {
|
|
|
190
196
|
"name": "currency",
|
|
191
197
|
"storageKey": null
|
|
192
198
|
}],
|
|
193
|
-
|
|
199
|
+
v13 = {
|
|
194
200
|
"alias": null,
|
|
195
201
|
"args": null,
|
|
196
202
|
"concreteType": "Sku",
|
|
@@ -201,77 +207,40 @@ const node = function () {
|
|
|
201
207
|
/*: any*/
|
|
202
208
|
, {
|
|
203
209
|
"alias": null,
|
|
204
|
-
"args":
|
|
210
|
+
"args": v11
|
|
205
211
|
/*: any*/
|
|
206
212
|
,
|
|
207
213
|
"concreteType": "Money",
|
|
208
214
|
"kind": "LinkedField",
|
|
209
215
|
"name": "price",
|
|
210
216
|
"plural": false,
|
|
211
|
-
"selections":
|
|
217
|
+
"selections": v12
|
|
212
218
|
/*: any*/
|
|
213
219
|
,
|
|
214
220
|
"storageKey": "price(licenseOptions:[])"
|
|
215
221
|
}],
|
|
216
222
|
"storageKey": null
|
|
217
223
|
},
|
|
218
|
-
|
|
224
|
+
v14 = {
|
|
219
225
|
"alias": null,
|
|
220
226
|
"args": null,
|
|
221
227
|
"kind": "ScalarField",
|
|
222
228
|
"name": "totalStyles",
|
|
223
229
|
"storageKey": null
|
|
224
230
|
},
|
|
225
|
-
|
|
231
|
+
v15 = {
|
|
226
232
|
"alias": null,
|
|
227
|
-
"args":
|
|
233
|
+
"args": v11
|
|
228
234
|
/*: any*/
|
|
229
235
|
,
|
|
230
236
|
"concreteType": "Money",
|
|
231
237
|
"kind": "LinkedField",
|
|
232
238
|
"name": "totalStylesPrice",
|
|
233
239
|
"plural": false,
|
|
234
|
-
"selections":
|
|
240
|
+
"selections": v12
|
|
235
241
|
/*: any*/
|
|
236
242
|
,
|
|
237
243
|
"storageKey": "totalStylesPrice(licenseOptions:[])"
|
|
238
|
-
},
|
|
239
|
-
v15 = {
|
|
240
|
-
"condition": "includePriceBar",
|
|
241
|
-
"kind": "Condition",
|
|
242
|
-
"passingValue": true,
|
|
243
|
-
"selections": [v8
|
|
244
|
-
/*: any*/
|
|
245
|
-
, v9
|
|
246
|
-
/*: any*/
|
|
247
|
-
, v12
|
|
248
|
-
/*: any*/
|
|
249
|
-
, v13
|
|
250
|
-
/*: any*/
|
|
251
|
-
, v14
|
|
252
|
-
/*: any*/
|
|
253
|
-
, {
|
|
254
|
-
"alias": null,
|
|
255
|
-
"args": null,
|
|
256
|
-
"concreteType": "FontCollection",
|
|
257
|
-
"kind": "LinkedField",
|
|
258
|
-
"name": "parent",
|
|
259
|
-
"plural": false,
|
|
260
|
-
"selections": [v7
|
|
261
|
-
/*: any*/
|
|
262
|
-
, v8
|
|
263
|
-
/*: any*/
|
|
264
|
-
, v9
|
|
265
|
-
/*: any*/
|
|
266
|
-
, v12
|
|
267
|
-
/*: any*/
|
|
268
|
-
, v13
|
|
269
|
-
/*: any*/
|
|
270
|
-
, v14
|
|
271
|
-
/*: any*/
|
|
272
|
-
],
|
|
273
|
-
"storageKey": null
|
|
274
|
-
}]
|
|
275
244
|
};
|
|
276
245
|
return {
|
|
277
246
|
"fragment": {
|
|
@@ -417,9 +386,9 @@ const node = function () {
|
|
|
417
386
|
"kind": "LinkedField",
|
|
418
387
|
"name": "family",
|
|
419
388
|
"plural": false,
|
|
420
|
-
"selections":
|
|
389
|
+
"selections": v8
|
|
421
390
|
/*: any*/
|
|
422
|
-
|
|
391
|
+
,
|
|
423
392
|
"storageKey": null
|
|
424
393
|
}, {
|
|
425
394
|
"alias": null,
|
|
@@ -484,13 +453,90 @@ const node = function () {
|
|
|
484
453
|
"plural": true,
|
|
485
454
|
"selections": [v7
|
|
486
455
|
/*: any*/
|
|
456
|
+
, {
|
|
457
|
+
"condition": "includePriceBar",
|
|
458
|
+
"kind": "Condition",
|
|
459
|
+
"passingValue": true,
|
|
460
|
+
"selections": [v9
|
|
461
|
+
/*: any*/
|
|
462
|
+
, v10
|
|
463
|
+
/*: any*/
|
|
464
|
+
, v13
|
|
465
|
+
/*: any*/
|
|
466
|
+
, v14
|
|
467
|
+
/*: any*/
|
|
468
|
+
, v15
|
|
469
|
+
/*: any*/
|
|
470
|
+
, {
|
|
471
|
+
"alias": null,
|
|
472
|
+
"args": null,
|
|
473
|
+
"concreteType": "FontCollection",
|
|
474
|
+
"kind": "LinkedField",
|
|
475
|
+
"name": "parent",
|
|
476
|
+
"plural": false,
|
|
477
|
+
"selections": [v7
|
|
478
|
+
/*: any*/
|
|
479
|
+
, v9
|
|
480
|
+
/*: any*/
|
|
481
|
+
, v10
|
|
482
|
+
/*: any*/
|
|
483
|
+
, v13
|
|
484
|
+
/*: any*/
|
|
485
|
+
, v14
|
|
486
|
+
/*: any*/
|
|
487
|
+
, v15
|
|
488
|
+
/*: any*/
|
|
489
|
+
],
|
|
490
|
+
"storageKey": null
|
|
491
|
+
}]
|
|
492
|
+
}],
|
|
493
|
+
"storageKey": "children(collectionTypes:[\"FAMILY\"])"
|
|
494
|
+
}, {
|
|
495
|
+
"alias": null,
|
|
496
|
+
"args": null,
|
|
497
|
+
"concreteType": "FontCollection",
|
|
498
|
+
"kind": "LinkedField",
|
|
499
|
+
"name": "parent",
|
|
500
|
+
"plural": false,
|
|
501
|
+
"selections": v8
|
|
502
|
+
/*: any*/
|
|
503
|
+
,
|
|
504
|
+
"storageKey": null
|
|
505
|
+
}, {
|
|
506
|
+
"condition": "includePriceBar",
|
|
507
|
+
"kind": "Condition",
|
|
508
|
+
"passingValue": true,
|
|
509
|
+
"selections": [v9
|
|
510
|
+
/*: any*/
|
|
511
|
+
, v10
|
|
512
|
+
/*: any*/
|
|
513
|
+
, v13
|
|
514
|
+
/*: any*/
|
|
515
|
+
, v14
|
|
516
|
+
/*: any*/
|
|
487
517
|
, v15
|
|
488
518
|
/*: any*/
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
519
|
+
, {
|
|
520
|
+
"alias": null,
|
|
521
|
+
"args": null,
|
|
522
|
+
"concreteType": "FontCollection",
|
|
523
|
+
"kind": "LinkedField",
|
|
524
|
+
"name": "parent",
|
|
525
|
+
"plural": false,
|
|
526
|
+
"selections": [v9
|
|
527
|
+
/*: any*/
|
|
528
|
+
, v10
|
|
529
|
+
/*: any*/
|
|
530
|
+
, v13
|
|
531
|
+
/*: any*/
|
|
532
|
+
, v14
|
|
533
|
+
/*: any*/
|
|
534
|
+
, v15
|
|
535
|
+
/*: any*/
|
|
536
|
+
],
|
|
537
|
+
"storageKey": null
|
|
538
|
+
}]
|
|
539
|
+
}],
|
|
494
540
|
"type": "FontCollection",
|
|
495
541
|
"abstractKey": null
|
|
496
542
|
}],
|
|
@@ -498,12 +544,12 @@ const node = function () {
|
|
|
498
544
|
}]
|
|
499
545
|
},
|
|
500
546
|
"params": {
|
|
501
|
-
"cacheID": "
|
|
547
|
+
"cacheID": "d23e8efdfdb2d93ae2c1c86a41de378b",
|
|
502
548
|
"id": null,
|
|
503
549
|
"metadata": {},
|
|
504
550
|
"name": "TypeTestersIDQuery",
|
|
505
551
|
"operationKind": "query",
|
|
506
|
-
"text": "query TypeTestersIDQuery(\n $collectionId: ID!\n $includePriceBar: Boolean!\n $tags: [String!]\n $excludeTags: [String!]\n) {\n collection: node(id: $collectionId) {\n __typename\n ...TypeTesters_collection_12wzh\n id\n }\n}\n\nfragment PriceBarSection_node on FontCollection {\n id\n name\n collectionType\n sku {\n ...SelectButton_sku_2AMk59\n id\n price(licenseOptions: []) {\n ...Price_price\n }\n }\n totalStyles\n totalStylesPrice(licenseOptions: []) {\n ...Price_price\n }\n}\n\nfragment PriceBar_node on FontCollection {\n ...PriceBarSection_node\n parent {\n ...PriceBarSection_node\n id\n }\n}\n\nfragment Price_price on Money {\n amount\n currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n id\n ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n fontFeatures {\n supportedFeatures\n stylisticSetNames {\n featureName\n humanName\n }\n }\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n id\n fontStyle {\n ...TypeTesterFeatures_fontStyle\n id\n }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n edges {\n node {\n id\n content\n size\n lineHeight\n direction\n fontStyle {\n id\n family {\n id\n }\n }\n ...TypeTesterFloatingToolbar_testers\n }\n }\n }\n typeTesterFeatures\n id\n ...PriceBar_node @include(if: $includePriceBar)\n families: children(collectionTypes: [FAMILY]) {\n id\n ...PriceBar_node @include(if: $includePriceBar)\n }\n}\n"
|
|
552
|
+
"text": "query TypeTestersIDQuery(\n $collectionId: ID!\n $includePriceBar: Boolean!\n $tags: [String!]\n $excludeTags: [String!]\n) {\n collection: node(id: $collectionId) {\n __typename\n ...TypeTesters_collection_12wzh\n id\n }\n}\n\nfragment PriceBarSection_node on FontCollection {\n id\n name\n collectionType\n sku {\n ...SelectButton_sku_2AMk59\n id\n price(licenseOptions: []) {\n ...Price_price\n }\n }\n totalStyles\n totalStylesPrice(licenseOptions: []) {\n ...Price_price\n }\n}\n\nfragment PriceBar_node on FontCollection {\n ...PriceBarSection_node\n parent {\n ...PriceBarSection_node\n id\n }\n}\n\nfragment Price_price on Money {\n amount\n currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n id\n ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n fontFeatures {\n supportedFeatures\n stylisticSetNames {\n featureName\n humanName\n }\n }\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n id\n fontStyle {\n ...TypeTesterFeatures_fontStyle\n id\n }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n edges {\n node {\n id\n content\n size\n lineHeight\n direction\n fontStyle {\n id\n family {\n id\n }\n }\n ...TypeTesterFloatingToolbar_testers\n }\n }\n }\n typeTesterFeatures\n id\n ...PriceBar_node @include(if: $includePriceBar)\n families: children(collectionTypes: [FAMILY]) {\n id\n ...PriceBar_node @include(if: $includePriceBar)\n }\n parent {\n id\n }\n}\n"
|
|
507
553
|
}
|
|
508
554
|
};
|
|
509
555
|
}();
|
|
@@ -116,6 +116,9 @@ fragment TypeTesters_collection_12wzh on FontCollection {
|
|
|
116
116
|
id
|
|
117
117
|
...PriceBar_node @include(if: $includePriceBar)
|
|
118
118
|
}
|
|
119
|
+
parent {
|
|
120
|
+
id
|
|
121
|
+
}
|
|
119
122
|
}
|
|
120
123
|
*/
|
|
121
124
|
const node = function () {
|
|
@@ -161,28 +164,31 @@ const node = function () {
|
|
|
161
164
|
"name": "id",
|
|
162
165
|
"storageKey": null
|
|
163
166
|
},
|
|
164
|
-
v8 =
|
|
167
|
+
v8 = [v7
|
|
168
|
+
/*: any*/
|
|
169
|
+
],
|
|
170
|
+
v9 = {
|
|
165
171
|
"alias": null,
|
|
166
172
|
"args": null,
|
|
167
173
|
"kind": "ScalarField",
|
|
168
174
|
"name": "name",
|
|
169
175
|
"storageKey": null
|
|
170
176
|
},
|
|
171
|
-
|
|
177
|
+
v10 = {
|
|
172
178
|
"alias": null,
|
|
173
179
|
"args": null,
|
|
174
180
|
"kind": "ScalarField",
|
|
175
181
|
"name": "collectionType",
|
|
176
182
|
"storageKey": null
|
|
177
183
|
},
|
|
178
|
-
|
|
184
|
+
v11 = [{
|
|
179
185
|
"kind": "Literal",
|
|
180
186
|
"name": "licenseOptions",
|
|
181
187
|
"value": []
|
|
182
188
|
/*: any*/
|
|
183
189
|
|
|
184
190
|
}],
|
|
185
|
-
|
|
191
|
+
v12 = [{
|
|
186
192
|
"alias": null,
|
|
187
193
|
"args": null,
|
|
188
194
|
"kind": "ScalarField",
|
|
@@ -195,7 +201,7 @@ const node = function () {
|
|
|
195
201
|
"name": "currency",
|
|
196
202
|
"storageKey": null
|
|
197
203
|
}],
|
|
198
|
-
|
|
204
|
+
v13 = {
|
|
199
205
|
"alias": null,
|
|
200
206
|
"args": null,
|
|
201
207
|
"concreteType": "Sku",
|
|
@@ -206,77 +212,40 @@ const node = function () {
|
|
|
206
212
|
/*: any*/
|
|
207
213
|
, {
|
|
208
214
|
"alias": null,
|
|
209
|
-
"args":
|
|
215
|
+
"args": v11
|
|
210
216
|
/*: any*/
|
|
211
217
|
,
|
|
212
218
|
"concreteType": "Money",
|
|
213
219
|
"kind": "LinkedField",
|
|
214
220
|
"name": "price",
|
|
215
221
|
"plural": false,
|
|
216
|
-
"selections":
|
|
222
|
+
"selections": v12
|
|
217
223
|
/*: any*/
|
|
218
224
|
,
|
|
219
225
|
"storageKey": "price(licenseOptions:[])"
|
|
220
226
|
}],
|
|
221
227
|
"storageKey": null
|
|
222
228
|
},
|
|
223
|
-
|
|
229
|
+
v14 = {
|
|
224
230
|
"alias": null,
|
|
225
231
|
"args": null,
|
|
226
232
|
"kind": "ScalarField",
|
|
227
233
|
"name": "totalStyles",
|
|
228
234
|
"storageKey": null
|
|
229
235
|
},
|
|
230
|
-
|
|
236
|
+
v15 = {
|
|
231
237
|
"alias": null,
|
|
232
|
-
"args":
|
|
238
|
+
"args": v11
|
|
233
239
|
/*: any*/
|
|
234
240
|
,
|
|
235
241
|
"concreteType": "Money",
|
|
236
242
|
"kind": "LinkedField",
|
|
237
243
|
"name": "totalStylesPrice",
|
|
238
244
|
"plural": false,
|
|
239
|
-
"selections":
|
|
245
|
+
"selections": v12
|
|
240
246
|
/*: any*/
|
|
241
247
|
,
|
|
242
248
|
"storageKey": "totalStylesPrice(licenseOptions:[])"
|
|
243
|
-
},
|
|
244
|
-
v15 = {
|
|
245
|
-
"condition": "includePriceBar",
|
|
246
|
-
"kind": "Condition",
|
|
247
|
-
"passingValue": true,
|
|
248
|
-
"selections": [v8
|
|
249
|
-
/*: any*/
|
|
250
|
-
, v9
|
|
251
|
-
/*: any*/
|
|
252
|
-
, v12
|
|
253
|
-
/*: any*/
|
|
254
|
-
, v13
|
|
255
|
-
/*: any*/
|
|
256
|
-
, v14
|
|
257
|
-
/*: any*/
|
|
258
|
-
, {
|
|
259
|
-
"alias": null,
|
|
260
|
-
"args": null,
|
|
261
|
-
"concreteType": "FontCollection",
|
|
262
|
-
"kind": "LinkedField",
|
|
263
|
-
"name": "parent",
|
|
264
|
-
"plural": false,
|
|
265
|
-
"selections": [v7
|
|
266
|
-
/*: any*/
|
|
267
|
-
, v8
|
|
268
|
-
/*: any*/
|
|
269
|
-
, v9
|
|
270
|
-
/*: any*/
|
|
271
|
-
, v12
|
|
272
|
-
/*: any*/
|
|
273
|
-
, v13
|
|
274
|
-
/*: any*/
|
|
275
|
-
, v14
|
|
276
|
-
/*: any*/
|
|
277
|
-
],
|
|
278
|
-
"storageKey": null
|
|
279
|
-
}]
|
|
280
249
|
};
|
|
281
250
|
return {
|
|
282
251
|
"fragment": {
|
|
@@ -444,9 +413,9 @@ const node = function () {
|
|
|
444
413
|
"kind": "LinkedField",
|
|
445
414
|
"name": "family",
|
|
446
415
|
"plural": false,
|
|
447
|
-
"selections":
|
|
416
|
+
"selections": v8
|
|
448
417
|
/*: any*/
|
|
449
|
-
|
|
418
|
+
,
|
|
450
419
|
"storageKey": null
|
|
451
420
|
}, {
|
|
452
421
|
"alias": null,
|
|
@@ -513,13 +482,90 @@ const node = function () {
|
|
|
513
482
|
"plural": true,
|
|
514
483
|
"selections": [v7
|
|
515
484
|
/*: any*/
|
|
485
|
+
, {
|
|
486
|
+
"condition": "includePriceBar",
|
|
487
|
+
"kind": "Condition",
|
|
488
|
+
"passingValue": true,
|
|
489
|
+
"selections": [v9
|
|
490
|
+
/*: any*/
|
|
491
|
+
, v10
|
|
492
|
+
/*: any*/
|
|
493
|
+
, v13
|
|
494
|
+
/*: any*/
|
|
495
|
+
, v14
|
|
496
|
+
/*: any*/
|
|
497
|
+
, v15
|
|
498
|
+
/*: any*/
|
|
499
|
+
, {
|
|
500
|
+
"alias": null,
|
|
501
|
+
"args": null,
|
|
502
|
+
"concreteType": "FontCollection",
|
|
503
|
+
"kind": "LinkedField",
|
|
504
|
+
"name": "parent",
|
|
505
|
+
"plural": false,
|
|
506
|
+
"selections": [v7
|
|
507
|
+
/*: any*/
|
|
508
|
+
, v9
|
|
509
|
+
/*: any*/
|
|
510
|
+
, v10
|
|
511
|
+
/*: any*/
|
|
512
|
+
, v13
|
|
513
|
+
/*: any*/
|
|
514
|
+
, v14
|
|
515
|
+
/*: any*/
|
|
516
|
+
, v15
|
|
517
|
+
/*: any*/
|
|
518
|
+
],
|
|
519
|
+
"storageKey": null
|
|
520
|
+
}]
|
|
521
|
+
}],
|
|
522
|
+
"storageKey": "children(collectionTypes:[\"FAMILY\"])"
|
|
523
|
+
}, {
|
|
524
|
+
"alias": null,
|
|
525
|
+
"args": null,
|
|
526
|
+
"concreteType": "FontCollection",
|
|
527
|
+
"kind": "LinkedField",
|
|
528
|
+
"name": "parent",
|
|
529
|
+
"plural": false,
|
|
530
|
+
"selections": v8
|
|
531
|
+
/*: any*/
|
|
532
|
+
,
|
|
533
|
+
"storageKey": null
|
|
534
|
+
}, {
|
|
535
|
+
"condition": "includePriceBar",
|
|
536
|
+
"kind": "Condition",
|
|
537
|
+
"passingValue": true,
|
|
538
|
+
"selections": [v9
|
|
539
|
+
/*: any*/
|
|
540
|
+
, v10
|
|
541
|
+
/*: any*/
|
|
542
|
+
, v13
|
|
543
|
+
/*: any*/
|
|
544
|
+
, v14
|
|
545
|
+
/*: any*/
|
|
516
546
|
, v15
|
|
517
547
|
/*: any*/
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
548
|
+
, {
|
|
549
|
+
"alias": null,
|
|
550
|
+
"args": null,
|
|
551
|
+
"concreteType": "FontCollection",
|
|
552
|
+
"kind": "LinkedField",
|
|
553
|
+
"name": "parent",
|
|
554
|
+
"plural": false,
|
|
555
|
+
"selections": [v9
|
|
556
|
+
/*: any*/
|
|
557
|
+
, v10
|
|
558
|
+
/*: any*/
|
|
559
|
+
, v13
|
|
560
|
+
/*: any*/
|
|
561
|
+
, v14
|
|
562
|
+
/*: any*/
|
|
563
|
+
, v15
|
|
564
|
+
/*: any*/
|
|
565
|
+
],
|
|
566
|
+
"storageKey": null
|
|
567
|
+
}]
|
|
568
|
+
}],
|
|
523
569
|
"storageKey": null
|
|
524
570
|
}, v7
|
|
525
571
|
/*: any*/
|
|
@@ -532,12 +578,12 @@ const node = function () {
|
|
|
532
578
|
}]
|
|
533
579
|
},
|
|
534
580
|
"params": {
|
|
535
|
-
"cacheID": "
|
|
581
|
+
"cacheID": "5328793dd1b6cba8d77d87463d3d2228",
|
|
536
582
|
"id": null,
|
|
537
583
|
"metadata": {},
|
|
538
584
|
"name": "TypeTestersSlugQuery",
|
|
539
585
|
"operationKind": "query",
|
|
540
|
-
"text": "query TypeTestersSlugQuery(\n $collectionSlug: String!\n $includePriceBar: Boolean!\n $tags: [String!]\n $excludeTags: [String!]\n) {\n viewer {\n slug(name: $collectionSlug) {\n collection: fontCollection {\n ...TypeTesters_collection_12wzh\n id\n }\n id\n }\n id\n }\n}\n\nfragment PriceBarSection_node on FontCollection {\n id\n name\n collectionType\n sku {\n ...SelectButton_sku_2AMk59\n id\n price(licenseOptions: []) {\n ...Price_price\n }\n }\n totalStyles\n totalStylesPrice(licenseOptions: []) {\n ...Price_price\n }\n}\n\nfragment PriceBar_node on FontCollection {\n ...PriceBarSection_node\n parent {\n ...PriceBarSection_node\n id\n }\n}\n\nfragment Price_price on Money {\n amount\n currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n id\n ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n fontFeatures {\n supportedFeatures\n stylisticSetNames {\n featureName\n humanName\n }\n }\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n id\n fontStyle {\n ...TypeTesterFeatures_fontStyle\n id\n }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n edges {\n node {\n id\n content\n size\n lineHeight\n direction\n fontStyle {\n id\n family {\n id\n }\n }\n ...TypeTesterFloatingToolbar_testers\n }\n }\n }\n typeTesterFeatures\n id\n ...PriceBar_node @include(if: $includePriceBar)\n families: children(collectionTypes: [FAMILY]) {\n id\n ...PriceBar_node @include(if: $includePriceBar)\n }\n}\n"
|
|
586
|
+
"text": "query TypeTestersSlugQuery(\n $collectionSlug: String!\n $includePriceBar: Boolean!\n $tags: [String!]\n $excludeTags: [String!]\n) {\n viewer {\n slug(name: $collectionSlug) {\n collection: fontCollection {\n ...TypeTesters_collection_12wzh\n id\n }\n id\n }\n id\n }\n}\n\nfragment PriceBarSection_node on FontCollection {\n id\n name\n collectionType\n sku {\n ...SelectButton_sku_2AMk59\n id\n price(licenseOptions: []) {\n ...Price_price\n }\n }\n totalStyles\n totalStylesPrice(licenseOptions: []) {\n ...Price_price\n }\n}\n\nfragment PriceBar_node on FontCollection {\n ...PriceBarSection_node\n parent {\n ...PriceBarSection_node\n id\n }\n}\n\nfragment Price_price on Money {\n amount\n currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n id\n ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n fontFeatures {\n supportedFeatures\n stylisticSetNames {\n featureName\n humanName\n }\n }\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n id\n fontStyle {\n ...TypeTesterFeatures_fontStyle\n id\n }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n edges {\n node {\n id\n content\n size\n lineHeight\n direction\n fontStyle {\n id\n family {\n id\n }\n }\n ...TypeTesterFloatingToolbar_testers\n }\n }\n }\n typeTesterFeatures\n id\n ...PriceBar_node @include(if: $includePriceBar)\n families: children(collectionTypes: [FAMILY]) {\n id\n ...PriceBar_node @include(if: $includePriceBar)\n }\n parent {\n id\n }\n}\n"
|
|
541
587
|
}
|
|
542
588
|
};
|
|
543
589
|
}();
|
|
@@ -25,6 +25,9 @@ export declare type TypeTesters_collection = {
|
|
|
25
25
|
readonly id: string;
|
|
26
26
|
readonly " $fragmentRefs": FragmentRefs<"PriceBar_node">;
|
|
27
27
|
}> | null;
|
|
28
|
+
readonly parent: {
|
|
29
|
+
readonly id: string;
|
|
30
|
+
} | null;
|
|
28
31
|
readonly " $fragmentRefs": FragmentRefs<"PriceBar_node">;
|
|
29
32
|
readonly " $refType": "TypeTesters_collection";
|
|
30
33
|
};
|
|
@@ -17,7 +17,10 @@ const node = function () {
|
|
|
17
17
|
"name": "id",
|
|
18
18
|
"storageKey": null
|
|
19
19
|
},
|
|
20
|
-
v1 =
|
|
20
|
+
v1 = [v0
|
|
21
|
+
/*: any*/
|
|
22
|
+
],
|
|
23
|
+
v2 = {
|
|
21
24
|
"condition": "includePriceBar",
|
|
22
25
|
"kind": "Condition",
|
|
23
26
|
"passingValue": true,
|
|
@@ -119,9 +122,9 @@ const node = function () {
|
|
|
119
122
|
"kind": "LinkedField",
|
|
120
123
|
"name": "family",
|
|
121
124
|
"plural": false,
|
|
122
|
-
"selections":
|
|
125
|
+
"selections": v1
|
|
123
126
|
/*: any*/
|
|
124
|
-
|
|
127
|
+
,
|
|
125
128
|
"storageKey": null
|
|
126
129
|
}],
|
|
127
130
|
"storageKey": null
|
|
@@ -156,11 +159,22 @@ const node = function () {
|
|
|
156
159
|
"plural": true,
|
|
157
160
|
"selections": [v0
|
|
158
161
|
/*: any*/
|
|
159
|
-
,
|
|
162
|
+
, v2
|
|
160
163
|
/*: any*/
|
|
161
164
|
],
|
|
162
165
|
"storageKey": "children(collectionTypes:[\"FAMILY\"])"
|
|
163
|
-
},
|
|
166
|
+
}, {
|
|
167
|
+
"alias": null,
|
|
168
|
+
"args": null,
|
|
169
|
+
"concreteType": "FontCollection",
|
|
170
|
+
"kind": "LinkedField",
|
|
171
|
+
"name": "parent",
|
|
172
|
+
"plural": false,
|
|
173
|
+
"selections": v1
|
|
174
|
+
/*: any*/
|
|
175
|
+
,
|
|
176
|
+
"storageKey": null
|
|
177
|
+
}, v2
|
|
164
178
|
/*: any*/
|
|
165
179
|
],
|
|
166
180
|
"type": "FontCollection",
|
|
@@ -168,6 +182,6 @@ const node = function () {
|
|
|
168
182
|
};
|
|
169
183
|
}();
|
|
170
184
|
|
|
171
|
-
node.hash = '
|
|
185
|
+
node.hash = '4ff9e6c40559c9747603613a550fc10b';
|
|
172
186
|
var _default = node;
|
|
173
187
|
exports.default = _default;
|
|
@@ -111,10 +111,12 @@ const AddToCartBannerQueryRenderer = params => {
|
|
|
111
111
|
return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
|
|
112
112
|
environment: environment,
|
|
113
113
|
query: _AddToCartBannerQuery !== void 0 ? _AddToCartBannerQuery : (_AddToCartBannerQuery = require("../../__generated__/AddToCartBannerQuery.graphql"), _AddToCartBannerQuery.hash && _AddToCartBannerQuery.hash !== "0ece6678652384f7938caf18b2a40be9" && console.error("The definition of 'AddToCartBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBannerQuery),
|
|
114
|
-
render:
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
114
|
+
render: _ref => {
|
|
115
|
+
let {
|
|
116
|
+
error,
|
|
117
|
+
props
|
|
118
|
+
} = _ref;
|
|
119
|
+
|
|
118
120
|
if (error) {
|
|
119
121
|
console.error(error);
|
|
120
122
|
return null;
|
|
@@ -25,10 +25,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
25
25
|
|
|
26
26
|
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); }
|
|
27
27
|
|
|
28
|
-
const BuyButtonBase =
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
const BuyButtonBase = _ref => {
|
|
29
|
+
let {
|
|
30
|
+
collection,
|
|
31
|
+
collectionName
|
|
32
|
+
} = _ref;
|
|
32
33
|
const store = (0, _reactRedux.useStore)();
|
|
33
34
|
const components = (0, _react.useContext)(_ComponentsContext.default);
|
|
34
35
|
const dispatch = (0, _reactRedux.useDispatch)();
|
|
@@ -73,11 +74,12 @@ const BuyButton = (0, _reactRelay.createFragmentContainer)(BuyButtonBase, {
|
|
|
73
74
|
collection: _BuyButton_collection !== void 0 ? _BuyButton_collection : (_BuyButton_collection = require("../../__generated__/BuyButton_collection.graphql"), _BuyButton_collection.hash && _BuyButton_collection.hash !== "9c47030d7450494449d4aa5bda16e27e" && console.error("The definition of 'BuyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButton_collection)
|
|
74
75
|
});
|
|
75
76
|
|
|
76
|
-
const BuyButtonQueryRenderer =
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
77
|
+
const BuyButtonQueryRenderer = _ref2 => {
|
|
78
|
+
let {
|
|
79
|
+
collectionId,
|
|
80
|
+
collectionSlug,
|
|
81
|
+
...rest
|
|
82
|
+
} = _ref2;
|
|
81
83
|
const environment = (0, _reactRelay.useRelayEnvironment)();
|
|
82
84
|
|
|
83
85
|
if (collectionId) {
|
|
@@ -87,10 +89,11 @@ const BuyButtonQueryRenderer = ({
|
|
|
87
89
|
variables: {
|
|
88
90
|
collectionId
|
|
89
91
|
},
|
|
90
|
-
render:
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
92
|
+
render: _ref3 => {
|
|
93
|
+
let {
|
|
94
|
+
error,
|
|
95
|
+
props
|
|
96
|
+
} = _ref3;
|
|
94
97
|
if (error || !props) return null;
|
|
95
98
|
return /*#__PURE__*/_react.default.createElement(BuyButton, _extends({}, rest, props));
|
|
96
99
|
}
|
|
@@ -104,12 +107,13 @@ const BuyButtonQueryRenderer = ({
|
|
|
104
107
|
variables: {
|
|
105
108
|
collectionSlug
|
|
106
109
|
},
|
|
107
|
-
render:
|
|
108
|
-
error,
|
|
109
|
-
props
|
|
110
|
-
}) => {
|
|
110
|
+
render: _ref4 => {
|
|
111
111
|
var _props$viewer$slug$co, _props$viewer, _props$viewer$slug;
|
|
112
112
|
|
|
113
|
+
let {
|
|
114
|
+
error,
|
|
115
|
+
props
|
|
116
|
+
} = _ref4;
|
|
113
117
|
if (error || !props) return null;
|
|
114
118
|
return /*#__PURE__*/_react.default.createElement(BuyButton, _extends({}, rest, {
|
|
115
119
|
collection: (_props$viewer$slug$co = (_props$viewer = props.viewer) === null || _props$viewer === void 0 ? void 0 : (_props$viewer$slug = _props$viewer.slug) === null || _props$viewer$slug === void 0 ? void 0 : _props$viewer$slug.collection) !== null && _props$viewer$slug$co !== void 0 ? _props$viewer$slug$co : null
|