fontdue-js 2.23.2 → 2.25.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 2.25.0
+
+- Added `storeModal.hideAllCollections` config option (default `false`). When `true`, the store modal skips the "All collections" landing page — the modal opens directly to the cart route, the cart button always opens the cart regardless of item count, the empty-cart "Continue shopping" button closes the modal, and the product/checkout back button becomes "Close" when there's no history. Useful for stores that drive purchases from "Add to Cart" buttons on product pages.
+- Improved the empty-cart layout: added a "Your cart is empty." message and the modal now collapses to its default 800px width when empty (instead of staying at the wider cart width).
+
+## 2.24.0
+
+- The cart's licensee picker now reads its button labels and per-option descriptions from tenant settings, so admins can rename "Yourself" / "Your client" and add explainer text without a code change.
+
 ## 2.23.2
 
 - Fixed a right-edge gap in the *CharacterViewer* glyph grid.

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<f881bbc92f737f96c0bb39372d175fc0>>
+ * @generated SignedSource<<024b5dc4c8cf3f856de0a6d06968f144>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalCartQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<f881bbc92f737f96c0bb39372d175fc0>>
+ * @generated SignedSource<<024b5dc4c8cf3f856de0a6d06968f144>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -479,6 +479,30 @@ const node = function () {
             "kind": "ScalarField",
             "name": "storeModalSelectLicenseeLabel",
             "storageKey": "storeModalSelectLicenseeLabel(format:\"HTML\")"
+          }, {
+            "alias": null,
+            "args": v13 /*: any*/,
+            "kind": "ScalarField",
+            "name": "storeModalLicenseeSelfLabel",
+            "storageKey": "storeModalLicenseeSelfLabel(format:\"HTML\")"
+          }, {
+            "alias": null,
+            "args": v13 /*: any*/,
+            "kind": "ScalarField",
+            "name": "storeModalLicenseeSelfDescription",
+            "storageKey": "storeModalLicenseeSelfDescription(format:\"HTML\")"
+          }, {
+            "alias": null,
+            "args": v13 /*: any*/,
+            "kind": "ScalarField",
+            "name": "storeModalLicenseeClientLabel",
+            "storageKey": "storeModalLicenseeClientLabel(format:\"HTML\")"
+          }, {
+            "alias": null,
+            "args": v13 /*: any*/,
+            "kind": "ScalarField",
+            "name": "storeModalLicenseeClientDescription",
+            "storageKey": "storeModalLicenseeClientDescription(format:\"HTML\")"
           }, {
             "alias": null,
             "args": v13 /*: any*/,
@@ -1012,12 +1036,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "0c171742489d9700f864bc48e4324307",
+      "cacheID": "2cd9ae5c25c7dc6094502bbbe3dd1991",
       "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    settings {\n      taxSystem\n    }\n    currentOrder {\n      ...CartState_order\n      ...CartTotals_order\n      ...StoreModalUnifiedCheckout_order\n      ...StoreModalOrderVariableSelection_order\n      id\n      total {\n        amount\n      }\n      orderVariableSelections {\n        id\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  settings {\n    checkoutAddressCollection\n    checkoutPhoneNumberCollection\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      excludedLicenses {\n        id\n      }\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      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\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    countryCode\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  taxNotApplicable\n  taxNotApplicableReason\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  ...useFontStyle_fontStyle\n}\n\nfragment OrderVariableSelection_variables on Viewer {\n  orderVariables {\n    id\n    name\n    variableType\n    description(format: HTML, orderVariables: [])\n    orderVariableOptions {\n      id\n      amount\n    }\n  }\n  countries {\n    code\n    name\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment StoreModalOrderVariableSelection_order on Order {\n  id\n  orderVariableSelections {\n    orderVariable {\n      id\n      name\n      variableType\n    }\n    orderVariableDescription(format: HTML)\n    orderVariableOption {\n      id\n      amount\n    }\n    countryCode\n    id\n  }\n}\n\nfragment StoreModalOrderVariableSelection_viewer on Viewer {\n  ...OrderVariableSelection_variables\n  orderVariables {\n    id\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    phoneNullable\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    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  stripePaymentIntent {\n    clientSecret\n    amount\n    currency\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n      variableType\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment StoreModalUnifiedCheckout_viewer on Viewer {\n  ...AddressFields_viewer\n  country\n  detectedCountry\n  settings {\n    uiFontName\n    eulaAgreementLabel(format: HTML)\n    storeModalSelectLicenseeLabel(format: HTML)\n    newsletterOptInLabel(format: HTML)\n    taxSystem\n    recaptchaEnabled\n    recaptchaSiteKey\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    stripeAccountId\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\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
+      "text": "query StoreModalCartQuery {\n  viewer {\n    ...StripeProvider_viewer\n    ...OrderVariableSelection_variables\n    ...StoreModalOrderVariableSelection_viewer\n    ...StoreModalUnifiedCheckout_viewer\n    settings {\n      taxSystem\n    }\n    currentOrder {\n      ...CartState_order\n      ...CartTotals_order\n      ...StoreModalUnifiedCheckout_order\n      ...StoreModalOrderVariableSelection_order\n      id\n      total {\n        amount\n      }\n      orderVariableSelections {\n        id\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  settings {\n    checkoutAddressCollection\n    checkoutPhoneNumberCollection\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      excludedLicenses {\n        id\n      }\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      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\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    countryCode\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  taxNotApplicable\n  taxNotApplicableReason\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  ...useFontStyle_fontStyle\n}\n\nfragment OrderVariableSelection_variables on Viewer {\n  orderVariables {\n    id\n    name\n    variableType\n    description(format: HTML, orderVariables: [])\n    orderVariableOptions {\n      id\n      amount\n    }\n  }\n  countries {\n    code\n    name\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment StoreModalOrderVariableSelection_order on Order {\n  id\n  orderVariableSelections {\n    orderVariable {\n      id\n      name\n      variableType\n    }\n    orderVariableDescription(format: HTML)\n    orderVariableOption {\n      id\n      amount\n    }\n    countryCode\n    id\n  }\n}\n\nfragment StoreModalOrderVariableSelection_viewer on Viewer {\n  ...OrderVariableSelection_variables\n  orderVariables {\n    id\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    phoneNullable\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    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  stripePaymentIntent {\n    clientSecret\n    amount\n    currency\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n      variableType\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment StoreModalUnifiedCheckout_viewer on Viewer {\n  ...AddressFields_viewer\n  country\n  detectedCountry\n  settings {\n    uiFontName\n    eulaAgreementLabel(format: HTML)\n    storeModalSelectLicenseeLabel(format: HTML)\n    storeModalLicenseeSelfLabel(format: HTML)\n    storeModalLicenseeSelfDescription(format: HTML)\n    storeModalLicenseeClientLabel(format: HTML)\n    storeModalLicenseeClientDescription(format: HTML)\n    newsletterOptInLabel(format: HTML)\n    taxSystem\n    recaptchaEnabled\n    recaptchaSiteKey\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    stripeAccountId\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\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<56c2560864651a703675e1c28f574b95>>
+ * @generated SignedSource<<ab8c0715a712e9aed84b61d91c661bcd>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -32,6 +32,10 @@ export type StoreModalProductQuery$data = {
             readonly variableType: string;
         }> | null;
         readonly settings: {
+            readonly storeModalLicenseeClientDescription: string | null;
+            readonly storeModalLicenseeClientLabel: string | null;
+            readonly storeModalLicenseeSelfDescription: string | null;
+            readonly storeModalLicenseeSelfLabel: string | null;
             readonly storeModalSelectFontsLabel: string | null;
             readonly storeModalSelectLicenseeLabel: string | null;
             readonly storeModalSelectLicensesLabel: string | null;

package/dist/__generated__/StoreModalProductQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<56c2560864651a703675e1c28f574b95>>
+ * @generated SignedSource<<ab8c0715a712e9aed84b61d91c661bcd>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -95,62 +95,90 @@ const node = function () {
       "storageKey": "storeModalSelectLicenseeLabel(format:\"HTML\")"
     },
     v15 = {
+      "alias": null,
+      "args": v13 /*: any*/,
+      "kind": "ScalarField",
+      "name": "storeModalLicenseeSelfLabel",
+      "storageKey": "storeModalLicenseeSelfLabel(format:\"HTML\")"
+    },
+    v16 = {
+      "alias": null,
+      "args": v13 /*: any*/,
+      "kind": "ScalarField",
+      "name": "storeModalLicenseeSelfDescription",
+      "storageKey": "storeModalLicenseeSelfDescription(format:\"HTML\")"
+    },
+    v17 = {
+      "alias": null,
+      "args": v13 /*: any*/,
+      "kind": "ScalarField",
+      "name": "storeModalLicenseeClientLabel",
+      "storageKey": "storeModalLicenseeClientLabel(format:\"HTML\")"
+    },
+    v18 = {
+      "alias": null,
+      "args": v13 /*: any*/,
+      "kind": "ScalarField",
+      "name": "storeModalLicenseeClientDescription",
+      "storageKey": "storeModalLicenseeClientDescription(format:\"HTML\")"
+    },
+    v19 = {
       "alias": null,
       "args": v13 /*: any*/,
       "kind": "ScalarField",
       "name": "storeModalSelectOrderVariablesLabel",
       "storageKey": "storeModalSelectOrderVariablesLabel(format:\"HTML\")"
     },
-    v16 = {
+    v20 = {
       "alias": null,
       "args": v13 /*: any*/,
       "kind": "ScalarField",
       "name": "storeModalSelectLicensesLabel",
       "storageKey": "storeModalSelectLicensesLabel(format:\"HTML\")"
     },
-    v17 = {
+    v21 = {
       "alias": null,
       "args": v13 /*: any*/,
       "kind": "ScalarField",
       "name": "storeModalSelectFontsLabel",
       "storageKey": "storeModalSelectFontsLabel(format:\"HTML\")"
     },
-    v18 = {
+    v22 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "__typename",
       "storageKey": null
     },
-    v19 = {
+    v23 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "isVariableFont",
       "storageKey": null
     },
-    v20 = {
+    v24 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "collectionType",
       "storageKey": null
     },
-    v21 = {
+    v25 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "amount",
       "storageKey": null
     },
-    v22 = [v21 /*: any*/, {
+    v26 = [v25 /*: any*/, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "currency",
       "storageKey": null
     }],
-    v23 = {
+    v27 = {
       "alias": null,
       "args": null,
       "concreteType": "Sku",
@@ -164,44 +192,44 @@ const node = function () {
         "kind": "LinkedField",
         "name": "price",
         "plural": false,
-        "selections": v22 /*: any*/,
+        "selections": v26 /*: any*/,
         "storageKey": null
       }],
       "storageKey": null
     },
-    v24 = [v4 /*: any*/],
-    v25 = {
+    v28 = [v4 /*: any*/],
+    v29 = {
       "alias": null,
       "args": null,
       "concreteType": "FontCollection",
       "kind": "LinkedField",
       "name": "parent",
       "plural": false,
-      "selections": v24 /*: any*/,
+      "selections": v28 /*: any*/,
       "storageKey": null
     },
-    v26 = {
+    v30 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "cssFamily",
       "storageKey": null
     },
-    v27 = {
+    v31 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "url",
       "storageKey": null
     },
-    v28 = {
+    v32 = {
       "alias": null,
       "args": null,
       "concreteType": "WebfontSource",
       "kind": "LinkedField",
       "name": "webfontSources",
       "plural": true,
-      "selections": [v27 /*: any*/, {
+      "selections": [v31 /*: any*/, {
         "alias": null,
         "args": null,
         "kind": "ScalarField",
@@ -210,7 +238,7 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v29 = {
+    v33 = {
       "alias": null,
       "args": null,
       "concreteType": "VerticalMetrics",
@@ -244,60 +272,60 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v30 = {
+    v34 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "supportedLanguages",
       "storageKey": null
     },
-    v31 = {
+    v35 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
       "kind": "LinkedField",
       "name": "featureStyle",
       "plural": false,
-      "selections": [v26 /*: any*/, v11 /*: any*/, v28 /*: any*/, v29 /*: any*/, v30 /*: any*/, v4 /*: any*/],
+      "selections": [v30 /*: any*/, v11 /*: any*/, v32 /*: any*/, v33 /*: any*/, v34 /*: any*/, v4 /*: any*/],
       "storageKey": null
     },
-    v32 = {
+    v36 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "totalStyles",
       "storageKey": null
     },
-    v33 = {
+    v37 = {
       "alias": null,
       "args": null,
       "concreteType": "Money",
       "kind": "LinkedField",
       "name": "totalStylesPrice",
       "plural": false,
-      "selections": v22 /*: any*/,
+      "selections": v26 /*: any*/,
       "storageKey": null
     },
-    v34 = [{
+    v38 = [{
       "kind": "Literal",
       "name": "collectionTypes",
       "value": ["FAMILY"]
     }],
-    v35 = {
+    v39 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "cssWeight",
       "storageKey": null
     },
-    v36 = {
+    v40 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "cssStretch",
       "storageKey": null
     },
-    v37 = {
+    v41 = {
       "alias": null,
       "args": null,
       "concreteType": "VariableInstance",
@@ -328,7 +356,7 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v38 = {
+    v42 = {
       "alias": null,
       "args": null,
       "concreteType": "Bundle",
@@ -348,36 +376,36 @@ const node = function () {
         "kind": "LinkedField",
         "name": "fontStyles",
         "plural": true,
-        "selections": [v4 /*: any*/, v26 /*: any*/, v35 /*: any*/, v36 /*: any*/, v11 /*: any*/, v30 /*: any*/, v37 /*: any*/, v23 /*: any*/, v28 /*: any*/, v29 /*: any*/],
+        "selections": [v4 /*: any*/, v30 /*: any*/, v39 /*: any*/, v40 /*: any*/, v11 /*: any*/, v34 /*: any*/, v41 /*: any*/, v27 /*: any*/, v32 /*: any*/, v33 /*: any*/],
         "storageKey": null
-      }, v11 /*: any*/, v23 /*: any*/],
+      }, v11 /*: any*/, v27 /*: any*/],
       "storageKey": null
     },
-    v39 = {
+    v43 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
       "kind": "LinkedField",
       "name": "fontStyles",
       "plural": true,
-      "selections": [v4 /*: any*/, v26 /*: any*/, v35 /*: any*/, v36 /*: any*/, {
+      "selections": [v4 /*: any*/, v30 /*: any*/, v39 /*: any*/, v40 /*: any*/, {
         "alias": null,
         "args": null,
         "kind": "ScalarField",
         "name": "cssStyle",
         "storageKey": null
-      }, v11 /*: any*/, v30 /*: any*/, v37 /*: any*/, v23 /*: any*/, v28 /*: any*/, v29 /*: any*/],
+      }, v11 /*: any*/, v34 /*: any*/, v41 /*: any*/, v27 /*: any*/, v32 /*: any*/, v33 /*: any*/],
       "storageKey": null
     },
-    v40 = [v21 /*: any*/],
-    v41 = [v32 /*: any*/, {
+    v44 = [v25 /*: any*/],
+    v45 = [v36 /*: any*/, {
       "alias": null,
       "args": v7 /*: any*/,
       "concreteType": "Money",
       "kind": "LinkedField",
       "name": "totalStylesPrice",
       "plural": false,
-      "selections": v40 /*: any*/,
+      "selections": v44 /*: any*/,
       "storageKey": null
     }];
   return {
@@ -430,7 +458,7 @@ const node = function () {
           "kind": "LinkedField",
           "name": "settings",
           "plural": false,
-          "selections": [v14 /*: any*/, v15 /*: any*/, v16 /*: any*/, v17 /*: any*/],
+          "selections": [v14 /*: any*/, v15 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/, v20 /*: any*/, v21 /*: any*/],
           "storageKey": null
         }],
         "storageKey": null
@@ -450,37 +478,37 @@ const node = function () {
         "kind": "LinkedField",
         "name": "node",
         "plural": false,
-        "selections": [v18 /*: any*/, v4 /*: any*/, {
+        "selections": [v22 /*: any*/, v4 /*: any*/, {
           "kind": "TypeDiscriminator",
           "abstractKey": "__isNode"
         }, {
           "kind": "InlineFragment",
-          "selections": [v19 /*: any*/, v20 /*: any*/, v11 /*: any*/, v23 /*: any*/, v25 /*: any*/, v31 /*: any*/, v32 /*: any*/, v33 /*: any*/, {
+          "selections": [v23 /*: any*/, v24 /*: any*/, v11 /*: any*/, v27 /*: any*/, v29 /*: any*/, v35 /*: any*/, v36 /*: any*/, v37 /*: any*/, {
             "alias": null,
-            "args": v34 /*: any*/,
+            "args": v38 /*: any*/,
             "concreteType": "FontCollection",
             "kind": "LinkedField",
             "name": "children",
             "plural": true,
-            "selections": [v19 /*: any*/, v32 /*: any*/, v4 /*: any*/, v20 /*: any*/, v11 /*: any*/, v23 /*: any*/, v25 /*: any*/, v31 /*: any*/, v33 /*: any*/, {
+            "selections": [v23 /*: any*/, v36 /*: any*/, v4 /*: any*/, v24 /*: any*/, v11 /*: any*/, v27 /*: any*/, v29 /*: any*/, v35 /*: any*/, v37 /*: any*/, {
               "alias": null,
-              "args": v34 /*: any*/,
+              "args": v38 /*: any*/,
               "concreteType": "FontCollection",
               "kind": "LinkedField",
               "name": "children",
               "plural": true,
-              "selections": [v19 /*: any*/, v32 /*: any*/, v4 /*: any*/],
+              "selections": [v23 /*: any*/, v36 /*: any*/, v4 /*: any*/],
               "storageKey": "children(collectionTypes:[\"FAMILY\"])"
-            }, v38 /*: any*/, v39 /*: any*/],
+            }, v42 /*: any*/, v43 /*: any*/],
             "storageKey": "children(collectionTypes:[\"FAMILY\"])"
-          }, v38 /*: any*/, v39 /*: any*/, {
+          }, v42 /*: any*/, v43 /*: any*/, {
             "alias": null,
             "args": null,
             "concreteType": "License",
             "kind": "LinkedField",
             "name": "licenses",
             "plural": true,
-            "selections": [v4 /*: any*/, v27 /*: any*/, v11 /*: any*/, {
+            "selections": [v4 /*: any*/, v31 /*: any*/, v11 /*: any*/, {
               "alias": null,
               "args": v13 /*: any*/,
               "kind": "ScalarField",
@@ -499,7 +527,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "excludedLicenses",
               "plural": true,
-              "selections": v24 /*: any*/,
+              "selections": v28 /*: any*/,
               "storageKey": null
             }, {
               "alias": "variables",
@@ -521,7 +549,7 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "licenseOptions",
                 "plural": true,
-                "selections": [v4 /*: any*/, v11 /*: any*/, v21 /*: any*/, {
+                "selections": [v4 /*: any*/, v11 /*: any*/, v25 /*: any*/, {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
@@ -565,7 +593,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "orderVariableOptions",
             "plural": true,
-            "selections": [v4 /*: any*/, v21 /*: any*/],
+            "selections": [v4 /*: any*/, v25 /*: any*/],
             "storageKey": null
           }],
           "storageKey": null
@@ -618,7 +646,7 @@ const node = function () {
               "storageKey": null
             }],
             "storageKey": null
-          }, v14 /*: any*/, v15 /*: any*/, v16 /*: any*/, v17 /*: any*/],
+          }, v14 /*: any*/, v15 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/, v20 /*: any*/, v21 /*: any*/],
           "storageKey": null
         }, {
           "alias": null,
@@ -666,7 +694,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "price",
               "plural": false,
-              "selections": v40 /*: any*/,
+              "selections": v44 /*: any*/,
               "storageKey": null
             }, {
               "alias": null,
@@ -675,24 +703,24 @@ const node = function () {
               "kind": "LinkedField",
               "name": "product",
               "plural": false,
-              "selections": [v18 /*: any*/, {
+              "selections": [v22 /*: any*/, {
                 "kind": "InlineFragment",
-                "selections": v41 /*: any*/,
+                "selections": v45 /*: any*/,
                 "type": "FontCollection",
                 "abstractKey": null
               }, {
                 "kind": "InlineFragment",
-                "selections": v41 /*: any*/,
+                "selections": v45 /*: any*/,
                 "type": "Bundle",
                 "abstractKey": null
               }, {
                 "kind": "InlineFragment",
-                "selections": v41 /*: any*/,
+                "selections": v45 /*: any*/,
                 "type": "CollectionBundle",
                 "abstractKey": null
               }, {
                 "kind": "InlineFragment",
-                "selections": v24 /*: any*/,
+                "selections": v28 /*: any*/,
                 "type": "Node",
                 "abstractKey": "__isNode"
               }],
@@ -706,7 +734,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "subtotal",
             "plural": false,
-            "selections": v22 /*: any*/,
+            "selections": v26 /*: any*/,
             "storageKey": null
           }],
           "storageKey": null
@@ -715,15 +743,15 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "9ce3e5ba9cc291f73e63ce9ea15defb9",
+      "cacheID": "2ec62eeeaed3a327f1a022ab9a0cf197",
       "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_2ZguDv\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  ...useFontStyle_fontStyle\n}\n\nfragment OrderVariableSelectionRedux_viewer_2ZguDv on Viewer {\n  ...OrderVariableSelection_variables_2ZguDv\n  detectedCountry\n  orderVariables {\n    id\n    variableType\n  }\n}\n\nfragment OrderVariableSelection_variables_2ZguDv on Viewer {\n  orderVariables {\n    id\n    name\n    variableType\n    description(format: HTML, orderVariables: $orderVariables)\n    orderVariableOptions {\n      id\n      amount\n    }\n  }\n  countries {\n    code\n    name\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  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles {\n    id\n    hidden\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    cssStyle\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  excludedLicenses {\n    id\n  }\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  settings {\n    taxSystem\n    stripeTaxSettings {\n      taxBehavior\n    }\n  }\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 CollectionBundle {\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 useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\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_2ZguDv\n    ...StoreModalProductSummary_viewer_4sncub\n    orderVariables {\n      id\n      variableType\n      name\n    }\n    settings {\n      storeModalSelectLicenseeLabel(format: HTML)\n      storeModalLicenseeSelfLabel(format: HTML)\n      storeModalLicenseeSelfDescription(format: HTML)\n      storeModalLicenseeClientLabel(format: HTML)\n      storeModalLicenseeClientDescription(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  ...useFontStyle_fontStyle\n}\n\nfragment OrderVariableSelectionRedux_viewer_2ZguDv on Viewer {\n  ...OrderVariableSelection_variables_2ZguDv\n  detectedCountry\n  orderVariables {\n    id\n    variableType\n  }\n}\n\nfragment OrderVariableSelection_variables_2ZguDv on Viewer {\n  orderVariables {\n    id\n    name\n    variableType\n    description(format: HTML, orderVariables: $orderVariables)\n    orderVariableOptions {\n      id\n      amount\n    }\n  }\n  countries {\n    code\n    name\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  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles {\n    id\n    hidden\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    cssStyle\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  excludedLicenses {\n    id\n  }\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  settings {\n    taxSystem\n    stripeTaxSettings {\n      taxBehavior\n    }\n  }\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 CollectionBundle {\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 useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n\nfragment useTotalStyles_fontCollection on FontCollection {\n  isVariableFont\n  totalStyles\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n}\n"
     }
   };
 }();
-node.hash = "b2803257576691f16a283d10e53439e3";
+node.hash = "051d45b088e87330de54058b441ad280";
 var _default = node;
 exports.default = _default;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<ca5c7d5a8678cb68a0990463a7bb9c53>>
+ * @generated SignedSource<<36de3a095a8207a0ce9689d501a7431f>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -13,6 +13,10 @@ export type StoreModalUnifiedCheckout_viewer$data = {
         readonly newsletterOptInLabel: string | null;
         readonly recaptchaEnabled: boolean;
         readonly recaptchaSiteKey: string | null;
+        readonly storeModalLicenseeClientDescription: string | null;
+        readonly storeModalLicenseeClientLabel: string | null;
+        readonly storeModalLicenseeSelfDescription: string | null;
+        readonly storeModalLicenseeSelfLabel: string | null;
         readonly storeModalSelectLicenseeLabel: string | null;
         readonly taxSystem: string;
         readonly uiFontName: string | null;

package/dist/__generated__/StoreModalUnifiedCheckout_viewer.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<ca5c7d5a8678cb68a0990463a7bb9c53>>
+ * @generated SignedSource<<36de3a095a8207a0ce9689d501a7431f>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -66,6 +66,30 @@ const node = function () {
         "kind": "ScalarField",
         "name": "storeModalSelectLicenseeLabel",
         "storageKey": "storeModalSelectLicenseeLabel(format:\"HTML\")"
+      }, {
+        "alias": null,
+        "args": v0 /*: any*/,
+        "kind": "ScalarField",
+        "name": "storeModalLicenseeSelfLabel",
+        "storageKey": "storeModalLicenseeSelfLabel(format:\"HTML\")"
+      }, {
+        "alias": null,
+        "args": v0 /*: any*/,
+        "kind": "ScalarField",
+        "name": "storeModalLicenseeSelfDescription",
+        "storageKey": "storeModalLicenseeSelfDescription(format:\"HTML\")"
+      }, {
+        "alias": null,
+        "args": v0 /*: any*/,
+        "kind": "ScalarField",
+        "name": "storeModalLicenseeClientLabel",
+        "storageKey": "storeModalLicenseeClientLabel(format:\"HTML\")"
+      }, {
+        "alias": null,
+        "args": v0 /*: any*/,
+        "kind": "ScalarField",
+        "name": "storeModalLicenseeClientDescription",
+        "storageKey": "storeModalLicenseeClientDescription(format:\"HTML\")"
       }, {
         "alias": null,
         "args": v0 /*: any*/,
@@ -112,6 +136,6 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "048ce405742611f6684cb5306d28478b";
+node.hash = "5e8a59a64c401bb354b53ab83d993e03";
 var _default = node;
 exports.default = _default;

package/dist/components/CartButton/index.js

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _reactRelay = require("react-relay");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _Icons = require("../Icons");
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _Price = _interopRequireWildcard(require("../Price"));
@@ -40,6 +41,9 @@ function CartButtonComponent(_ref) {
   const orderData = (0, _reactRelay.useFragment)((_CartButton_order2.default.hash && _CartButton_order2.default.hash !== "26a092d7efb579c98adda18413349b3b" && console.error("The definition of 'CartButton_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButton_order2.default), orderKey);
   const [count, setCount] = (0, _react.useState)(0);
   const dispatch = (0, _reactRedux.useDispatch)();
+  const {
+    storeModal: storeModalConfig
+  } = (0, _react.useContext)(_ConfigContext.default);
   const formatSuffix = (0, _react.useCallback)(() => {
     if (!suffix) return null;
 
@@ -77,14 +81,14 @@ function CartButtonComponent(_ref) {
     return nodes.length > 0 ? nodes : null;
   }, [suffix, count, orderData === null || orderData === void 0 ? void 0 : orderData.subtotal]);
   const handleClick = (0, _react.useCallback)(() => {
-    if (count > 0) {
+    if (count > 0 || storeModalConfig.hideAllCollections) {
       dispatch({
         type: 'STORE_MODAL_REPLACE',
         route: 'cart'
       });
     }
     dispatch(openCart());
-  }, [count, dispatch]);
+  }, [count, dispatch, storeModalConfig.hideAllCollections]);
   (0, _react.useEffect)(() => {
     // set count only on the client, because on the server it's always gonna be zero
     setCount(cartButtonCount(orderData));

package/dist/components/ConfigContext.d.ts

@@ -90,6 +90,7 @@ export declare const makeConfig: (config?: Config) => {
         indexLayout: "styled-aa" | "styled-font-names";
         indexExcludeTags: string[] | undefined;
         productLicensesPosition: "top" | "bottom";
+        hideAllCollections: boolean;
     };
     stripe: {
         appearance: Appearance | null;
@@ -161,6 +162,7 @@ declare const _default: React.Context<{
         indexLayout: "styled-aa" | "styled-font-names";
         indexExcludeTags: string[] | undefined;
         productLicensesPosition: "top" | "bottom";
+        hideAllCollections: boolean;
     };
     stripe: {
         appearance: Appearance | null;

package/dist/components/ConfigContext.js

@@ -59,7 +59,7 @@ const makeTypeTesterConfig = config => {
   };
 };
 const makeConfig = config => {
-  var _config$form, _config$storeModal, _config$storeModal2, _config$storeModal3, _config$stripe, _config$tracking, _config$tracking2, _config$tracking3, _config$tracking4;
+  var _config$form, _config$storeModal, _config$storeModal2, _config$storeModal3, _config$storeModal4, _config$stripe, _config$tracking, _config$tracking2, _config$tracking3, _config$tracking4;
   return {
     typeTester: makeTypeTesterConfig(config === null || config === void 0 ? void 0 : config.typeTester),
     form: {
@@ -68,7 +68,8 @@ const makeConfig = config => {
     storeModal: {
       indexLayout: (config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.indexLayout) ?? 'styled-aa',
       indexExcludeTags: config === null || config === void 0 ? void 0 : (_config$storeModal2 = config.storeModal) === null || _config$storeModal2 === void 0 ? void 0 : _config$storeModal2.indexExcludeTags,
-      productLicensesPosition: (config === null || config === void 0 ? void 0 : (_config$storeModal3 = config.storeModal) === null || _config$storeModal3 === void 0 ? void 0 : _config$storeModal3.productLicensesPosition) ?? 'top'
+      productLicensesPosition: (config === null || config === void 0 ? void 0 : (_config$storeModal3 = config.storeModal) === null || _config$storeModal3 === void 0 ? void 0 : _config$storeModal3.productLicensesPosition) ?? 'top',
+      hideAllCollections: (config === null || config === void 0 ? void 0 : (_config$storeModal4 = config.storeModal) === null || _config$storeModal4 === void 0 ? void 0 : _config$storeModal4.hideAllCollections) ?? false
     },
     stripe: {
       appearance: (config === null || config === void 0 ? void 0 : (_config$stripe = config.stripe) === null || _config$stripe === void 0 ? void 0 : _config$stripe.appearance) ?? null

package/dist/components/StoreModal/StoreModalContainer.js

@@ -31,8 +31,14 @@ const getPageTitle = name => {
       return 'Review';
   }
 };
-const getBackLink = (history, currentRoute) => {
-  if (currentRoute !== 'index' && history.length === 0) return 'All collections';
+const getBackLink = (history, currentRoute, hideAllCollections) => {
+  if (history.length === 0) {
+    if (hideAllCollections) {
+      return currentRoute === 'cart' ? null : 'Close';
+    }
+    if (currentRoute !== 'index') return 'All collections';
+    return null;
+  }
   const previous = history[history.length - 1];
   if (!previous) return null;
   return getPageTitle(previous.name);
@@ -61,17 +67,23 @@ const StoreModalContainer = _ref => {
   }, [dispatch]);
   const currentRoute = (0, _reactRedux.useSelector)(state => state.storeModalRoute.name);
   const history = (0, _reactRedux.useSelector)(state => state.storeModalHistory);
-  const link = getBackLink(history, currentRoute);
   const config = (0, _react.useContext)(_ConfigContext.default);
+  const link = getBackLink(history, currentRoute, config.storeModal.hideAllCollections);
   const handleBack = () => {
     if (history.length === 0) {
-      dispatch({
-        type: 'STORE_MODAL_REPLACE',
-        route: 'index',
-        variables: {
-          excludeTags: config.storeModal.indexExcludeTags
-        }
-      });
+      if (config.storeModal.hideAllCollections) {
+        dispatch({
+          type: 'CLOSE_CART'
+        });
+      } else {
+        dispatch({
+          type: 'STORE_MODAL_REPLACE',
+          route: 'index',
+          variables: {
+            excludeTags: config.storeModal.indexExcludeTags
+          }
+        });
+      }
     } else {
       dispatch({
         type: 'STORE_MODAL_BACK'

package/dist/components/StoreModal/StoreModalLicenseeIsBillingSelection.d.ts

@@ -3,5 +3,9 @@ export default function StoreModalLicenseeIsBillingSelection({ disabled, childre
     disabled: boolean;
     children: {
         label: React.ReactNode;
+        selfLabel?: React.ReactNode;
+        selfDescription?: React.ReactNode;
+        clientLabel?: React.ReactNode;
+        clientDescription?: React.ReactNode;
     };
 }): React.JSX.Element;

package/dist/components/StoreModal/StoreModalProduct.js

@@ -24,13 +24,13 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 }; }
 const StoreModalProduct = _ref => {
-  var _config$storeModal, _viewer$orderVariable, _viewer$settings, _viewer$settings2, _viewer$settings3, _viewer$settings4, _collection$children;
+  var _config$storeModal, _viewer$orderVariable, _viewer$settings, _viewer$settings2, _viewer$settings3, _viewer$settings4, _viewer$settings5, _viewer$settings6, _viewer$settings7, _viewer$settings8, _collection$children;
   let {
     prepared
   } = _ref;
   const config = (0, _react.useContext)(_ConfigContext.default);
   const environment = (0, _reactRelay.useRelayEnvironment)();
-  const initialData = (0, _reactRelay.usePreloadedQuery)((_StoreModalProductQuery2.default.hash && _StoreModalProductQuery2.default.hash !== "b2803257576691f16a283d10e53439e3" && console.error("The definition of 'StoreModalProductQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductQuery2.default), prepared.productQuery);
+  const initialData = (0, _reactRelay.usePreloadedQuery)((_StoreModalProductQuery2.default.hash && _StoreModalProductQuery2.default.hash !== "051d45b088e87330de54058b441ad280" && console.error("The definition of 'StoreModalProductQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductQuery2.default), prepared.productQuery);
   const [data, refetch] = (0, _reactRelay.useRefetchableFragment)((_StoreModalProductContent_collection2.default.hash && _StoreModalProductContent_collection2.default.hash !== "0684ec2633ccc5d4d0866e7780df28cc" && console.error("The definition of 'StoreModalProductContent_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductContent_collection2.default), initialData.collection);
   const collection = data;
   const {
@@ -88,26 +88,50 @@ const StoreModalProduct = _ref => {
       __html: ((_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.storeModalSelectLicenseeLabel) ?? ''
     }
   });
+  const licenseeSelfLabel = /*#__PURE__*/_react.default.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: ((_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.storeModalLicenseeSelfLabel) ?? 'Yourself'
+    }
+  });
+  const licenseeSelfDescription = (_viewer$settings3 = viewer.settings) !== null && _viewer$settings3 !== void 0 && _viewer$settings3.storeModalLicenseeSelfDescription ? /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: viewer.settings.storeModalLicenseeSelfDescription
+    }
+  }) : null;
+  const licenseeClientLabel = /*#__PURE__*/_react.default.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: ((_viewer$settings4 = viewer.settings) === null || _viewer$settings4 === void 0 ? void 0 : _viewer$settings4.storeModalLicenseeClientLabel) ?? 'Your client'
+    }
+  });
+  const licenseeClientDescription = (_viewer$settings5 = viewer.settings) !== null && _viewer$settings5 !== void 0 && _viewer$settings5.storeModalLicenseeClientDescription ? /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: viewer.settings.storeModalLicenseeClientDescription
+    }
+  }) : null;
   const selectOrderVariablesLabel = /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
-      __html: ((_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.storeModalSelectOrderVariablesLabel) ?? ''
+      __html: ((_viewer$settings6 = viewer.settings) === null || _viewer$settings6 === void 0 ? void 0 : _viewer$settings6.storeModalSelectOrderVariablesLabel) ?? ''
     }
   });
   const selectLicensesLabel = /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
-      __html: ((_viewer$settings3 = viewer.settings) === null || _viewer$settings3 === void 0 ? void 0 : _viewer$settings3.storeModalSelectLicensesLabel) ?? ''
+      __html: ((_viewer$settings7 = viewer.settings) === null || _viewer$settings7 === void 0 ? void 0 : _viewer$settings7.storeModalSelectLicensesLabel) ?? ''
     }
   });
   const selectFontsLabel = /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
-      __html: ((_viewer$settings4 = viewer.settings) === null || _viewer$settings4 === void 0 ? void 0 : _viewer$settings4.storeModalSelectFontsLabel) ?? ''
+      __html: ((_viewer$settings8 = viewer.settings) === null || _viewer$settings8 === void 0 ? void 0 : _viewer$settings8.storeModalSelectFontsLabel) ?? ''
     }
   });
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
     body: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, licensesPosition === 'top' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingSelection.default, {
       disabled: false
     }, {
-      label: selectLicenseeLabel
+      label: selectLicenseeLabel,
+      selfLabel: licenseeSelfLabel,
+      selfDescription: licenseeSelfDescription,
+      clientLabel: licenseeClientLabel,
+      clientDescription: licenseeClientDescription
     }), /*#__PURE__*/_react.default.createElement(_OrderVariableSelectionRedux.default, {
       viewer: viewer,
       disabled: !hasSelectionForLicenseeIsBillingIdentity
@@ -132,7 +156,11 @@ const StoreModalProduct = _ref => {
     }))), licensesPosition === 'bottom' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingSelection.default, {
       disabled: !anySkusSelected
     }, {
-      label: selectLicenseeLabel
+      label: selectLicenseeLabel,
+      selfLabel: licenseeSelfLabel,
+      selfDescription: licenseeSelfDescription,
+      clientLabel: licenseeClientLabel,
+      clientDescription: licenseeClientDescription
     }), /*#__PURE__*/_react.default.createElement(_OrderVariableSelectionRedux.default, {
       viewer: viewer,
       disabled: !anySkusSelected || !hasSelectionForLicenseeIsBillingIdentity

package/dist/components/StoreModal/types.d.ts

@@ -2,4 +2,5 @@ export interface StoreModalConfig {
     indexLayout?: 'styled-aa' | 'styled-font-names';
     indexExcludeTags?: string[] | undefined;
     productLicensesPosition?: 'bottom' | 'top';
+    hideAllCollections?: boolean;
 }

package/dist/components/elements/EmptyCart/index.js

@@ -14,16 +14,30 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const EmptyCart = () => {
   const dispatch = (0, _reactRedux.useDispatch)();
   const config = (0, _react.useContext)(_ConfigContext.default);
+  const {
+    hideAllCollections
+  } = config.storeModal;
+  const handleContinueShopping = () => {
+    if (hideAllCollections) {
+      dispatch({
+        type: 'CLOSE_CART'
+      });
+    } else {
+      dispatch({
+        type: 'STORE_MODAL_NAVIGATE',
+        route: 'index',
+        variables: {
+          excludeTags: config.storeModal.indexExcludeTags
+        }
+      });
+    }
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "empty-cart__container"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: () => dispatch({
-      type: 'STORE_MODAL_NAVIGATE',
-      route: 'index',
-      variables: {
-        excludeTags: config.storeModal.indexExcludeTags
-      }
-    })
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "empty-cart__message"
+  }, "Your cart is empty."), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: handleContinueShopping
   }, "Continue shopping"));
 };
 var _default = EmptyCart;

package/dist/components/elements/StoreModalLicenseeIsBillingIdentityElement.d.ts

@@ -5,7 +5,11 @@ interface Props {
     onChange: (value: boolean) => void;
     children: {
         label: React.ReactNode;
+        selfLabel?: React.ReactNode;
+        selfDescription?: React.ReactNode;
+        clientLabel?: React.ReactNode;
+        clientDescription?: React.ReactNode;
     };
 }
-export default function StoreModalLicenseeIsBillingIdentityElement({ disabled, onChange, value, children: { label }, }: Props): React.JSX.Element;
+export default function StoreModalLicenseeIsBillingIdentityElement({ disabled, onChange, value, children: { label, selfLabel, selfDescription, clientLabel, clientDescription }, }: Props): React.JSX.Element;
 export {};

package/dist/components/elements/StoreModalLicenseeIsBillingIdentityElement.js

@@ -36,7 +36,11 @@ function StoreModalLicenseeIsBillingIdentityElement(_ref2) {
     onChange,
     value,
     children: {
-      label
+      label,
+      selfLabel,
+      selfDescription,
+      clientLabel,
+      clientDescription
     }
   } = _ref2;
   const handleClick = (0, _react.useCallback)(licenseeIsBilling => () => {
@@ -49,13 +53,21 @@ function StoreModalLicenseeIsBillingIdentityElement(_ref2) {
     className: "store-modal__licensee-is-billing-identity__title"
   }, label), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__licensee-is-billing-identity__buttons"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__licensee-is-billing-identity__option"
   }, /*#__PURE__*/_react.default.createElement(CheckboxButton, {
-    label: "Yourself",
+    label: selfLabel ?? 'Yourself',
     selected: value === true,
     onClick: handleClick(true)
-  }), /*#__PURE__*/_react.default.createElement(CheckboxButton, {
-    label: "Your client",
+  }), selfDescription ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__licensee-is-billing-identity__description"
+  }, selfDescription) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__licensee-is-billing-identity__option"
+  }, /*#__PURE__*/_react.default.createElement(CheckboxButton, {
+    label: clientLabel ?? 'Your client',
     selected: value === false,
     onClick: handleClick(false)
-  })));
+  }), clientDescription ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__licensee-is-billing-identity__description"
+  }, clientDescription) : null)));
 }

package/dist/components/elements/StoreModalUnifiedCheckout.js

@@ -169,14 +169,14 @@ function EditableSection(_ref) {
   }, "Change")));
 }
 function StoreModalUnifiedCheckout(_ref2) {
-  var _order$orderVariableS, _viewer$settings, _viewer$settings2, _viewer$settings3, _viewer$settings4, _order$stripePaymentI, _viewer$settings5, _order$stripePaymentI2, _order$stripePaymentI3;
+  var _order$orderVariableS, _viewer$settings, _viewer$settings2, _viewer$settings3, _viewer$settings4, _viewer$settings5, _viewer$settings6, _viewer$settings7, _viewer$settings8, _order$stripePaymentI, _viewer$settings9, _order$stripePaymentI2, _order$stripePaymentI3;
   let {
     order: orderKey,
     viewer: viewerKey,
     onScrollToTop,
     onUpdateOrderVariableSelections
   } = _ref2;
-  const viewer = (0, _reactRelay.useFragment)((_StoreModalUnifiedCheckout_viewer2.default.hash && _StoreModalUnifiedCheckout_viewer2.default.hash !== "048ce405742611f6684cb5306d28478b" && console.error("The definition of 'StoreModalUnifiedCheckout_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckout_viewer2.default), viewerKey);
+  const viewer = (0, _reactRelay.useFragment)((_StoreModalUnifiedCheckout_viewer2.default.hash && _StoreModalUnifiedCheckout_viewer2.default.hash !== "5e8a59a64c401bb354b53ab83d993e03" && console.error("The definition of 'StoreModalUnifiedCheckout_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckout_viewer2.default), viewerKey);
   const order = (0, _reactRelay.useFragment)((_StoreModalUnifiedCheckout_order2.default.hash && _StoreModalUnifiedCheckout_order2.default.hash !== "7c5503876a562732ebaead9b2ae97180" && console.error("The definition of 'StoreModalUnifiedCheckout_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckout_order2.default), orderKey);
 
   // Check if order has a country-type order variable with a different country than detected
@@ -677,7 +677,27 @@ function StoreModalUnifiedCheckout(_ref2) {
       dangerouslySetInnerHTML: {
         __html: ((_viewer$settings4 = viewer.settings) === null || _viewer$settings4 === void 0 ? void 0 : _viewer$settings4.storeModalSelectLicenseeLabel) ?? ''
       }
-    })
+    }),
+    selfLabel: /*#__PURE__*/_react.default.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: ((_viewer$settings5 = viewer.settings) === null || _viewer$settings5 === void 0 ? void 0 : _viewer$settings5.storeModalLicenseeSelfLabel) ?? 'Yourself'
+      }
+    }),
+    selfDescription: (_viewer$settings6 = viewer.settings) !== null && _viewer$settings6 !== void 0 && _viewer$settings6.storeModalLicenseeSelfDescription ? /*#__PURE__*/_react.default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: viewer.settings.storeModalLicenseeSelfDescription
+      }
+    }) : null,
+    clientLabel: /*#__PURE__*/_react.default.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: ((_viewer$settings7 = viewer.settings) === null || _viewer$settings7 === void 0 ? void 0 : _viewer$settings7.storeModalLicenseeClientLabel) ?? 'Your client'
+      }
+    }),
+    clientDescription: (_viewer$settings8 = viewer.settings) !== null && _viewer$settings8 !== void 0 && _viewer$settings8.storeModalLicenseeClientDescription ? /*#__PURE__*/_react.default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: viewer.settings.storeModalLicenseeClientDescription
+      }
+    }) : null
   }) : null, showLicenseeSection ? /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__cart__checkout-section"
   }, /*#__PURE__*/_react.default.createElement("h3", {
@@ -754,7 +774,7 @@ function StoreModalUnifiedCheckout(_ref2) {
     htmlFor: "eula-agreement"
   }, /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
-      __html: ((_viewer$settings5 = viewer.settings) === null || _viewer$settings5 === void 0 ? void 0 : _viewer$settings5.eulaAgreementLabel) ?? ''
+      __html: ((_viewer$settings9 = viewer.settings) === null || _viewer$settings9 === void 0 ? void 0 : _viewer$settings9.eulaAgreementLabel) ?? ''
     }
   }))), /*#__PURE__*/_react.default.createElement("button", {
     type: "submit",

package/dist/fontdue.css

@@ -1272,6 +1272,17 @@ body[data-fontdue-store-modal=open] {
   grid-column: 1/span 2;
 }
 
+.store-modal__cart__items {
+  --gutter: 20px;
+}
+@media (min-width: 900px) {
+  .store-modal__cart__items {
+    display: grid;
+    grid-template-columns: [name] 300fr [licenses] 700fr [price] minmax(80px, auto) [end];
+    column-gap: var(--gutter);
+  }
+}
+
 .store-modal__cart__button {
   background: none;
   color: inherit;
@@ -1780,6 +1791,12 @@ body[data-fontdue-store-modal=open] {
   font-size: 20px;
 }
 
+.store-modal__page__body:has(> .store-modal__index-item__button) {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  column-gap: 16px;
+}
+
 .store-modal__index-item__button {
   background: none;
   color: inherit;
@@ -1803,24 +1820,19 @@ body[data-fontdue-store-modal=open] {
   width: 100%;
   border: 1px solid var(--secondary_text_color);
   padding: 20px;
-  display: flex;
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1/-1;
   align-items: center;
   margin-bottom: 20px;
 }
 
 .store-modal__index-item__text-container {
-  display: block;
-  vertical-align: baseline;
+  display: contents;
 }
 
 .store-modal__index-item__aa {
   font-size: 60px;
-  margin-right: 16px;
-  display: inline-block;
-}
-
-.store-modal__index-item__description {
-  display: inline-block;
 }
 
 .store-modal__index-item__name {
@@ -1828,10 +1840,23 @@ body[data-fontdue-store-modal=open] {
   line-height: 30px;
 }
 
-.store-modal__index-item__buy {
-  margin-left: auto;
+@media (max-width: 899px) {
+  .store-modal__page__body:has(> .store-modal__index-item__button) {
+    display: block;
+  }
+  .store-modal__index-item__button {
+    display: flex;
+    align-items: last baseline;
+  }
+  .store-modal__index-item__text-container,
+  .store-modal__index-item__aa,
+  .store-modal__index-item__description {
+    display: block;
+  }
+  .store-modal__index-item__buy {
+    margin-left: auto;
+  }
 }
-
 .store-modal__license-selection__container[data-disabled=true] {
   opacity: 0.2;
   pointer-events: none;
@@ -2016,6 +2041,23 @@ body[data-fontdue-store-modal=open] {
 .store-modal__licensee-is-billing-identity__buttons {
   display: flex;
   gap: 20px;
+  align-items: flex-start;
+}
+
+.store-modal__licensee-is-billing-identity__option {
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+.store-modal__licensee-is-billing-identity__description {
+  margin-top: 10px;
+  color: var(--secondary_text_color);
+}
+.store-modal__licensee-is-billing-identity__description > p {
+  margin: 0;
+}
+.store-modal__licensee-is-billing-identity__description > p + p {
+  margin-top: 4px;
 }
 
 .store-modal__order-variable-selection__container {
@@ -2033,6 +2075,9 @@ body[data-fontdue-store-modal=open] {
 }
 
 .store-modal__order-variable-selection__title {
+  font-family: var(--font-family__bold, inherit);
+  font-weight: 400;
+  font-style: normal;
   margin-bottom: 20px;
 }
 
@@ -2327,9 +2372,32 @@ body[data-fontdue-store-modal=open] {
   font-size: 20px;
 }
 
+@media (max-width: 899px) {
+  .store-modal__family__bundle-button .store-modal__style-button__container {
+    flex-wrap: wrap;
+  }
+  .store-modal__family__bundle-button .store-modal__style-button__feature-glyphs {
+    flex: 0 0 100%;
+  }
+  .store-modal__family__bundle-button .store-modal__style-button__style-name {
+    flex: 1 1 0;
+    min-width: 0;
+  }
+  .store-modal__family__bundle-button .store-modal__style-button__price {
+    align-self: flex-end;
+  }
+}
+.empty-cart__container {
+  padding: 40px 0;
+}
+
 .empty-cart__message {
   font-size: 20px;
-  margin-bottom: 60px;
+  margin: 0 0 32px;
+}
+
+[data-route=cart]:has(.empty-cart__container) .store-modal__container__container {
+  max-width: 800px;
 }
 
 .cart-additions__form {
@@ -2476,7 +2544,6 @@ body[data-fontdue-store-modal=open] {
   padding-right: var(--StoreModalPageContainer-padding);
   padding-bottom: 40px;
   line-height: 20px;
-  --gutter: 20px;
 }
 .cart-item + .cart-item {
   border-top: 1px solid var(--horizontal_rule_color);
@@ -2499,9 +2566,8 @@ body[data-fontdue-store-modal=open] {
   .cart-item {
     display: grid;
     align-items: baseline;
-    grid-template-columns: 300fr 700fr 80px;
-    grid-template-areas: "name licenses price";
-    grid-column-gap: var(--gutter);
+    grid-template-columns: subgrid;
+    grid-column: 1/-1;
     padding-bottom: 30px;
     margin-bottom: 0;
   }

package/dist/reducer.js

@@ -269,6 +269,14 @@ const reducer = (state, action) => {
 };
 function createDefaultStore(config) {
   const configValue = (0, _ConfigContext.makeConfig)(config);
+  const initialRoute = configValue.storeModal.hideAllCollections ? {
+    name: 'cart'
+  } : {
+    name: 'index',
+    variables: {
+      excludeTags: configValue.storeModal.indexExcludeTags
+    }
+  };
   return (0, _redux.createStore)(reducer, {
     selectedSkuIds: {},
     // { [skuId]: Boolean }
@@ -279,12 +287,7 @@ function createDefaultStore(config) {
     skuPrices: {},
     collectionSkus: {},
     fetchedCollectionIds: [],
-    storeModalRoute: {
-      name: 'index',
-      variables: {
-        excludeTags: configValue.storeModal.indexExcludeTags
-      }
-    },
+    storeModalRoute: initialRoute,
     storeModalHistory: [],
     orderVariableSelections: [],
     licenseeIsBillingIdentity: null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.23.2",
+  "version": "2.25.0",
   "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",