fontdue-js 2.10.1 → 2.11.0

package/dist/__generated__/TypeTesters_collection.graphql.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _TypeTestersRefetchQuery = _interopRequireDefault(require("./TypeTestersRefetchQuery.graphql"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
- * @generated SignedSource<<4adbfdbedc244b510283f6d82cd533b1>>
+ * @generated SignedSource<<4ae11831133e999bbbea55d5203c2e41>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -22,16 +24,25 @@ const node = function () {
       "name": "id",
       "storageKey": null
     },
-    v1 = [v0 /*: any*/],
-    v2 = {
+    v1 = [{
+      "kind": "Variable",
+      "name": "licenseOptions",
+      "variableName": "licenseOptions"
+    }, {
+      "kind": "Variable",
+      "name": "orderVariables",
+      "variableName": "orderVariables"
+    }],
+    v2 = [v0 /*: any*/],
+    v3 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "value",
       "storageKey": null
     },
-    v3 = {
-      "args": null,
+    v4 = {
+      "args": v1 /*: any*/,
       "kind": "FragmentSpread",
       "name": "PriceBar_node"
     };
@@ -40,13 +51,31 @@ const node = function () {
       "defaultValue": null,
       "kind": "LocalArgument",
       "name": "excludeTags"
+    }, {
+      "defaultValue": [],
+      "kind": "LocalArgument",
+      "name": "licenseOptions"
+    }, {
+      "defaultValue": [],
+      "kind": "LocalArgument",
+      "name": "orderVariables"
     }, {
       "defaultValue": null,
       "kind": "LocalArgument",
       "name": "tags"
     }],
     "kind": "Fragment",
-    "metadata": null,
+    "metadata": {
+      "refetch": {
+        "connection": null,
+        "fragmentPathInResult": ["node"],
+        "operation": _TypeTestersRefetchQuery.default,
+        "identifierInfo": {
+          "identifierField": "id",
+          "identifierQueryVariableName": "id"
+        }
+      }
+    },
     "name": "TypeTesters_collection",
     "selections": [{
       "alias": null,
@@ -113,7 +142,7 @@ const node = function () {
             "name": "fontStyle",
             "plural": false,
             "selections": [{
-              "args": null,
+              "args": v1 /*: any*/,
               "kind": "FragmentSpread",
               "name": "TypeTester_fontStyle"
             }, v0 /*: any*/, {
@@ -123,7 +152,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "family",
               "plural": false,
-              "selections": v1 /*: any*/,
+              "selections": v2 /*: any*/,
               "storageKey": null
             }],
             "storageKey": null
@@ -140,7 +169,7 @@ const node = function () {
               "kind": "ScalarField",
               "name": "axis",
               "storageKey": null
-            }, v2 /*: any*/],
+            }, v3 /*: any*/],
             "storageKey": null
           }, {
             "alias": null,
@@ -155,7 +184,7 @@ const node = function () {
               "kind": "ScalarField",
               "name": "feature",
               "storageKey": null
-            }, v2 /*: any*/],
+            }, v3 /*: any*/],
             "storageKey": null
           }, {
             "args": null,
@@ -179,7 +208,7 @@ const node = function () {
       "kind": "ScalarField",
       "name": "typeTesterAxes",
       "storageKey": null
-    }, v0 /*: any*/, v3 /*: any*/, {
+    }, v0 /*: any*/, v4 /*: any*/, {
       "alias": "families",
       "args": [{
         "kind": "Literal",
@@ -190,7 +219,7 @@ const node = function () {
       "kind": "LinkedField",
       "name": "children",
       "plural": true,
-      "selections": [v0 /*: any*/, v3 /*: any*/],
+      "selections": [v0 /*: any*/, v4 /*: any*/],
       "storageKey": "children(collectionTypes:[\"FAMILY\"])"
     }, {
       "alias": null,
@@ -199,13 +228,13 @@ const node = function () {
       "kind": "LinkedField",
       "name": "parent",
       "plural": false,
-      "selections": v1 /*: any*/,
+      "selections": v2 /*: any*/,
       "storageKey": null
     }],
     "type": "FontCollection",
     "abstractKey": null
   };
 }();
-node.hash = "4e661d9d957e3a3f4a7b23f3665cadf9";
+node.hash = "4304ae7b554a9365ab05ba8b984c1bea";
 var _default = node;
 exports.default = _default;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<97ba8ea3cebf4e1bb6afec275fd8a6eb>>
+ * @generated SignedSource<<6bc8d1858ae4cfb7afe57f90ca54cd9d>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -57,7 +57,7 @@ export type productState_Query$data = {
                         readonly amount: number;
                     };
                 } | null;
-            }> | null;
+            }>;
             readonly id: string;
             readonly name: string;
             readonly sku: {
@@ -75,7 +75,7 @@ export type productState_Query$data = {
                     readonly amount: number;
                 };
             } | null;
