tf-checkout-react 1.3.37 → 1.3.38-beta.1

package/dist/components/common/CustomField.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="react" />
 import { FieldInputProps, FormikProps } from 'formik';
+import React from 'react';
 export interface ISelectOption {
     label: string | number;
     value?: string | number;
     [key: string]: any;
 }
 export interface ICustomField {
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     label: string;
     field: FieldInputProps<any>;
     form: FormikProps<any>;
@@ -19,5 +20,5 @@ export interface ICustomField {
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const CustomField: ({ label, type, field, selectOptions, form: { touched, errors, submitCount }, theme, inputProps: pInputProps, InputProps, inputRef, }: ICustomField & IOtherProps) => JSX.Element;
+export declare const CustomField: ({ label, type, field, selectOptions, form: { touched, errors, submitCount }, theme, inputProps: pInputProps, InputProps, inputRef, onChange, }: ICustomField & IOtherProps) => JSX.Element;
 export {};

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

@@ -3,6 +3,7 @@ import './style.css';
 interface WaitingListProps {
     tickets: any;
     eventId: number;
+    defaultMaxQuantity: number;
 }
-declare const WaitingList: ({ tickets, eventId }: WaitingListProps) => JSX.Element;
+declare const WaitingList: ({ tickets, eventId, defaultMaxQuantity }: WaitingListProps) => JSX.Element;
 export default WaitingList;

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

@@ -1667,7 +1667,8 @@ var CustomField = function CustomField(_ref2) {
       pInputProps = _ref2$inputProps === void 0 ? {} : _ref2$inputProps,
       _ref2$InputProps = _ref2.InputProps,
       InputProps = _ref2$InputProps === void 0 ? {} : _ref2$InputProps,
-      inputRef = _ref2.inputRef;
+      inputRef = _ref2.inputRef,
+      onChange = _ref2.onChange;
 
   var _useState = React.useState(Boolean(field.value)),
       isShrinked = _useState[0],
@@ -1725,7 +1726,8 @@ var CustomField = function CustomField(_ref2) {
       if (field.onBlur) {
         field.onBlur(e);
       }
-    }
+    },
+    onChange: onChange != null ? onChange : field.onChange
   }), isSelectField ? _map(selectOptions, function (option) {
     return React__default.createElement("option", {
       key: option.value,
@@ -5273,7 +5275,9 @@ var generateQuantity = function generateQuantity(n) {
 var WaitingList = function WaitingList(_ref) {
   var _ref$tickets = _ref.tickets,
       tickets = _ref$tickets === void 0 ? {} : _ref$tickets,
-      eventId = _ref.eventId;
+      eventId = _ref.eventId,
+      _ref$defaultMaxQuanti = _ref.defaultMaxQuantity,
+      defaultMaxQuantity = _ref$defaultMaxQuanti === void 0 ? 10 : _ref$defaultMaxQuanti;
   var isWindowDefined = typeof window !== 'undefined';
   var userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
 
@@ -5359,66 +5363,79 @@ var WaitingList = function WaitingList(_ref) {
       email: userData.email || ''
     },
     onSubmit: handleSubmit
-  }, React__default.createElement(formik.Form, null, React__default.createElement(ErrorFocus, null), showTicketsField && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "field-item"
-  }, React__default.createElement(formik.Field, {
-    name: "ticketTypeId",
-    label: "Type of Ticket",
-    type: "select",
-    component: CustomField,
-    selectOptions: [{
-      label: 'Type of Ticket',
-      value: '',
-      disabled: true
-    }].concat(ticketTypesList)
-  })), React__default.createElement("div", {
-    className: "field-item"
-  }, React__default.createElement(formik.Field, {
-    name: "quantity",
-    label: "Quantity Requested",
-    type: "select",
-    component: CustomField,
-    selectOptions: [{
-      label: 'Quantity Requested',
-      value: '',
-      disabled: true
-    }].concat(generateQuantity(10))
-  }))), React__default.createElement("div", {
-    className: "field-item"
-  }, React__default.createElement(formik.Field, {
-    name: "firstName",
-    label: "First name",
-    validate: function validate(value) {
-      return requiredValidator(value, 'Please enter your First name');
-    },
-    component: CustomField
-  })), React__default.createElement("div", {
-    className: "field-item"
-  }, React__default.createElement(formik.Field, {
-    name: "lastName",
-    label: "Last name",
-    validate: function validate(value) {
-      return requiredValidator(value, 'Please enter your Last name');
-    },
-    component: CustomField
-  })), React__default.createElement("div", {
-    className: "field-item"
-  }, React__default.createElement(formik.Field, {
-    name: "email",
-    label: "Email",
-    validate: combineValidators(function (value) {
-      return requiredValidator(value, 'Please enter your Email');
-    }, function (value) {
-      return emailValidator(value);
-    }),
-    component: CustomField
-  })), React__default.createElement(Button, {
-    type: "submit",
-    variant: "contained",
-    className: "waiting-list-button"
-  }, loading ? React__default.createElement(CircularProgress, {
-    size: "22px"
-  }) : 'ADD TO WAITING LIST')))));
+  }, function (_ref3) {
+    var values = _ref3.values,
+        setFieldValue = _ref3.setFieldValue;
+
+    var selectedTicket = _find(tickets, function (n) {
+      return n.id === values.ticketTypeId;
+    });
+
+    return React__default.createElement(formik.Form, null, React__default.createElement(ErrorFocus, null), showTicketsField && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+      className: "field-item"
+    }, React__default.createElement(formik.Field, {
+      name: "ticketTypeId",
+      label: "Type of Ticket",
+      type: "select",
+      component: CustomField,
+      onChange: function onChange(e) {
+        setFieldValue('ticketTypeId', e.target.value);
+        setFieldValue('quantity', '');
+      },
+      selectOptions: [{
+        label: 'Type of Ticket',
+        value: '',
+        disabled: true
+      }].concat(ticketTypesList)
+    })), React__default.createElement("div", {
+      className: "field-item"
+    }, React__default.createElement(formik.Field, {
+      name: "quantity",
+      label: "Quantity Requested",
+      type: "select",
+      component: CustomField,
+      selectOptions: [{
+        label: 'Quantity Requested',
+        value: '',
+        disabled: true
+      }].concat(generateQuantity((selectedTicket == null ? void 0 : selectedTicket.waitingListMaxQuantity) || (defaultMaxQuantity != null ? defaultMaxQuantity : 10)))
+    }))), React__default.createElement("div", {
+      className: "field-item"
+    }, React__default.createElement(formik.Field, {
+      name: "firstName",
+      label: "First name",
+      validate: function validate(value) {
+        return requiredValidator(value, 'Please enter your First name');
+      },
+      component: CustomField
+    })), React__default.createElement("div", {
+      className: "field-item"
+    }, React__default.createElement(formik.Field, {
+      name: "lastName",
+      label: "Last name",
+      validate: function validate(value) {
+        return requiredValidator(value, 'Please enter your Last name');
+      },
+      component: CustomField
+    })), React__default.createElement("div", {
+      className: "field-item"
+    }, React__default.createElement(formik.Field, {
+      name: "email",
+      label: "Email",
+      validate: combineValidators(function (value) {
+        return requiredValidator(value, 'Please enter your Email');
+      }, function (value) {
+        return emailValidator(value);
+      }),
+      component: CustomField
+    })), React__default.createElement(Button, {
+      type: "submit",
+      variant: "contained",
+      className: "waiting-list-button"
+    }, loading ? React__default.createElement(CircularProgress, {
+      size: "22px"
+    }) : 'ADD TO WAITING LIST'));
+  })));
 };
 
 var AccessCodeSection = function AccessCodeSection(_ref) {
@@ -6368,7 +6385,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     isLoggedIn: isLoggedIn
   }) : null, showWaitingList && event.salesStarted && !hideWaitingList && React__default.createElement(WaitingList, {
     tickets: tickets,
-    eventId: eventId
+    eventId: eventId,
+    defaultMaxQuantity: event.waitingListMaxQuantity
   }), codeIsLoading ? React__default.createElement(Loader, null) : isSalesClosed ? null : showAccessCodeSection ? React__default.createElement(AccessCodeSection, {
     code: code,
     setCode: setCode,