tf-checkout-react 1.4.26-beta.1 → 1.4.26

package/dist/api/index.d.ts

@@ -71,4 +71,4 @@ export declare const updateVerificationStatus: () => Promise<{
     data: UpdateVerificationStatusResponseData;
 }>;
 export declare const checkCustomerOrder: (orderHash: string) => Promise<any>;
-export declare const refreshSeatReservation: (eventId: string) => Promise<AxiosResponse<any, AxiosRequestConfig<any>>>;
+export declare const refreshSeatReservation: (eventId: string, orderId: string) => Promise<AxiosResponse<any, AxiosRequestConfig<any>>>;

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

@@ -4,10 +4,6 @@ export declare const VERIFICATION_STATUSES: {
     FAILED: string;
     WRONG_CUSTOMER: string;
 };
-export declare const VERIFICATION_PROVIDERS: {
-    JUMIO: string;
-    STRIPE: string;
-};
 export declare const TRANSACTION_STATUSES: {
     ERROR: string;
     SUCCESS: string;

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

@@ -10,7 +10,7 @@ interface IDVerificationProps {
     onGetVerificationStatusError?: (error: AxiosError) => void;
     onVerificationMessageModalClose?: (status: string | null) => void;
     onPassVerificationStepsSuccess?: () => void;
-    onPassVerificationStepsError?: (error: AxiosError | null) => void;
+    onPassVerificationStepsError?: (error: AxiosError) => void;
 }
 export declare const IDVerification: (props: IDVerificationProps) => JSX.Element;
 export {};

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

@@ -17,6 +17,7 @@ export interface ICheckoutForm {
     disableZipSection: boolean;
     paymentButtonText?: string;
     forPaymentPlan?: boolean;
+    orderId?: string;
 }
-declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText, forPaymentPlan, }: ICheckoutForm) => JSX.Element;
+declare const CheckoutForm: ({ total, orderId, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText, forPaymentPlan, }: ICheckoutForm) => JSX.Element;
 export default CheckoutForm;

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

