@sentecacommerce-theme/lib 0.12.77 → 0.12.82

package/dist/cjs/contexts/CheckoutForm/hooks/useBilling/index.js

@@ -1,252 +1,337 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.useBilling = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
+var _regeneratorRuntime = _interopRequireDefault(require("regenerator-runtime"));
 var _react = require("react");
-
 var _useCheckoutBillingAddress = require("../../../../hooks/useCheckoutBillingAddress");
-
 var _companiesApi = require("../../../../api/companiesApi");
-
 var _utils = require("../../utils");
-
 var _useSavedBillingList = require("../useSavedBillingList");
-
 var _usePersistOnBeforeUnload = require("../usePersistOnBeforeUnload");
-
-var IS_NEW = 'isNew';
-
-var useBilling = function useBilling(_ref) {
-  var orderQuery = _ref.orderQuery,
-      errorLabels = _ref.errorLabels,
-      withSavedBillingAddressList = _ref.withSavedBillingAddressList,
-      enableSaveBillingAddress = _ref.enableSaveBillingAddress,
-      withPersistBeforePageLeave = _ref.withPersistBeforePageLeave,
-      countryCode = _ref.countryCode,
-      validateBillingAddress = _ref.validateBillingAddress,
-      enabled = _ref.enabled,
-      requiredFields = _ref.requiredFields,
-      requiredFieldsOnShipping = _ref.requiredFieldsOnShipping;
-  var emptyBillingAddress = (0, _react.useMemo)(function () {
-    return {
-      _id: '',
-      streetName: '',
-      company: undefined,
-      isDefaultBillingAddress: false,
-      createdAt: 0,
-      updatedAt: 0,
-      countryCode: countryCode
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
     };
-  }, [countryCode]);
-
-  var _useState = (0, _react.useState)(false),
-      isBillingAddressSubmitting = _useState[0],
-      setIsBillingAddressSubmitting = _useState[1];
-
-  var _useState2 = (0, _react.useState)(null),
-      isWithBillingAddress = _useState2[0],
-      setIsWithBillingAddress = _useState2[1];
-
-  var _companiesApi$useAdd = _companiesApi.companiesApi.useAdd(),
-      saveBillingAddress = _companiesApi$useAdd[0];
-
-  var _useCheckoutBillingAd = (0, _useCheckoutBillingAddress.useCheckoutBillingAddress)(orderQuery),
-      handleBillingAddressChange = _useCheckoutBillingAd.handleBillingAddressChange,
-      savedBillingAddress = _useCheckoutBillingAd.currentBillingAddress;
-
-  var _useState3 = (0, _react.useState)(savedBillingAddress),
-      billingAddress = _useState3[0],
-      setBillingAddress = _useState3[1];
-
-  var _useState4 = (0, _react.useState)(null),
-      isAddingNew = _useState4[0],
-      setIsAddingNew = _useState4[1];
-
-  var billingAddressList = (0, _useSavedBillingList.useSavedBillingList)({
-    enabled: Boolean(enabled && isWithBillingAddress && withSavedBillingAddressList),
-    selectedBillingAddress: billingAddress,
-    setBillingAddress: setBillingAddress,
-    handleBillingAddressChange: handleBillingAddressChange
-  });
-  var billingAddressErrors = (0, _react.useMemo)(function () {
-    return billingAddress && validateBillingAddress(billingAddress, errorLabels, requiredFields, requiredFieldsOnShipping);
-  }, [billingAddress, errorLabels, validateBillingAddress]);
-  /**
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+var IS_NEW = 'isNew';
+var useBilling = function(param1) {
+    var orderQuery = param1.orderQuery, errorLabels = param1.errorLabels, withSavedBillingAddressList = param1.withSavedBillingAddressList, enableSaveBillingAddress = param1.enableSaveBillingAddress, withPersistBeforePageLeave = param1.withPersistBeforePageLeave, countryCode = param1.countryCode, validateBillingAddress = param1.validateBillingAddress, enabled = param1.enabled, requiredFields = param1.requiredFields, requiredFieldsOnShipping = param1.requiredFieldsOnShipping;
+    var emptyBillingAddress = (0, _react).useMemo(function() {
+        return {
+            _id: '',
+            streetName: '',
+            company: undefined,
+            isDefaultBillingAddress: false,
+            createdAt: 0,
+            updatedAt: 0,
+            countryCode: countryCode
+        };
+    }, [
+        countryCode
+    ]);
+    var ref6 = _slicedToArray((0, _react).useState(false), 2), isBillingAddressSubmitting = ref6[0], setIsBillingAddressSubmitting = ref6[1];
+    var ref1 = _slicedToArray((0, _react).useState(null), 2), isWithBillingAddress = ref1[0], setIsWithBillingAddress = ref1[1];
+    var ref2 = _slicedToArray(_companiesApi.companiesApi.useAdd(), 1), saveBillingAddress = ref2[0];
+    var ref3 = (0, _useCheckoutBillingAddress).useCheckoutBillingAddress(orderQuery), handleBillingAddressChange = ref3.handleBillingAddressChange, savedBillingAddress = ref3.currentBillingAddress;
+    var ref4 = _slicedToArray((0, _react).useState(savedBillingAddress), 2), billingAddress = ref4[0], setBillingAddress = ref4[1];
+    var ref5 = _slicedToArray((0, _react).useState(null), 2), isAddingNew = ref5[0], setIsAddingNew = ref5[1];
+    var billingAddressList = (0, _useSavedBillingList).useSavedBillingList({
+        enabled: Boolean(enabled && isWithBillingAddress && withSavedBillingAddressList),
+        selectedBillingAddress: billingAddress,
+        setBillingAddress: setBillingAddress,
+        handleBillingAddressChange: handleBillingAddressChange
+    });
+    var billingAddressErrors = (0, _react).useMemo(function() {
+        return billingAddress && validateBillingAddress(billingAddress, errorLabels, requiredFields, requiredFieldsOnShipping);
+    }, [
+        billingAddress,
+        errorLabels,
+        validateBillingAddress
+    ]);
+    /**
    * On input change with nested fields support
    *
    * @param name example name: 'company.companyPerson'
    * @param value
-   */
-
-  var onInputChange = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(name, value) {
-      var data;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              data = billingAddress && (0, _extends2["default"])({}, billingAddress); // add an empty company when company is undefined
-
-              if (data && !(data != null && data.company)) data.company = {
-                companyName: '',
-                companyId: ''
-              };
-              if (data) (0, _utils.updateObjProp)(data, value, name.split('.'));
-              setBillingAddress(data);
-
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function (_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [billingAddress]);
-  /**
+   */ var onInputChange = (0, _react).useCallback(function() {
+        var _ref = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(name, value) {
+            var data;
+            return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
+                while(1)switch(_ctx.prev = _ctx.next){
+                    case 0:
+                        data = billingAddress && _objectSpread({}, billingAddress);
+                        // add an empty company when company is undefined
+                        if (data && !(data === null || data === void 0 ? void 0 : data.company)) data.company = {
+                            companyName: '',
+                            companyId: ''
+                        };
+                        if (data) (0, _utils).updateObjProp(data, value, name.split('.'));
+                        setBillingAddress(data);
+                    case 4:
+                    case "end":
+                        return _ctx.stop();
+                }
+            }, _callee);
+        }));
+        return function(name, value) {
+            return _ref.apply(this, arguments);
+        };
+    }(), [
+        billingAddress
+    ]);
+    /**
    * Save current billing address state
-   */
-
-  var persistBillingAddress = (0, _react.useCallback)(function () {
-    if (!billingAddress || !isWithBillingAddress) return;
-    return new Promise(function (resolve, reject) {
-      handleBillingAddressChange(billingAddress, {
-        onSuccess: function onSuccess(order) {
-          return resolve(order);
-        },
-        onError: function onError() {
-          return reject();
-        }
-      });
-    });
-  }, [billingAddress]);
-  /**
+   */ var persistBillingAddress = (0, _react).useCallback(function() {
+        if (!billingAddress || !isWithBillingAddress) return;
+        return new Promise(function(resolve, reject) {
+            handleBillingAddressChange(billingAddress, {
+                onSuccess: function(order) {
+                    return resolve(order);
+                },
+                onError: function() {
+                    return reject();
+                }
+            });
+        });
+    }, [
+        billingAddress
+    ]);
+    /**
    * Save the filled billing address
-   */
-
-  var handleSaveBillingAddress = (0, _react.useCallback)(function () {
-    var _billingAddress$custo;
-
-    if (!enableSaveBillingAddress) return;
-    setIsBillingAddressSubmitting(true);
-
-    if (billingAddressErrors || !billingAddress) {
-      return;
-    }
-
-    var data = (0, _extends2["default"])({}, billingAddress, {
-      custom: billingAddress == null ? void 0 : (_billingAddress$custo = billingAddress.custom) == null ? void 0 : _billingAddress$custo.filter(function (_ref3) {
-        var field = _ref3.field;
-        return field !== IS_NEW;
-      }),
-      createdAt: Date.now(),
-      updatedAt: Date.now()
-    });
-    saveBillingAddress(data);
-    handleBillingAddressChange(data);
-    setIsAddingNew(false);
-  }, [billingAddress, enableSaveBillingAddress, billingAddressErrors]);
-  /**
+   */ var handleSaveBillingAddress = (0, _react).useCallback(function() {
+        var ref;
+        if (!enableSaveBillingAddress) return;
+        setIsBillingAddressSubmitting(true);
+        if (billingAddressErrors || !billingAddress) {
+            return;
+        }
+        var data = _objectSpread({}, billingAddress, {
+            custom: billingAddress === null || billingAddress === void 0 ? void 0 : (ref = billingAddress.custom) === null || ref === void 0 ? void 0 : ref.filter(function(param) {
+                var field = param.field;
+                return field !== IS_NEW;
+            }),
+            createdAt: Date.now(),
+            updatedAt: Date.now()
+        });
+        saveBillingAddress(data);
+        handleBillingAddressChange(data);
+        setIsAddingNew(false);
+    }, [
+        billingAddress,
+        enableSaveBillingAddress,
+        billingAddressErrors
+    ]);
+    /**
    * Clear billing address
-   */
-
-  var resetBillingAddress = (0, _react.useCallback)(function () {
-    handleBillingAddressChange(emptyBillingAddress);
-    setBillingAddress(emptyBillingAddress);
-  }, [emptyBillingAddress]);
-  var updateIsWithBillingAddress = (0, _react.useCallback)(function (value) {
-    if (!value) {
-      setIsWithBillingAddress(false);
-      resetBillingAddress();
-      return;
-    }
-
-    setIsWithBillingAddress(true);
-  }, [resetBillingAddress]);
-  /**
+   */ var resetBillingAddress = (0, _react).useCallback(function() {
+        handleBillingAddressChange(emptyBillingAddress);
+        setBillingAddress(emptyBillingAddress);
+    }, [
+        emptyBillingAddress
+    ]);
+    var updateIsWithBillingAddress = (0, _react).useCallback(function(value) {
+        if (!value) {
+            setIsWithBillingAddress(false);
+            resetBillingAddress();
+            return;
+        }
+        setIsWithBillingAddress(true);
+    }, [
+        resetBillingAddress
+    ]);
+    /**
    * Set initial data
-   */
-
-  (0, _react.useEffect)(function () {
-    if (billingAddress || typeof savedBillingAddress === 'undefined') return;
-    setBillingAddress(savedBillingAddress || emptyBillingAddress);
-  }, [savedBillingAddress, billingAddress, emptyBillingAddress]);
-  /**
+   */ (0, _react).useEffect(function() {
+        if (billingAddress || typeof savedBillingAddress === 'undefined') return;
+        setBillingAddress(savedBillingAddress || emptyBillingAddress);
+    }, [
+        savedBillingAddress,
+        billingAddress,
+        emptyBillingAddress
+    ]);
+    /**
    * Set initial isWithBillingAddress
-   */
-
-  (0, _react.useEffect)(function () {
-    if (!billingAddress || isWithBillingAddress !== null) return;
-    setIsWithBillingAddress(Boolean(billingAddress.company));
-  }, [billingAddress, isWithBillingAddress]); // persist data before page exit
-
-  (0, _usePersistOnBeforeUnload.usePersistOnBeforeUnload)({
-    enabled: withPersistBeforePageLeave,
-    callback: persistBillingAddress
-  });
-  /**
+   */ (0, _react).useEffect(function() {
+        if (!billingAddress || isWithBillingAddress !== null) return;
+        setIsWithBillingAddress(Boolean(billingAddress.company));
+    }, [
+        billingAddress,
+        isWithBillingAddress
+    ]);
+    // persist data before page exit
+    (0, _usePersistOnBeforeUnload).usePersistOnBeforeUnload({
+        enabled: withPersistBeforePageLeave,
+        callback: persistBillingAddress
+    });
+    /**
    * Set initial value
-   */
-
-  (0, _react.useEffect)(function () {
-    var _billingAddress$custo2;
-
-    if (!billingAddress || isAddingNew !== null) return;
-    var initialValue = (billingAddress == null ? void 0 : (_billingAddress$custo2 = billingAddress.custom) == null ? void 0 : _billingAddress$custo2.some(function (_ref4) {
-      var field = _ref4.field,
-          value = _ref4.value;
-      return field === IS_NEW && value === 1;
-    })) || false;
-    setIsAddingNew(initialValue);
-  }, [billingAddress, isAddingNew]);
-  var updateIsAddingNew = (0, _react.useCallback)(function (value) {
-    var data = {
-      _id: (billingAddress == null ? void 0 : billingAddress._id) || '',
-      createdAt: Date.now(),
-      updatedAt: Date.now(),
-      company: {
-        companyName: '',
-        companyId: ''
-      },
-      custom: [{
-        field: IS_NEW,
-        value: value ? 1 : 0
-      }]
-    };
-    setBillingAddress(data);
-    setIsAddingNew(value);
-  }, [billingAddress]);
-  return (0, _react.useMemo)(function () {
-    return {
-      isSubmitting: isBillingAddressSubmitting,
-      errors: isBillingAddressSubmitting ? billingAddressErrors || null : null,
-      data: billingAddress,
-      isValid: !billingAddressErrors,
-      updateIsSubmitting: setIsBillingAddressSubmitting,
-      onInputChange: onInputChange,
-      persistBillingAddress: persistBillingAddress,
-      billingAddressList: billingAddressList,
-      saveBillingAddress: handleSaveBillingAddress,
-      isWithBillingAddress: isWithBillingAddress,
-      updateIsWithBillingAddress: updateIsWithBillingAddress,
-      canSaveBillingAddress: enableSaveBillingAddress,
-      isAddingNew: Boolean(isAddingNew),
-      updateIsAddingNew: updateIsAddingNew
-    };
-  }, [isBillingAddressSubmitting, isAddingNew, updateIsAddingNew, enableSaveBillingAddress, handleSaveBillingAddress, billingAddressList, persistBillingAddress, onInputChange, billingAddressErrors, billingAddress, isWithBillingAddress, updateIsWithBillingAddress]);
+   */ (0, _react).useEffect(function() {
+        var ref;
+        if (!billingAddress || isAddingNew !== null) return;
+        var initialValue = (billingAddress === null || billingAddress === void 0 ? void 0 : (ref = billingAddress.custom) === null || ref === void 0 ? void 0 : ref.some(function(param) {
+            var field = param.field, value = param.value;
+            return field === IS_NEW && value === 1;
+        })) || false;
+        setIsAddingNew(initialValue);
+    }, [
+        billingAddress,
+        isAddingNew
+    ]);
+    var updateIsAddingNew = (0, _react).useCallback(function(value) {
+        var data = {
+            _id: (billingAddress === null || billingAddress === void 0 ? void 0 : billingAddress._id) || '',
+            createdAt: Date.now(),
+            updatedAt: Date.now(),
+            company: {
+                companyName: '',
+                companyId: ''
+            },
+            custom: [
+                {
+                    field: IS_NEW,
+                    value: value ? 1 : 0
+                }, 
+            ]
+        };
+        setBillingAddress(data);
+        setIsAddingNew(value);
+    }, [
+        billingAddress
+    ]);
+    return (0, _react).useMemo(function() {
+        return {
+            isSubmitting: isBillingAddressSubmitting,
+            errors: isBillingAddressSubmitting ? billingAddressErrors || null : null,
+            data: billingAddress,
+            isValid: !billingAddressErrors,
+            updateIsSubmitting: setIsBillingAddressSubmitting,
+            onInputChange: onInputChange,
+            persistBillingAddress: persistBillingAddress,
+            billingAddressList: billingAddressList,
+            saveBillingAddress: handleSaveBillingAddress,
+            isWithBillingAddress: isWithBillingAddress,
+            updateIsWithBillingAddress: updateIsWithBillingAddress,
+            canSaveBillingAddress: enableSaveBillingAddress,
+            isAddingNew: Boolean(isAddingNew),
+            updateIsAddingNew: updateIsAddingNew
+        };
+    }, [
+        isBillingAddressSubmitting,
+        isAddingNew,
+        updateIsAddingNew,
+        enableSaveBillingAddress,
+        handleSaveBillingAddress,
+        billingAddressList,
+        persistBillingAddress,
+        onInputChange,
+        billingAddressErrors,
+        billingAddress,
+        isWithBillingAddress,
+        updateIsWithBillingAddress, 
+    ]);
 };
-
 exports.useBilling = useBilling;
-//# sourceMappingURL=index.js.map