fontdue-js 2.14.0 → 2.15.0-alpha1

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 (33) hide show
  1. package/dist/__generated__/ShareCartCreateSnapshotMutation.graphql.d.ts +22 -0
  2. package/dist/__generated__/ShareCartCreateSnapshotMutation.graphql.js +84 -0
  3. package/dist/__generated__/StoreModalCartQuery.graphql.d.ts +4 -1
  4. package/dist/__generated__/StoreModalCartQuery.graphql.js +62 -53
  5. package/dist/components/AddToCartBanner/index.js +1 -1
  6. package/dist/components/Cart/CartOrder.d.ts +2 -3
  7. package/dist/components/Cart/CartOrder.js +3 -4
  8. package/dist/components/Cart/CartTotals.js +1 -83
  9. package/dist/components/Cart/Download.js +6 -11
  10. package/dist/components/Cart/EmptyCart.d.ts +2 -3
  11. package/dist/components/Cart/EmptyCart.js +1 -2
  12. package/dist/components/Cart/ShareCart.d.ts +2 -0
  13. package/dist/components/Cart/ShareCart.js +89 -0
  14. package/dist/components/Cart/index.js +10 -16
  15. package/dist/components/CartButton/index.js +0 -14
  16. package/dist/components/ComponentsContext.d.ts +1 -1
  17. package/dist/components/CookieNotification/index.js +10 -16
  18. package/dist/components/FontStyle/index.d.ts +1 -1
  19. package/dist/components/SKUPrice/index.js +1 -1
  20. package/dist/components/SelectField/index.js +2 -1
  21. package/dist/components/StoreModal/StoreModalCart.js +6 -2
  22. package/dist/components/StoreModal/index.js +18 -0
  23. package/dist/components/StripeProvider/index.d.ts +2 -2
  24. package/dist/components/TypeTester/useTypeTesterStyler.d.ts +1 -1
  25. package/dist/components/elements/StoreModalCartLayout/index.d.ts +1 -0
  26. package/dist/components/elements/StoreModalCartLayout/index.js +4 -1
  27. package/dist/components/elements/StoreModalFamily/index.d.ts +4 -4
  28. package/dist/components/useInterval.js +1 -1
  29. package/dist/fontdue.css +6 -6
  30. package/dist/hooks.d.ts +1 -1
  31. package/dist/reducer.d.ts +1 -1
  32. package/package.json +16 -19
  33. package/types/jsx-fix.d.ts +8 -0
@@ -0,0 +1,22 @@
1
+ /**
2
+ * @generated SignedSource<<1098ef74ac6350f030bc7ff99a3f1606>>
3
+ * @lightSyntaxTransform
4
+ * @nogrep
5
+ */
6
+ import { ConcreteRequest } from 'relay-runtime';
7
+ export type ShareCartCreateSnapshotMutation$variables = Record<PropertyKey, never>;
8
+ export type ShareCartCreateSnapshotMutation$data = {
9
+ readonly createOrderSnapshot: {
10
+ readonly orderSnapshot: {
11
+ readonly id: string | null;
12
+ readonly quotePdfUrl: string | null;
13
+ readonly shareUrl: string | null;
14
+ } | null;
15
+ } | null;
16
+ };
17
+ export type ShareCartCreateSnapshotMutation = {
18
+ response: ShareCartCreateSnapshotMutation$data;
19
+ variables: ShareCartCreateSnapshotMutation$variables;
20
+ };
21
+ declare const node: ConcreteRequest;
22
+ export default node;
@@ -0,0 +1,84 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ /**
8
+ * @generated SignedSource<<1098ef74ac6350f030bc7ff99a3f1606>>
9
+ * @lightSyntaxTransform
10
+ * @nogrep
11
+ */
12
+
13
+ /* tslint:disable */
14
+ /* eslint-disable */
15
+ // @ts-nocheck
16
+
17
+ const node = function () {
18
+ var v0 = [{
19
+ "alias": null,
20
+ "args": null,
21
+ "concreteType": "CreateOrderSnapshotPayload",
22
+ "kind": "LinkedField",
23
+ "name": "createOrderSnapshot",
24
+ "plural": false,
25
+ "selections": [{
26
+ "alias": null,
27
+ "args": null,
28
+ "concreteType": "OrderSnapshot",
29
+ "kind": "LinkedField",
30
+ "name": "orderSnapshot",
31
+ "plural": false,
32
+ "selections": [{
33
+ "alias": null,
34
+ "args": null,
35
+ "kind": "ScalarField",
36
+ "name": "id",
37
+ "storageKey": null
38
+ }, {
39
+ "alias": null,
40
+ "args": null,
41
+ "kind": "ScalarField",
42
+ "name": "quotePdfUrl",
43
+ "storageKey": null
44
+ }, {
45
+ "alias": null,
46
+ "args": null,
47
+ "kind": "ScalarField",
48
+ "name": "shareUrl",
49
+ "storageKey": null
50
+ }],
51
+ "storageKey": null
52
+ }],
53
+ "storageKey": null
54
+ }];
55
+ return {
56
+ "fragment": {
57
+ "argumentDefinitions": [],
58
+ "kind": "Fragment",
59
+ "metadata": null,
60
+ "name": "ShareCartCreateSnapshotMutation",
61
+ "selections": v0 /*: any*/,
62
+ "type": "RootMutationType",
63
+ "abstractKey": null
64
+ },
65
+ "kind": "Request",
66
+ "operation": {
67
+ "argumentDefinitions": [],
68
+ "kind": "Operation",
69
+ "name": "ShareCartCreateSnapshotMutation",
70
+ "selections": v0 /*: any*/
71
+ },
72
+ "params": {
73
+ "cacheID": "81c5384617fee794782b3d86bfd3b53e",
74
+ "id": null,
75
+ "metadata": {},
76
+ "name": "ShareCartCreateSnapshotMutation",
77
+ "operationKind": "mutation",
78
+ "text": "mutation ShareCartCreateSnapshotMutation {\n createOrderSnapshot {\n orderSnapshot {\n id\n quotePdfUrl\n shareUrl\n }\n }\n}\n"
79
+ }
80
+ };
81
+ }();
82
+ node.hash = "320cfd27011ff030005b0ca1cf90adf7";
83
+ var _default = node;
84
+ exports.default = _default;
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @generated SignedSource<<58dca8131ed8ed3028757361fc2c5bc7>>
2
+ * @generated SignedSource<<06a3addceb553dbeade6359c5864ac00>>
3
3
  * @lightSyntaxTransform
