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

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

@@ -1,418 +1,420 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.CheckoutFormContextProvider = CheckoutFormContextProvider;
 exports.useCheckoutFormPaymentState = exports.useCheckoutErrorFields = exports.useCheckoutFormShippingState = exports.useCheckoutFormBillingState = exports.useCheckoutFormServerErrors = exports.useCheckoutFormErrorLabels = exports.useCheckoutFormOrder = exports.useCheckoutFormStep = exports.CheckoutFormStepsEnum = exports.CheckoutFormContext = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+var _regeneratorRuntime = _interopRequireDefault(require("regenerator-runtime"));
 var _react = _interopRequireWildcard(require("react"));
-
 var _myCartApi = require("../../api/myCartApi");
-
 var _hooks = require("./hooks");
-
-var _hooks2 = require("../../user/hooks");
-
-var _useCheckoutSubmit2 = require("../../hooks/useCheckoutSubmit");
-
+var _hooks1 = require("../../user/hooks");
+var _useCheckoutSubmit = require("../../hooks/useCheckoutSubmit");
 var _utils = require("./utils");
-
 var _usersApi = require("../../api/usersApi");
-
 var _useCheckoutShippingModule = require("../../hooks/useCheckoutShippingModule");
-
-var _Components = require("./Components");
-
+var _components = require("./Components");
 var _uiHooks = require("../../hooks/ui-hooks");
-
 var _getElementOffset = require("../../utils/getElementOffset");
