fontdue-js 2.11.0 → 2.12.1

package/CHANGELOG.md

@@ -1,17 +1,31 @@
+## 2.12.0
+
+- Adds "share cart" feature
+
+## 2.11.1
+
+- Fixed type tester autofit with features enabled
+- Added missing descriptions to order variables
+
+## 2.11.0
+
+- Added support for order variables, and Stripe Tax via embedded checkout
+- Redesigned checkout flow to be more unified with the cart
+
 ## 2.10.1
 
 - Fixed issue with combining characters causing React hydration errors
 
 ## 2.10.0
 
-- Fix an issue displaying JPY prices
-- Improve support for Arabic-only fonts
+- Fixed an issue displaying JPY prices
+- Improved support for Arabic-only fonts
 - Fixed an issue displaying "combining" type characters in Safari in CharacterViewer
 - Improved performance issue loading TypeTesters 
 
 ## 2.9.0 
 
-- Updates CharacterViewer component, preparing for customizing groupings
+- Updated CharacterViewer component, preparing for customizing groupings
 
 ## 2.8.3
 

package/dist/__generated__/CartTotalsCreateSnapshotMutation.graphql.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @generated SignedSource<<a4b4b22cee06bf7a0b71e5b62dbc94d0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type CartTotalsCreateSnapshotMutation$variables = Record<PropertyKey, never>;
+export type CartTotalsCreateSnapshotMutation$data = {
+    readonly createOrderSnapshot: {
+        readonly orderSnapshot: {
+            readonly id: string | null;
+            readonly quotePdfUrl: string | null;
+            readonly shareUrl: string | null;
+        } | null;
+    } | null;
+};
+export type CartTotalsCreateSnapshotMutation = {
+    response: CartTotalsCreateSnapshotMutation$data;
+    variables: CartTotalsCreateSnapshotMutation$variables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/dist/__generated__/CartTotalsCreateSnapshotMutation.graphql.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @generated SignedSource<<a4b4b22cee06bf7a0b71e5b62dbc94d0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = [{
+    "alias": null,
+    "args": null,
+    "concreteType": "CreateOrderSnapshotPayload",
+    "kind": "LinkedField",
+    "name": "createOrderSnapshot",
+    "plural": false,
+    "selections": [{
+      "alias": null,
+      "args": null,
+      "concreteType": "OrderSnapshot",
+      "kind": "LinkedField",
+      "name": "orderSnapshot",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "id",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "quotePdfUrl",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "shareUrl",
+        "storageKey": null
+      }],
+      "storageKey": null
+    }],
+    "storageKey": null
+  }];
+  return {
+    "fragment": {
+      "argumentDefinitions": [],
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "CartTotalsCreateSnapshotMutation",
+      "selections": v0 /*: any*/,
+      "type": "RootMutationType",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "CartTotalsCreateSnapshotMutation",
+      "selections": v0 /*: any*/
+    },
+    "params": {
+      "cacheID": "68ef1e5c60fc0176904bdfe545718bd9",
+      "id": null,
+      "metadata": {},
+      "name": "CartTotalsCreateSnapshotMutation",
+      "operationKind": "mutation",
+      "text": "mutation CartTotalsCreateSnapshotMutation {\n  createOrderSnapshot {\n    orderSnapshot {\n      id\n      quotePdfUrl\n      shareUrl\n    }\n  }\n}\n"
+    }
+  };
+}();
+node.hash = "97e00cf77f0cc65bb808123fe5944c02";
+var _default = node;
+exports.default = _default;

package/dist/__generated__/OrderVariableSelection_variables.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<f15aa40c78fa3495090d995a230b1fc4>>
+ * @generated SignedSource<<de8bb4c3b19d357c74d2ae364c8acf3a>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/OrderVariableSelection_variables.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<f15aa40c78fa3495090d995a230b1fc4>>
+ * @generated SignedSource<<de8bb4c3b19d357c74d2ae364c8acf3a>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -48,10 +48,14 @@ const node = function () {
         "storageKey": null
       }, {
         "alias": null,
-        "args": null,
+        "args": [{
+          "kind": "Literal",
+          "name": "format",
+          "value": "HTML"
+        }],
         "kind": "ScalarField",
         "name": "description",
-        "storageKey": null
+        "storageKey": "description(format:\"HTML\")"
       }, {
         "alias": null,
         "args": null,
@@ -74,6 +78,6 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "cce511c94f6bca99792a0407a8d0d6a3";
+node.hash = "791f9f19a96e680b9fa2b1ad81e8aa2f";
 var _default = node;
 exports.default = _default;

package/dist/__generated__/StoreModalCartQuery.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<870223466fc5b3df6420356e151dff54>>
+ * @generated SignedSource<<46260b9d37ad93e8d30a26e3d36b4367>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalCartQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<870223466fc5b3df6420356e151dff54>>
+ * @generated SignedSource<<46260b9d37ad93e8d30a26e3d36b4367>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -62,10 +62,10 @@ const node = function () {
     }],
     v8 = {
       "alias": null,
-      "args": null,
+      "args": v7 /*: any*/,
       "kind": "ScalarField",
       "name": "description",
-      "storageKey": null
+      "storageKey": "description(format:\"HTML\")"
     },
     v9 = {
       "alias": null,
@@ -843,12 +843,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "5c5e17793f013c188d307c83f9898fc4",
+      "cacheID": "278792fe92897cc87a5ce92baae4d69e",
       "id": null,
       "metadata": {},
       "name": "StoreModalCartQuery",
       "operationKind": "query",
-      "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\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\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}\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    uiFontUrl\n    uiFontName\n    taxSystem\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"
+      "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}\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    uiFontUrl\n    uiFontName\n    taxSystem\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"
     }
   };
 }();

