tf-checkout-react 1.5.1 → 1.5.2

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>;
@@ -22,4 +23,4 @@ export interface ICustomField {
 export interface IOtherProps {
     [key: string]: any;
 }
-export declare const CustomField: ({ label, type, field, selectOptions, form: { touched, errors, submitCount }, theme, inputProps: pInputProps, InputProps, inputRef, multiline, minRows, maxRows, disabled, }: ICustomField & IOtherProps) => JSX.Element;
+export declare const CustomField: ({ label, type, field, selectOptions, form: { touched, errors, submitCount }, theme, inputProps: pInputProps, InputProps, inputRef, onChange, multiline, minRows, maxRows, disabled, }: ICustomField & IOtherProps) => JSX.Element;

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

@@ -2054,6 +2054,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,
@@ -2114,7 +2115,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,
@@ -6037,66 +6039,77 @@ 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(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')))));
+  }, 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'));
+  })));
 };
 
 // This section is seperate because additional changes layter may be applied to Access Code