-
-var CheckoutFormContext = /*#__PURE__*/(0, _react.createContext)({});
-exports.CheckoutFormContext = CheckoutFormContext;
-
-function CheckoutFormContextProvider(_ref) {
-  var children = _ref.children,
-      defaultStep = _ref.defaultStep,
-      errorLabels = _ref.errorLabels,
-      enableSavedAddressList = _ref.enableSavedAddressList,
-      withPersistBeforePageLeave = _ref.withPersistBeforePageLeave,
-      _ref$shippingValidati = _ref.shippingValidations,
-      shippingValidations = _ref$shippingValidati === void 0 ? _utils.defaultShippingValidations : _ref$shippingValidati,
-      _ref$validateBillingA = _ref.validateBillingAddress,
-      validateBillingAddress = _ref$validateBillingA === void 0 ? _utils.genericBillingAddressValidation : _ref$validateBillingA,
-      enableSaveBillingAddress = _ref.enableSaveBillingAddress,
-      enableSavedBillingAddressList = _ref.enableSavedBillingAddressList,
-      countryCode = _ref.countryCode,
-      enableSaveAddress = _ref.enableSaveAddress,
-      autofillShippingPersonalData = _ref.autofillShippingPersonalData,
-      onSubmit = _ref.onSubmit,
-      paymentEnabledOnStep = _ref.paymentEnabledOnStep,
-      getPaymentMethodsWhenShippingMethodIsSelected = _ref.getPaymentMethodsWhenShippingMethodIsSelected,
-      shippingEnabledOnStep = _ref.shippingEnabledOnStep,
-      billingEnabledOnStep = _ref.billingEnabledOnStep,
-      _ref$customState = _ref.customState,
-      initialCustomState = _ref$customState === void 0 ? {} : _ref$customState,
-      _ref$redirectTimeout = _ref.redirectTimeout,
-      redirectTimeout = _ref$redirectTimeout === void 0 ? 420 : _ref$redirectTimeout,
-      onBeforeRedirect = _ref.onBeforeRedirect,
-      onSuccess = _ref.onSuccess,
-      _onError = _ref.onError,
-      isBoricaInDevMode = _ref.isBoricaInDevMode,
-      _ref$withPixelMeta = _ref.withPixelMeta,
-      withPixelMeta = _ref$withPixelMeta === void 0 ? false : _ref$withPixelMeta,
-      _ref$requiredFieldsOn = _ref.requiredFieldsOnShippingStep,
-      requiredFieldsOnShippingStep = _ref$requiredFieldsOn === void 0 ? ['firstName', 'lastName', 'email', 'phoneNumber'] : _ref$requiredFieldsOn,
-      _ref$requiredFieldsOn2 = _ref.requiredFieldsOnBillingAddressStep,
-      requiredFieldsOnBillingAddressStep = _ref$requiredFieldsOn2 === void 0 ? ['vatId', 'companyId', 'companyPerson', 'companyName'] : _ref$requiredFieldsOn2,
-      _ref$enableNoShipping = _ref.enableNoShippingMethodMode,
-      enableNoShippingMethodMode = _ref$enableNoShipping === void 0 ? false : _ref$enableNoShipping,
-      _ref$disablePaymentRe = _ref.disablePaymentRedirects,
-      disablePaymentRedirects = _ref$disablePaymentRe === void 0 ? false : _ref$disablePaymentRe;
-
-  var orderQuery = _myCartApi.myCartApi.useGet();
-
-  var _useState = (0, _react.useState)(null),
-      boricaData = _useState[0],
-      setBoricaData = _useState[1];
-
-  var _useState2 = (0, _react.useState)(defaultStep),
-      step = _useState2[0],
-      setStep = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      isRedirecting = _useState3[0],
-      setIsRedirecting = _useState3[1];
-
-  var fieldsWithError = [];
-
-  var _useState4 = (0, _react.useState)(null),
-      serverErrors = _useState4[0],
-      setServerErrors = _useState4[1];
-
-  var collectFieldsWithError = function collectFieldsWithError(error) {
-    fieldsWithError.push(error);
-  };
-
-  var handleStepChange = (0, _react.useCallback)(function (newStep) {
-    window.scrollTo(0, 0);
-    setStep(newStep);
-  }, []);
-  var updateServerErrors = (0, _react.useCallback)(function (errors) {
-    // Example Error
-    // [{
-    //  code: "OutOfStock"
-    //  message: "Some of the ordered line items are out of stock at the time of placing the order."
-    //  responses: {
-    //      availableQuantity: 1
-    //      sku: "200000095849"
-    //      status: "unavailable"
-    //    }
-    // }]
-    var formattedErrors = errors == null ? void 0 : errors.reduce == null ? void 0 : errors.reduce(function (data, error) {
-      var _extends2;
-
-      return (0, _extends3["default"])({}, data, (_extends2 = {}, _extends2[(error == null ? void 0 : error.code) || 'internal'] = error == null ? void 0 : error.response, _extends2));
-    }, {});
-    setServerErrors(formattedErrors || {
-      internalError: errors
-    });
-  }, []);
-
-  var _useIsAuthenticated = (0, _hooks2.useIsAuthenticated)(),
-      isAuthenticated = _useIsAuthenticated.isAuthenticated;
-
-  var isShippingEnabled = shippingEnabledOnStep === step;
-
-  var userQuery = _usersApi.usersApi.useGet({}, {
-    enabled: isShippingEnabled && autofillShippingPersonalData
-  });
-
-  var shippingState = (0, _hooks.useShipping)({
-    errorLabels: errorLabels,
-    orderQuery: orderQuery,
-    enableSavedAddressList: Boolean(isAuthenticated && enableSavedAddressList),
-    enableSaveAddress: Boolean(isAuthenticated && enableSaveAddress),
-    withPersistBeforePageLeave: !isRedirecting && withPersistBeforePageLeave,
-    validations: shippingValidations,
-    autofillShippingPersonalData: Boolean(isAuthenticated && autofillShippingPersonalData),
-    userQuery: userQuery,
-    enabled: isShippingEnabled,
-    countryCode: countryCode,
-    requiredFields: requiredFieldsOnShippingStep,
-    enableNoShippingMethodMode: enableNoShippingMethodMode
-  });
-  var mod = (0, _useCheckoutShippingModule.useCheckoutShippingModule)(orderQuery, !enableNoShippingMethodMode);
-
-  var getIsPaymentMethodsEnabled = function getIsPaymentMethodsEnabled() {
-    if (paymentEnabledOnStep) {
-      return paymentEnabledOnStep === step;
+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);
+        });
+    };
+}
+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 _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
     }