@@ -1795,13 +1795,15 @@ var checkCustomerOrder = /*#__PURE__*/function () {
   };
 }();
 var refreshSeatReservation = /*#__PURE__*/function () {
-  var _ref11 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(eventId) {
+  var _ref11 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(eventId, orderId) {
     var response;
     return _regeneratorRuntime().wrap(function _callee11$(_context11) {
       while (1) switch (_context11.prev = _context11.next) {
         case 0:
           _context11.next = 2;
-          return publicRequest.patch("event/" + eventId + "/reservation/refresh/");
+          return publicRequest.patch("event/" + eventId + "/reservation/refresh/", {
+            order_id: orderId
+          });
         case 2:
           response = _context11.sent;
           return _context11.abrupt("return", response);
@@ -1811,7 +1813,7 @@ var refreshSeatReservation = /*#__PURE__*/function () {
       }
     }, _callee11);
   }));
-  return function refreshSeatReservation(_x11) {
+  return function refreshSeatReservation(_x11, _x12) {
     return _ref11.apply(this, arguments);
   };
 }();
@@ -4356,6 +4358,7 @@ var options = {
 };
 var CheckoutForm = function CheckoutForm(_ref) {
   var total = _ref.total,
+    orderId = _ref.orderId,
     _ref$onSubmit = _ref.onSubmit,
     onSubmit = _ref$onSubmit === void 0 ? _identity : _ref$onSubmit,
     _ref$stripeCardOption = _ref.stripeCardOptions,
@@ -4473,26 +4476,28 @@ var CheckoutForm = function CheckoutForm(_ref) {
             _yield$stripe$confirm = _context.sent;
             _error = _yield$stripe$confirm.error;
             if (!_error) {
-              _context.next = 36;
+              _context.next = 37;
               break;
             }
-            refreshSeatReservation(eventId);
+            _context.next = 34;
+            return refreshSeatReservation(eventId, orderId || '');
+          case 34:
             setStripeError(_error.message);
             handleSetLoading(false);
             return _context.abrupt("return");
-          case 36:
+          case 37:
             onSubmit(null);
-            _context.next = 42;
+            _context.next = 43;
             break;
-          case 39:
-            _context.prev = 39;
+          case 40:
+            _context.prev = 40;
             _context.t0 = _context["catch"](1);
             onSubmit(_context.t0);
-          case 42:
+          case 43:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 39]]);
+      }, _callee, null, [[1, 40]]);
     }));
     return function handleSubmit(_x) {
       return _ref2.apply(this, arguments);
@@ -5152,6 +5157,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     total: orderData.guest_count ? orderData.pay_now : orderData.total,
     onSubmit: handlePaymentMiddleWare,
     error: error,
+    orderId: orderData.id,
     currency: orderData.currency,
     billing_info: reviewData.billing_info,
     isLoading: paymentIsLoading,
@@ -9342,10 +9348,6 @@ var VERIFICATION_STATUSES = {
   FAILED: 'FAILED',
   WRONG_CUSTOMER: 'WRONG_CUSTOMER'
 };
-var VERIFICATION_PROVIDERS = {
-  JUMIO: 'jumio',
-  STRIPE: 'stripe'
-};
 var VERIFICATION_MESSAGES = {
   PENDING: 'Your ID verification is currently being processed. We will notify you as soon as it is completed. Thank you for your patience.',
   APPROVED: 'Your ID verification is approved!',
@@ -10748,22 +10750,13 @@ var IDVerification = function IDVerification(props) {
   var _useState4 = React.useState(null),
     netverifyUrl = _useState4[0],
     setNetverifyUrl = _useState4[1];
-  var _useState5 = React.useState(null),
-    provider = _useState5[0],
-    setProvider = _useState5[1];
-  var _useState6 = React.useState(false),
-    hasError = _useState6[0],
-    setHasError = _useState6[1];
-  var _useState7 = React.useState(null),
-    lastError = _useState7[0],
-    setLastError = _useState7[1];
-  var _useState8 = React.useState({
+  var _useState5 = React.useState({
       message: '',
       hideCancelBtn: true,
       displaModal: false
     }),
-    modalData = _useState8[0],
-    setModalData = _useState8[1];
+    modalData = _useState5[0],
+    setModalData = _useState5[1];
   var isAccountVerifiedOrPending = (verificationStatus === VERIFICATION_STATUSES.APPROVED || verificationStatus === VERIFICATION_STATUSES.PENDING) && verificationStatus !== VERIFICATION_STATUSES.WRONG_CUSTOMER;
   var handleClose = function handleClose() {
     setModalData({
@@ -10776,71 +10769,43 @@ var IDVerification = function IDVerification(props) {
   React.useEffect(function () {
     var callbackNetVerify = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-        var data, result;
+        var result;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              if (!(e.data && e.origin === 'https://verify.stripe.com')) {
-                _context.next = 10;
-                break;
-              }
-              data = e.data;
-              if (!(data.type === 'STRIPE_IDENTITY_CLOSE')) {
-                _context.next = 9;
-                break;
-              }
-              _context.next = 5;
-              return getUrl();
-            case 5:
-              setShowModal(false);
-              if (hasError) {
-                setHasError(false);
-                onPassVerificationStepsError(lastError);
-              } else {
-                setHasError(false);
-                onPassVerificationStepsSuccess();
-              }
-              _context.next = 10;
-              break;
-            case 9:
-              if (data.type === 'STRIPE_IDENTITY_ERROR') {
-                setHasError(true);
-                setLastError(data);
-              }
-            case 10:
               if (!(e.data && isJson(e.data))) {
-                _context.next = 25;
+                _context.next = 15;
                 break;
               }
-              _context.prev = 11;
+              _context.prev = 1;
               result = JSON.parse(e.data);
               if (!(result.payload && (result.payload.value === 'success' || result.payload.transactionStatus === 'SUCCESS'))) {
-                _context.next = 19;
+                _context.next = 9;
                 break;
               }
-              _context.next = 16;
+              _context.next = 6;
               return updateVerificationStatus();
-            case 16:
+            case 6:
               onPassVerificationStepsSuccess();
-              _context.next = 20;
+              _context.next = 10;
               break;
-            case 19:
+            case 9:
               if (result.payload && (result.payload.value === 'error' || result.payload.transactionStatus === 'ERROR')) {
                 setShowModal(false);
                 onPassVerificationStepsError(result.payload);
               }
-            case 20:
-              _context.next = 25;
+            case 10:
+              _context.next = 15;
               break;
-            case 22:
-              _context.prev = 22;
-              _context.t0 = _context["catch"](11);
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](1);
               onPassVerificationStepsError(_context.t0);
-            case 25:
+            case 15:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[11, 22]]);
+        }, _callee, null, [[1, 12]]);
       }));
       return function callbackNetVerify(_x) {
         return _ref.apply(this, arguments);
@@ -10851,94 +10816,74 @@ var IDVerification = function IDVerification(props) {
       window.removeEventListener('message', callbackNetVerify);
     };
   }, []);
-  var getUrl = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var urlResponse;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.prev = 0;
-            _context2.next = 3;
-            return getNetverifyUrl();
-          case 3:
-            urlResponse = _context2.sent;
-            setNetverifyUrl(urlResponse.netverifyUrl);
-            setProvider(urlResponse.provider);
-            onGetVerifyUrlSuccess(urlResponse);
-            _context2.next = 12;
-            break;
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](0);
-            onGetVerifyUrlError(_context2.t0);
-          case 12:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[0, 9]]);
-    }));
-    return function getUrl() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
   React.useEffect(function () {
     var intervalId = null;
     var orderHash = getQueryVariable('order_hash') || '';
+    var getUrl = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var urlResponse;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              _context2.next = 3;
+              return getNetverifyUrl();
+            case 3:
+              urlResponse = _context2.sent;
+              setNetverifyUrl(urlResponse.netverifyUrl);
+              onGetVerifyUrlSuccess(urlResponse);
+              _context2.next = 11;
+              break;
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](0);
+              onGetVerifyUrlError(_context2.t0);
+            case 11:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 8]]);
+      }));
+      return function getUrl() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var getVerificationStatus = /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var _verificationStatus, _provider, verifyUrl, statusResponse, status, isApproved;
+        var statusResponse, status;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.prev = 0;
-              _verificationStatus = null; // Gets te current status of the variable without modifying it
-              setVerificationStatus(function (status) {
-                _verificationStatus = status;
-                return status;
-              });
-              _provider = null; // Gets te current status of the variable without modifying it
-              setProvider(function (state) {
-                _provider = state;
-                return _provider;
-              });
-              verifyUrl = null; // Gets te current status of the variable without modifying it
-              setNetverifyUrl(function (state) {
-                verifyUrl = state;
-                return state;
-              });
-              _context3.next = 9;
+              _context3.next = 3;
               return checkVerificationStatus();