package/dist/__generated__/StoreModalOrderVariableSelection_viewer.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<c36e7037fc2da9ce00e6a2992de27344>>
+ * @generated SignedSource<<4d008354a0e2564d192e0426c6f620ff>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalOrderVariableSelection_viewer.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<c36e7037fc2da9ce00e6a2992de27344>>
+ * @generated SignedSource<<4d008354a0e2564d192e0426c6f620ff>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -16,12 +16,17 @@ exports.default = void 0;
 
 const node = function () {
   var v0 = {
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "id",
-    "storageKey": null
-  };
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    v1 = [{
+      "kind": "Literal",
+      "name": "format",
+      "value": "HTML"
+    }];
   return {
     "argumentDefinitions": [],
     "kind": "Fragment",
@@ -75,10 +80,10 @@ const node = function () {
             "storageKey": null
           }, {
             "alias": null,
-            "args": null,
+            "args": v1 /*: any*/,
             "kind": "ScalarField",
             "name": "description",
-            "storageKey": null
+            "storageKey": "description(format:\"HTML\")"
           }],
           "storageKey": null
         }, {
@@ -109,11 +114,7 @@ const node = function () {
       "plural": false,
       "selections": [{
         "alias": null,
-        "args": [{
-          "kind": "Literal",
-          "name": "format",
-          "value": "HTML"
-        }],
+        "args": v1 /*: any*/,
         "kind": "ScalarField",
         "name": "storeModalSelectOrderVariablesLabel",
         "storageKey": "storeModalSelectOrderVariablesLabel(format:\"HTML\")"
@@ -124,6 +125,6 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "6c2f30b0ff62d54822aad2c955b0a579";
+node.hash = "bdc0a78f68144b3270e1b8bf38f5d13f";
 var _default = node;
 exports.default = _default;

package/dist/__generated__/StoreModalProductQuery.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<4ec4bb086ba178c3186f38f5570a2454>>
+ * @generated SignedSource<<805daec4cc949f1911ae9ef13e86f405>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalProductQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<4ec4bb086ba178c3186f38f5570a2454>>
+ * @generated SignedSource<<805daec4cc949f1911ae9ef13e86f405>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -300,15 +300,22 @@ const node = function () {
       "selections": [v4 /*: any*/, v29 /*: any*/, v11 /*: any*/, v19 /*: any*/],
       "storageKey": null
     },
-    v31 = [v17 /*: any*/],
-    v32 = [v25 /*: any*/, {
+    v31 = {
+      "alias": null,
+      "args": v12 /*: any*/,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": "description(format:\"HTML\")"
+    },
+    v32 = [v17 /*: any*/],
+    v33 = [v25 /*: any*/, {
       "alias": null,
       "args": v7 /*: any*/,
       "concreteType": "Money",
       "kind": "LinkedField",
       "name": "totalStylesPrice",
       "plural": false,
-      "selections": v31 /*: any*/,
+      "selections": v32 /*: any*/,
       "storageKey": null
     }];
   return {
@@ -408,13 +415,7 @@ const node = function () {
               "kind": "ScalarField",
               "name": "url",
               "storageKey": null
-            }, v11 /*: any*/, {
-              "alias": null,
-              "args": v12 /*: any*/,
-              "kind": "ScalarField",
-              "name": "description",
-              "storageKey": "description(format:\"HTML\")"
-            }, {
+            }, v11 /*: any*/, v31 /*: any*/, {
               "alias": null,
               "args": null,
               "kind": "ScalarField",
@@ -471,13 +472,7 @@ const node = function () {
           "kind": "LinkedField",
           "name": "orderVariables",
           "plural": true,
-          "selections": [v4 /*: any*/, v11 /*: any*/, v10 /*: any*/, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "description",
-            "storageKey": null
-          }, {
+          "selections": [v4 /*: any*/, v11 /*: any*/, v10 /*: any*/, v31 /*: any*/, {
             "alias": null,
             "args": null,
             "concreteType": "OrderVariableOption",
@@ -534,7 +529,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "price",
               "plural": false,
-              "selections": v31 /*: any*/,
+              "selections": v32 /*: any*/,
               "storageKey": null
             }, {
               "alias": null,
@@ -545,12 +540,12 @@ const node = function () {
               "plural": false,
               "selections": [v14 /*: any*/, {
                 "kind": "InlineFragment",
-                "selections": v32 /*: any*/,
+                "selections": v33 /*: any*/,
                 "type": "FontCollection",
                 "abstractKey": null
               }, {
                 "kind": "InlineFragment",
-                "selections": v32 /*: any*/,
+                "selections": v33 /*: any*/,
                 "type": "Bundle",
                 "abstractKey": null
               }, {
@@ -578,12 +573,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "35cd734204bde322616fb0cd81377a12",
+      "cacheID": "0000e5627cdb76f523917c405654fd98",
       "id": null,
       "metadata": {},
       "name": "StoreModalProductQuery",
       "operationKind": "query",
-      "text": "query StoreModalProductQuery(\n  $productId: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  collection: node(id: $productId) {\n    __typename\n    id\n    ...StoreModalProductContent_collection_4sncub\n  }\n  viewer {\n    endpoint\n    stripeAccountId\n    ...OrderVariableSelectionRedux_viewer\n    ...StoreModalProductSummary_viewer_4sncub\n    orderVariables {\n      id\n      variableType\n      name\n    }\n    settings {\n      storeModalSelectLicenseeLabel(format: HTML)\n      storeModalSelectOrderVariablesLabel(format: HTML)\n      storeModalSelectLicensesLabel(format: HTML)\n      storeModalSelectFontsLabel(format: HTML)\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment OrderVariableSelectionRedux_viewer on Viewer {\n  ...OrderVariableSelection_variables\n}\n\nfragment OrderVariableSelection_variables on Viewer {\n  orderVariables {\n    id\n    name\n    variableType\n    description\n    orderVariableOptions {\n      id\n      amount\n    }\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle_4sncub on Bundle {\n  id\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection_4sncub on FontCollection {\n  isVariableFont\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n  ...useTotalStyles_fontCollection\n}\n\nfragment StoreModalFamily_collection_4sncub on FontCollection {\n  ...StoreModalFamilyButton_collection_4sncub\n  cssUrl\n  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles {\n    id\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ...StoreModalBundleButton_bundle_4sncub\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    ...StoreModalStyleButton_fontStyle_4sncub\n  }\n}\n\nfragment StoreModalProductContent_collection_4sncub on Node {\n  __isNode: __typename\n  ... on FontCollection {\n    id\n    ...StoreModalFamily_collection_4sncub\n    ...StoreModalProductLicenseSelection_collection\n    children(collectionTypes: [FAMILY]) {\n      id\n      ...StoreModalFamily_collection_4sncub\n    }\n  }\n  id\n}\n\nfragment StoreModalProductLicenseSelection_collection on FontCollection {\n  licenses {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  description(format: HTML)\n  defaultSelected\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalProductSummary_viewer_4sncub on Viewer {\n  taxCollections {\n    taxName\n    inclusive\n  }\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  precart(skuIds: [], licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    skus {\n      price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n        amount\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Bundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n      id\n    }\n    subtotal {\n      ...Price_price\n      amount\n      currency\n    }\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle_4sncub on FontStyle {\n  id\n  name\n  supportedLanguages\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  ...FontStyle_fontStyle\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n\nfragment useTotalStyles_fontCollection on FontCollection {\n  isVariableFont\n  totalStyles\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n}\n"
+      "text": "query StoreModalProductQuery(\n  $productId: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  collection: node(id: $productId) {\n    __typename\n    id\n    ...StoreModalProductContent_collection_4sncub\n  }\n  viewer {\n    endpoint\n    stripeAccountId\n    ...OrderVariableSelectionRedux_viewer\n    ...StoreModalProductSummary_viewer_4sncub\n    orderVariables {\n      id\n      variableType\n      name\n    }\n    settings {\n      storeModalSelectLicenseeLabel(format: HTML)\n      storeModalSelectOrderVariablesLabel(format: HTML)\n      storeModalSelectLicensesLabel(format: HTML)\n      storeModalSelectFontsLabel(format: HTML)\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment OrderVariableSelectionRedux_viewer on Viewer {\n  ...OrderVariableSelection_variables\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 SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle_4sncub on Bundle {\n  id\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection_4sncub on FontCollection {\n  isVariableFont\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n  ...useTotalStyles_fontCollection\n}\n\nfragment StoreModalFamily_collection_4sncub on FontCollection {\n  ...StoreModalFamilyButton_collection_4sncub\n  cssUrl\n  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles {\n    id\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ...StoreModalBundleButton_bundle_4sncub\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    ...StoreModalStyleButton_fontStyle_4sncub\n  }\n}\n\nfragment StoreModalProductContent_collection_4sncub on Node {\n  __isNode: __typename\n  ... on FontCollection {\n    id\n    ...StoreModalFamily_collection_4sncub\n    ...StoreModalProductLicenseSelection_collection\n    children(collectionTypes: [FAMILY]) {\n      id\n      ...StoreModalFamily_collection_4sncub\n    }\n  }\n  id\n}\n\nfragment StoreModalProductLicenseSelection_collection on FontCollection {\n  licenses {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  description(format: HTML)\n  defaultSelected\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalProductSummary_viewer_4sncub on Viewer {\n  taxCollections {\n    taxName\n    inclusive\n  }\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  precart(skuIds: [], licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    skus {\n      price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n        amount\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Bundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n      id\n    }\n    subtotal {\n      ...Price_price\n      amount\n      currency\n    }\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle_4sncub on FontStyle {\n  id\n  name\n  supportedLanguages\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  ...FontStyle_fontStyle\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n\nfragment useTotalStyles_fontCollection on FontCollection {\n  isVariableFont\n  totalStyles\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n}\n"
     }
   };
 }();

package/dist/components/Cart/CartTotals.js

@@ -5,19 +5,98 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CartTotals;
 var _CartTotals_order2 = _interopRequireDefault(require("../../__generated__/CartTotals_order.graphql"));
-var _react = _interopRequireDefault(require("react"));
+var _CartTotalsCreateSnapshotMutation2 = _interopRequireDefault(require("../../__generated__/CartTotalsCreateSnapshotMutation.graphql"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _relayRuntime = require("relay-runtime");
 var _Price = _interopRequireDefault(require("../Price"));
 var _CouponText = _interopRequireDefault(require("../CouponText"));
 var _Icons = require("../Icons");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function percentage(decimalValue) {
   if (!decimalValue) return null;
   return `${parseFloat(decimalValue) * 100}%`;
 }
-const PriceBlock = _ref => {
+function ShareCart() {
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const [isSharing, setIsSharing] = (0, _react.useState)(false);
+  const [snapshot, setSnapshot] = (0, _react.useState)(null);
+  const [shareError, setShareError] = (0, _react.useState)(null);
+  const [copied, setCopied] = (0, _react.useState)(false);
+  const inputRef = (0, _react.useRef)(null);
+  const handleShareCart = () => {
+    setIsSharing(true);
+    setShareError(null);
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: (_CartTotalsCreateSnapshotMutation2.default.hash && _CartTotalsCreateSnapshotMutation2.default.hash !== "97e00cf77f0cc65bb808123fe5944c02" && console.error("The definition of 'CartTotalsCreateSnapshotMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartTotalsCreateSnapshotMutation2.default),
+      variables: {},
+      onCompleted: (response, errors) => {
+        var _response$createOrder;
+        setIsSharing(false);
+        if (errors && errors.length > 0) {
+          setShareError(errors[0].message);
+        } else if ((_response$createOrder = response.createOrderSnapshot) !== null && _response$createOrder !== void 0 && _response$createOrder.orderSnapshot) {
+          setSnapshot(response.createOrderSnapshot.orderSnapshot);
+        } else {
+          setShareError('Failed to create shareable link');
+        }
+      },
+      onError: error => {
+        setIsSharing(false);
+        setShareError(error.message);
+      }
+    });
+  };
+  (0, _react.useEffect)(() => {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.select();
+  }, [snapshot]);
+  const timeout = (0, _react.useRef)(null);
+  const handleCopyToClipboard = () => {
+    if (snapshot !== null && snapshot !== void 0 && snapshot.shareUrl) {
+      navigator.clipboard.writeText(snapshot.shareUrl);
+      setCopied(true);
+      if (timeout.current) clearTimeout(timeout.current);
+      timeout.current = setTimeout(() => {
+        setCopied(false);
+      }, 1000);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, snapshot !== null && snapshot !== void 0 && snapshot.shareUrl && snapshot !== null && snapshot !== void 0 && snapshot.quotePdfUrl ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__share"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__share-title"
+  }, "Share your cart"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__share-url-input-container"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    className: "cart__share-url-input",
+    ref: inputRef,
+    value: snapshot.shareUrl ?? '',
+    readOnly: true,
+    onClick: e => e.currentTarget.select()
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "cart__share__button cart__share__copy-button",
+    onClick: handleCopyToClipboard,
+    "data-copied": copied
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Copy"), /*#__PURE__*/_react.default.createElement(_Icons.Check, null))), /*#__PURE__*/_react.default.createElement("a", {
+    href: snapshot.quotePdfUrl,
+    className: "cart__share__button cart__share__pdf-button",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, "Download PDF quote")) : /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "cart__share__button cart__share__share-button",
+    onClick: handleShareCart,
+    disabled: isSharing
+  }, isSharing ? 'Loading...' : 'Share cart'), shareError && /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__share-error"
+  }, "Cannot share your cart right now. Please try again later."));
+}
+function PriceBlock(_ref) {
   let {
     label,
     belowPrice,
@@ -36,8 +115,9 @@ const PriceBlock = _ref => {
     price: price,
     invert: invert
   }), belowPrice));
-};
+}
 function CartTotals(_ref2) {
+  var _order$total;
   let {
     order: orderKey,
     onRemoveDiscount,
@@ -50,11 +130,11 @@ function CartTotals(_ref2) {
     "data-has-discount": Boolean(order.discount),
     "data-hide-total": hideTotal
   }, /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: "Subtotal:",
+    label: "Subtotal",
     price: order.subtotal,
     "data-line": "subtotal"
   }), order.discount && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: "Discount applied:",
+    label: "Discount applied",
     price: order.discount.amount,
     invert: true,
     belowPrice: allowDiscountRemoval && /*#__PURE__*/_react.default.createElement("button", {
@@ -70,16 +150,18 @@ function CartTotals(_ref2) {
     coupon: order.discount.coupon,
     subtract: order.discount.amount ? order.discount.amount.amount : 0
   }), ')'), /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: "Discounted subtotal:",
+    label: "Discounted subtotal",
     price: order.discountedSubtotal,
     "data-line": "discounted-subtotal"
   })), order.taxes && /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: order.taxName ? `${order.taxName} (${percentage(order.taxRate)}):` : `Taxes ${percentage(order.taxRate)}:`,
+    label: order.taxName ? `${order.taxName} (${percentage(order.taxRate)})` : `Taxes ${percentage(order.taxRate)}`,
     price: order.taxes,
     "data-line": "taxes"
   }), /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: `Total${order.gstIncluded ? ' including GST' : ''}:`,
+    label: `Total${order.gstIncluded ? ' including GST' : ''}`,
     price: order.total,
     "data-line": "total"
+  }), /*#__PURE__*/_react.default.createElement(ShareCart, {
+    key: (_order$total = order.total) === null || _order$total === void 0 ? void 0 : _order$total.amount
   }));
 }

