tf-checkout-react 1.6.0 → 1.6.1

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

@@ -4,6 +4,10 @@ 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) => void;
+    onPassVerificationStepsError?: (error: AxiosError | null) => void;
 }
 export declare const IDVerification: (props: IDVerificationProps) => JSX.Element;
 export {};

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

@@ -17,6 +17,7 @@ export interface IGetTickets {
     contentStyle?: React.CSSProperties;
     onAddToCartError: (e: AxiosError) => void;
     onGetTicketsSuccess: (response: any) => void;
+    onGetTicketsPress: () => void;
     onGetTicketsError: (e: AxiosError) => void;
     onLogoutSuccess: () => void;
     onLogoutError: (e: AxiosError) => void;
@@ -64,5 +65,5 @@ export interface ISelectedTickets {
     isTable: boolean;
     [key: string]: string | number | boolean;
 }
-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, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onReserveButtonClick, onPendingVerification, showAlertIcons, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, onGetTicketsPress, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onReserveButtonClick, onPendingVerification, showAlertIcons, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -6905,6 +6905,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     onGetProfileDataSuccess = _ref$onGetProfileData === void 0 ? _identity : _ref$onGetProfileData,
     _ref$onGetProfileData2 = _ref.onGetProfileDataError,
     onGetProfileDataError = _ref$onGetProfileData2 === void 0 ? _identity : _ref$onGetProfileData2,
+    _ref$onGetTicketsPres = _ref.onGetTicketsPress,
+    onGetTicketsPress = _ref$onGetTicketsPres === void 0 ? _identity : _ref$onGetTicketsPres,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'light' : _ref$theme,
     _ref$queryPromoCode = _ref.queryPromoCode,
@@ -7263,31 +7265,32 @@ var TicketsContainer = function TicketsContainer(_ref) {
               }
             };
             _context2.prev = 8;
-            _context2.next = 11;
+            onGetTicketsPress();
+            _context2.next = 12;
             return addToCart(eventId, data);
-          case 11:
+          case 12:
             result = _context2.sent;
             if (!enableAddOns) {
-              _context2.next = 18;
+              _context2.next = 19;
               break;
             }
-            _context2.next = 15;
+            _context2.next = 16;
             return getCheckoutPageConfigs();
-          case 15:
+          case 16:
             _context2.t0 = _context2.sent;
-            _context2.next = 19;
+            _context2.next = 20;
             break;
-          case 18:
+          case 19:
             _context2.t0 = {
               status: 200,
               data: {
                 attributes: _get(result, 'data.attributes')
               }
             };
-          case 19:
+          case 20:
             pageConfigsDataResponse = _context2.t0;
             if (!(result.status === 200 && pageConfigsDataResponse.status === 200)) {
-              _context2.next = 42;
+              _context2.next = 43;
               break;
             }
             pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {};
@@ -7298,29 +7301,29 @@ var TicketsContainer = function TicketsContainer(_ref) {
             total = '';
             isBrowser && window.localStorage.removeItem('add_ons');
             if (!(skipBillingPage && !hasAddOn)) {
-              _context2.next = 41;
+              _context2.next = 42;
               break;
             }
             // Get user data for checkout data
             userData = isBrowser && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
             checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
             if (!enableBillingInfoAutoCreate) {
-              _context2.next = 37;
+              _context2.next = 38;
               break;
             }
-            _context2.next = 34;
+            _context2.next = 35;
             return postOnCheckout(checkoutBody, freeTicket);
-          case 34:
+          case 35:
             _context2.t1 = _context2.sent;
-            _context2.next = 38;
+            _context2.next = 39;
             break;
-          case 37:
-            _context2.t1 = null;
           case 38:
+            _context2.t1 = null;
+          case 39:
             checkoutResponse = _context2.t1;
             hash = (checkoutResponse == null ? void 0 : (_checkoutResponse$dat = checkoutResponse.data) == null ? void 0 : (_checkoutResponse$dat2 = _checkoutResponse$dat.attributes) == null ? void 0 : _checkoutResponse$dat2.hash) || '';
             total = (checkoutResponse == null ? void 0 : (_checkoutResponse$dat3 = checkoutResponse.data) == null ? void 0 : (_checkoutResponse$dat4 = _checkoutResponse$dat3.attributes) == null ? void 0 : _checkoutResponse$dat4.total) || '';
-          case 41:
+          case 42:
             onAddToCartSuccess({
               skip_billing_page: skipBillingPage,
               event_id: String(eventId),
@@ -7328,11 +7331,11 @@ var TicketsContainer = function TicketsContainer(_ref) {
               total: total,
               hasAddOn: hasAddOn
             });
-          case 42:
-            _context2.next = 47;
+          case 43:
+            _context2.next = 48;
             break;
-          case 44:
-            _context2.prev = 44;
+          case 45:
+            _context2.prev = 45;
             _context2.t2 = _context2["catch"](8);
             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);
@@ -7349,15 +7352,15 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setError(message);
               }
             }
-          case 47:
-            _context2.prev = 47;
+          case 48:
+            _context2.prev = 48;
             setHandleBookIsLoading(false);