4
4
  * @nogrep
5
5
  */
@@ -29,6 +29,9 @@ export type StoreModalCartQuery$data = {
29
29
  readonly stripePaymentMethod: {
30
30
  readonly id: string | null;
31
31
  } | null;
32
+ readonly total: {
33
+ readonly amount: number;
34
+ } | null;
32
35
  readonly " $fragmentSpreads": FragmentRefs<"CartState_order" | "CartTotals_order" | "StoreModalUnifiedCheckout_order">;
33
36
  } | null;
34
37
  readonly " $fragmentSpreads": FragmentRefs<"OrderVariableSelection_variables" | "StoreModalOrderVariableSelection_viewer" | "StoreModalUnifiedCheckout_viewer" | "StripeProvider_viewer">;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  /**
8
- * @generated SignedSource<<58dca8131ed8ed3028757361fc2c5bc7>>
8
+ * @generated SignedSource<<06a3addceb553dbeade6359c5864ac00>>
9
9
  * @lightSyntaxTransform
10
10
  * @nogrep
11
11
  */
@@ -26,54 +26,54 @@ const node = function () {
26
26
  "alias": null,
27
27
  "args": null,
28
28
  "kind": "ScalarField",
29
- "name": "variableType",
29
+ "name": "amount",
30
30
  "storageKey": null
31
31
  },
32
32
  v2 = {
33
+ "alias": null,
34
+ "args": null,
35
+ "kind": "ScalarField",
36
+ "name": "variableType",
37
+ "storageKey": null
38
+ },
39
+ v3 = {
33
40
  "alias": null,
34
41
  "args": null,
35
42
  "kind": "ScalarField",
36
43
  "name": "variableText",
37
44
  "storageKey": null
38
45
  },
