@sentecacommerce-theme/lib 0.12.65 → 0.13.5-alpha.5

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

@@ -1,209 +1,310 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import regeneratorRuntime from "regenerator-runtime";
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useCheckoutBillingAddress } from '../../../../hooks/useCheckoutBillingAddress';
 import { companiesApi } from '../../../../api/companiesApi';
 import { updateObjProp } from '../../utils';
 import { useSavedBillingList } from '../useSavedBillingList';
 import { usePersistOnBeforeUnload } from '../usePersistOnBeforeUnload';
-var IS_NEW = 'isNew';
-export var useBilling = (_ref) => {
-  var {
-    orderQuery,
-    errorLabels,
-    withSavedBillingAddressList,
-    enableSaveBillingAddress,
-    withPersistBeforePageLeave,
-    countryCode,
-    validateBillingAddress,
-    enabled,
-    requiredFields,
-    requiredFieldsOnShipping
-  } = _ref;
-  var emptyBillingAddress = useMemo(() => {
-    return {
-      _id: '',
-      streetName: '',
-      company: undefined,
-      isDefaultBillingAddress: false,
-      createdAt: 0,
-      updatedAt: 0,
-      countryCode
+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 [isBillingAddressSubmitting, setIsBillingAddressSubmitting] = useState(false);
-  var [isWithBillingAddress, setIsWithBillingAddress] = useState(null);
-  var [saveBillingAddress] = companiesApi.useAdd();
-  var {
-    handleBillingAddressChange,
-    currentBillingAddress: savedBillingAddress
-  } = useCheckoutBillingAddress(orderQuery);
-  var [billingAddress, setBillingAddress] = useState(savedBillingAddress);
-  var [isAddingNew, setIsAddingNew] = useState(null);
-  var billingAddressList = useSavedBillingList({
-    enabled: Boolean(enabled && isWithBillingAddress && withSavedBillingAddressList),
-    selectedBillingAddress: billingAddress,
-    setBillingAddress,
-    handleBillingAddressChange
-  });
-  var billingAddressErrors = useMemo(() => {
-    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 _iterableToArrayLimit(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+    try {
+        for(var _i = arr[Symbol.iterator](), _s; !(_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");
+}
+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) || _nonIterableRest();
+}
+var IS_NEW = 'isNew';
+export 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 = useMemo(function() {
+        return {
+            _id: '',
+            streetName: '',
+            company: undefined,
+            isDefaultBillingAddress: false,
+            createdAt: 0,
+            updatedAt: 0,
+            countryCode: countryCode
+        };
+    }, [
+        countryCode
+    ]);
+    var ref6 = _slicedToArray(useState(false), 2), isBillingAddressSubmitting = ref6[0], setIsBillingAddressSubmitting = ref6[1];
+    var ref1 = _slicedToArray(useState(null), 2), isWithBillingAddress = ref1[0], setIsWithBillingAddress = ref1[1];
+    var ref2 = _slicedToArray(companiesApi.useAdd(), 1), saveBillingAddress = ref2[0];
+    var ref3 = useCheckoutBillingAddress(orderQuery), handleBillingAddressChange = ref3.handleBillingAddressChange, savedBillingAddress = ref3.currentBillingAddress;
+    var ref4 = _slicedToArray(useState(savedBillingAddress), 2), billingAddress = ref4[0], setBillingAddress = ref4[1];
+    var ref5 = _slicedToArray(useState(null), 2), isAddingNew = ref5[0], setIsAddingNew = ref5[1];
+    var billingAddressList = useSavedBillingList({
+        enabled: Boolean(enabled && isWithBillingAddress && withSavedBillingAddressList),
+        selectedBillingAddress: billingAddress,
+        setBillingAddress: setBillingAddress,
+        handleBillingAddressChange: handleBillingAddressChange
+    });
+    var billingAddressErrors = 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 = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(function* (name, value) {
-      var data = billingAddress && _extends({}, billingAddress); // add an empty company when company is undefined
-
-
-      if (data && !(data != null && data.company)) data.company = {
-        companyName: '',
-        companyId: ''
-      };
-      if (data) updateObjProp(data, value, name.split('.'));
-      setBillingAddress(data);
-    });
-
-    return function (_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [billingAddress]);
-  /**
+   */ var onInputChange = useCallback(_asyncToGenerator(regeneratorRuntime.mark(function _callee(name, value) {
+        var data;
+        return regeneratorRuntime.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) updateObjProp(data, value, name.split('.'));
+                    setBillingAddress(data);
+                case 4:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    })), [
+        billingAddress
+    ]);
+    /**
    * Save current billing address state
-   */
-
-  var persistBillingAddress = useCallback(() => {
-    if (!billingAddress || !isWithBillingAddress) return;
-    return new Promise((resolve, reject) => {
-      handleBillingAddressChange(billingAddress, {
-        onSuccess: order => resolve(order),
-        onError: () => reject()
-      });
-    });
-  }, [billingAddress]);
-  /**
+   */ var persistBillingAddress = 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 = useCallback(() => {
-    var _billingAddress$custo;
-
-    if (!enableSaveBillingAddress) return;
-    setIsBillingAddressSubmitting(true);
-
-    if (billingAddressErrors || !billingAddress) {
-      return;
-    }
-
-    var data = _extends({}, billingAddress, {
-      custom: billingAddress == null ? void 0 : (_billingAddress$custo = billingAddress.custom) == null ? void 0 : _billingAddress$custo.filter((_ref3) => {
-        var {
-          field
-        } = _ref3;
-        return field !== IS_NEW;
-      }),
-      createdAt: Date.now(),
-      updatedAt: Date.now()
-    });
-
-    saveBillingAddress(data);
-    handleBillingAddressChange(data);
-    setIsAddingNew(false);
-  }, [billingAddress, enableSaveBillingAddress, billingAddressErrors]);
-  /**
+   */ var handleSaveBillingAddress = 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 = useCallback(() => {
-    handleBillingAddressChange(emptyBillingAddress);
-    setBillingAddress(emptyBillingAddress);
-  }, [emptyBillingAddress]);
-  var updateIsWithBillingAddress = useCallback(value => {
-    if (!value) {
-      setIsWithBillingAddress(false);
-      resetBillingAddress();
-      return;
-    }
-
-    setIsWithBillingAddress(true);
-  }, [resetBillingAddress]);
-  /**
+   */ var resetBillingAddress = useCallback(function() {
+        handleBillingAddressChange(emptyBillingAddress);
+        setBillingAddress(emptyBillingAddress);
+    }, [
+        emptyBillingAddress
+    ]);
+    var updateIsWithBillingAddress = useCallback(function(value) {
+        if (!value) {
+            setIsWithBillingAddress(false);
+            resetBillingAddress();
+            return;
+        }
+        setIsWithBillingAddress(true);
+    }, [
+        resetBillingAddress
+    ]);
+    /**
    * Set initial data
-   */
-
-  useEffect(() => {
-    if (billingAddress || typeof savedBillingAddress === 'undefined') return;
-    setBillingAddress(savedBillingAddress || emptyBillingAddress);
-  }, [savedBillingAddress, billingAddress, emptyBillingAddress]);
-  /**
+   */ useEffect(function() {
+        if (billingAddress || typeof savedBillingAddress === 'undefined') return;
+        setBillingAddress(savedBillingAddress || emptyBillingAddress);
+    }, [
+        savedBillingAddress,
+        billingAddress,
+        emptyBillingAddress
+    ]);
+    /**
    * Set initial isWithBillingAddress
-   */
-
-  useEffect(() => {
-    if (!billingAddress || isWithBillingAddress !== null) return;
-    setIsWithBillingAddress(Boolean(billingAddress.company));
-  }, [billingAddress, isWithBillingAddress]); // persist data before page exit
-
-  usePersistOnBeforeUnload({
-    enabled: withPersistBeforePageLeave,
-    callback: persistBillingAddress
-  });
-  /**
+   */ useEffect(function() {
+        if (!billingAddress || isWithBillingAddress !== null) return;
+        setIsWithBillingAddress(Boolean(billingAddress.company));
+    }, [
+        billingAddress,
+        isWithBillingAddress
+    ]);
+    // persist data before page exit
+    usePersistOnBeforeUnload({
+        enabled: withPersistBeforePageLeave,
+        callback: persistBillingAddress
+    });
+    /**
    * Set initial value
-   */
-
-  useEffect(() => {
-    var _billingAddress$custo2;
-
-    if (!billingAddress || isAddingNew !== null) return;
-    var initialValue = (billingAddress == null ? void 0 : (_billingAddress$custo2 = billingAddress.custom) == null ? void 0 : _billingAddress$custo2.some((_ref4) => {
-      var {
-        field,
-        value
-      } = _ref4;
-      return field === IS_NEW && value === 1;
-    })) || false;
-    setIsAddingNew(initialValue);
-  }, [billingAddress, isAddingNew]);
-  var updateIsAddingNew = useCallback(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 useMemo(() => {
-    return {
-      isSubmitting: isBillingAddressSubmitting,
-      errors: isBillingAddressSubmitting ? billingAddressErrors || null : null,
-      data: billingAddress,
-      isValid: !billingAddressErrors,
-      updateIsSubmitting: setIsBillingAddressSubmitting,
-      onInputChange,
-      persistBillingAddress,
-      billingAddressList,
-      saveBillingAddress: handleSaveBillingAddress,
-      isWithBillingAddress,
-      updateIsWithBillingAddress,
-      canSaveBillingAddress: enableSaveBillingAddress,
-      isAddingNew: Boolean(isAddingNew),
-      updateIsAddingNew
-    };
-  }, [isBillingAddressSubmitting, isAddingNew, updateIsAddingNew, enableSaveBillingAddress, handleSaveBillingAddress, billingAddressList, persistBillingAddress, onInputChange, billingAddressErrors, billingAddress, isWithBillingAddress, updateIsWithBillingAddress]);
+   */ 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 = 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 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, 
+    ]);
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/contexts/CheckoutForm/hooks/usePayment/index.js

@@ -1,26 +1,56 @@
 import { useMemo, useState } from 'react';
 import { useCheckoutPayment } from '../../../../hooks/useCheckoutPayment';
 import { validatePayment } from '../../utils';
-export var usePayment = (_ref) => {
-  var {
-    orderQuery,
-    errorLabels,
-    enabled
-  } = _ref;
-  var [isPaymentSubmitting, setIsPaymentSubmitting] = useState(false);
-  var paymentMethods = useCheckoutPayment({
-    query: orderQuery,
-    enabled
-  });
-  var paymentErrors = paymentMethods && validatePayment(paymentMethods, errorLabels);
-  return useMemo(() => {
-    return {
-      isSubmitting: isPaymentSubmitting,
-      errors: isPaymentSubmitting ? paymentErrors : null,
-      isValid: !paymentErrors,
-      updateIsSubmitting: setIsPaymentSubmitting,
-      paymentMethods
-    };
-  }, [paymentMethods, paymentErrors, isPaymentSubmitting]);
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterableToArrayLimit(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+    try {
+        for(var _i = arr[Symbol.iterator](), _s; !(_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");
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+}
+export var usePayment = function(param) {
+    var orderQuery = param.orderQuery, errorLabels = param.errorLabels, enabled = param.enabled;
+    var ref = _slicedToArray(useState(false), 2), isPaymentSubmitting = ref[0], setIsPaymentSubmitting = ref[1];
+    var paymentMethods = useCheckoutPayment({
+        query: orderQuery,
+        enabled: enabled
+    });
+    var paymentErrors = paymentMethods && validatePayment(paymentMethods, errorLabels);
+    return useMemo(function() {
+        return {
+            isSubmitting: isPaymentSubmitting,
+            errors: isPaymentSubmitting ? paymentErrors : null,
+            isValid: !paymentErrors,
+            updateIsSubmitting: setIsPaymentSubmitting,
+            paymentMethods: paymentMethods
+        };
+    }, [
+        paymentMethods,
+        paymentErrors,
+        isPaymentSubmitting
+    ]);
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/contexts/CheckoutForm/hooks/usePersistOnBeforeUnload/index.js

@@ -1,22 +1,19 @@
 import { useEffect } from 'react';
-export var usePersistOnBeforeUnload = data => {
-  var {
-    enabled,
-    callback
-  } = data;
-  useEffect(() => {
-    if (!enabled) return;
-
-    var onBeforeUnload = e => {
-      e.preventDefault();
-      callback();
-      e.returnValue = '';
-    };
-
-    window.addEventListener('beforeunload', onBeforeUnload);
-    return () => {
-      window.removeEventListener('beforeunload', onBeforeUnload);
-    };
-  }, [enabled, callback]);
+export var usePersistOnBeforeUnload = function(data) {
+    var enabled = data.enabled, callback = data.callback;
+    useEffect(function() {
+        if (!enabled) return;
+        var onBeforeUnload = function(e) {
+            e.preventDefault();
+            callback();
+            e.returnValue = '';
+        };
+        window.addEventListener('beforeunload', onBeforeUnload);
+        return function() {
+            window.removeEventListener('beforeunload', onBeforeUnload);
+        };
+    }, [
+        enabled,
+        callback
+    ]);
 };
-//# sourceMappingURL=index.js.map