-
-    if (!enableNoShippingMethodMode && getPaymentMethodsWhenShippingMethodIsSelected) {
-      return Boolean((mod == null ? void 0 : mod.moduleKey) && (mod == null ? void 0 : mod.moduleData.methodKey));
+}
+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 false;
-  };
-
-  var paymentState = (0, _hooks.usePayment)({
-    errorLabels: errorLabels,
-    orderQuery: orderQuery,
-    enabled: getIsPaymentMethodsEnabled()
-  });
-  var billingState = (0, _hooks.useBilling)({
-    errorLabels: errorLabels,
-    orderQuery: orderQuery,
-    validateBillingAddress: validateBillingAddress,
-    enableSaveBillingAddress: Boolean(isAuthenticated && enableSaveBillingAddress),
-    withSavedBillingAddressList: Boolean(isAuthenticated && enableSavedBillingAddressList),
-    withPersistBeforePageLeave: !isRedirecting && withPersistBeforePageLeave,
-    countryCode: countryCode,
-    enabled: billingEnabledOnStep === step,
-    requiredFields: requiredFieldsOnBillingAddressStep,
-    requiredFieldsOnShipping: requiredFieldsOnShippingStep
-  });
-
-  var onBeforeBoricaRedirect = function onBeforeBoricaRedirect(data) {
-    if (disablePaymentRedirects) return;
-    onBeforeRedirect == null ? void 0 : onBeforeRedirect();
-    setIsRedirecting(true);
-    setTimeout(function () {
-      setBoricaData(data);
-    }, redirectTimeout);
-  };
-
-  var onBeforePaypalRedirect = function onBeforePaypalRedirect(data) {
-    if (disablePaymentRedirects) return;
-    onBeforeRedirect == null ? void 0 : onBeforeRedirect();
-    setIsRedirecting(true);
-    setTimeout(function () {
-      window.location.replace(data.redirectUrl);
-    }, redirectTimeout);
-  };
-
-  var _useCheckoutSubmit = (0, _useCheckoutSubmit2.useCheckoutSubmit)({
-    onBeforeBoricaRedirect: onBeforeBoricaRedirect,
-    onBeforePaypalRedirect: onBeforePaypalRedirect,
-    onSuccess: onSuccess,
-    onError: function onError(errors) {
-      updateServerErrors(errors);
-
-      _onError(errors);
-    },
-    withMeta: withPixelMeta,
-    disablePaymentRedirects: disablePaymentRedirects
-  }),
-      handleCheckoutSubmit = _useCheckoutSubmit.handleCheckoutSubmit;
-
-  var _useScrollTo = (0, _uiHooks.useScrollTo)(fieldsWithError[0], 0),
-      scrollTo = _useScrollTo.scrollTo;
-
-  var scrollToFirstError = function scrollToFirstError() {
-    var interval = setInterval(function () {
-      var errorElement = fieldsWithError[0];
-      if (!errorElement) return;
-      scrollTo((0, _getElementOffset.getElementOffset)(errorElement).top - 100);
-      clearInterval(interval);
-    }, 50);
-    setTimeout(function () {
-      clearInterval(interval);
-    }, 1000);
-  };
-
-  var handleSubmit = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              _context.next = 3;
-              return Promise.all([shippingState.persistShippingAddress(), billingState.persistBillingAddress()])["catch"](function () {});
-
-            case 3:
-              onSubmit({
-                isShippingValid: shippingState.isValid,
-                setIsShippingSubmitting: shippingState.updateIsSubmitting,
-                isBillingValid: billingState.isValid,
-                setIsBillingSubmitting: billingState.updateIsSubmitting,
-                isPaymentValid: paymentState.isValid,
-                setIsPaymentSubmitting: paymentState.updateIsSubmitting,
-                step: step,
-                updateStep: setStep,
-                saveOrder: handleCheckoutSubmit,
-                updateServerErrors: updateServerErrors,
-                scrollToFirstError: scrollToFirstError,
-                shippingState: shippingState,
-                shippingAddress: shippingState.data
-              });
-
-            case 4:
-            case "end":
-              return _context.stop();
-          }
+    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;
+            }));
         }
