tf-checkout-react 1.4.13-beta.2 → 1.4.13-beta.4

package/dist/components/delegationsContainer/IssueTicketForm.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export interface IIssueTicketForm {
     classNamePrefix?: string;
-    handleSubmit: (values: any) => void;
+    handleSubmit: (values: any, resetForm: any) => void;
     selectTicketTypeOptions: Array<any>;
     initialValues?: any;
 }

package/dist/components/delegationsContainer/TicketsAssignedTable.d.ts

@@ -2,9 +2,10 @@
 export interface ITicketsAssignedTable {
     tableTitle?: string;
     classNamePrefix?: string;
+    noTicketsAssignedText?: string;
     issuePageData: {
         tickets: Array<any>;
     };
 }
-declare const TicketsAssignedTable: ({ tableTitle, classNamePrefix, issuePageData, }: ITicketsAssignedTable) => JSX.Element;
+declare const TicketsAssignedTable: ({ tableTitle, classNamePrefix, issuePageData, noTicketsAssignedText, }: ITicketsAssignedTable) => JSX.Element;
 export default TicketsAssignedTable;

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

@@ -709,7 +709,7 @@ var getFormInitialValues = function getFormInitialValues(fieldsSections) {
         case 'country':
         case 'numTickets':
         case 'state':
-          initialValues[fieldItem.name] = 1;
+          initialValues[fieldItem.name] = '';
           break;
         case 'brandOptIn':
           initialValues[fieldItem.name] = true;
@@ -1506,9 +1506,9 @@ function isFalsy(item) {
   try {
     if (!item ||
     // handles most, like false, 0, null, etc
-    typeof item == 'object' && Object.keys(item).length === 0 &&
+    typeof item === 'object' && Object.keys(item).length === 0 &&
     // for empty objects, like {}, []
-    !(typeof item.addEventListener == 'function') // omit webpage elements
+    !(typeof item.addEventListener === 'function') // omit webpage elements
     ) {
       return true;
     }
@@ -8601,11 +8601,11 @@ var FieldsSection = function FieldsSection(_ref2) {
         id: id,
         className: getFieldClassNames(id, classNames)
       }, React__default.createElement(formik.Field, {
-        disabled: name === disableField,
+        disabled: name === disableField || name === 'state' && !states.length,
         name: name,
         label: "" + label + (required ? '' : ' (optional)'),
         type: type,
-        validate: getValidateFunctions$1({
+        validate: name === 'state' && !states.length ? false : getValidateFunctions$1({
           element: fieldData,
           values: values
         }),
@@ -8838,7 +8838,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
             bodyFormData.append('client_id', CONFIGS.CLIENT_ID);
             bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET);
             bodyFormData.append('register_for', registrationType);
-            bodyFormData.append('access_hash', accessHash);
+            bodyFormData.append('delegation_access_hash', accessHash);
             _context3.next = 18;
             return register(bodyFormData);
           case 18:
@@ -8873,7 +8873,9 @@ var RegistrationForm = function RegistrationForm(_ref) {
   }, []);
   return React__default.createElement("div", {
     className: "register-form-container"
-  }, error && React__default.createElement("div", {
+  }, React__default.createElement("h2", null, "Create an account"), React__default.createElement("div", {
+    className: 'register-sub-title'
+  }, "To manage your tickets, please create an account:"), error && React__default.createElement("div", {
     className: "register-error"
   }, error), React__default.createElement(formik.Formik, {
     initialValues: _extends({}, getFormInitialValues(updatedFormFields), {
@@ -8917,20 +8919,19 @@ var IssueTicketForm = function IssueTicketForm(_ref) {
     handleSubmit = _ref$handleSubmit === void 0 ? _identity : _ref$handleSubmit,
     selectTicketTypeOptions = _ref.selectTicketTypeOptions,
     initialValues = _ref.initialValues;
-  var _useState = React.useState(false),
-    agreeTerms = _useState[0],
-    setAgreeTerms = _useState[1];
   return React__default.createElement("div", {
     className: classNamePrefix + "-issue-form"
   }, React__default.createElement(formik.Formik, {
     initialValues: initialValues,
-    onSubmit: function onSubmit(values) {
-      return handleSubmit(values);
+    onSubmit: function onSubmit(values, _ref2) {
+      var resetForm = _ref2.resetForm;
+      delete values.confirm;
+      handleSubmit(values, resetForm);
     }
-  }, function (_ref2) {
-    var isValid = _ref2.isValid,
-      values = _ref2.values,
-      isSubmitting = _ref2.isSubmitting;
+  }, function (_ref3) {
+    var isValid = _ref3.isValid,
+      values = _ref3.values,
+      isSubmitting = _ref3.isSubmitting;
     return React__default.createElement(formik.Form, null, React__default.createElement("div", {
       className: "body"
     }, React__default.createElement("div", {
@@ -8978,27 +8979,27 @@ var IssueTicketForm = function IssueTicketForm(_ref) {
       name: "confirmEmail",
       label: "Confirm Email",
       component: CustomField,
-      validate: function validate(confirmEmail) {
-        return values.email !== confirmEmail ? 'Please confirm your email address correctly' : null;
-      }
+      validate: getValidateFunctions$1({
+        element: {
+          name: 'confirmEmail',
+          label: 'Confirm Email',
+          required: true
+        },
+        values: values
+      })
     }))), React__default.createElement("div", {
       className: "field-item checkbox_item"
     }, React__default.createElement(formik.Field, {
-      onChange: function onChange(_) {
-        setAgreeTerms(!agreeTerms);
-      },
-      checked: agreeTerms,
-      //required={true}
       name: 'confirm',
-      label: "I agree to The Ticket Fairy's privacy policy",
+      label: "I agree to ManaCommon's privacy policy",
       type: 'checkbox',
-      //validate={requiredValidator}
+      validate: requiredValidator,
       component: CheckboxField
     })), React__default.createElement("div", {
       className: "action-button"
     }, React__default.createElement("button", {
       type: "submit",
-      disabled: !isValid || !agreeTerms
+      disabled: !isValid
     }, isSubmitting ? React__default.createElement(material.CircularProgress, {
       size: "22px"
     }) : 'Issue Ticket')));
@@ -9006,17 +9007,19 @@ var IssueTicketForm = function IssueTicketForm(_ref) {
 };
 
 var TicketsAssignedTable = function TicketsAssignedTable(_ref) {
-  var _issuePageData$ticket;
+  var _issuePageData$ticket, _issuePageData$ticket2;
   var _ref$tableTitle = _ref.tableTitle,
-    tableTitle = _ref$tableTitle === void 0 ? 'Tickets Assigned' : _ref$tableTitle,
+    tableTitle = _ref$tableTitle === void 0 ? 'Tickets assigned' : _ref$tableTitle,
     _ref$classNamePrefix = _ref.classNamePrefix,
     classNamePrefix = _ref$classNamePrefix === void 0 ? 'delegations' : _ref$classNamePrefix,
-    issuePageData = _ref.issuePageData;
+    issuePageData = _ref.issuePageData,
+    _ref$noTicketsAssigne = _ref.noTicketsAssignedText,
+    noTicketsAssignedText = _ref$noTicketsAssigne === void 0 ? "You haven't issued any tickets yet." : _ref$noTicketsAssigne;
   return React__default.createElement("div", {
     className: classNamePrefix + "-tables-block"
   }, React__default.createElement("div", {
     className: classNamePrefix + "-ticket-holder"
-  }, tableTitle), React__default.createElement(TableContainer, {
+  }, tableTitle), (_issuePageData$ticket = issuePageData.tickets) != null && _issuePageData$ticket.length ? React__default.createElement(TableContainer, {
     className: "my-ticket-table"
   }, React__default.createElement(Table, {
     "aria-label": "collapsible table"
@@ -9026,20 +9029,22 @@ var TicketsAssignedTable = function TicketsAssignedTable(_ref) {
     key: 'Ticket Type'
   }, 'Ticket Type'), React__default.createElement(TableCell, {
     key: 'Status'
-  }, 'Status'))), React__default.createElement(TableBody, null, (_issuePageData$ticket = issuePageData.tickets) == null ? void 0 : _issuePageData$ticket.map(function (ticket) {
-    return React__default.createElement(TableRow, null, React__default.createElement(TableCell, {
+  }, 'Status'))), React__default.createElement(TableBody, null, (_issuePageData$ticket2 = issuePageData.tickets) == null ? void 0 : _issuePageData$ticket2.map(function (ticket) {
+    return React__default.createElement(TableRow, {
+      key: ticket.id
+    }, React__default.createElement(TableCell, {
       key: ticket.id + 'type'
     }, ticket.firstName + ' ' + ticket.lastName), React__default.createElement(TableCell, {
       key: ticket.id + 'ticketType'
     }, ticket.ticketType), React__default.createElement(TableCell, {
       key: ticket.id + 'status'
     }, ticket.status));
-  })))));
+  })))) : noTicketsAssignedText);
 };
 
 var TicketsAvailableTable = function TicketsAvailableTable(_ref) {
   var _ref$tableTitle = _ref.tableTitle,
-    tableTitle = _ref$tableTitle === void 0 ? 'Tickets Available' : _ref$tableTitle,
+    tableTitle = _ref$tableTitle === void 0 ? 'Tickets available' : _ref$tableTitle,
     _ref$classNamePrefix = _ref.classNamePrefix,
     classNamePrefix = _ref$classNamePrefix === void 0 ? 'delegations' : _ref$classNamePrefix,
     issuePageData = _ref.issuePageData;
@@ -9088,10 +9093,13 @@ var IssueComponent = function IssueComponent(_ref) {
   var _useState2 = React.useState(false),
     showMaxQtyModal = _useState2[0],
     setShowMaxQtyModal = _useState2[1];
+  var _useState3 = React.useState(false),
+    showSuccessModal = _useState3[0],
+    setShowSuccessModal = _useState3[1];
   var accessHash = getQueryVariable('hash') || '';
-  var _useState3 = React.useState({}),
-    issuePageData = _useState3[0],
-    setIssuePageData = _useState3[1];
+  var _useState4 = React.useState({}),
+    issuePageData = _useState4[0],
+    setIssuePageData = _useState4[1];
   React.useEffect(function () {
     var fetchDelegationTickets = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -9127,7 +9135,7 @@ var IssueComponent = function IssueComponent(_ref) {
       };
     }();
     fetchDelegationTickets();
-  }, []);
+  }, [showSuccessModal]);
   var selectTicketTypeOptions = _map(issuePageData.ticketTypes || {}, function (val, key) {
     return {
       value: key,
@@ -9145,6 +9153,15 @@ var IssueComponent = function IssueComponent(_ref) {
     onConfirm: function onConfirm() {
       return setShowMaxQtyModal(false);
     }
+  }), showSuccessModal && React__default.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    message: "Your ticket successfully issued.",
+    onClose: function onClose() {
+      return setShowSuccessModal(false);
+    },
+    onConfirm: function onConfirm() {
+      return setShowSuccessModal(false);
+    }
   }), React__default.createElement("div", {
     className: classNamePrefix + "-head-title"
   }, headTitle), React__default.createElement("div", {
@@ -9158,11 +9175,11 @@ var IssueComponent = function IssueComponent(_ref) {
   })), React__default.createElement("div", {
     className: classNamePrefix + "-tables"
   }, React__default.createElement(TicketsAvailableTable, {
-    tableTitle: "Tickets Available",
+    tableTitle: "Tickets available",
     issuePageData: issuePageData,
     classNamePrefix: "delegations"
   }), React__default.createElement(TicketsAssignedTable, {
-    tableTitle: "Tickets Assigned",
+    tableTitle: "Tickets assigned",
     issuePageData: issuePageData,
     classNamePrefix: "delegations"
   }), React__default.createElement("div", {
@@ -9174,7 +9191,7 @@ var IssueComponent = function IssueComponent(_ref) {
   }, "Please select the type of tickets and enter recipient details:")), React__default.createElement(IssueTicketForm, {
     classNamePrefix: 'delegations',
     handleSubmit: function () {
-      var _handleSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
+      var _handleSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, resetForm) {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -9182,23 +9199,25 @@ var IssueComponent = function IssueComponent(_ref) {
               _context2.next = 3;
               return issueTicket(accessHash, values);
             case 3:
-              _context2.next = 8;
+              setShowSuccessModal(true);
+              resetForm();
+              _context2.next = 10;
               break;
-            case 5:
-              _context2.prev = 5;
+            case 7:
+              _context2.prev = 7;
               _context2.t0 = _context2["catch"](0);
               if (axios.isAxiosError(_context2.t0)) setShowMaxQtyModal(true);
-            case 8:
-              _context2.prev = 8;
+            case 10:
+              _context2.prev = 10;
               setLoading(false);
-              return _context2.finish(8);
-            case 11:
+              return _context2.finish(10);
+            case 13:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[0, 5, 8, 11]]);
+        }, _callee2, null, [[0, 7, 10, 13]]);
       }));
-      function handleSubmit(_x) {
+      function handleSubmit(_x, _x2) {
         return _handleSubmit.apply(this, arguments);
       }
       return handleSubmit;
@@ -9209,7 +9228,8 @@ var IssueComponent = function IssueComponent(_ref) {
       firstName: '',
       lastName: '',
       email: '',
-      confirmEmail: ''
+      confirmEmail: '',
+      confirm: false
     }
   })))));
 };
@@ -9291,6 +9311,9 @@ var DelegationsContainer = function DelegationsContainer(_ref) {
   })) : isCustomerExsists ? React__default.createElement(LoginForm, {
     logo: logo
   }) : React__default.createElement(RegistrationForm, {
+    onRegisterAccountSuccess: function onRegisterAccountSuccess() {
+      return setIsLoggedIn(Boolean(getCookieByName(X_TF_ECOMMERCE$1)));
+    },
     customerEmail: customerEmail,
     formFields: registerFormFields,
     registrationType: "delegation"