tf-checkout-react 1.3.50-beta.0 → 1.3.50-beta.2

package/dist/components/addonsContainer/index.d.ts

@@ -10,8 +10,9 @@ export interface IAddonContainterProps {
     onConfirmSelectionSuccess?: (res: any) => void;
     onConfirmSelectionError?: (error: any) => void;
     onCountdownFinish?: () => void;
+    onPendingVerification?: () => void;
 }
 export interface ObjectLiteral {
     [key: string]: any;
 }
-export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, }: IAddonContainterProps) => JSX.Element;
+export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, onPendingVerification, }: IAddonContainterProps) => JSX.Element;

package/dist/components/billing-info-container/index.d.ts

@@ -50,5 +50,6 @@ export interface IBillingInfoPage {
     brandOptIn?: boolean;
     showPoweredByImage?: boolean;
     isCountryCodeEditable?: boolean;
+    onPendingVerification?: () => void;
 }
-export declare const BillingInfoContainer: React.MemoExoticComponent<({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton, brandOptIn, showPoweredByImage, isCountryCodeEditable, }: IBillingInfoPage) => JSX.Element>;
+export declare const BillingInfoContainer: React.MemoExoticComponent<({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton, brandOptIn, showPoweredByImage, isCountryCodeEditable, onPendingVerification, }: IBillingInfoPage) => JSX.Element>;

package/dist/components/common/ModalComponent/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-interface Action {
+export interface Action {
     id: string;
     label: string;
     onClick: () => void;

package/dist/components/idVerificationContainer/VerificationPendingModal.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Action } from '../common/ModalComponent';
+interface IDVerificationProps {
+    message?: string | null;
+    displayModal?: boolean;
+    actions?: Action[];
+    onClose?: () => void;
+}
+export declare const VerificationPendingModal: (props: IDVerificationProps) => JSX.Element | null;
+export {};

package/dist/components/ticketsContainer/index.d.ts

@@ -57,6 +57,7 @@ export interface IGetTickets {
     promoText?: string;
     showGroupNameBlock?: boolean;
     currencySybmol?: string;
+    onPendingVerification?: () => void;
 }
 export interface ITicket {
     id: string | number;
@@ -65,5 +66,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onPendingVerification, }: IGetTickets) => JSX.Element;
 export {};

package/dist/tf-checkout-react.cjs.development.js

@@ -27,6 +27,7 @@ var styles$1 = require('@mui/styles');
 var _isFunction = _interopDefault(require('lodash/isFunction'));
 var _isObject = _interopDefault(require('lodash/isObject'));
 var Box = _interopDefault(require('@mui/material/Box'));
+var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
 var Modal$1 = _interopDefault(require('@mui/material/Modal'));
 var Countdown$1 = _interopDefault(require('react-countdown'));
 var SVG = _interopDefault(require('react-inlinesvg'));
