tf-checkout-react 1.3.0 → 1.3.2

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

@@ -5,4 +5,8 @@ export interface IAddOnsData {
     add_ons: Array<[]>;
 }
 export declare const addonsWithGroupsAdapter: (data: IAddOnsData) => any;
-export declare const cartAdapter: (cart: any) => any;
+export declare const cartAdapter: (cart: any) => {
+    id: any;
+    quantity: any;
+    expiresAt: any;
+};

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

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

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

@@ -12,4 +12,5 @@ export declare const getAddonSelectOptions: (addons: any, choosedTicketCount: an
 };
 export declare const getTicketRelatedAddons: (addons: any, ticketId: any) => any;
 export declare const getSortedAddons: (addons: any, sortDirection?: string) => any[];
+export declare const isAtLeastOneAddonSelected: (value: any) => boolean;
 export {};

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

@@ -3222,7 +3222,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
           while (1) {
             switch (_context5.prev = _context5.next) {
               case 0:
-                if (!(skipPage && !_isEmpty(ticketsQuantity) && !showDOB)) {
+                if (!(skipPage && !_isEmpty(ticketsQuantity) && !showDOB && !loading)) {
                   _context5.next = 18;
                   break;
                 }
@@ -4328,6 +4328,11 @@ var PaymentContainer = function PaymentContainer(_ref) {
         normalizer = _field$normalizer === void 0 ? _identity : _field$normalizer;
     var currency = orderData.currency;
     var value = orderData[id];
+
+    if (field.id === 'add_ons' && _isEmpty(value)) {
+      return false;
+    }
+
     return React__default.createElement("div", {
       key: id,
       className: "order_info_block"
@@ -5622,9 +5627,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
               hash = '';
               total = '';
               _isWindowDefined = typeof window !== 'undefined';
+              _isWindowDefined && window.localStorage.removeItem('add_ons');
 
               if (!(skipBillingPage && !hasAddOn)) {
-                _context2.next = 37;
+                _context2.next = 38;
                 break;
               }
 
@@ -5634,31 +5640,27 @@ var TicketsContainer = function TicketsContainer(_ref) {
               checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
 
               if (!enableBillingInfoAutoCreate) {
-                _context2.next = 33;
+                _context2.next = 34;
                 break;
               }
 
-              _context2.next = 30;
+              _context2.next = 31;
               return postOnCheckout(checkoutBody, access_token);
 
-            case 30:
+            case 31:
               _context2.t0 = _context2.sent;
-              _context2.next = 34;
+              _context2.next = 35;
               break;
 
-            case 33:
+            case 34:
               _context2.t0 = null;
 
-            case 34:
+            case 35:
               checkoutResult = _context2.t0;
               hash = _get(checkoutResult, 'data.data.attributes.hash');
               total = _get(checkoutResult, 'data.data.attributes.total');
 
-            case 37:
-              if (hasAddOn && _isWindowDefined) {
-                window.localStorage.setItem('tickets_quantity', String(ticketQuantity));
-              }
-
+            case 38:
               onAddToCartSuccess({
                 skip_billing_page: skipBillingPage,
                 names_required: nameIsRequired,
@@ -7113,9 +7115,20 @@ var addonsWithGroupsAdapter = function addonsWithGroupsAdapter(data) {
   return adaptedAddons;
 };
 var cartAdapter = function cartAdapter(cart) {
-  var cartData = _get(cart, 'data.data.attributes.cart', []);
+  var cartData = _get(cart, 'data.data.attributes', []);
+
+  var expiresAt = cartData.expiresAt,
+      carts_arr = cartData.cart;
+
+  var _ref = carts_arr[0] || {},
+      id = _ref.id,
+      quantity = _ref.quantity;
 
-  return cartData[0] || {};
+  return {
+    id: id,
+    quantity: quantity,
+    expiresAt: expiresAt
+  };
 };
 
 var AddonComponent = function AddonComponent(_ref) {
@@ -7215,10 +7228,11 @@ var filterStockBasedOnAvailability = function filterStockBasedOnAvailability(gen
       filteredStockCount = availableStock;
     }
   } else {
-    // Not setted any restriction
-    if (_isNull(availableStock)) {
-      filteredStockCount = 10;
-    } else {
+    // Not set any restriction
+    // Here 10 value is business logic
+    filteredStockCount = 10;
+
+    if (!_isNull(availableStock) && availableStock < filteredStockCount) {
       filteredStockCount = availableStock;
     }
   }
@@ -7313,13 +7327,25 @@ var getTicketRelatedAddons = function getTicketRelatedAddons(addons, ticketId) {
 };
 var getSortedAddons = function getSortedAddons(addons, sortDirection) {
   if (sortDirection === void 0) {
-    sortDirection = "asc";
+    sortDirection = 'asc';
   }
 
   var addonsCopy = [].concat(addons);
   addonsCopy.forEach(function (addon) {
     if (addon.variants) {
+      var unsortedVariants = [];
+      addon.variants.forEach(function (variant) {
+        unsortedVariants.push(_extends({}, variant, {
+          sortOrder: Number(variant.sortOrder)
+        }));
+      });
       addon.sortOrder = Number(addon.variants[0].sortOrder);
+
+      var sortedVariants = _sortBy(unsortedVariants, function (variant) {
+        return variant.sortOrder;
+      });
+
+      addon.variants = sortedVariants;
     } else {
       addon.sortOrder = Number(addon.sortOrder);
     }
@@ -7329,18 +7355,27 @@ var getSortedAddons = function getSortedAddons(addons, sortDirection) {
     return addon.sortOrder;
   });
 
-  if (sortDirection === "desc") {
+  if (sortDirection === 'desc') {
     return _reverse(sortedAddons);
   }
 
   return sortedAddons;
 };
+var isAtLeastOneAddonSelected = function isAtLeastOneAddonSelected(value) {
+  var selectedAddons = Object.fromEntries(Object.entries(value).filter(function (_ref) {
+    var count = _ref[1];
+    return Number(count) !== 0;
+  }));
+  return !_isEmpty(selectedAddons);
+};
 
 var AddonsContainter = function AddonsContainter(_ref) {
   var _ref$classNamePrefix = _ref.classNamePrefix,
       classNamePrefix = _ref$classNamePrefix === void 0 ? 'add_on' : _ref$classNamePrefix,
       _ref$enableBillingInf = _ref.enableBillingInfoAutoCreate,
       enableBillingInfoAutoCreate = _ref$enableBillingInf === void 0 ? true : _ref$enableBillingInf,
+      _ref$enableTimer = _ref.enableTimer,
+      enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer,
       _ref$onGetAddonsPageI = _ref.onGetAddonsPageInfoSuccess,
       onGetAddonsPageInfoSuccess = _ref$onGetAddonsPageI === void 0 ? _identity : _ref$onGetAddonsPageI,
       _ref$onGetAddonsPageI2 = _ref.onGetAddonsPageInfoError,
@@ -7352,7 +7387,10 @@ var AddonsContainter = function AddonsContainter(_ref) {
       _ref$onConfirmSelecti = _ref.onConfirmSelectionSuccess,
       onConfirmSelectionSuccess = _ref$onConfirmSelecti === void 0 ? _identity : _ref$onConfirmSelecti,
       _ref$onConfirmSelecti2 = _ref.onConfirmSelectionError,
-      onConfirmSelectionError = _ref$onConfirmSelecti2 === void 0 ? _identity : _ref$onConfirmSelecti2;
+      onConfirmSelectionError = _ref$onConfirmSelecti2 === void 0 ? _identity : _ref$onConfirmSelecti2,
+      _ref$onCountdownFinis = _ref.onCountdownFinish,
+      _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis;
+
   var eventId = getQueryVariable('event_id');
 
   var _useState = React.useState([]),
@@ -7375,10 +7413,14 @@ var AddonsContainter = function AddonsContainter(_ref) {
       loading = _useState5[0],
       setLoading = _useState5[1];
 
+  var _useState6 = React.useState(0),
+      cartExpirationTime = _useState6[0],
+      setCartExpirationTime = _useState6[1];
+
   React.useEffect(function () {
     var getAddonsPageInfo = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-        var cart, cartAdaptedData, choosedTicketCount, choosedTicketID, addonsData, adaptedAddons, ticketRelatedAddons, sortedTicketAddons, _getAddonSelectOption, addonsWithOptions, groupsWithSelectedVariantsInfo, groupsWithVariants;
+        var cart, _cartAdapter, choosedTicketID, quantity, expiresAt, choosedTicketCount, addonsData, adaptedAddons, ticketRelatedAddons, sortedTicketAddons, _getAddonSelectOption, addonsWithOptions, groupsWithSelectedVariantsInfo, groupsWithVariants;
 
         return runtime_1.wrap(function _callee$(_context) {
           while (1) {
@@ -7398,9 +7440,10 @@ var AddonsContainter = function AddonsContainter(_ref) {
 
               case 5:
                 cart = _context.sent;
-                cartAdaptedData = cartAdapter(cart) || {};
-                choosedTicketCount = Number(cartAdaptedData.quantity);
-                choosedTicketID = cartAdaptedData.id;
+                _cartAdapter = cartAdapter(cart), choosedTicketID = _cartAdapter.id, quantity = _cartAdapter.quantity, expiresAt = _cartAdapter.expiresAt;
+                choosedTicketCount = Number(quantity);
+                setCartExpirationTime(expiresAt); // Get and collect addons data
+
                 _context.next = 11;
                 return getAddons(eventId);
 
@@ -7500,7 +7543,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
   };
 
   var handleConfirm = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(values) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(values, skipAddonPage) {
       var _pageConfigsData$skip, _pageConfigsData$name, _pageConfigsData$age_, _pageConfigsData$phon, _pageConfigsData$has_, pageConfigsDataResponse, pageConfigsData, isWindowDefined, skipBillingPage, nameIsRequired, ageIsRequired, phoneIsRequired, hasAddOn, ticketsQuantity, userData, checkoutBody, checkoutResponse, hash, total;
 
       return runtime_1.wrap(function _callee2$(_context2) {
@@ -7522,7 +7565,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
               hasAddOn = (_pageConfigsData$has_ = pageConfigsData.has_add_on) != null ? _pageConfigsData$has_ : false;
 
               if (!(skipBillingPage && enableBillingInfoAutoCreate)) {
-                _context2.next = 32;
+                _context2.next = 33;
                 break;
               }
 
@@ -7532,7 +7575,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
               _context2.prev = 15;
               _context2.next = 18;
               return postOnCheckout(_extends({}, checkoutBody, {
-                attributes: _extends({}, checkoutBody.attributes, {
+                attributes: _extends({}, checkoutBody.attributes, !skipAddonPage && {
                   add_ons: values
                 })
               }));
@@ -7542,6 +7585,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
               hash = _get(checkoutResponse, 'data.data.attributes.hash');
               total = _get(checkoutResponse, 'data.data.attributes.total');
               isWindowDefined && window.localStorage.removeItem('quantity');
+              isWindowDefined && window.localStorage.removeItem('add_ons');
               onPostCheckoutSuccess(checkoutResponse == null ? void 0 : checkoutResponse.data);
               onConfirmSelectionSuccess({
                 skip_billing_page: skipBillingPage,
@@ -7553,22 +7597,25 @@ var AddonsContainter = function AddonsContainter(_ref) {
                 total: total,
                 hasAddOn: hasAddOn
               });
-              _context2.next = 30;
+              _context2.next = 31;
               break;
 
-            case 26:
-              _context2.prev = 26;
+            case 27:
+              _context2.prev = 27;
               _context2.t0 = _context2["catch"](15);
               onPostCheckoutError(_context2.t0);
               onConfirmSelectionError(_context2.t0);
 
-            case 30:
-              _context2.next = 33;
+            case 31:
+              _context2.next = 34;
               break;
 
-            case 32:
+            case 33:
               if (isWindowDefined) {
-                window.localStorage.setItem('add_ons', JSON.stringify(values));
+                if (!skipAddonPage) {
+                  window.localStorage.setItem('add_ons', JSON.stringify(values));
+                }
+
                 onConfirmSelectionSuccess({
                   skip_billing_page: skipBillingPage && enableBillingInfoAutoCreate,
                   names_required: nameIsRequired,
@@ -7584,28 +7631,32 @@ var AddonsContainter = function AddonsContainter(_ref) {
                 });
               }
 
-            case 33:
-              _context2.next = 38;
+            case 34:
+              _context2.next = 39;
               break;
 
-            case 35:
-              _context2.prev = 35;
+            case 36:
+              _context2.prev = 36;
               _context2.t1 = _context2["catch"](0);
               onConfirmSelectionError(_context2.t1);
 
-            case 38:
+            case 39:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[0, 35], [15, 26]]);
+      }, _callee2, null, [[0, 36], [15, 27]]);
     }));
 
-    return function handleConfirm(_x) {
+    return function handleConfirm(_x, _x2) {
       return _ref3.apply(this, arguments);
     };
   }();
 
+  var handleClearAddons = function handleClearAddons() {
+    window.localStorage.removeItem('add_ons');
+  };
+
   if (loading) {
     return React__default.createElement("div", {
       className: classNamePrefix + "_loader"
@@ -7614,28 +7665,40 @@ var AddonsContainter = function AddonsContainter(_ref) {
     }));
   }
 
-  return React__default.createElement("div", {
+  return React__default.createElement(React__default.Fragment, null, !!cartExpirationTime && enableTimer && React__default.createElement(TimerWidget$1, {
+    expires_at: cartExpirationTime,
+    onCountdownFinish: function onCountdownFinish() {
+      handleClearAddons();
+
+      _onCountdownFinish();
+    }
+  }), React__default.createElement("div", {
     className: classNamePrefix + "_container"
   }, React__default.createElement("div", {
     className: classNamePrefix + "_block"
   }, React__default.createElement("div", {
     className: classNamePrefix + "_line_block"
-  }, React__default.createElement("div", {
-    className: classNamePrefix + "_line"
-  }), React__default.createElement("p", {
+  }, React__default.createElement("p", {
     className: classNamePrefix + "_info_title"
-  }, "Get Your Tickets")), React__default.createElement("div", {
+  }, "Get Your Tickets"), React__default.createElement("button", {
+    type: "button",
+    className: classNamePrefix + "_skip",
+    onClick: function onClick() {
+      handleClearAddons();
+      handleConfirm({}, true);
+    }
+  }, "Skip")), React__default.createElement("div", {
     className: classNamePrefix + "_title"
   }, "UPGRADES & ADD-ONS"), React__default.createElement("div", {
     className: classNamePrefix + "_subtitle"
   }, "PLEASE SELECT FROM THE OPTIONAL ADD-ONS BELOW"), React__default.createElement(formik.Formik, {
     initialValues: {},
-    onSubmit: handleConfirm
+    onSubmit: function onSubmit(values) {
+      handleConfirm(values);
+    }
   }, function (_ref4) {
     var values = _ref4.values;
-
-    var isConfirmDisabled = _isEmpty(values);
-
+    var isConfirmDisabled = !isAtLeastOneAddonSelected(values);
     return React__default.createElement(formik.Form, {
       autoComplete: "off",
       className: "form_holder"
@@ -7693,7 +7756,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
       className: (isConfirmDisabled ? classNamePrefix + "_is_disabled" : '') + " " + classNamePrefix + "_submit_button",
       disabled: isConfirmDisabled
     }, "CONFIRM SELECTION")));
-  })));
+  }))));
 };
 
 var style$5 = {