tf-checkout-react 1.5.1 → 1.5.2

package/dist/tf-checkout-react.esm.js

@@ -2047,6 +2047,7 @@ var CustomField = function CustomField(_ref2) {
     _ref2$InputProps = _ref2.InputProps,
     InputProps = _ref2$InputProps === void 0 ? {} : _ref2$InputProps,
     inputRef = _ref2.inputRef,
+    onChange = _ref2.onChange,
     _ref2$multiline = _ref2.multiline,
     multiline = _ref2$multiline === void 0 ? false : _ref2$multiline,
     minRows = _ref2.minRows,
@@ -2107,7 +2108,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.createElement("option", {
       key: option.value,
@@ -6034,66 +6036,77 @@ var WaitingList = function WaitingList(_ref) {
       email: userData.email || ''
     },
     onSubmit: handleSubmit
-  }, React.createElement(Form, null, React.createElement(ErrorFocus, null), showTicketsField && React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "field-item"
-  }, React.createElement(Field, {
-    name: "ticketTypeId",
-    label: "Type of Ticket",
-    type: "select",
-    component: CustomField,
-    selectOptions: [{
-      label: 'Type of Ticket',
-      value: '',
-      disabled: true
-    }].concat(ticketTypesList)
-  })), React.createElement("div", {
-    className: "field-item"
-  }, React.createElement(Field, {
-    name: "quantity",
-    label: "Quantity Requested",
-    type: "select",
-    component: CustomField,
-    selectOptions: [{
-      label: 'Quantity Requested',
-      value: '',
-      disabled: true
-    }].concat(generateQuantity(defaultMaxQuantity != null ? defaultMaxQuantity : 10))
-  }))), React.createElement("div", {
-    className: "field-item"
-  }, React.createElement(Field, {
-    name: "firstName",
-    label: "First name",
-    validate: function validate(value) {
-      return requiredValidator(value, 'Please enter your First name');
-    },
-    component: CustomField
-  })), React.createElement("div", {
-    className: "field-item"
-  }, React.createElement(Field, {
-    name: "lastName",
-    label: "Last name",
-    validate: function validate(value) {
-      return requiredValidator(value, 'Please enter your Last name');
-    },
-    component: CustomField
-  })), React.createElement("div", {
-    className: "field-item"
-  }, React.createElement(Field, {
-    name: "email",
-    label: "Email",
-    validate: combineValidators(function (value) {
-      return requiredValidator(value, 'Please enter your Email');
-    }, function (value) {
-      return emailValidator(value);
-    }),
-    component: CustomField
-  })), React.createElement(Button, {
-    type: "submit",
-    variant: "contained",
-    className: "waiting-list-button"
-  }, loading ? React.createElement(CircularProgress$1, {
-    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.createElement(Form, null, React.createElement(ErrorFocus, null), showTicketsField && React.createElement(React.Fragment, null, React.createElement("div", {
+      className: "field-item"
+    }, React.createElement(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.createElement("div", {
+      className: "field-item"
+    }, React.createElement(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.createElement("div", {
+      className: "field-item"
+    }, React.createElement(Field, {
+      name: "firstName",
+      label: "First name",
+      validate: function validate(value) {
+        return requiredValidator(value, 'Please enter your First name');
+      },
+      component: CustomField
+    })), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement(Field, {
+      name: "lastName",
+      label: "Last name",
+      validate: function validate(value) {
+        return requiredValidator(value, 'Please enter your Last name');
+      },
+      component: CustomField
+    })), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement(Field, {
+      name: "email",
+      label: "Email",
+      validate: combineValidators(function (value) {
+        return requiredValidator(value, 'Please enter your Email');
+      }, function (value) {
+        return emailValidator(value);
+      }),
+      component: CustomField
+    })), React.createElement(Button, {
+      type: "submit",
+      variant: "contained",
+      className: "waiting-list-button"
+    }, loading ? React.createElement(CircularProgress$1, {
+      size: "22px"
+    }) : 'ADD TO WAITING LIST'));
+  })));
 };
 
 // This section is seperate because additional changes layter may be applied to Access Code