@@ -38,7 +39,6 @@ var FormControlLabel = _interopDefault(require('@mui/material/FormControlLabel')
 var FormGroup = _interopDefault(require('@mui/material/FormGroup'));
 var MuiPhoneNumber = _interopDefault(require('material-ui-phone-number'));
 var _debounce = _interopDefault(require('lodash/debounce'));
-var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
 var Select = _interopDefault(require('@mui/material/Select'));
 var FormControl = _interopDefault(require('@mui/material/FormControl'));
 var FormHelperText = _interopDefault(require('@mui/material/FormHelperText'));
@@ -1486,6 +1486,79 @@ var ForgotPasswordModal = function ForgotPasswordModal(_ref) {
 };
 
 var style$1 = {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  minWidth: 480,
+  backgroundColor: '#e3e3e3',
+  border: '1px solid white',
+  outline: 'none',
+  padding: '14px',
+  maxHeight: '85vh',
+  overflow: 'auto'
+};
+var Modal = function Modal(_ref) {
+  var onClose = _ref.onClose,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? [] : _ref$actions,
+    children = _ref.children,
+    _ref$modalClassName = _ref.modalClassName,
+    modalClassName = _ref$modalClassName === void 0 ? '' : _ref$modalClassName;
+  return React__default.createElement(material.Modal, {
+    open: true,
+    onClose: onClose,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "confirm-modal " + modalClassName
+  }, React__default.createElement(Box, {
+    style: style$1
+  }, React__default.createElement("div", {
+    className: "modal-body"
+  }, children), React__default.createElement("div", {
+    className: "footer"
+  }, _map(actions, function (action) {
+    return React__default.createElement(Button, {
+      key: action.id,
+      onClick: action.onClick,
+      disabled: action.disabled || action.loading,
+      variant: action.variant || "text"
+    }, action.loading ? React__default.createElement(CircularProgress, {
+      size: "22px"
+    }) : action.label);
+  }))));
+};
+
+var VerificationPendingModal = function VerificationPendingModal(props) {
+  var message = props.message,
+    displayModal = props.displayModal,
+    actions = props.actions,
+    onClose = props.onClose;
+  var _useState = React.useState(false),
+    showModal = _useState[0],
+    setShowModal = _useState[1];
+  React.useEffect(function () {
+    if (displayModal === undefined) {
+      setShowModal(Boolean(message));
+    }
+  }, [message, displayModal]);
+  return showModal || displayModal ? React__default.createElement("div", null, React__default.createElement(Modal, {
+    modalClassName: "id-verification-modal",
+    actions: actions || [{
+      id: 'okay',
+      label: 'OK',
+      variant: 'contained',
+      onClick: function onClick() {
+        setShowModal(false);
+        if (onClose) {
+          onClose();
+        }
+      }
+    }]
+  }, React__default.createElement("div", null, message))) : null;
+};
+
+var style$2 = {
   position: 'absolute',
   top: '50%',
   left: '50%',
@@ -1544,7 +1617,7 @@ var LoginModal = function LoginModal(_ref) {
     "aria-describedby": "modal-modal-description",
     className: "login-modal " + modalClassname
   }, React__default.createElement(Box, {
-    style: style$1
+    style: style$2
   }, React__default.createElement("div", null, React__default.createElement(formik.Formik, {
     initialValues: {
       email: '',
@@ -1679,7 +1752,7 @@ var LoginModal = function LoginModal(_ref) {
   }))));
 };
 
-var style$2 = {
+var style$3 = {
   position: 'absolute',
   top: '50%',
   left: '50%',
@@ -1770,7 +1843,7 @@ var SignupModal = function SignupModal(_ref) {
     "aria-describedby": "modal-modal-description",
     className: "signup-modal"
   }, React__default.createElement(material.Box, {
-    style: style$2
+    style: style$3
   }, React__default.createElement("div", null, React__default.createElement(formik.Formik, {
     initialValues: {
       firstName: '',
@@ -2688,7 +2761,9 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     _ref4$showPoweredByIm = _ref4.showPoweredByImage,
     showPoweredByImage = _ref4$showPoweredByIm === void 0 ? false : _ref4$showPoweredByIm,
     _ref4$isCountryCodeEd = _ref4.isCountryCodeEditable,
-    isCountryCodeEditable = _ref4$isCountryCodeEd === void 0 ? true : _ref4$isCountryCodeEd;
+    isCountryCodeEditable = _ref4$isCountryCodeEd === void 0 ? true : _ref4$isCountryCodeEd,
+    _ref4$onPendingVerifi = _ref4.onPendingVerification,
+    onPendingVerification = _ref4$onPendingVerifi === void 0 ? _identity : _ref4$onPendingVerifi;
   var _useState = React.useState(false),
     isNewUser = _useState[0],
     setIsNewUser = _useState[1];
@@ -2776,6 +2851,9 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   var flagFreeTicket = getQueryVariable('free_ticket') === 'true';
   var hidePhoneField = getQueryVariable('hide_phone_field') === 'true';
   var hideWalletAddressField = !collectOptionalWalletAddress && !collectMandatoryWalletAddress;
+  var _useState18 = React.useState(),
+    pendingVerificationMessage = _useState18[0],
+    setPendingVerificationMessage = _useState18[1];
   // Get prevProps
   var prevData = React.useRef(data);
   var addAddOnsInAttributes = function addAddOnsInAttributes(checkoutBody) {
@@ -2935,12 +3013,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   React.useEffect(function () {
     var collectPaymentData = /*#__PURE__*/function () {
       var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var checkoutBody, res;
+        var checkoutBody, res, _e$response, _e$response$data, _e$response$data$data, _e$response2, _e$response2$data;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (!(skipPage && !_isEmpty(ticketsQuantity) && !showDOB && !loading && !isNewUser)) {
-                _context5.next = 18;
+                _context5.next = 19;
                 break;
               }
               setLoading(true);
@@ -2956,18 +3034,21 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               removeReferralKey();
               onSkipBillingPage(_get(res, 'data.data.attributes'));
               setLoading(false);
-              _context5.next = 16;
+              _context5.next = 17;
               break;
             case 13:
               _context5.prev = 13;
               _context5.t0 = _context5["catch"](3);
               onSubmitError(_context5.t0);
-            case 16:
-              _context5.next = 19;
+              if ((_e$response = _context5.t0.response) != null && (_e$response$data = _e$response.data) != null && (_e$response$data$data = _e$response$data.data) != null && _e$response$data$data.hasUnverifiedOrder) {
+                setPendingVerificationMessage((_e$response2 = _context5.t0.response) == null ? void 0 : (_e$response2$data = _e$response2.data) == null ? void 0 : _e$response2$data.message);
+              }
+            case 17:
+              _context5.next = 20;
               break;
-            case 18:
-              setLoading(false);
             case 19:
+              setLoading(false);
+            case 20:
             case "end":
               return _context5.stop();
           }
@@ -3039,7 +3120,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     enableReinitialize: false,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(values, formikHelpers) {
-        var _checkoutBody, _res, updatedUserData, _profileSpecifiedData, _profileDataObj, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, accessToken, refreshToken, userProfile, _e$response, _e$response$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2, _e$response3, _e$response3$data, _e$response4, event;
+        var _checkoutBody, _res, updatedUserData, _profileSpecifiedData, _profileDataObj, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, accessToken, refreshToken, userProfile, _e$response3, _e$response3$data, _e$response3$data$dat, _e$response4, _e$response4$data, _e$response5, _e$response5$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response6, _e$response6$data, _e$response6$data$dat, _e$response7, _e$response7$data, _e$response8, _e$response9, _e$response9$data, _e$response10, event;
         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -3102,8 +3183,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               _context6.prev = 32;
               _context6.t0 = _context6["catch"](19);
               setLoading(false);
-              if (axios.isAxiosError(_context6.t0)) {
-                _error = _context6.t0 == null ? void 0 : (_e$response = _context6.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message;
+              if ((_e$response3 = _context6.t0.response) != null && (_e$response3$data = _e$response3.data) != null && (_e$response3$data$dat = _e$response3$data.data) != null && _e$response3$data$dat.hasUnverifiedOrder) {
+                setPendingVerificationMessage((_e$response4 = _context6.t0.response) == null ? void 0 : (_e$response4$data = _e$response4.data) == null ? void 0 : _e$response4$data.message);
+              } else if (axios.isAxiosError(_context6.t0)) {
+                _error = _context6.t0 == null ? void 0 : (_e$response5 = _context6.t0.response) == null ? void 0 : (_e$response5$data = _e$response5.data) == null ? void 0 : _e$response5$data.message;
                 if (_includes(_error, 'You must be aged')) {
                   formikHelpers.setFieldError('holderAge', _error);
                 }
@@ -3148,8 +3231,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               _context6.prev = 52;
               _context6.t1 = _context6["catch"](0);
               setLoading(false);
-              if (axios.isAxiosError(_context6.t1)) {
-                if (((_e$response2 = _context6.t1.response) == null ? void 0 : _e$response2.status) === 401 || ((_e$response3 = _context6.t1.response) == null ? void 0 : (_e$response3$data = _e$response3.data) == null ? void 0 : _e$response3$data.error) === 'invalid_token') {
+              if ((_e$response6 = _context6.t1.response) != null && (_e$response6$data = _e$response6.data) != null && (_e$response6$data$dat = _e$response6$data.data) != null && _e$response6$data$dat.hasUnverifiedOrder) {
+                setPendingVerificationMessage((_e$response7 = _context6.t1.response) == null ? void 0 : (_e$response7$data = _e$response7.data) == null ? void 0 : _e$response7$data.message);
+              } else if (axios.isAxiosError(_context6.t1)) {
+                if (((_e$response8 = _context6.t1.response) == null ? void 0 : _e$response8.status) === 401 || ((_e$response9 = _context6.t1.response) == null ? void 0 : (_e$response9$data = _e$response9.data) == null ? void 0 : _e$response9$data.error) === 'invalid_token') {
                   if (isWindowDefined) {
                     window.localStorage.removeItem('user_data');
                     window.localStorage.removeItem('access_token');
@@ -3163,7 +3248,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                     window.document.dispatchEvent(event);
                   }
                 }
-                if ((_e$response4 = _context6.t1.response) != null && _e$response4.data.message && !hideErrorsAlertSection) {
+                if ((_e$response10 = _context6.t1.response) != null && _e$response10.data.message && !hideErrorsAlertSection) {
                   setError(_get(_context6.t1, 'response.data.message'));
                 }
                 onSubmitError(_context6.t1);
@@ -3395,6 +3480,11 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     onForgotPasswordSuccess: onForgotPasswordSuccess,
     onForgotPasswordError: onForgotPasswordError,
     showPoweredByImage: showPoweredByImage
+  }), React__default.createElement(VerificationPendingModal, {
+    message: pendingVerificationMessage,
+    onClose: function onClose() {
+      onPendingVerification();
+    }
   }));
 });
 
@@ -4450,7 +4540,7 @@ var useCookieListener = function useCookieListener(key, handler) {
   }, []);
 };
 
-var style$3 = {
+var style$4 = {
   position: 'absolute',
   top: '50%',
   left: '50%',
@@ -4481,7 +4571,7 @@ var ConfirmModal = function ConfirmModal(_ref) {
     "aria-describedby": "modal-modal-description",
     className: "confirm-modal"
   }, React__default.createElement(Box, {
-    style: style$3
+    style: style$4
   }, React__default.createElement("p", null, message), React__default.createElement("div", {
     className: "footer"
   }, !hideCancelBtn && React__default.createElement(Button, {
@@ -5066,7 +5156,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
     _ref$showGroupNameBlo = _ref.showGroupNameBlock,
     showGroupNameBlock = _ref$showGroupNameBlo === void 0 ? false : _ref$showGroupNameBlo,
     _ref$currencySybmol = _ref.currencySybmol,
-    currencySybmol = _ref$currencySybmol === void 0 ? '' : _ref$currencySybmol;
+    currencySybmol = _ref$currencySybmol === void 0 ? '' : _ref$currencySybmol,
+    _ref$onPendingVerific = _ref.onPendingVerification,
+    onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific;
   var _useState = React.useState({}),
     selectedTickets = _useState[0],
     setSelectedTickets = _useState[1];
@@ -5122,6 +5214,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var _useState18 = React.useState(''),
     isInvalidLinkError = _useState18[0],
     setIsInvalidLinkError = _useState18[1];
+  var _useState19 = React.useState(),
+    pendingVerificationMessage = _useState19[0],
+    setPendingVerificationMessage = _useState19[1];
   var ticketsContainerRef = React.useRef(null);
   var pageUrl = isBrowser ? window.location.href.split('?')[0] : '';
   useCookieListener(X_TF_ECOMMERCE, function (value) {
@@ -5285,7 +5380,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var handleBook = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var _product_options, _product_options2, _ticket_types;
-      var ticket, optionName, ticketId, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$name, _pageConfigsData$age_, _pageConfigsData$phon, _pageConfigsData$hide, _pageConfigsData$has_, _pageConfigsData$free, _pageConfigsData$coll, _pageConfigsData$coll2, pageConfigsData, skipBillingPage, nameIsRequired, ageIsRequired, phoneIsRequired, hidePhoneField, hasAddOn, freeTicket, collectOptionalWalletAddress, collectMandatoryWalletAddress, hash, total, _isWindowDefined, userData, access_token, checkoutBody, checkoutResult, message, _isInvalidLinkError, _isNotInvitedError;
+      var ticket, optionName, ticketId, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$name, _pageConfigsData$age_, _pageConfigsData$phon, _pageConfigsData$hide, _pageConfigsData$has_, _pageConfigsData$free, _pageConfigsData$coll, _pageConfigsData$coll2, pageConfigsData, skipBillingPage, nameIsRequired, ageIsRequired, phoneIsRequired, hidePhoneField, hasAddOn, freeTicket, collectOptionalWalletAddress, collectMandatoryWalletAddress, hash, total, _isWindowDefined, userData, access_token, checkoutBody, checkoutResult, _e$response, _e$response$data, _e$response$data$data, _e$response2, _e$response2$data, message, _isInvalidLinkError, _isNotInvitedError;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -5395,7 +5490,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
           case 50:
             _context2.prev = 50;
             _context2.t2 = _context2["catch"](6);
-            if (axios.isAxiosError(_context2.t2)) {
+            if ((_e$response = _context2.t2.response) != null && (_e$response$data = _e$response.data) != null && (_e$response$data$data = _e$response$data.data) != null && _e$response$data$data.hasUnverifiedOrder) {
+              setPendingVerificationMessage((_e$response2 = _context2.t2.response) == null ? void 0 : (_e$response2$data = _e$response2.data) == null ? void 0 : _e$response2$data.message);
+            } else if (axios.isAxiosError(_context2.t2)) {
               onAddToCartError(_context2.t2);
               message = _get(_context2.t2, 'response.data.message', '');
               _isInvalidLinkError = _includes(message, 'No more of this ticket type are available right now');
@@ -5613,7 +5710,12 @@ var TicketsContainer = function TicketsContainer(_ref) {
       className: "influencer-item",
       key: i
     }, influencer.firstName + " " + ((_influencer$lastName = influencer.lastName) == null ? void 0 : _influencer$lastName.charAt(0)), ' ');
-  }))) : null);
+  }))) : null, React__default.createElement(VerificationPendingModal, {
+    message: pendingVerificationMessage,
+    onClose: function onClose() {
+      onPendingVerification();
+    }
+  }));
 };
 
 var EventInfoItem = function EventInfoItem(_ref) {
@@ -5856,7 +5958,7 @@ var RadioField = function RadioField(_ref) {
   }));
 };
 
-var style$4 = {
+var style$5 = {
   position: 'absolute',
   top: '50%',
   left: '50%',
@@ -5927,7 +6029,7 @@ var TicketResaleModal = function TicketResaleModal(_ref) {
     "aria-describedby": "modal-modal-description",
     className: 'resale-modal'
   }, React__default.createElement(Box, {
-    style: style$4
+    style: style$5
   }, React__default.createElement("h3", null, "Sell Ticket"), React__default.createElement("div", null, React__default.createElement("h3", null, "Ticket Details"), React__default.createElement("div", null, React__default.createElement("h4", null, "Event"), React__default.createElement("p", null, event_name)), React__default.createElement("div", null, React__default.createElement("h4", null, "Ticket Holder"), React__default.createElement("p", null, holder_name)), React__default.createElement("div", null, React__default.createElement("h4", null, "Ticket ID"), React__default.createElement("p", null, hash))), React__default.createElement("div", null, React__default.createElement("h3", null, "Sell to Whom"), React__default.createElement(formik.Formik, {
     initialValues: initialValues,
     validationSchema: schema,
@@ -6973,7 +7075,9 @@ var AddonsContainter = function AddonsContainter(_ref) {
     _ref$onConfirmSelecti2 = _ref.onConfirmSelectionError,
     onConfirmSelectionError = _ref$onConfirmSelecti2 === void 0 ? _identity : _ref$onConfirmSelecti2,
     _ref$onCountdownFinis = _ref.onCountdownFinish,
-    _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis;
+    _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis,
+    _ref$onPendingVerific = _ref.onPendingVerification,
+    onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific;
   var eventId = getQueryVariable('event_id');
   var _useState = React.useState([]),
     addons = _useState[0],
@@ -6993,6 +7097,9 @@ var AddonsContainter = function AddonsContainter(_ref) {
   var _useState6 = React.useState(0),
     cartExpirationTime = _useState6[0],
     setCartExpirationTime = _useState6[1];
+  var _useState7 = React.useState(),
+    pendingVerificationMessage = _useState7[0],
+    setPendingVerificationMessage = _useState7[1];
   React.useEffect(function () {
     var getAddonsPageInfo = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -7099,7 +7206,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
   };
   var handleConfirm = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, skipAddonPage) {
-      var _pageConfigsData$skip, _pageConfigsData$name, _pageConfigsData$age_, _pageConfigsData$phon, _pageConfigsData$has_, _pageConfigsData$free, _pageConfigsData$coll, _pageConfigsData$coll2, pageConfigsDataResponse, pageConfigsData, isWindowDefined, skipBillingPage, nameIsRequired, ageIsRequired, phoneIsRequired, hasAddOn, freeTicket, collectOptionalWalletAddress, collectMandatoryWalletAddress, ticketsQuantity, userData, checkoutBody, checkoutResponse, hash, total;
+      var _pageConfigsData$skip, _pageConfigsData$name, _pageConfigsData$age_, _pageConfigsData$phon, _pageConfigsData$has_, _pageConfigsData$free, _pageConfigsData$coll, _pageConfigsData$coll2, pageConfigsDataResponse, pageConfigsData, isWindowDefined, skipBillingPage, nameIsRequired, ageIsRequired, phoneIsRequired, hasAddOn, freeTicket, collectOptionalWalletAddress, collectMandatoryWalletAddress, ticketsQuantity, userData, checkoutBody, checkoutResponse, hash, total, _error$response, _error$response$data, _error$response$data$, _error$response2, _error$response2$data;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -7119,7 +7226,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
             collectOptionalWalletAddress = (_pageConfigsData$coll = pageConfigsData.collect_optional_wallet_address) != null ? _pageConfigsData$coll : false;
             collectMandatoryWalletAddress = (_pageConfigsData$coll2 = pageConfigsData.collect_mandatory_wallet_address) != null ? _pageConfigsData$coll2 : false;
             if (!(skipBillingPage && enableBillingInfoAutoCreate)) {
-              _context2.next = 36;
+              _context2.next = 35;
               break;
             }
             ticketsQuantity = window.localStorage.getItem('quantity');
@@ -7152,17 +7259,21 @@ var AddonsContainter = function AddonsContainter(_ref) {
               collect_optional_wallet_address: collectOptionalWalletAddress,
               collect_mandatory_wallet_address: collectMandatoryWalletAddress
             });
-            _context2.next = 34;
+            _context2.next = 33;
             break;
           case 30:
             _context2.prev = 30;
             _context2.t0 = _context2["catch"](18);
-            onPostCheckoutError(_context2.t0);
-            onConfirmSelectionError(_context2.t0);
-          case 34:
-            _context2.next = 37;
+            if ((_error$response = _context2.t0.response) != null && (_error$response$data = _error$response.data) != null && (_error$response$data$ = _error$response$data.data) != null && _error$response$data$.hasUnverifiedOrder) {
+              setPendingVerificationMessage((_error$response2 = _context2.t0.response) == null ? void 0 : (_error$response2$data = _error$response2.data) == null ? void 0 : _error$response2$data.message);
+            } else {
+              onPostCheckoutError(_context2.t0);
+              onConfirmSelectionError(_context2.t0);
+            }
+          case 33:
+            _context2.next = 36;
             break;
-          case 36:
+          case 35:
             if (isWindowDefined) {
               if (!skipAddonPage) {
                 window.localStorage.setItem('add_ons', JSON.stringify(values));
@@ -7181,18 +7292,18 @@ var AddonsContainter = function AddonsContainter(_ref) {
                 message: 'Window is not defined'
               });
             }
-          case 37:
-            _context2.next = 42;
+          case 36:
+            _context2.next = 41;
             break;
-          case 39:
-            _context2.prev = 39;
+          case 38:
+            _context2.prev = 38;
             _context2.t1 = _context2["catch"](0);
             onConfirmSelectionError(_context2.t1);
-          case 42:
+          case 41:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 39], [18, 30]]);
+      }, _callee2, null, [[0, 38], [18, 30]]);
     }));
     return function handleConfirm(_x, _x2) {
       return _ref3.apply(this, arguments);
@@ -7300,51 +7411,12 @@ var AddonsContainter = function AddonsContainter(_ref) {
       className: (isConfirmDisabled ? classNamePrefix + "_is_disabled" : '') + " " + classNamePrefix + "_submit_button",
       disabled: isConfirmDisabled
     }, "CONFIRM SELECTION")));
-  }))));
-};
-
-var style$5 = {
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  minWidth: 480,
-  backgroundColor: '#e3e3e3',
-  border: '1px solid white',
-  outline: 'none',
-  padding: '14px',
-  maxHeight: '85vh',
-  overflow: 'auto'
-};
-var Modal = function Modal(_ref) {
-  var onClose = _ref.onClose,
-    _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? [] : _ref$actions,
-    children = _ref.children,
-    _ref$modalClassName = _ref.modalClassName,
-    modalClassName = _ref$modalClassName === void 0 ? '' : _ref$modalClassName;
-  return React__default.createElement(material.Modal, {
-    open: true,
-    onClose: onClose,
-    "aria-labelledby": "modal-modal-title",
-    "aria-describedby": "modal-modal-description",
-    className: "confirm-modal " + modalClassName
-  }, React__default.createElement(Box, {
-    style: style$5
-  }, React__default.createElement("div", {
-    className: "modal-body"
-  }, children), React__default.createElement("div", {
-    className: "footer"
-  }, _map(actions, function (action) {
-    return React__default.createElement(Button, {
-      key: action.id,
-      onClick: action.onClick,
-      disabled: action.disabled || action.loading,
-      variant: action.variant || "text"
-    }, action.loading ? React__default.createElement(CircularProgress, {
-      size: "22px"
-    }) : action.label);
-  }))));
+  }))), React__default.createElement(VerificationPendingModal, {
+    message: pendingVerificationMessage,
+    onClose: function onClose() {
+      onPendingVerification();
+    }
+  }));
 };
 
 /* eslint-disable max-len */
@@ -7541,6 +7613,15 @@ var IDVerification = function IDVerification(props) {
       __html: iframe
     };
   };
+  React.useEffect(function () {
+    var isWindowDefined = typeof window !== 'undefined';
+    var orderHash = getQueryVariable('order_hash');
+    if (isWindowDefined) {
+      window.localStorage.setItem('checkoutData', JSON.stringify({
+        hash: orderHash
+      }));
+    }
+  }, []);
   return React__default.createElement("div", null, React__default.createElement("h2", {
     className: "page-header"
   }, "Account Verification"), loadingStatus ? null : React__default.createElement(React__default.Fragment, null, !isAccountVerifiedOrPending && React__default.createElement("div", {