tf-checkout-react 1.4.13 → 1.4.15

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

@@ -26,5 +26,5 @@ interface OrderDetailsTypes {
     itemsTitle?: string;
     ticketsTitle?: string;
 }
-export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle }: OrderDetailsTypes) => JSX.Element;
+export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, }: OrderDetailsTypes) => JSX.Element;
 export {};

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

@@ -6799,59 +6799,56 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   var _useState = React.useState({}),
     data = _useState[0],
     setData = _useState[1];
-  var _useState2 = React.useState(true),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
+  var _useState2 = React.useState(false),
+    removeFromResaleLoading = _useState2[0],
+    setRemoveFromResaleLoading = _useState2[1];
   var _useState3 = React.useState(false),
-    removeFromResaleLoading = _useState3[0],
-    setRemoveFromResaleLoading = _useState3[1];
+    resaleTicketLoading = _useState3[0],
+    setResaleTicketLoading = _useState3[1];
   var _useState4 = React.useState(false),
-    resaleTicketLoading = _useState4[0],
-    setResaleTicketLoading = _useState4[1];
+    showResaleModal = _useState4[0],
+    setShowResaleModal = _useState4[1];
   var _useState5 = React.useState(false),
-    showResaleModal = _useState5[0],
-    setShowResaleModal = _useState5[1];
-  var _useState6 = React.useState(false),
-    showRemoveResaleModal = _useState6[0],
-    setShowRemoveResaleModal = _useState6[1];
-  var _useState7 = React.useState(null),
-    activeTicket = _useState7[0],
-    setActiveTicket = _useState7[1];
+    showRemoveResaleModal = _useState5[0],
+    setShowRemoveResaleModal = _useState5[1];
+  var _useState6 = React.useState(null),
+    activeTicket = _useState6[0],
+    setActiveTicket = _useState6[1];
+  var orderId = String(pOrderId) || '';
+  if (isBrowser && !pOrderId) {
+    var params = new URL("" + window.location).searchParams;
+    orderId = params.get('o') || '';
+  }
   React.useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var orderId, params, response, _data;
+      var _orderId, _params, response, _data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
-            setLoading(true);
-            orderId = pOrderId || '';
+            _orderId = pOrderId || '';
             if (isBrowser && !pOrderId) {
-              params = new URL("" + window.location).searchParams;
-              orderId = params.get('o') || '';
+              _params = new URL("" + window.location).searchParams;
+              _orderId = _params.get('o') || '';
             }
-            _context.next = 6;
-            return getOrderDetails(String(orderId));
-          case 6:
+            _context.next = 5;
+            return getOrderDetails(String(_orderId));
+          case 5:
             response = _context.sent;
             onGetOrdersSuccess(response);
             _data = _get(response, 'data.data.attributes');
             setData(_data);
-            _context.next = 15;
+            _context.next = 14;
             break;
-          case 12:
-            _context.prev = 12;
+          case 11:
+            _context.prev = 11;
             _context.t0 = _context["catch"](0);
             onGetOrdersError(_context.t0);
-          case 15:
-            _context.prev = 15;
-            setLoading(false);
-            return _context.finish(15);
-          case 18:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 12, 15, 18]]);
+      }, _callee, null, [[0, 11]]);
     }))();
   }, []);
   var handleSellTicket = function handleSellTicket(ticket) {
@@ -6870,7 +6867,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   };
   var handleOnSubmit = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
-      var _updatedData$tickets, to, first_name, last_name, email, confirm_email, confirm, formData, updatedData;
+      var _updatedData$tickets, to, first_name, last_name, email, confirm_email, confirm, formData, response, _data2, updatedData;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -6893,7 +6890,13 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
             _context2.next = 14;
             return resaleTicket(formData, activeTicket.hash);
           case 14:
-            updatedData = _extends({}, data);
+            _context2.next = 16;
+            return getOrderDetails(orderId);
+          case 16:
+            response = _context2.sent;
+            onGetOrdersSuccess(response);
+            _data2 = _get(response, 'data.data.attributes');
+            updatedData = _extends({}, _data2);
             updatedData == null ? void 0 : (_updatedData$tickets = updatedData.tickets) == null ? void 0 : _updatedData$tickets.forEach(function (ticket) {
               if (ticket.hash === activeTicket.hash) {
                 ticket.is_sellable = false;
@@ -6902,22 +6905,22 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
             });
             setData(updatedData);
             onResaleTicketSuccess();
-            _context2.next = 23;
+            _context2.next = 28;
             break;
-          case 20:
-            _context2.prev = 20;
+          case 25:
+            _context2.prev = 25;
             _context2.t0 = _context2["catch"](2);
             onResaleTicketError(_context2.t0);
-          case 23:
-            _context2.prev = 23;
+          case 28:
+            _context2.prev = 28;
             setShowResaleModal(false);
             setResaleTicketLoading(false);
-            return _context2.finish(23);
-          case 27:
+            return _context2.finish(28);
+          case 32:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[2, 20, 23, 27]]);
+      }, _callee2, null, [[2, 25, 28, 32]]);
     }));
     return function handleOnSubmit(_x) {
       return _ref3.apply(this, arguments);
@@ -6933,7 +6936,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   };
   var onConfirmRemoveResale = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var _updatedData$tickets2, updatedData;
+      var _updatedData$tickets2, response, _data3, updatedData;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -6948,7 +6951,13 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
             _context3.next = 6;
             return removeFromResale(activeTicket.hash);
           case 6:
-            updatedData = _extends({}, data);
+            _context3.next = 8;
+            return getOrderDetails(orderId);
+          case 8:
+            response = _context3.sent;
+            onGetOrdersSuccess(response);
+            _data3 = _get(response, 'data.data.attributes');
+            updatedData = _extends({}, _data3);
             updatedData == null ? void 0 : (_updatedData$tickets2 = updatedData.tickets) == null ? void 0 : _updatedData$tickets2.forEach(function (ticket) {
               if (ticket.hash === activeTicket.hash) {
                 ticket.is_sellable = true;
@@ -6957,22 +6966,22 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
             });
             setData(updatedData);
             onRemoveFromResaleSuccess();
-            _context3.next = 15;
+            _context3.next = 20;
             break;
-          case 12:
-            _context3.prev = 12;
+          case 17:
+            _context3.prev = 17;
             _context3.t0 = _context3["catch"](2);
             onRemoveFromResaleError(_context3.t0);
-          case 15:
-            _context3.prev = 15;
+          case 20:
+            _context3.prev = 20;
             setShowRemoveResaleModal(false);
             setRemoveFromResaleLoading(false);
-            return _context3.finish(15);
-          case 19:
+            return _context3.finish(20);
+          case 24:
           case "end":
             return _context3.stop();
         }
-      }, _callee3, null, [[2, 12, 15, 19]]);
+      }, _callee3, null, [[2, 17, 20, 24]]);
     }));
     return function onConfirmRemoveResale() {
       return _ref4.apply(this, arguments);
@@ -6983,7 +6992,8 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     var date = moment.tz(data.date, data.timezone).format('dddd, DD MMMM YYYY');
     orderSummery += " " + date;
   }
-  var columnsProps = data.tickets && data.tickets[0].is_table ? [{
+  var isTable = _get(data, 'tickets[0].is_table', false);
+  var columnsProps = isTable ? [{
     label: 'Items'
   }, {
     label: 'Price'
@@ -6996,9 +7006,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   }] : columns;
   return React__default.createElement("div", {
     className: "order-details"
-  }, loading ? React__default.createElement("div", {
-    className: "loading"
-  }, React__default.createElement(CircularProgress, null)) : React__default.createElement(React__default.Fragment, null, React__default.createElement("h1", {
+  }, React__default.createElement("h1", {
     className: "layout-title"
   }, "Order Details"), React__default.createElement("div", {
     className: "order-summary-box"
@@ -7009,7 +7017,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   }, React__default.createElement("h6", {
     className: "sub-title"
   }, "Order Summary"), React__default.createElement("p", {
-    className: 'order-summary-date'
+    className: "order-summary-date"
   }, orderSummery)), React__default.createElement("div", {
     className: "summary-item"
   }, React__default.createElement("div", {
@@ -7098,7 +7106,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
         window.location.assign(ordersPath != null ? ordersPath : '/orders');
       }
     }
-  }, "Return to Order History"))), showResaleModal && React__default.createElement(TicketResaleModal, {
+  }, "Return to Order History")), showResaleModal && React__default.createElement(TicketResaleModal, {
     ticket: activeTicket,
     onClose: handleOnClose,
     onSubmit: handleOnSubmit,