-        }> | null;
+        }>;
         readonly id: string;
         readonly name: string;
         readonly sku: {

package/dist/__generated__/productState_Query.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<97ba8ea3cebf4e1bb6afec275fd8a6eb>>
+ * @generated SignedSource<<6bc8d1858ae4cfb7afe57f90ca54cd9d>>
  * @lightSyntaxTransform
  * @nogrep
  */

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<b2d5ea230e779d031fda70c58fbf89c0>>
+ * @generated SignedSource<<1d5700e0886a4a58d6f96732985e3d02>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -33,7 +33,7 @@ export type productState_collection$data = {
                 readonly amount: number;
             };
         } | null;
-    }> | null;
+    }>;
     readonly id: string;
     readonly name: string;
     readonly sku: {

package/dist/__generated__/productState_collection.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<b2d5ea230e779d031fda70c58fbf89c0>>
+ * @generated SignedSource<<1d5700e0886a4a58d6f96732985e3d02>>
  * @lightSyntaxTransform
  * @nogrep
  */

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<cc14fc0321ada0e2b00d7b3340c7a3cf>>
+ * @generated SignedSource<<516d3d7a123f16a93143726e2a11f81d>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -53,7 +53,7 @@ export type productState_node$data = {
                     readonly amount: number;
                 };
             } | null;
-        }> | null;
+        }>;
         readonly id: string;
         readonly name: string;
         readonly sku: {
@@ -71,7 +71,7 @@ export type productState_node$data = {
                 readonly amount: number;
             };
         } | null;