-            case 9:
+            case 3:
               statusResponse = _context3.sent;
               status = statusResponse.data.attributes.status;
-              isApproved = status === VERIFICATION_STATUSES.APPROVED;
-              if (_verificationStatus !== status) {
+              if (verificationStatus !== status) {
                 setVerificationStatus(status);
                 setModalData({
-                  displaModal: isApproved || status === VERIFICATION_STATUSES.FAILED,
+                  displaModal: status === VERIFICATION_STATUSES.APPROVED || status === VERIFICATION_STATUSES.FAILED,
                   hideCancelBtn: true,
-                  message: isApproved ? VERIFICATION_MESSAGES.APPROVED : status === VERIFICATION_STATUSES.FAILED ? VERIFICATION_MESSAGES.FAILED : status
+                  message: status === VERIFICATION_STATUSES.APPROVED ? VERIFICATION_MESSAGES.APPROVED : status === VERIFICATION_STATUSES.FAILED ? VERIFICATION_MESSAGES.FAILED : status
                 });
               }
-              if (_provider === VERIFICATION_PROVIDERS.STRIPE && verifyUrl === null && !isApproved) {
-                getUrl();
-              }
               onGetVerificationStatusSuccess(statusResponse);
-              _context3.next = 20;
+              _context3.next = 12;
               break;
-            case 17:
-              _context3.prev = 17;
+            case 9:
+              _context3.prev = 9;
               _context3.t0 = _context3["catch"](0);
               onGetVerificationStatusError(_context3.t0);
-            case 20:
-              _context3.prev = 20;
+            case 12:
+              _context3.prev = 12;
               setLoadingStatus(false);
-              return _context3.finish(20);
-            case 23:
+              return _context3.finish(12);
+            case 15:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, null, [[0, 17, 20, 23]]);
+        }, _callee3, null, [[0, 9, 12, 15]]);
       }));
       return function getVerificationStatus() {
         return _ref3.apply(this, arguments);
@@ -10950,16 +10895,21 @@ var IDVerification = function IDVerification(props) {
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.next = 2;
+              _context4.prev = 0;
+              _context4.next = 3;
               return checkCustomerOrder(orderHash);
-            case 2:
+            case 3:
               customerOrderResponse = _context4.sent;
               return _context4.abrupt("return", customerOrderResponse);
-            case 4:
+            case 7:
+              _context4.prev = 7;
+              _context4.t0 = _context4["catch"](0);
+              throw _context4.t0;
+            case 10:
             case "end":
               return _context4.stop();
           }
-        }, _callee4);
+        }, _callee4, null, [[0, 7]]);
       }));
       return function getCustomerOrderStatus() {
         return _ref4.apply(this, arguments);
@@ -11036,11 +10986,9 @@ var IDVerification = function IDVerification(props) {
     className: "page-header"
   }, "Account Verification"), loadingStatus ? null : React__default.createElement(React__default.Fragment, null, !isAccountVerifiedOrPending && React__default.createElement("div", {
     className: "verify-message"
-  }, "To complete the purchase, please verify your identity."), verificationStatus === VERIFICATION_STATUSES.APPROVED && React__default.createElement("div", {
-    className: "verify-message"
-  }, VERIFICATION_MESSAGES.APPROVED), (verificationStatus === VERIFICATION_STATUSES.PENDING || provider === VERIFICATION_PROVIDERS.STRIPE && netverifyUrl === null && verificationStatus !== VERIFICATION_STATUSES.APPROVED) && React__default.createElement("div", {
+  }, "To complete the purchase, please verify your identity."), verificationStatus === VERIFICATION_STATUSES.PENDING && React__default.createElement("div", {
     className: "verify-message"
-  }, VERIFICATION_MESSAGES.PENDING), !isAccountVerifiedOrPending && netverifyUrl !== null && React__default.createElement(Button, {
+  }, VERIFICATION_MESSAGES.PENDING), !isAccountVerifiedOrPending && React__default.createElement(Button, {
     type: "button",
     variant: "contained",
     className: "verify-button",