-      }, _callee);
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+}
+var CheckoutFormContext = /*#__PURE__*/ (0, _react).createContext({
+});
+exports.CheckoutFormContext = CheckoutFormContext;
+function CheckoutFormContextProvider(param) {
+    var children = param.children, defaultStep = param.defaultStep, errorLabels = param.errorLabels, enableSavedAddressList = param.enableSavedAddressList, withPersistBeforePageLeave = param.withPersistBeforePageLeave, _shippingValidations = param.shippingValidations, shippingValidations = _shippingValidations === void 0 ? _utils.defaultShippingValidations : _shippingValidations, _validateBillingAddress = param.validateBillingAddress, validateBillingAddress = _validateBillingAddress === void 0 ? _utils.genericBillingAddressValidation : _validateBillingAddress, enableSaveBillingAddress = param.enableSaveBillingAddress, enableSavedBillingAddressList = param.enableSavedBillingAddressList, countryCode = param.countryCode, enableSaveAddress = param.enableSaveAddress, autofillShippingPersonalData = param.autofillShippingPersonalData, onSubmit = param.onSubmit, paymentEnabledOnStep = param.paymentEnabledOnStep, getPaymentMethodsWhenShippingMethodIsSelected = param.getPaymentMethodsWhenShippingMethodIsSelected, shippingEnabledOnStep = param.shippingEnabledOnStep, billingEnabledOnStep = param.billingEnabledOnStep, tmp = param.customState, initialCustomState = tmp === void 0 ? {
+    } : tmp, _redirectTimeout = param.redirectTimeout, redirectTimeout = _redirectTimeout === void 0 ? 420 : _redirectTimeout, onBeforeRedirect = param.onBeforeRedirect, onSuccess = param.onSuccess, onError = param.onError, isBoricaInDevMode = param.isBoricaInDevMode, _withPixelMeta = param.withPixelMeta, withPixelMeta = _withPixelMeta === void 0 ? false : _withPixelMeta, _requiredFieldsOnShippingStep = param.requiredFieldsOnShippingStep, requiredFieldsOnShippingStep = _requiredFieldsOnShippingStep === void 0 ? [
+        'firstName',
+        'lastName',
+        'email',
+        'phoneNumber', 
+    ] : _requiredFieldsOnShippingStep, _requiredFieldsOnBillingAddressStep = param.requiredFieldsOnBillingAddressStep, requiredFieldsOnBillingAddressStep = _requiredFieldsOnBillingAddressStep === void 0 ? [
+        'city',
+        'postalCode',
+        'streetName'
+    ] : _requiredFieldsOnBillingAddressStep, _enableNoShippingMethodMode = param.enableNoShippingMethodMode, enableNoShippingMethodMode = _enableNoShippingMethodMode === void 0 ? false : _enableNoShippingMethodMode, _disablePaymentRedirects = param.disablePaymentRedirects, disablePaymentRedirects = _disablePaymentRedirects === void 0 ? false : _disablePaymentRedirects;
+    var orderQuery = _myCartApi.myCartApi.useGet();
+    var ref4 = _slicedToArray((0, _react).useState(null), 2), boricaData = ref4[0], setBoricaData = ref4[1];
+    var ref1 = _slicedToArray((0, _react).useState(defaultStep), 2), step = ref1[0], setStep = ref1[1];
+    var ref2 = _slicedToArray((0, _react).useState(false), 2), isRedirecting = ref2[0], setIsRedirecting = ref2[1];
+    var fieldsWithError = [];
+    var ref3 = _slicedToArray((0, _react).useState(null), 2), serverErrors = ref3[0], setServerErrors = ref3[1];
+    var collectFieldsWithError = function(error) {
+        fieldsWithError.push(error);
+    };
+    var handleStepChange = (0, _react).useCallback(function(newStep) {
+        window.scrollTo(0, 0);
+        setStep(newStep);
+    }, []);
+    var updateServerErrors = (0, _react).useCallback(function(errors) {
+        var ref;
+        // Example Error
+        // [{
+        //  code: "OutOfStock"
+        //  message: "Some of the ordered line items are out of stock at the time of placing the order."
+        //  responses: {
+        //      availableQuantity: 1
+        //      sku: "200000095849"
+        //      status: "unavailable"
+        //    }
+        // }]
+        var formattedErrors = errors === null || errors === void 0 ? void 0 : (ref = errors.reduce) === null || ref === void 0 ? void 0 : ref.call(errors, function(data, error) {
+            return _objectSpread({
+            }, data, _defineProperty({
+            }, (error === null || error === void 0 ? void 0 : error.code) || 'internal', error === null || error === void 0 ? void 0 : error.response));
+        }, {
+        });
+        setServerErrors(formattedErrors || {
+            internalError: errors
+        });
+    }, []);
+    var isAuthenticated = (0, _hooks1).useIsAuthenticated().isAuthenticated;
+    var isShippingEnabled = shippingEnabledOnStep === step;
+    var userQuery = _usersApi.usersApi.useGet({
+    }, {
+        enabled: isShippingEnabled && autofillShippingPersonalData
+    });
+    var shippingState = (0, _hooks).useShipping({
+        errorLabels: errorLabels,
+        orderQuery: orderQuery,
+        enableSavedAddressList: Boolean(isAuthenticated && enableSavedAddressList),
+        enableSaveAddress: Boolean(isAuthenticated && enableSaveAddress),
+        withPersistBeforePageLeave: !isRedirecting && withPersistBeforePageLeave,
+        validations: shippingValidations,
+        autofillShippingPersonalData: Boolean(isAuthenticated && autofillShippingPersonalData),
+        userQuery: userQuery,
+        enabled: isShippingEnabled,
+        countryCode: countryCode,
+        requiredFields: requiredFieldsOnShippingStep,
+        enableNoShippingMethodMode: enableNoShippingMethodMode
+    });
+    var mod = (0, _useCheckoutShippingModule).useCheckoutShippingModule(orderQuery, !enableNoShippingMethodMode);
+    var getIsPaymentMethodsEnabled = function() {
+        if (paymentEnabledOnStep) {
+            return paymentEnabledOnStep === step;
+        }
+        if (!enableNoShippingMethodMode && getPaymentMethodsWhenShippingMethodIsSelected) {
+            return Boolean((mod === null || mod === void 0 ? void 0 : mod.moduleKey) && (mod === null || mod === void 0 ? void 0 : mod.moduleData.methodKey));
+        }
+        return false;
+    };
+    var paymentState = (0, _hooks).usePayment({
+        errorLabels: errorLabels,
+        orderQuery: orderQuery,
+        enabled: getIsPaymentMethodsEnabled()
+    });
+    var billingState = (0, _hooks).useBilling({
+        errorLabels: errorLabels,
+        orderQuery: orderQuery,
+        validateBillingAddress: validateBillingAddress,
+        enableSaveBillingAddress: Boolean(isAuthenticated && enableSaveBillingAddress),
+        withSavedBillingAddressList: Boolean(isAuthenticated && enableSavedBillingAddressList),
+        withPersistBeforePageLeave: !isRedirecting && withPersistBeforePageLeave,
+        countryCode: countryCode,
+        enabled: billingEnabledOnStep === step,
+        requiredFields: requiredFieldsOnBillingAddressStep,
+        requiredFieldsOnShipping: requiredFieldsOnShippingStep
+    });
+    var onBeforeBoricaRedirect = function(data) {
+        if (disablePaymentRedirects) return;
+        onBeforeRedirect === null || onBeforeRedirect === void 0 ? void 0 : onBeforeRedirect();
+        setIsRedirecting(true);
+        setTimeout(function() {
+            setBoricaData(data);
+        }, redirectTimeout);
+    };
+    var onBeforePaypalRedirect = function(data) {
+        if (disablePaymentRedirects) return;
+        onBeforeRedirect === null || onBeforeRedirect === void 0 ? void 0 : onBeforeRedirect();
+        setIsRedirecting(true);
+        setTimeout(function() {
+            window.location.replace(data.redirectUrl);
+        }, redirectTimeout);
+    };
+    var handleCheckoutSubmit = (0, _useCheckoutSubmit).useCheckoutSubmit({
+        onBeforeBoricaRedirect: onBeforeBoricaRedirect,
+        onBeforePaypalRedirect: onBeforePaypalRedirect,
+        onSuccess: onSuccess,
+        onError: function(errors) {
+            updateServerErrors(errors);
+            onError(errors);
+        },
+        withMeta: withPixelMeta,
+        disablePaymentRedirects: disablePaymentRedirects
+    }).handleCheckoutSubmit;
+    var scrollTo = (0, _uiHooks).useScrollTo(fieldsWithError[0], 0).scrollTo;
+    var scrollToFirstError = function() {
+        var interval = setInterval(function() {
+            var errorElement = fieldsWithError[0];
+            if (!errorElement) return;
+            scrollTo((0, _getElementOffset).getElementOffset(errorElement).top - 100);
+            clearInterval(interval);
+        }, 50);
+        setTimeout(function() {
+            clearInterval(interval);
+        }, 1000);
+    };
+    var handleSubmit = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(e) {
+        return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    e.preventDefault();
+                    _ctx.next = 3;
+                    return Promise.all([
+                        shippingState.persistShippingAddress(),
+                        billingState.persistBillingAddress(), 
+                    ]).catch(function() {
+                    });
+                case 3:
+                    onSubmit({
+                        isShippingValid: shippingState.isValid,
+                        setIsShippingSubmitting: shippingState.updateIsSubmitting,
+                        isBillingValid: billingState.isValid,
+                        setIsBillingSubmitting: billingState.updateIsSubmitting,
+                        isPaymentValid: paymentState.isValid,
+                        setIsPaymentSubmitting: paymentState.updateIsSubmitting,
+                        step: step,
+                        updateStep: setStep,
+                        saveOrder: handleCheckoutSubmit,
+                        updateServerErrors: updateServerErrors,
+                        scrollToFirstError: scrollToFirstError,
+                        shippingState: shippingState,
+                        shippingAddress: shippingState.data
+                    });
+                case 4:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
     }));