-            return _context2.finish(47);
-          case 50:
+            return _context2.finish(48);
+          case 51:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[8, 44, 47, 50]]);
+      }, _callee2, null, [[8, 45, 48, 51]]);
     }));
     return function handleBook() {
       return _ref4.apply(this, arguments);
@@ -10350,6 +10353,10 @@ 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!',
@@ -11745,13 +11752,22 @@ var IDVerification = function IDVerification(props) {
   var _useState4 = React.useState(null),
     netverifyUrl = _useState4[0],
     setNetverifyUrl = _useState4[1];
-  var _useState5 = React.useState({
+  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({
       message: '',
       hideCancelBtn: true,
       displaModal: false
     }),
-    modalData = _useState5[0],
-    setModalData = _useState5[1];
+    modalData = _useState8[0],
+    setModalData = _useState8[1];
   var isAccountVerifiedOrPending = (verificationStatus === VERIFICATION_STATUSES.APPROVED || verificationStatus === VERIFICATION_STATUSES.PENDING) && verificationStatus !== VERIFICATION_STATUSES.WRONG_CUSTOMER;
   var handleClose = function handleClose() {
     setModalData({
@@ -11764,43 +11780,71 @@ var IDVerification = function IDVerification(props) {
   React.useEffect(function () {
     var callbackNetVerify = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-        var result;
+        var data, 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 = 15;
+                _context.next = 25;
                 break;
               }
-              _context.prev = 1;
+              _context.prev = 11;
               result = JSON.parse(e.data);
               if (!(result.payload && (result.payload.value === 'success' || result.payload.transactionStatus === 'SUCCESS'))) {
-                _context.next = 9;
+                _context.next = 19;
                 break;
               }
-              _context.next = 6;
+              _context.next = 16;
               return updateVerificationStatus();
-            case 6:
+            case 16:
               onPassVerificationStepsSuccess();
-              _context.next = 10;
+              _context.next = 20;
               break;
-            case 9:
+            case 19:
               if (result.payload && (result.payload.value === 'error' || result.payload.transactionStatus === 'ERROR')) {
                 setShowModal(false);
                 onPassVerificationStepsError(result.payload);
               }
-            case 10:
-              _context.next = 15;
+            case 20:
+              _context.next = 25;
               break;
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](1);
+            case 22:
+              _context.prev = 22;
+              _context.t0 = _context["catch"](11);
               onPassVerificationStepsError(_context.t0);
-            case 15:
+            case 25:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[1, 12]]);
+        }, _callee, null, [[11, 22]]);
       }));
       return function callbackNetVerify(_x) {
         return _ref.apply(this, arguments);
@@ -11811,74 +11855,94 @@ 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 statusResponse, status;
+        var _verificationStatus, _provider, verifyUrl, statusResponse, status, isApproved;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.prev = 0;
-              _context3.next = 3;
+              _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;
               return checkVerificationStatus();
-            case 3:
+            case 9:
               statusResponse = _context3.sent;
               status = statusResponse.data.attributes.status;
-              if (verificationStatus !== status) {
+              isApproved = status === VERIFICATION_STATUSES.APPROVED;
+              if (_verificationStatus !== status) {
                 setVerificationStatus(status);
                 setModalData({
-                  displaModal: status === VERIFICATION_STATUSES.APPROVED || status === VERIFICATION_STATUSES.FAILED,
+                  displaModal: isApproved || status === VERIFICATION_STATUSES.FAILED,
                   hideCancelBtn: true,
-                  message: status === VERIFICATION_STATUSES.APPROVED ? VERIFICATION_MESSAGES.APPROVED : status === VERIFICATION_STATUSES.FAILED ? VERIFICATION_MESSAGES.FAILED : status
+                  message: isApproved ? VERIFICATION_MESSAGES.APPROVED : status === VERIFICATION_STATUSES.FAILED ? VERIFICATION_MESSAGES.FAILED : status
                 });
               }
+              if (_provider === VERIFICATION_PROVIDERS.STRIPE && verifyUrl === null && !isApproved) {
+                getUrl();
+              }
               onGetVerificationStatusSuccess(statusResponse);
-              _context3.next = 12;
+              _context3.next = 20;
               break;
-            case 9:
-              _context3.prev = 9;
+            case 17:
+              _context3.prev = 17;
               _context3.t0 = _context3["catch"](0);
               onGetVerificationStatusError(_context3.t0);
-            case 12:
-              _context3.prev = 12;
+            case 20:
+              _context3.prev = 20;
               setLoadingStatus(false);
-              return _context3.finish(12);
-            case 15:
+              return _context3.finish(20);
+            case 23:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, null, [[0, 9, 12, 15]]);
+        }, _callee3, null, [[0, 17, 20, 23]]);
       }));
       return function getVerificationStatus() {
         return _ref3.apply(this, arguments);
@@ -11890,21 +11954,16 @@ var IDVerification = function IDVerification(props) {
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.prev = 0;
-              _context4.next = 3;
+              _context4.next = 2;
               return checkCustomerOrder(orderHash);
-            case 3:
+            case 2:
               customerOrderResponse = _context4.sent;
               return _context4.abrupt("return", customerOrderResponse);
-            case 7:
-              _context4.prev = 7;
-              _context4.t0 = _context4["catch"](0);
-              throw _context4.t0;
-            case 10:
+            case 4:
             case "end":
               return _context4.stop();
           }
-        }, _callee4, null, [[0, 7]]);
+        }, _callee4);
       }));
       return function getCustomerOrderStatus() {
         return _ref4.apply(this, arguments);
@@ -11981,9 +12040,11 @@ 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.PENDING && React__default.createElement("div", {
+  }, "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", {
     className: "verify-message"
-  }, VERIFICATION_MESSAGES.PENDING), !isAccountVerifiedOrPending && React__default.createElement(Button, {
+  }, VERIFICATION_MESSAGES.PENDING), !isAccountVerifiedOrPending && netverifyUrl !== null && React__default.createElement(Button, {
     type: "button",
     variant: "contained",
     className: "verify-button",