tf-checkout-react 1.4.14 → 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,24 +6799,21 @@ 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;
@@ -6824,34 +6821,34 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   }
   React.useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var 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);
-            _context.next = 4;
-            return getOrderDetails(String(orderId));
-          case 4:
+            _orderId = pOrderId || '';
+            if (isBrowser && !pOrderId) {
+              _params = new URL("" + window.location).searchParams;
+              _orderId = _params.get('o') || '';
+            }
+            _context.next = 5;
+            return getOrderDetails(String(_orderId));
+          case 5:
             response = _context.sent;
             onGetOrdersSuccess(response);
             _data = _get(response, 'data.data.attributes');
             setData(_data);
-            _context.next = 13;
+            _context.next = 14;
             break;
-          case 10:
-            _context.prev = 10;
+          case 11:
+            _context.prev = 11;
             _context.t0 = _context["catch"](0);
             onGetOrdersError(_context.t0);
-          case 13:
-            _context.prev = 13;
-            setLoading(false);
-            return _context.finish(13);
-          case 16:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 10, 13, 16]]);
+      }, _callee, null, [[0, 11]]);
     }))();
   }, []);
   var handleSellTicket = function handleSellTicket(ticket) {
@@ -7009,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"
@@ -7022,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", {
@@ -7041,14 +7036,14 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     className: "personal-link"
   }, React__default.createElement("div", {
     className: "link-item"
-  }, !isTable && React__default.createElement(React.Fragment, null, React__default.createElement("span", null, "Personal Share Link: "), React__default.createElement("a", {
+  }, React__default.createElement("span", null, "Personal Share Link: "), React__default.createElement("a", {
     href: data == null ? void 0 : data.personal_share_link,
     target: "_blank",
     rel: "noreferrer"
   }, Boolean(personalLinkIcon) && React__default.createElement("img", {
     src: personalLinkIcon,
     alt: "Icon"
-  }), data == null ? void 0 : data.personal_share_link))), data != null && data.sales_referred ? React__default.createElement("div", {
+  }), data == null ? void 0 : data.personal_share_link)), data != null && data.sales_referred ? React__default.createElement("div", {
     className: "link-item"
   }, React__default.createElement("p", {
     className: "total-referrer"
@@ -7070,7 +7065,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   }), data == null ? void 0 : (_data$items2 = data.items) == null ? void 0 : (_data$items2$add_ons = _data$items2.add_ons) == null ? void 0 : _data$items2$add_ons.map(function (ticket, index) {
     return React__default.createElement(TableRow, {
       key: index
-    }, React__default.createElement(TableCell, null, React__default.createElement("div", null, React__default.createElement("b", null, "Add-On: "), React__default.createElement("div", null, ticket.groupName && ticket.groupName + ": ", " ", ticket.name))), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.currency + ticket.total));
+    }, React__default.createElement(TableCell, null, React__default.createElement("div", null, React__default.createElement("b", null, "Add-On"), React__default.createElement("div", null, ticket.groupName && ticket.groupName + ": ", " ", ticket.name))), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.currency + ticket.total));
   }), React__default.createElement(TableRow, {
     className: "total-row"
   }, React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null, "Total"), React__default.createElement(TableCell, null, getTotal(data))))))), React__default.createElement(TicketsTable, {
@@ -7111,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,