39
- v3 = [v0 /*: any*/],
40
- v4 = {
46
+ v4 = [v0 /*: any*/],
47
+ v5 = {
41
48
  "alias": null,
42
49
  "args": null,
43
50
  "concreteType": "StripePaymentMethod",
44
51
  "kind": "LinkedField",
45
52
  "name": "stripePaymentMethod",
46
53
  "plural": false,
47
- "selections": v3 /*: any*/,
54
+ "selections": v4 /*: any*/,
48
55
  "storageKey": null
49
56
  },
50
- v5 = {
57
+ v6 = {
51
58
  "alias": null,
52
59
  "args": null,
53
60
  "kind": "ScalarField",
54
61
  "name": "name",
55
62
  "storageKey": null
56
63
  },
57
- v6 = [v5 /*: any*/],
58
- v7 = {
64
+ v7 = [v6 /*: any*/],
65
+ v8 = {
59
66
  "alias": null,
60
67
  "args": null,
61
68
  "kind": "ScalarField",
62
69
  "name": "cssFamily",
63
70
  "storageKey": null
64
71
  },
65
- v8 = [{
72
+ v9 = [{
66
73
  "kind": "Literal",
67
74
  "name": "format",
68
75
  "value": "HTML"
69
76
  }],
70
- v9 = {
71
- "alias": null,
72
- "args": null,
73
- "kind": "ScalarField",
74
- "name": "amount",
75
- "storageKey": null
76
- },
77
77
  v10 = {
78
78
  "alias": null,
79
79
  "args": null,
@@ -83,12 +83,12 @@ const node = function () {
83
83
  },
84
84
  v11 = {
85
85
  "alias": null,
86
- "args": v8 /*: any*/,
86
+ "args": v9 /*: any*/,
87
87
  "kind": "ScalarField",
88
88
  "name": "description",
89
89
  "storageKey": "description(format:\"HTML\")"
90
90
  },
91
- v12 = [v0 /*: any*/, v9 /*: any*/],
91
+ v12 = [v0 /*: any*/, v1 /*: any*/],
92
92
  v13 = {
93
93
  "alias": null,
94
94
  "args": null,
@@ -96,10 +96,10 @@ const node = function () {
96
96
  "kind": "LinkedField",
97
97
  "name": "licenseOptions",
98
98
  "plural": true,
99
- "selections": v3 /*: any*/,
99
+ "selections": v4 /*: any*/,
100
100
  "storageKey": null
101
101
  },
102
- v14 = [v9 /*: any*/, v10 /*: any*/],
102
+ v14 = [v1 /*: any*/, v10 /*: any*/],
103
103
  v15 = {
104
104
  "alias": null,
105
105
  "args": null,
@@ -149,7 +149,7 @@ const node = function () {
149
149
  "kind": "ScalarField",
150
150
  "name": "vatNumber",
151
151
  "storageKey": null
152
- }, v5 /*: any*/, {
152
+ }, v6 /*: any*/, {
153
153
  "alias": null,
154
154
  "args": null,
155
155
  "kind": "ScalarField",
@@ -241,6 +241,15 @@ const node = function () {
241
241
  "kind": "FragmentSpread",
242
242
  "name": "StoreModalUnifiedCheckout_order"
243
243
  }, v0 /*: any*/, {
244
+ "alias": null,
245
+ "args": null,
246
+ "concreteType": "Money",
247
+ "kind": "LinkedField",
248
+ "name": "total",
249
+ "plural": false,
250
+ "selections": [v1 /*: any*/],
251
+ "storageKey": null
252
+ }, {
244
253
  "alias": null,
245
254
  "args": null,
246
255
  "concreteType": "OrderItem",
@@ -265,9 +274,9 @@ const node = function () {
265
274
  "kind": "LinkedField",
266
275
  "name": "licenseVariable",
267
276
  "plural": false,
268
- "selections": [v1 /*: any*/],
277
+ "selections": [v2 /*: any*/],
269
278
  "storageKey": null
270
- }, v2 /*: any*/],
279
+ }, v3 /*: any*/],
271
280
  "storageKey": null
272
281
  }],
273
282
  "storageKey": null
@@ -278,16 +287,16 @@ const node = function () {
278
287
  "kind": "LinkedField",
279
288
  "name": "discount",
280
289
  "plural": false,
281
- "selections": v3 /*: any*/,
290
+ "selections": v4 /*: any*/,
282
291
  "storageKey": null
283
- }, v4 /*: any*/, {
292
+ }, v5 /*: any*/, {
284
293
  "alias": null,
285
294
  "args": null,
286
295
  "concreteType": "Identity",
287
296
  "kind": "LinkedField",
288
297
  "name": "billingIdentity",
289
298
  "plural": false,
290
- "selections": v6 /*: any*/,
299
+ "selections": v7 /*: any*/,
291
300
  "storageKey": null
292
301
  }],
293
302
  "storageKey": null
@@ -329,7 +338,7 @@ const node = function () {
329
338
  "kind": "LinkedField",
330
339
  "name": "uiFontStyle",
331
340
  "plural": false,
332
- "selections": [v5 /*: any*/, v7 /*: any*/, {
341
+ "selections": [v6 /*: any*/, v8 /*: any*/, {
333
342
  "alias": null,
334
343
  "args": null,
335
344
  "concreteType": "WebfontSource",
@@ -354,7 +363,7 @@ const node = function () {
354
363
  "storageKey": null
355
364
  }, {
356
365
  "alias": null,
357
- "args": v8 /*: any*/,
366
+ "args": v9 /*: any*/,
358
367
  "kind": "ScalarField",
359
368
  "name": "storeModalSelectOrderVariablesLabel",
360
369
  "storageKey": "storeModalSelectOrderVariablesLabel(format:\"HTML\")"
@@ -366,13 +375,13 @@ const node = function () {
366
375
  "storageKey": null
367
376
  }, {
368
377
  "alias": null,
369
- "args": v8 /*: any*/,
378
+ "args": v9 /*: any*/,
370
379
  "kind": "ScalarField",
371
380
  "name": "eulaAgreementLabel",
372
381
  "storageKey": "eulaAgreementLabel(format:\"HTML\")"
373
382
  }, {
374
383
  "alias": null,
375
- "args": v8 /*: any*/,
384
+ "args": v9 /*: any*/,
376
385
  "kind": "ScalarField",
377
386
  "name": "storeModalSelectLicenseeLabel",
378
387
  "storageKey": "storeModalSelectLicenseeLabel(format:\"HTML\")"
@@ -431,7 +440,7 @@ const node = function () {
431
440
  "kind": "ScalarField",
432
441
  "name": "clientSecret",
433
442
  "storageKey": null
434
- }, v9 /*: any*/, v10 /*: any*/],
443
+ }, v1 /*: any*/, v10 /*: any*/],
435
444
  "storageKey": null
436
445
  }, v0 /*: any*/, {
437
446
  "alias": null,
@@ -447,7 +456,7 @@ const node = function () {
447
456
  "kind": "LinkedField",
448
457
  "name": "orderVariable",
449
458
  "plural": false,
450
- "selections": [v0 /*: any*/, v5 /*: any*/, v1 /*: any*/, v11 /*: any*/],
459
+ "selections": [v0 /*: any*/, v6 /*: any*/, v2 /*: any*/, v11 /*: any*/],
451
460
  "storageKey": null
452
461
  }, {
453
462
  "alias": null,
@@ -481,7 +490,7 @@ const node = function () {
481
490
  "kind": "LinkedField",
482
491
  "name": "license",
483
492
  "plural": false,
484
- "selections": [v0 /*: any*/, v5 /*: any*/, {
493
+ "selections": [v0 /*: any*/, v6 /*: any*/, {
485
494
  "alias": null,
486
495
  "args": null,
487
496
  "concreteType": "LicenseVariable",
@@ -495,7 +504,7 @@ const node = function () {
495
504
  "kind": "LinkedField",
496
505
  "name": "licenseOptions",
497
506
  "plural": true,
498
- "selections": [v0 /*: any*/, v5 /*: any*/, v9 /*: any*/],
507
+ "selections": [v0 /*: any*/, v6 /*: any*/, v1 /*: any*/],
499
508
  "storageKey": null
500
509
  }],
501
510
  "storageKey": null
@@ -514,7 +523,7 @@ const node = function () {
514
523
  "kind": "ScalarField",
515
524
  "name": "units",
516
525
  "storageKey": null
517
- }, v5 /*: any*/, v1 /*: any*/, v13 /*: any*/],
526
+ }, v6 /*: any*/, v2 /*: any*/, v13 /*: any*/],
518
527
  "storageKey": null
519
528
  }, {
520
529
  "alias": null,
@@ -529,9 +538,9 @@ const node = function () {
529
538
  "kind": "ScalarField",
530
539
  "name": "amounts",
531
540
  "storageKey": null
532
- }, v5 /*: any*/, v9 /*: any*/],
541
+ }, v6 /*: any*/, v1 /*: any*/],
533
542
  "storageKey": null
534
- }, v2 /*: any*/, v0 /*: any*/],
543
+ }, v3 /*: any*/, v0 /*: any*/],
535
544
  "storageKey": null
536
545
  }, v15 /*: any*/, {
537
546
  "alias": null,
@@ -565,7 +574,7 @@ const node = function () {
565
574
  "kind": "LinkedField",
566
575
  "name": "featureStyle",
567
576
  "plural": false,
568
- "selections": [v7 /*: any*/, v5 /*: any*/, v0 /*: any*/, {
577
+ "selections": [v8 /*: any*/, v6 /*: any*/, v0 /*: any*/, {
569
578
  "alias": null,
570
579
  "args": null,
571
580
  "concreteType": "FontCollection",
@@ -576,7 +585,7 @@ const node = function () {
576
585
  "storageKey": null
577
586
  }],
578
587
  "storageKey": null
579
- }, v5 /*: any*/, {
588
+ }, v6 /*: any*/, {
580
589
  "alias": null,
581
590
  "args": null,
582
591
  "kind": "ScalarField",
@@ -600,21 +609,21 @@ const node = function () {
600
609
  "kind": "LinkedField",
601
610
  "name": "fontStyles",
602
611
  "plural": true,
603
- "selections": [v7 /*: any*/, v5 /*: any*/, v0 /*: any*/],
612
+ "selections": [v8 /*: any*/, v6 /*: any*/, v0 /*: any*/],
604
613
  "storageKey": null
605
- }, v5 /*: any*/],
614
+ }, v6 /*: any*/],
606
615
  "type": "Bundle",
607
616
  "abstractKey": null
608
617
  }, {
609
618
  "kind": "InlineFragment",
610
- "selections": [v7 /*: any*/, v5 /*: any*/, {
619
+ "selections": [v8 /*: any*/, v6 /*: any*/, {
611
620
  "alias": null,
612
621
  "args": null,
613
622
  "concreteType": "FontCollection",
614
623
  "kind": "LinkedField",
615
624
  "name": "family",
616
625
  "plural": false,
617
- "selections": [v5 /*: any*/, v16 /*: any*/, v0 /*: any*/],
626
+ "selections": [v6 /*: any*/, v16 /*: any*/, v0 /*: any*/],
618
627
  "storageKey": null
619
628
  }, {
620
629
  "alias": null,
@@ -623,7 +632,7 @@ const node = function () {
623
632
  "kind": "LinkedField",
624
633
  "name": "variableInstances",
625
634
  "plural": true,
626
- "selections": v6 /*: any*/,
635
+ "selections": v7 /*: any*/,
627
636
  "storageKey": null
628
637
  }],
629
638
  "type": "FontStyle",
@@ -637,7 +646,7 @@ const node = function () {
637
646
  "kind": "LinkedField",
638
647
  "name": "licenses",
639
648
  "plural": true,
640
- "selections": [v0 /*: any*/, v5 /*: any*/, {
649
+ "selections": [v0 /*: any*/, v6 /*: any*/, {
641
650
  "alias": null,
642
651
  "args": null,
643
652
  "concreteType": "LicenseVariable",
@@ -653,7 +662,7 @@ const node = function () {
653
662
  "abstractKey": "__isLicenseable"
654
663
  }, {
655
664
  "kind": "InlineFragment",
656
- "selections": v3 /*: any*/,
665
+ "selections": v4 /*: any*/,
657
666
  "type": "Node",
658
667
  "abstractKey": "__isNode"
659
668
  }],
@@ -792,7 +801,7 @@ const node = function () {
792
801
  "kind": "LinkedField",
793
802
  "name": "customer",
794
803
  "plural": false,
795
- "selections": [v5 /*: any*/, v17 /*: any*/, {
804
+ "selections": [v6 /*: any*/, v17 /*: any*/, {
796
805
  "alias": null,
797
806
  "args": null,
798
807
  "kind": "ScalarField",
@@ -824,7 +833,7 @@ const node = function () {
824
833
  "plural": false,
825
834
  "selections": v19 /*: any*/,
826
835
  "storageKey": null
827
- }, v4 /*: any*/],
836
+ }, v5 /*: any*/],
828
837
  "storageKey": null
829
838
  }, {
830
839
  "alias": null,
@@ -833,7 +842,7 @@ const node = function () {
833
842
  "kind": "LinkedField",
834
843
  "name": "orderVariables",
835
844
  "plural": true,
836
- "selections": [v0 /*: any*/, v5 /*: any*/, v1 /*: any*/, v11 /*: any*/, {
845
+ "selections": [v0 /*: any*/, v6 /*: any*/, v2 /*: any*/, v11 /*: any*/, {
837
846
  "alias": null,
838
847
  "args": null,
839
848
  "concreteType": "OrderVariableOption",
@@ -857,22 +866,22 @@ const node = function () {
857
866
  "kind": "ScalarField",
858
867
  "name": "code",
859
868
  "storageKey": null
860
- }, v5 /*: any*/],
869
+ }, v6 /*: any*/],
861
870
  "storageKey": null
862
871
  }, v18 /*: any*/, v0 /*: any*/],
863
872
  "storageKey": null
864
873
  }]
865
874
  },
866
875
  "params": {
867
- "cacheID": "8d78d7716509360a5db60b37ce8b4581",
876
+ "cacheID": "cb03dade7bd93977cf5e20b30ec66ccb",
868
877
  "id": null,
869
878
  "metadata": {},
870
879
  "name": "StoreModalCartQuery",
871
880
  "operationKind": "query",
872
- "text": "query StoreModalCartQuery {\n viewer {\n ...StripeProvider_viewer\n ...OrderVariableSelection_variables\n ...StoreModalOrderVariableSelection_viewer\n ...StoreModalUnifiedCheckout_viewer\n currentOrder {\n ...CartState_order\n ...CartTotals_order\n ...StoreModalUnifiedCheckout_order\n id\n orderItems {\n id\n ...CartItem_node\n licenseSelections {\n licenseVariable {\n variableType\n id\n }\n variableText\n id\n }\n }\n discount {\n id\n }\n stripePaymentMethod {\n id\n }\n billingIdentity {\n name\n }\n }\n id\n }\n}\n\nfragment AddressFields_viewer on Viewer {\n countries {\n code\n name\n }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n id\n name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n licenseSelections {\n license {\n id\n }\n id\n }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n id\n license {\n id\n name\n licenseVariables {\n id\n ...CartItemVariable_variable\n }\n }\n licenseVariable {\n id\n }\n ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n __isSkuProduct: __typename\n __typename\n ...CollectionAa_product\n ...FontStyle_fontStyle\n ... on FontStyle {\n family {\n name\n cssUrl\n id\n }\n name\n variableInstances {\n name\n }\n }\n ... on Bundle {\n name\n }\n ... on FontCollection {\n name\n isVariableFont\n totalStyles\n featureStyle {\n family {\n cssUrl\n id\n }\n id\n }\n }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n id\n variableText\n license {\n id\n }\n licenseVariable {\n ...VariableTableAmounts_variable\n id\n name\n variableType\n licenseOptions {\n id\n }\n }\n licenseOption {\n ...VariableTableAmounts_option\n id\n name\n amount\n }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n id\n licenseOptions {\n id\n name\n amount\n }\n}\n\nfragment CartItem_node on OrderItem {\n ...CartItemAdditionalLicenses_orderItem\n id\n price {\n ...Price_price\n }\n sku {\n price {\n ...Price_price\n }\n product {\n ...CartItemProduct_product\n __typename\n ... on Licenseable {\n __isLicenseable: __typename\n licenses {\n ...CartItemAdditionalLicenses_licenses\n id\n licenseVariables {\n id\n licenseOptions {\n id\n }\n }\n }\n }\n ... on Node {\n __isNode: __typename\n id\n }\n }\n id\n }\n licenseSelections {\n ...CartItemLicense_selection\n id\n license {\n id\n }\n licenseVariable {\n id\n }\n licenseOption {\n id\n }\n variableText\n }\n}\n\nfragment CartState_order on Order {\n id\n orderItems {\n id\n licenseSelections {\n license {\n id\n }\n licenseVariable {\n id\n }\n licenseOption {\n id\n }\n variableText\n id\n }\n }\n orderVariableSelections {\n orderVariable {\n id\n }\n orderVariableOption {\n id\n }\n id\n }\n}\n\nfragment CartTotals_order on Order {\n subtotal {\n ...Price_price\n }\n discount {\n amount {\n amount\n ...Price_price\n }\n coupon {\n ...CouponText_coupon\n id\n }\n id\n }\n discountedSubtotal {\n ...Price_price\n }\n total {\n amount\n ...Price_price\n }\n taxRate\n taxes {\n ...Price_price\n }\n taxName\n gstIncluded\n}\n\nfragment CollectionAa_product on SkuProduct {\n __isSkuProduct: __typename\n __typename\n ... on FontCollection {\n featureStyle {\n ...FontStyle_fontStyle\n id\n }\n }\n ... on Bundle {\n fontStyles {\n ...FontStyle_fontStyle\n id\n }\n }\n}\n\nfragment CouponText_coupon on Coupon {\n type\n percentAmount\n creditAmount {\n amount\n currency\n }\n creditAmountRemaining {\n amount\n currency\n }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n cssFamily\n name\n}\n\nfragment OrderVariableSelection_variables on Viewer {\n orderVariables {\n id\n name\n variableType\n description(format: HTML)\n orderVariableOptions {\n id\n amount\n }\n }\n}\n\nfragment Price_price on Money {\n amount\n currency\n}\n\nfragment StoreModalOrderVariableSelection_viewer on Viewer {\n ...OrderVariableSelection_variables\n orderVariables {\n id\n }\n currentOrder {\n id\n orderVariableSelections {\n orderVariable {\n id\n name\n variableType\n description(format: HTML)\n }\n orderVariableOption {\n id\n amount\n }\n id\n }\n }\n settings {\n storeModalSelectOrderVariablesLabel(format: HTML)\n }\n}\n\nfragment StoreModalReviewIdentity_identity on Identity {\n email\n phoneFormatted\n addressFormatted\n vatNumber\n}\n\nfragment StoreModalUnifiedCheckout_order on Order {\n completeUrl\n canCompleteWithCoupon\n total {\n amount\n }\n customer {\n name\n email\n newsletterOptIn\n id\n }\n licenseeIsBillingIdentity\n licenseeIdentity {\n ...StoreModalReviewIdentity_identity\n name\n organization\n email\n phone\n street\n locality\n sublocality\n country\n administrativeArea\n zip\n vatNumber\n }\n billingIdentity {\n ...StoreModalReviewIdentity_identity\n name\n organization\n email\n phone\n street\n locality\n sublocality\n country\n administrativeArea\n zip\n vatNumber\n }\n stripePaymentIntent {\n amount\n currency\n }\n}\n\nfragment StoreModalUnifiedCheckout_viewer on Viewer {\n ...AddressFields_viewer\n country\n settings {\n uiFontName\n eulaAgreementLabel(format: HTML)\n storeModalSelectLicenseeLabel(format: HTML)\n newsletterOptInLabel\n taxSystem\n }\n themeConfig {\n customProperties\n }\n}\n\nfragment StripeProvider_viewer on Viewer {\n settings {\n taxSystem\n uiFontStyle {\n name\n cssFamily\n webfontSources {\n format\n url\n }\n id\n }\n }\n themeConfig {\n customProperties\n }\n stripeAccountId\n stripePublishableKey\n currentOrder {\n stripePaymentIntent {\n clientSecret\n }\n id\n }\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n units\n}\n"
881
+ "text": "query StoreModalCartQuery {\n viewer {\n ...StripeProvider_viewer\n ...OrderVariableSelection_variables\n ...StoreModalOrderVariableSelection_viewer\n ...StoreModalUnifiedCheckout_viewer\n currentOrder {\n ...CartState_order\n ...CartTotals_order\n ...StoreModalUnifiedCheckout_order\n id\n total {\n amount\n }\n orderItems {\n id\n ...CartItem_node\n licenseSelections {\n licenseVariable {\n variableType\n id\n }\n variableText\n id\n }\n }\n discount {\n id\n }\n stripePaymentMethod {\n id\n }\n billingIdentity {\n name\n }\n }\n id\n }\n}\n\nfragment AddressFields_viewer on Viewer {\n countries {\n code\n name\n }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n id\n name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n licenseSelections {\n license {\n id\n }\n id\n }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n id\n license {\n id\n name\n licenseVariables {\n id\n ...CartItemVariable_variable\n }\n }\n licenseVariable {\n id\n }\n ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n __isSkuProduct: __typename\n __typename\n ...CollectionAa_product\n ...FontStyle_fontStyle\n ... on FontStyle {\n family {\n name\n cssUrl\n id\n }\n name\n variableInstances {\n name\n }\n }\n ... on Bundle {\n name\n }\n ... on FontCollection {\n name\n isVariableFont\n totalStyles\n featureStyle {\n family {\n cssUrl\n id\n }\n id\n }\n }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n id\n variableText\n license {\n id\n }\n licenseVariable {\n ...VariableTableAmounts_variable\n id\n name\n variableType\n licenseOptions {\n id\n }\n }\n licenseOption {\n ...VariableTableAmounts_option\n id\n name\n amount\n }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n id\n licenseOptions {\n id\n name\n amount\n }\n}\n\nfragment CartItem_node on OrderItem {\n ...CartItemAdditionalLicenses_orderItem\n id\n price {\n ...Price_price\n }\n sku {\n price {\n ...Price_price\n }\n product {\n ...CartItemProduct_product\n __typename\n ... on Licenseable {\n __isLicenseable: __typename\n licenses {\n ...CartItemAdditionalLicenses_licenses\n id\n licenseVariables {\n id\n licenseOptions {\n id\n }\n }\n }\n }\n ... on Node {\n __isNode: __typename\n id\n }\n }\n id\n }\n licenseSelections {\n ...CartItemLicense_selection\n id\n license {\n id\n }\n licenseVariable {\n id\n }\n licenseOption {\n id\n }\n variableText\n }\n}\n\nfragment CartState_order on Order {\n id\n orderItems {\n id\n licenseSelections {\n license {\n id\n }\n licenseVariable {\n id\n }\n licenseOption {\n id\n }\n variableText\n id\n }\n }\n orderVariableSelections {\n orderVariable {\n id\n }\n orderVariableOption {\n id\n }\n id\n }\n}\n\nfragment CartTotals_order on Order {\n subtotal {\n ...Price_price\n }\n discount {\n amount {\n amount\n ...Price_price\n }\n coupon {\n ...CouponText_coupon\n id\n }\n id\n }\n discountedSubtotal {\n ...Price_price\n }\n total {\n amount\n ...Price_price\n }\n taxRate\n taxes {\n ...Price_price\n }\n taxName\n gstIncluded\n}\n\nfragment CollectionAa_product on SkuProduct {\n __isSkuProduct: __typename\n __typename\n ... on FontCollection {\n featureStyle {\n ...FontStyle_fontStyle\n id\n }\n }\n ... on Bundle {\n fontStyles {\n ...FontStyle_fontStyle\n id\n }\n }\n}\n\nfragment CouponText_coupon on Coupon {\n type\n percentAmount\n creditAmount {\n amount\n currency\n }\n creditAmountRemaining {\n amount\n currency\n }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n cssFamily\n name\n}\n\nfragment OrderVariableSelection_variables on Viewer {\n orderVariables {\n id\n name\n variableType\n description(format: HTML)\n orderVariableOptions {\n id\n amount\n }\n }\n}\n\nfragment Price_price on Money {\n amount\n currency\n}\n\nfragment StoreModalOrderVariableSelection_viewer on Viewer {\n ...OrderVariableSelection_variables\n orderVariables {\n id\n }\n currentOrder {\n id\n orderVariableSelections {\n orderVariable {\n id\n name\n variableType\n description(format: HTML)\n }\n orderVariableOption {\n id\n amount\n }\n id\n }\n }\n settings {\n storeModalSelectOrderVariablesLabel(format: HTML)\n }\n}\n\nfragment StoreModalReviewIdentity_identity on Identity {\n email\n phoneFormatted\n addressFormatted\n vatNumber\n}\n\nfragment StoreModalUnifiedCheckout_order on Order {\n completeUrl\n canCompleteWithCoupon\n total {\n amount\n }\n customer {\n name\n email\n newsletterOptIn\n id\n }\n licenseeIsBillingIdentity\n licenseeIdentity {\n ...StoreModalReviewIdentity_identity\n name\n organization\n email\n phone\n street\n locality\n sublocality\n country\n administrativeArea\n zip\n vatNumber\n }\n billingIdentity {\n ...StoreModalReviewIdentity_identity\n name\n organization\n email\n phone\n street\n locality\n sublocality\n country\n administrativeArea\n zip\n vatNumber\n }\n stripePaymentIntent {\n amount\n currency\n }\n}\n\nfragment StoreModalUnifiedCheckout_viewer on Viewer {\n ...AddressFields_viewer\n country\n settings {\n uiFontName\n eulaAgreementLabel(format: HTML)\n storeModalSelectLicenseeLabel(format: HTML)\n newsletterOptInLabel\n taxSystem\n }\n themeConfig {\n customProperties\n }\n}\n\nfragment StripeProvider_viewer on Viewer {\n settings {\n taxSystem\n uiFontStyle {\n name\n cssFamily\n webfontSources {\n format\n url\n }\n id\n }\n }\n themeConfig {\n customProperties\n }\n stripeAccountId\n stripePublishableKey\n currentOrder {\n stripePaymentIntent {\n clientSecret\n }\n id\n }\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n units\n}\n"
873
882
  }
874
883
  };
875
884
  }();
876
- node.hash = "a52c45ea8135e2cdae562683dcbfefdf";
885
+ node.hash = "01df757f83a8740dcfa4ed706347ab35";
877
886
  var _default = node;
878
887
  exports.default = _default;
@@ -38,7 +38,7 @@ function AddToCartBanner(_ref) {
38
38
  var _newOrderItemIds$curr;
39
39
  return (_newOrderItemIds$curr = newOrderItemIds.current) === null || _newOrderItemIds$curr === void 0 ? void 0 : _newOrderItemIds$curr.includes(item.id);
40
40
  });
41
- const timeoutRef = (0, _react.useRef)();
41
+ const timeoutRef = (0, _react.useRef)(undefined);
42
42
  (0, _react.useEffect)(() => {
43
43
  document.body.dataset.addToCartBannerOpen = `${active}`;
44
44
  }, [active]);
@@ -1,11 +1,10 @@
1
1
  import React from 'react';
2
2
  import { CartOrder_order$key } from '__generated__/CartOrder_order.graphql';
3
3
  import { CartOrder_viewer$key } from '__generated__/CartOrder_viewer.graphql';
4
- import { TransitionStatus } from 'react-transition-group';
5
4
  interface CartOrder_props {
6
5
  order: CartOrder_order$key;
7
6
  viewer: CartOrder_viewer$key;
8
- status: TransitionStatus;
7
+ open: boolean;
9
8
  }
10
- declare const CartOrder: ({ order: orderKey, viewer: viewerKey, status }: CartOrder_props) => React.JSX.Element | null;
9
+ declare const CartOrder: ({ order: orderKey, viewer: viewerKey, open }: CartOrder_props) => React.JSX.Element | null;
11
10
  export default CartOrder;
@@ -49,7 +49,7 @@ const CartOrder = _ref => {
49
49
  let {
50
50
  order: orderKey,
51
51
  viewer: viewerKey,
52
- status
52
+ open
53
53
  } = _ref;
54
54
  const environment = (0, _reactRelay.useRelayEnvironment)();
55
55
  const stripe = (0, _reactStripeJs.useStripe)();
@@ -162,7 +162,7 @@ const CartOrder = _ref => {
162
162
  } = order;
163
163
  if (!orderItems || orderItems.length < 1) {
164
164
  return /*#__PURE__*/_react.default.createElement(_EmptyCart.default, {
165
- status: status
165
+ open: open
166
166
  });
167
167
  }
168
168
  const reviewing = Boolean(order.customer && !order.customer.anonymous && order.billingIdentity && (order.licenseeIdentity || order.licenseeIsBillingIdentity) && (order.stripePaymentMethod || order.canCompleteWithCoupon));
@@ -171,12 +171,11 @@ const CartOrder = _ref => {
171
171
  order: order
172
172
  });
173
173
  }
174
- const open = status === 'entering' || status === 'entered';
175
174
  return /*#__PURE__*/_react.default.createElement("div", {
176
175
  className: "cart",
177
176
  "data-open": open,
178
177
  "data-eula-agreed": eulaAgreed
179
- }, status !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
178
+ }, open && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
180
179
  className: "cart__scroller"
181
180
  }, /*#__PURE__*/_react.default.createElement("div", {
182
181
  className: "cart__top"