-
-    return function handleSubmit(_x) {
-      return _ref2.apply(this, arguments);
+    var state = {
+        setStep: handleStepChange,
+        step: step,
+        orderQuery: orderQuery,
+        serverErrors: serverErrors,
+        updateServerErrors: updateServerErrors,
+        errorLabels: errorLabels,
+        shippingState: shippingState,
+        paymentState: paymentState,
+        billingState: billingState,
+        errorRef: collectFieldsWithError,
+        errorFields: fieldsWithError
     };
-  }();
-
-  var state = {
-    setStep: handleStepChange,
-    step: step,
-    orderQuery: orderQuery,
-    serverErrors: serverErrors,
-    updateServerErrors: updateServerErrors,
-    errorLabels: errorLabels,
-    shippingState: shippingState,
-    paymentState: paymentState,
-    billingState: billingState,
-    errorRef: collectFieldsWithError,
-    errorFields: fieldsWithError
-  };
-  return /*#__PURE__*/_react["default"].createElement(CheckoutFormContext.Provider, {
-    value: state
-  }, /*#__PURE__*/_react["default"].createElement(_Components.CheckoutFormCustomStateProvider, {
-    initialCustomState: initialCustomState
-  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("form", {
-    noValidate: true,
-    onSubmit: handleSubmit
-  }, children), !!boricaData && /*#__PURE__*/_react["default"].createElement(_Components.BoricaRedirect, {
-    isInDevMode: isBoricaInDevMode,
-    formData: boricaData
-  }))));
+    return(/*#__PURE__*/ _react.default.createElement(CheckoutFormContext.Provider, {
+        value: state
+    }, /*#__PURE__*/ _react.default.createElement(_components.CheckoutFormCustomStateProvider, {
+        initialCustomState: initialCustomState
+    }, /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("form", {
+        noValidate: true,
+        onSubmit: handleSubmit
+    }, children), !!boricaData && /*#__PURE__*/ _react.default.createElement(_components.BoricaRedirect, {
+        isInDevMode: isBoricaInDevMode,
+        formData: boricaData
+    })))));
 }