-    }> | null;
+    }>;
     readonly id: string;
     readonly name: string;
     readonly sku: {

package/dist/__generated__/productState_node.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<cc14fc0321ada0e2b00d7b3340c7a3cf>>
+ * @generated SignedSource<<516d3d7a123f16a93143726e2a11f81d>>
  * @lightSyntaxTransform
  * @nogrep
  */

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

@@ -0,0 +1,24 @@
+/**
+ * @generated SignedSource<<00ca7355d30ccd806fa2f95ce2e28f43>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type useOrderVariables_order$data = {
+    readonly orderVariableSelections: ReadonlyArray<{
+        readonly orderVariable: {
+            readonly id: string;
+        };
+        readonly orderVariableOption: {
+            readonly id: string;
+        } | null;
+    }> | null;
+    readonly " $fragmentType": "useOrderVariables_order";
+};
+export type useOrderVariables_order$key = {
+    readonly " $data"?: useOrderVariables_order$data;
+    readonly " $fragmentSpreads": FragmentRefs<"useOrderVariables_order">;
+};
+declare const node: ReaderFragment;
+export default node;

package/dist/components/AddToCartBanner/index.js

@@ -10,9 +10,9 @@ var _AddToCartBanner_item2 = _interopRequireDefault(require("../../__generated__
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 }; }
 const getOrderItemName = item => {
   var _item$sku;
   const product = item === null || item === void 0 ? void 0 : (_item$sku = item.sku) === null || _item$sku === void 0 ? void 0 : _item$sku.product;

package/dist/components/BuyButton/index.js

@@ -16,10 +16,10 @@ var _reactRedux = require("react-redux");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _productState = require("../Root/productState");
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 BuyButtonComponent(_ref) {
   let {
     collection: collectionKey,

package/dist/components/BuyButton/index.server.js

@@ -9,8 +9,8 @@ var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSer
 var _index = require("./index");
 var _BuyButtonIDQuery = _interopRequireDefault(require("../../__generated__/BuyButtonIDQuery.graphql"));
 var _BuyButtonSlugQuery = _interopRequireDefault(require("../../__generated__/BuyButtonSlugQuery.graphql"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 async function BuyButton(_ref) {
   let {
     collectionId,

package/dist/components/BuyingOptions/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactRedux = require("react-redux");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const BuyingOptions = _ref => {
   let {
     onPrecartOpen

package/dist/components/Cart/AddressFields.d.ts

@@ -4,10 +4,9 @@ import { Identity, UpdateOrderErrors } from './types';
 interface AddressFields_props {
     viewer: AddressFields_viewer$key;
     value: Identity;
+    identityType: 'licensee' | 'billing';
     onChange: (value: Partial<Identity>) => void;
-    requireAtLeast: (keyof Identity)[];
     errorsObject: UpdateOrderErrors['billingIdentity' | 'licenseeIdentity'] | undefined;
-    onRequiredFieldsChange: (required: (keyof Identity)[]) => void;
 }
-declare const AddressFields: ({ viewer: viewerKey, value, onChange, requireAtLeast, errorsObject, onRequiredFieldsChange, }: AddressFields_props) => React.JSX.Element;
+declare const AddressFields: ({ viewer: viewerKey, value, onChange, identityType, errorsObject, }: AddressFields_props) => React.JSX.Element;
 export default AddressFields;

package/dist/components/Cart/AddressFields.js

@@ -8,34 +8,31 @@ var _AddressFields_viewer2 = _interopRequireDefault(require("../../__generated__
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TextField = _interopRequireDefault(require("../TextField"));
-var _SelectField = _interopRequireDefault(require("../SelectField"));
 var _AddressFieldsRefetchQuery = _interopRequireDefault(require("../../__generated__/AddressFieldsRefetchQuery.graphql"));
 var _utils = require("../../utils");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const humanizeNameType = nameType => {
-  if (nameType === 'postal') return 'Postal code';
-  if (nameType === 'zip') return 'ZIP';
-  return nameType.replace(/_+/, ' ').replace(/^\w/, c => c.toUpperCase());
-};
-const limitToTwoLines = value => value.split(/[\r\n]/g).slice(0, 2).join('\n');
+var _reactStripeJs = require("@stripe/react-stripe-js");
+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 }; }
+const MAPS_API_KEY = 'AIzaSyB9rSjGVPZYcRkPl1PDezIuAp3XCUs2Crk';
 const AddressFields = _ref => {
-  var _viewer$countryData, _countryData$subRegio;
+  var _viewer$countryData, _value$street;
   let {
     viewer: viewerKey,
     value,
     onChange,
-    requireAtLeast,
-    errorsObject,
-    onRequiredFieldsChange
+    identityType,
+    errorsObject
   } = _ref;
   const [refetching, setRefetching] = (0, _react.useState)(false);
-  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_AddressFields_viewer2.default.hash && _AddressFields_viewer2.default.hash !== "6918328bf81519373ac576a147dbfd62" && console.error("The definition of 'AddressFields_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddressFields_viewer2.default), viewerKey);
+  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_AddressFields_viewer2.default.hash && _AddressFields_viewer2.default.hash !== "85916715876e3f24b0335c24d75d70da" && console.error("The definition of 'AddressFields_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddressFields_viewer2.default), viewerKey);
   const countryData = (_viewer$countryData = viewer.countryData) === null || _viewer$countryData === void 0 ? void 0 : _viewer$countryData.response;
   const environment = (0, _reactRelay.useRelayEnvironment)();
   (0, _react.useEffect)(() => {
     setRefetching(true);
+    console.log({
+      country: value.country
+    });
 
     // refetch after using fetchQuery to avoid triggering Suspense
     const subscription = (0, _reactRelay.fetchQuery)(environment, _AddressFieldsRefetchQuery.default, {
@@ -57,53 +54,61 @@ const AddressFields = _ref => {
     });
     return () => subscription.unsubscribe();
   }, [value.country]);
-  const isValidField = field => {
-    var _countryData$valid;
-    return ((countryData === null || countryData === void 0 ? void 0 : (_countryData$valid = countryData.valid) === null || _countryData$valid === void 0 ? void 0 : _countryData$valid.indexOf(field)) ?? -1) >= 0;
-  };
   const getErrors = field => {
     var _errorsObject$field;
     return errorsObject === null || errorsObject === void 0 ? void 0 : (_errorsObject$field = errorsObject[field]) === null || _errorsObject$field === void 0 ? void 0 : _errorsObject$field.filter(_utils.notEmpty);
   };
-  const label = (text, field) => {
-    const requiredFields = requireAtLeast.concat(countryData && countryData.require || []);
-    const suffix = requiredFields.indexOf(field) >= 0 ? ' *' : '';
-    return `${text}${suffix}`;
+  const lines = (_value$street = value.street) === null || _value$street === void 0 ? void 0 : _value$street.split('\n');
+  const defaultValues = {
+    name: value.name,
+    phone: value.phone,
+    address: {
+      country: value.country,
+      line1: lines === null || lines === void 0 ? void 0 : lines[0],
+      line2: lines === null || lines === void 0 ? void 0 : lines[1],
+      postal_code: value.zip,
+      city: value.locality,
+      state: value.administrativeArea
+    }
   };
-  const countries = viewer.countries.filter(_utils.notEmpty).map(_ref2 => {
-    let {
-      code,
-      name
-    } = _ref2;
-    return {
-      value: code,
-      label: name
-    };
-  });
-  const administrativeAreas = (countryData === null || countryData === void 0 ? void 0 : (_countryData$subRegio = countryData.subRegions) === null || _countryData$subRegio === void 0 ? void 0 : _countryData$subRegio.map(region => ({
-    value: region.key,
-    label: region.name
-  }))) || [];
-  const required = (countryData === null || countryData === void 0 ? void 0 : countryData.require) ?? null;
-  (0, _react.useEffect)(() => {
-    onRequiredFieldsChange(required);
-  }, [required, onRequiredFieldsChange]);
+  const handleAddressElementChange = (0, _react.useCallback)(e => {
+    if (e.complete) {
+      // only set the state if it's complete, because stripe is doing its own validation here
+      // and we only disable submission if the fields are entered or not. this way we can prevent
+      // submission if the values are invalid
+      const value = {
+        name: e.value.name,
+        phone: e.value.phone ?? '',
+        country: e.value.address.country,
+        street: e.value.address.line1 + (e.value.address.line2 ? `\n${e.value.address.line2}` : ''),
+        locality: e.value.address.city,
+        sublocality: '',
+        administrativeArea: e.value.address.state,
+        zip: e.value.address.postal_code
+      };
+      onChange(value);
+    } else {
+      // clear these fields if incomplete, e.g. if user starts with a complete address and then
+      // changes to an incomplete one, it could cause some confusion (it would allow the "save" to
+      //  happen with stale state). doing this also ensures the "save" button returns to a disabled
+      // state until the new changes are complete
+      onChange({
+        name: '',
+        phone: '',
+        // keep country, otherwise we will trigger the refetch
+        country: e.value.address.country,
+        street: '',
+        locality: '',
+        sublocality: '',
+        administrativeArea: '',
+        zip: ''
+      });
+    }
+  }, [onChange]);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
   }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: label('Full name', 'name'),
-    placeholder: "Type here",
-    autocomplete: "name",
-    value: value.name || '',
-    onChange: v => onChange({
-      name: v
-    })
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: label('Company name', 'organization'),
-    placeholder: "Type here",
-    autocomplete: "organization",
+    label: "Organization",
     value: value.organization || '',
     onChange: v => onChange({
       organization: v
@@ -111,8 +116,7 @@ const AddressFields = _ref => {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
   }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: label('Email', 'email'),
-    placeholder: "Type here",
+    label: identityType === 'licensee' ? 'Contact email' : 'Email',
     autocomplete: "email",
     type: "email",
     value: value.email || '',
@@ -122,88 +126,28 @@ const AddressFields = _ref => {
     errors: getErrors('email')
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: label('Phone', 'phone'),
-    placeholder: "Type here",
-    autocomplete: "tel",
-    type: "tel",
-    value: value.phone || '',
-    onChange: v => onChange({
-      phone: v
-    }),
-    errors: getErrors('phone')
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_SelectField.default, {
-    label: label('Country', 'country'),
-    value: value.country,
-    onChange: v => onChange({
-      country: v
-    }),
-    options: countries
-  })), countryData && !refetching ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: label('Street address', 'street'),
-    autocomplete: "street-address",
-    placeholder: "Type here",
-    value: value.street || '',
-    Component: "textarea",
-    rows: 2,
-    onChange: v => onChange({
-      street: limitToTwoLines(v)
-    })
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: label(humanizeNameType(countryData.localityNameType ?? 'city'), 'locality'),
-    placeholder: "Type here",
-    value: value.locality || '',
-    onChange: v => onChange({
-      locality: v
-    }),
-    errors: getErrors('locality')
-  })), isValidField('sublocality') && /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: label(humanizeNameType(countryData.sublocalityNameType ?? 'suburb'), 'sublocality'),
-    placeholder: "Type here",
-    value: value.sublocality || '',
-    onChange: v => onChange({
-      sublocality: v
-    }),
-    errors: getErrors('sublocality')
-  })), isValidField('administrativeArea') && /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkout-modal__section"
-  }, countryData.subRegions ? /*#__PURE__*/_react.default.createElement(_SelectField.default, {
-    label: label(humanizeNameType(countryData.stateNameType ?? 'state'), 'administrativeArea'),
-    value: value.administrativeArea,
-    onChange: v => onChange({
-      administrativeArea: v
-    }),
-    options: administrativeAreas,
-    errors: getErrors('administrativeArea')
-  }) : /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: label(humanizeNameType(countryData.stateNameType ?? 'state'), 'administrativeArea'),
-    autocomplete: "region",
-    placeholder: "Type here",
-    value: value.administrativeArea || '',
-    onChange: v => onChange({
-      administrativeArea: v
-    }),
-    errors: getErrors('administrativeArea')
-  })), isValidField('zip') && /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: label(humanizeNameType(countryData.zipNameType ?? 'postal'), 'zip'),
-    autocomplete: "postal-code",
-    placeholder: "Type here",
-    value: value.zip || '',
-    onChange: v => onChange({
-      zip: v
-    }),
-    errors: getErrors('zip')
-  })), (countryData.isEuCountry || value.country === 'GB') && /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.AddressElement, {
+    options: {
+      mode: identityType === 'billing' ? 'billing' : 'shipping',
+      autocomplete: {
+        mode: 'google_maps_api',
+        apiKey: MAPS_API_KEY
+      },
+      fields: {
+        phone: 'always'
+      },
+      validation: {
+        phone: {
+          required: 'always'
+        }
+      },
+      display: {
+        name: 'full'
+      },
+      defaultValues
+    },
+    onChange: handleAddressElementChange
+  })), identityType === 'billing' ? countryData && !refetching ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (countryData.isEuCountry || value.country === 'GB') && /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
   }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
     label: "VAT number",
@@ -215,12 +159,11 @@ const AddressFields = _ref => {
     }),
     errors: getErrors('vatNumber'),
     prefix: `${countryData.vatCountryCode} `
-  }))) : Array(4).fill(null).map((_, i) => /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkout-modal__section",
-    key: i
+  }))) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__section"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__field-placeholder"
-  }))));
+  })) : null);
 };
 var _default = AddressFields;
 exports.default = _default;