package/dist/components/Cart/CouponCodeInput.js

@@ -102,7 +102,7 @@ const CouponCodeInput = _ref => {
       type: "button",
       onClick: () => setExpanded(true),
       className: "cart-additions__expand-button"
-    }, "+ Add a coupon code"));
+    }, "Add a coupon code"));
   }
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cart-additions",
@@ -131,7 +131,7 @@ const CouponCodeInput = _ref => {
     type: "submit",
     className: "cart-additions__button",
     disabled: !isValid
-  }, "Apply coupon")), isError && ((_viewer$coupon3 = viewer.coupon) === null || _viewer$coupon3 === void 0 ? void 0 : _viewer$coupon3.__typename) === 'Error' && /*#__PURE__*/_react.default.createElement("p", {
+  }, "Apply")), isError && ((_viewer$coupon3 = viewer.coupon) === null || _viewer$coupon3 === void 0 ? void 0 : _viewer$coupon3.__typename) === 'Error' && /*#__PURE__*/_react.default.createElement("p", {
     className: "cart-additions__error"
   }, viewer.coupon.message), ((_viewer$coupon4 = viewer.coupon) === null || _viewer$coupon4 === void 0 ? void 0 : _viewer$coupon4.__typename) === 'Coupon' && /*#__PURE__*/_react.default.createElement("p", {
     className: "cart-additions__valid-text"

package/dist/components/CartButton/index.js

@@ -89,6 +89,20 @@ function CartButtonComponent(_ref) {
     // set count only on the client, because on the server it's always gonna be zero
     setCount(cartButtonCount(orderData));
   }, [orderData, setCount]);
+
+  // Check for store-modal=open URL parameter and open cart automatically
+  (0, _react.useEffect)(() => {
+    if (typeof window !== 'undefined') {
+      const urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.get('cart') === 'open') {
+        dispatch({
+          type: 'STORE_MODAL_REPLACE',
+          route: 'cart'
+        });
+        dispatch(openCart());
+      }
+    }
+  }, [dispatch]);
   if (!orderData) return null;
   if (orderData.stripeCharge && orderData.stripeCharge.paid) return null;
   const suffixNodes = formatSuffix();