-
-var CheckoutFormStepsEnum;
-exports.CheckoutFormStepsEnum = CheckoutFormStepsEnum;
-
-(function (CheckoutFormStepsEnum) {
-  CheckoutFormStepsEnum["Basket"] = "Basket";
-  CheckoutFormStepsEnum["Shipping"] = "Shipping";
-  CheckoutFormStepsEnum["BillingAddress"] = "BillingAddress";
-  CheckoutFormStepsEnum["Payment"] = "Payment";
-  CheckoutFormStepsEnum["Preview"] = "Preview";
-  CheckoutFormStepsEnum["All"] = "All";
-})(CheckoutFormStepsEnum || (exports.CheckoutFormStepsEnum = CheckoutFormStepsEnum = {}));
-
-var useCheckoutFormStep = function useCheckoutFormStep() {
-  var context = (0, _react.useContext)(CheckoutFormContext);
-
-  if (!context) {
-    throw new Error('useCheckoutFormStep must be used within a CheckoutFormContextProvider');
-  }
-
-  return (0, _react.useMemo)(function () {
-    return {
-      currentStep: context.step,
-      updateStep: context.setStep
-    };
-  }, [context]);
+var CheckoutFormStepsEnum1;
+exports.CheckoutFormStepsEnum = CheckoutFormStepsEnum1;
+(function(CheckoutFormStepsEnum) {
+    CheckoutFormStepsEnum["Basket"] = "Basket";
+    CheckoutFormStepsEnum["Shipping"] = "Shipping";
+    CheckoutFormStepsEnum["BillingAddress"] = "BillingAddress";
+    CheckoutFormStepsEnum["Payment"] = "Payment";
+    CheckoutFormStepsEnum["Preview"] = "Preview";
+    CheckoutFormStepsEnum["All"] = "All";
+})(CheckoutFormStepsEnum1 || (exports.CheckoutFormStepsEnum = CheckoutFormStepsEnum1 = {
+}));
+var useCheckoutFormStep = function() {
+    var context = (0, _react).useContext(CheckoutFormContext);
+    if (!context) {
+        throw new Error('useCheckoutFormStep must be used within a CheckoutFormContextProvider');
+    }
+    return (0, _react).useMemo(function() {
+        return {
+            currentStep: context.step,
+            updateStep: context.setStep
+        };
+    }, [
+        context
+    ]);
 };
-
 exports.useCheckoutFormStep = useCheckoutFormStep;
-
-var useCheckoutFormOrder = function useCheckoutFormOrder() {
-  var context = (0, _react.useContext)(CheckoutFormContext);
-
-  if (!context) {
-    throw new Error('useCheckoutFormOrder must be used within a CheckoutFormContextProvider');
-  }
-
-  return context.orderQuery;
+var useCheckoutFormOrder = function() {
+    var context = (0, _react).useContext(CheckoutFormContext);
+    if (!context) {
+        throw new Error('useCheckoutFormOrder must be used within a CheckoutFormContextProvider');
+    }
+    return context.orderQuery;
 };
-
 exports.useCheckoutFormOrder = useCheckoutFormOrder;
-
-var useCheckoutFormErrorLabels = function useCheckoutFormErrorLabels() {
-  var context = (0, _react.useContext)(CheckoutFormContext);
-
-  if (!context) {
-    throw new Error('useCheckoutFormErrorLabels must be used within a CheckoutFormContextProvider');
-  }
-
-  return context.errorLabels;
+var useCheckoutFormErrorLabels = function() {
+    var context = (0, _react).useContext(CheckoutFormContext);
+    if (!context) {
+        throw new Error('useCheckoutFormErrorLabels must be used within a CheckoutFormContextProvider');
+    }
+    return context.errorLabels;
 };
-
 exports.useCheckoutFormErrorLabels = useCheckoutFormErrorLabels;
-
-var useCheckoutFormServerErrors = function useCheckoutFormServerErrors() {
-  var context = (0, _react.useContext)(CheckoutFormContext);
-
-  if (!context) {
-    throw new Error('useCheckoutFormServerErrors must be used within a CheckoutFormContextProvider');
-  }
-
-  return (0, _react.useMemo)(function () {
-    return {
-      serverErrors: context.serverErrors,
-      updateServerErrors: context.updateServerErrors
-    };
-  }, [context]);
+var useCheckoutFormServerErrors = function() {
+    var context = (0, _react).useContext(CheckoutFormContext);
+    if (!context) {
+        throw new Error('useCheckoutFormServerErrors must be used within a CheckoutFormContextProvider');
+    }
+    return (0, _react).useMemo(function() {
+        return {
+            serverErrors: context.serverErrors,
+            updateServerErrors: context.updateServerErrors
+        };
+    }, [
+        context
+    ]);
 };
-
 exports.useCheckoutFormServerErrors = useCheckoutFormServerErrors;
-
-var useCheckoutFormBillingState = function useCheckoutFormBillingState() {
-  var context = (0, _react.useContext)(CheckoutFormContext);
-
-  if (!context) {
-    throw new Error('useCheckoutFormBillingState must be used within a CheckoutFormContextProvider');
-  }
-
-  return context.billingState;
+var useCheckoutFormBillingState = function() {
+    var context = (0, _react).useContext(CheckoutFormContext);
+    if (!context) {
+        throw new Error('useCheckoutFormBillingState must be used within a CheckoutFormContextProvider');
+    }
+    return context.billingState;
 };
-
 exports.useCheckoutFormBillingState = useCheckoutFormBillingState;
-
-var useCheckoutFormShippingState = function useCheckoutFormShippingState() {
-  var context = (0, _react.useContext)(CheckoutFormContext);
-
-  if (!context) {
-    throw new Error('useCheckoutFormShippingState must be used within a CheckoutFormContextProvider');
-  }
-
-  return context.shippingState;
+var useCheckoutFormShippingState = function() {
+    var context = (0, _react).useContext(CheckoutFormContext);
+    if (!context) {
+        throw new Error('useCheckoutFormShippingState must be used within a CheckoutFormContextProvider');
+    }
+    return context.shippingState;
 };
-
 exports.useCheckoutFormShippingState = useCheckoutFormShippingState;
-
-var useCheckoutErrorFields = function useCheckoutErrorFields() {
-  var context = (0, _react.useContext)(CheckoutFormContext);
-
-  if (!context) {
-    throw new Error('useCheckoutErrorFields must be used within a CheckoutFormContextProvider');
-  }
-
-  return {
-    errorFields: context.errorFields,
-    errorRef: context.errorRef
-  };
+var useCheckoutErrorFields = function() {
+    var context = (0, _react).useContext(CheckoutFormContext);
+    if (!context) {
+        throw new Error('useCheckoutErrorFields must be used within a CheckoutFormContextProvider');
+    }
+    return {
+        errorFields: context.errorFields,
+        errorRef: context.errorRef
+    };
 };
-
 exports.useCheckoutErrorFields = useCheckoutErrorFields;
-
-var useCheckoutFormPaymentState = function useCheckoutFormPaymentState() {
-  var context = (0, _react.useContext)(CheckoutFormContext);
-
-  if (!context) {
-    throw new Error('useCheckoutFormPaymentState must be used within a CheckoutFormContextProvider');
-  }
-
-  return context.paymentState;
+var useCheckoutFormPaymentState = function() {
+    var context = (0, _react).useContext(CheckoutFormContext);
+    if (!context) {
+        throw new Error('useCheckoutFormPaymentState must be used within a CheckoutFormContextProvider');
+    }
+    return context.paymentState;
 };
-
 exports.useCheckoutFormPaymentState = useCheckoutFormPaymentState;
-//# sourceMappingURL=index.js.map