package/dist/components/OrderVariableSelection/index.js

@@ -94,7 +94,12 @@ function Variable(_ref) {
       value: id,
       disabled: disabled
     }, amount, " ", disabled ? '(Deprecated)' : null);
-  }))) : null), ghost && /*#__PURE__*/_react.default.createElement("div", {
+  }))) : null), variable.description ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__order-variable-selection__description",
+    dangerouslySetInnerHTML: {
+      __html: variable.description
+    }
+  }) : null, ghost && /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__order-variable-selection__ghost-container"
   }, "This variable has been removed from our system and is deprecated", ' ', /*#__PURE__*/_react.default.createElement("button", {
     className: "store-modal__order-variable-selection__ghost-remove",
@@ -113,7 +118,7 @@ function OrderVariableSelection(_ref3) {
       label
     }
   } = _ref3;
-  const variables = (0, _reactRelay.useFragment)((_OrderVariableSelection_variables2.default.hash && _OrderVariableSelection_variables2.default.hash !== "cce511c94f6bca99792a0407a8d0d6a3" && console.error("The definition of 'OrderVariableSelection_variables' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelection_variables2.default), variablesKey);
+  const variables = (0, _reactRelay.useFragment)((_OrderVariableSelection_variables2.default.hash && _OrderVariableSelection_variables2.default.hash !== "791f9f19a96e680b9fa2b1ad81e8aa2f" && console.error("The definition of 'OrderVariableSelection_variables' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelection_variables2.default), variablesKey);
   const handleSelectionChange = (0, _react.useCallback)((variableId, optionId) => {
     var _variables$orderVaria;
     // Update the selections with the new value

package/dist/components/Root/index.js

@@ -65,10 +65,17 @@ const renderCustomElement = (element, key) => {
   })))), element);
 };
 const customElementTags = Object.keys(customElementMap);
-const allFontdueElements = element => customElementTags.flatMap(elementName => Array.from(element.querySelectorAll(elementName)));
+const SINGLETONS = ['fontdue-store-modal'];
+const allFontdueElements = element => customElementTags.flatMap(elementName => {
+  if (SINGLETONS.includes(elementName)) {
+    return [element.querySelector(elementName)];
+  } else {
+    return Array.from(element.querySelectorAll(elementName));
+  }
+});
 const getInitialElements = () => {
   const map = new Map();
-  allFontdueElements(document.body).forEach(element => map.set(element, (0, _uuid.v4)()));
+  allFontdueElements(document.body).filter(_utils.notEmpty).forEach(element => map.set(element, (0, _uuid.v4)()));
   return map;
 };
 const Root = props => {
@@ -88,7 +95,7 @@ const Root = props => {
           if (customElementTags.includes(node.nodeName.toLowerCase())) {
             newElements.push(node);
           }
-          newElements = newElements.concat(allFontdueElements(node));
+          newElements = newElements.concat(allFontdueElements(node).filter(_utils.notEmpty));
           if (newElements.length > 0) {
             setElements(elements => {
               const newMap = new Map(elements);
@@ -103,7 +110,7 @@ const Root = props => {
           if (customElementTags.includes(node.nodeName.toLowerCase())) {
             removedElements.push(node);
           }
-          removedElements = removedElements.concat(allFontdueElements(node));
+          removedElements = removedElements.concat(allFontdueElements(node).filter(_utils.notEmpty));
           if (removedElements.length > 0) {
             setElements(elements => {
               const newMap = new Map(elements);

package/dist/components/StoreModal/StoreModalOrderVariableSelection.js

@@ -17,7 +17,7 @@ function StoreModalOrderVariableSelection(_ref) {
     viewer: viewerKey,
     onSelectionChange
   } = _ref;
-  const viewer = (0, _reactRelay.useFragment)((_StoreModalOrderVariableSelection_viewer2.default.hash && _StoreModalOrderVariableSelection_viewer2.default.hash !== "6c2f30b0ff62d54822aad2c955b0a579" && console.error("The definition of 'StoreModalOrderVariableSelection_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalOrderVariableSelection_viewer2.default), viewerKey);
+  const viewer = (0, _reactRelay.useFragment)((_StoreModalOrderVariableSelection_viewer2.default.hash && _StoreModalOrderVariableSelection_viewer2.default.hash !== "bdc0a78f68144b3270e1b8bf38f5d13f" && console.error("The definition of 'StoreModalOrderVariableSelection_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalOrderVariableSelection_viewer2.default), viewerKey);
 
   // Transform order variable selections for the OrderVariableSelection component
   const selections = (_viewer$currentOrder = viewer.currentOrder) === null || _viewer$currentOrder === void 0 ? void 0 : (_viewer$currentOrder$ = _viewer$currentOrder.orderVariableSelections) === null || _viewer$currentOrder$ === void 0 ? void 0 : _viewer$currentOrder$.map(selection => {

package/dist/components/TypeTester/useTypeTesterStyler.js

@@ -20,9 +20,8 @@ const createClone = styles => {
   clone.style.fontWeight = `${styles.fontWeight}`;
   clone.style.fontStyle = `${styles.fontStyle}`;
   clone.style.wordWrap = 'normal';
-
-  // @ts-ignore
   clone.style.fontVariationSettings = styles.fontVariationSettings;
+  clone.style.fontFeatureSettings = styles.fontFeatureSettings;
   return clone;
 };
 const useTypeTesterStyler = _ref => {
@@ -45,9 +44,11 @@ const useTypeTesterStyler = _ref => {
   } = _ref;
   const ref = (0, _react.useRef)(null);
   const fontVariationSettings = variableSettings ? Object.keys(variableSettings).map(axis => `'${axis}' ${variableSettings[axis]}`).join(',') : undefined;
+  const fontFeatureSettings = features.map(feature => `"${feature}"`).join(', ');
   const clone = (0, _react.useRef)(createClone({
     ...fontStyles,
-    fontVariationSettings
+    fontVariationSettings,
+    fontFeatureSettings
   }));
   const latestSizeRef = (0, _react.useRef)(size);
   let sideBuffer = autofit ? 10 : 0;
@@ -112,7 +113,7 @@ const useTypeTesterStyler = _ref => {
     lineHeight: `${lineHeight}`,
     height: shouldTruncate ? `${size * lineHeight}px` : 'auto',
     overflow: shouldTruncate ? 'hidden' : 'visible',
-    fontFeatureSettings: features.map(feature => `"${feature}"`).join(', '),
+    fontFeatureSettings,
     marginRight: alignment !== 'right' ? -sideBuffer : 0,
     marginLeft: alignment === 'right' ? -sideBuffer : 0,
     letterSpacing: 0,

package/dist/components/elements/StoreModalUnifiedCheckout.js

@@ -350,10 +350,10 @@ function StoreModalUnifiedCheckout(_ref2) {
   }, {
     show: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
       className: "store-modal__cart__checkout-section-title"
-    }, "Contact Information"), order.customer ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, order.customer.name, /*#__PURE__*/_react.default.createElement("br", null), order.customer.email) : 'Loading...'),
+    }, "Contact information"), order.customer ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, order.customer.name, /*#__PURE__*/_react.default.createElement("br", null), order.customer.email) : 'Loading...'),
     edit: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
       className: "store-modal__cart__checkout-section-title"
-    }, "Contact Information"), /*#__PURE__*/_react.default.createElement(_CustomerFields.default, {
+    }, "Contact information"), /*#__PURE__*/_react.default.createElement(_CustomerFields.default, {
       value: customer,
       onChange: handleCustomerChange,
       optInLabel: (_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.newsletterOptInLabel
@@ -380,7 +380,7 @@ function StoreModalUnifiedCheckout(_ref2) {
   }, {
     edit: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
       className: "store-modal__cart__checkout-section-title"
-    }, "Licensee Information (your client)"), /*#__PURE__*/_react.default.createElement("div", {
+    }, "Licensee information (your client)"), /*#__PURE__*/_react.default.createElement("div", {
       className: "store-modal__cart__identity-fields"
     }, /*#__PURE__*/_react.default.createElement(_AddressFields.default, {
       viewer: viewer,
@@ -391,7 +391,7 @@ function StoreModalUnifiedCheckout(_ref2) {
     }))),
     show: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
       className: "store-modal__cart__checkout-section-title"
-    }, "Licensee Information (your client)"), order.licenseeIdentity ? /*#__PURE__*/_react.default.createElement("div", {
+    }, "Licensee information (your client)"), order.licenseeIdentity ? /*#__PURE__*/_react.default.createElement("div", {
       className: "store-modal__cart__identity"
     }, /*#__PURE__*/_react.default.createElement(_StoreModalReviewIdentity.default, {
       identity: order.licenseeIdentity
@@ -408,7 +408,7 @@ function StoreModalUnifiedCheckout(_ref2) {
   }, {
     edit: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
       className: "store-modal__cart__checkout-section-title"
-    }, "Billing Information"), /*#__PURE__*/_react.default.createElement("div", {
+    }, "Billing information"), /*#__PURE__*/_react.default.createElement("div", {
       className: "store-modal__cart__identity-fields"
     }, /*#__PURE__*/_react.default.createElement(_AddressFields.default, {
       viewer: viewer,
@@ -419,7 +419,7 @@ function StoreModalUnifiedCheckout(_ref2) {
     }))),
     show: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
       className: "store-modal__cart__checkout-section-title"
-    }, "Billing Information"), order.billingIdentity ? /*#__PURE__*/_react.default.createElement("div", {
+    }, "Billing information"), order.billingIdentity ? /*#__PURE__*/_react.default.createElement("div", {
       className: "store-modal__cart__identity"
     }, /*#__PURE__*/_react.default.createElement(_StoreModalReviewIdentity.default, {
       identity: order.billingIdentity

package/dist/fontdue.css

@@ -1703,7 +1703,7 @@ body[data-fontdue-store-modal=open] {
 }
 
 .store-modal__license-selection__license {
-  margin-bottom: 20px;
+  margin-bottom: 26px;
 }
 
 .store-modal__license-selection__license-button {
@@ -1760,6 +1760,7 @@ body[data-fontdue-store-modal=open] {
 
 .store-modal__license-selection__license-button + .store-modal__license-selection__description {
   margin-top: 10px;
+  color: var(--secondary_text_color);
 }
 
 .store-modal__license-selection__license-button-label {
@@ -1883,7 +1884,7 @@ body[data-fontdue-store-modal=open] {
 }
 
 .store-modal__order-variable-selection__item:not(:last-child) {
-  margin-bottom: 20px;
+  margin-bottom: 26px;
 }
 
 .store-modal__order-variable-selection__button {
@@ -2012,6 +2013,11 @@ body[data-fontdue-store-modal=open] {
   border-bottom-color: var(--link_hover_color);
 }
 
+.store-modal__order-variable-selection__description {
+  margin-top: 10px;
+  color: var(--secondary_text_color);
+}
+
 .store-modal__page__container {
   flex: 1;
   display: flex;
@@ -2145,7 +2151,7 @@ body[data-fontdue-store-modal=open] {
   text-transform: inherit;
   background: var(--button_background_color);
   border: 1px solid var(--button_border_color);
-  color: 1px solid var(--button_text_color);
+  color: var(--button_text_color);
   padding: 10px 20px;
 }
 .cart-additions__expand-button:active, .cart-additions__expand-button:focus {
@@ -2217,6 +2223,7 @@ body[data-fontdue-store-modal=open] {
   margin-right: -1px;
   padding-right: 35px;
   font-family: inherit;
+  min-width: 0;
 }
 .cart-additions[data-status=error] .cart-additions__field {
   color: var(--error_color);
@@ -2495,7 +2502,9 @@ body[data-fontdue-store-modal=open] {
 .cart__price-block {
   display: grid;
   grid-template-columns: 1fr 1fr;
+  grid-column-gap: 20px;
   margin: 20px 0;
+  align-items: baseline;
 }
 .cart__price-block__price {
   text-align: right;
@@ -2540,6 +2549,120 @@ body[data-fontdue-store-modal=open] {
   font-size: 22px;
 }
 
+/* Share URL section */
+.cart__share {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  padding-top: 20px;
+  width: 100%;
+  border-top: 1px solid var(--horizontal_rule_color);
+}
+
+.cart__share-title {
+  margin-bottom: 20px;
+}
+
+.cart__share-url-input-container {
+  display: flex;
+  margin-bottom: 20px;
+}
+
+.cart__share-url-input {
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-decoration: inherit;
+  text-align: inherit;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  margin: 0;
+  appearance: none;
+  text-transform: inherit;
+  min-width: 0;
+  flex: 1 1 0;
+  color: currentcolor;
+  padding: 10px 15px;
+  background: var(--secondary_background_color);
+  border: 1px solid var(--secondary_background_color);
+  border-right: none;
+}
+.cart__share-url-input:active, .cart__share-url-input:focus {
+  outline: none;
+}
+.cart__share-url-input:focus {
+  border-color: var(--primary_text_color);
+}
+
+.cart__share-url-text {
+  font-family: monospace;
+  word-break: break-all;
+  margin-bottom: 15px;
+  padding: 8px;
+  border-radius: 4px;
+}
+
+.cart__share__button {
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-decoration: inherit;
+  text-align: inherit;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  margin: 0;
+  appearance: none;
+  text-transform: inherit;
+  text-align: center;
+  background: var(--button_background_color);
+  border: 1px solid var(--button_border_color);
+  color: 1px solid var(--button_text_color);
+  padding: 10px 20px;
+}
+.cart__share__button:active, .cart__share__button:focus {
+  outline: none;
+}
+.cart__share__button:not(:disabled) {
+  cursor: pointer;
+}
+.cart__share__button:hover {
+  background: var(--button_hover_background_color);
+  border-color: var(--button_hover_border_color);
+  color: var(--button_hover_text_color);
+}
+
+.cart__share__pdf-button,
+.cart__share__share-button {
+  display: block;
+  width: 100%;
+  margin-bottom: 60px;
+}
+
+.cart__share__copy-button {
+  position: relative;
+  white-space: nowrap;
+}
+.cart__share__copy-button .icon {
+  visibility: hidden;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 1em;
+}
+.cart__share__copy-button[data-copied=true] span {
+  visibility: hidden;
+}
+.cart__share__copy-button[data-copied=true] .icon {
+  visibility: visible;
+}
+
+.cart__share-error {
+  color: var(--error_color);
+  margin-top: 10px;
+}
+
 .checkout-modal__form {
   display: contents;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.11.0",
+  "version": "2.12.1",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",
     "build-js": "babel src --out-dir dist --extensions .ts,.tsx,.js,.jsx",