tf-checkout-react 1.6.6-beta.23 → 1.6.6-beta.24

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import './style.css';
-import { ThemeOptions } from "@mui/material";
-import { CSSProperties } from "@mui/styles";
+import { ThemeOptions } from '@mui/material';
+import { CSSProperties } from '@mui/styles';
 import { IActionColumns, ITicketTypes } from './ticketsTable';
 interface OrderDetailsTypes {
     columns: Array<{

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { AxiosError } from 'axios';
 import './style.css';
+import { AxiosError } from 'axios';
+import { FC } from 'react';
 interface IResetPasswordProps {
     token?: string;
     onResetPasswordSuccess?: (res: any) => void;

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

@@ -3460,10 +3460,10 @@ var AddonComponent = function AddonComponent(_ref) {
     }, _map(groupItems, function (element) {
       return React__default.createElement("div", {
         className: element.className,
-        key: element.name
+        key: data.id + "-" + id + "-" + element.name
       }, React__default.createElement(formik.Field, Object.assign({}, element, {
         type: element.type === 'radio' || element.type === 'checkbox' ? undefined : element.type,
-        name: "" + element.name,
+        name: data.id + "-" + id + "-" + element.name,
         label: getFieldLabel(element, configs),
         component: getFieldComponent(element),
         validate: getValidateFunctions(element, [], values, errors)
@@ -3905,6 +3905,22 @@ var AddonsContainter = function AddonsContainter(_ref) {
   var handleClearAddons = function handleClearAddons() {
     window.localStorage.removeItem('add_ons');
   };
+  var initialValues = React.useMemo(function () {
+    var _addOnDataWithCustomF;
+    var addOnsData = {};
+    if ((addons == null ? void 0 : addons.length) > 0 && (addOnDataWithCustomFields == null ? void 0 : (_addOnDataWithCustomF = addOnDataWithCustomFields.fields) == null ? void 0 : _addOnDataWithCustomF.length) > 0) {
+      _map(addons, function (addon) {
+        _map(addOnDataWithCustomFields.fields, function (field) {
+          var id = field.id,
+            groupItems = field.groupItems;
+          _map(groupItems, function (item) {
+            addOnsData[addon.id + "-" + id + "-" + item.name] = item.value;
+          });
+        });
+      });
+    }
+    return addOnsData;
+  }, [addons, addOnDataWithCustomFields]);
   if (loading) {
     return React__default.createElement("div", {
       className: classNamePrefix + "_loader"
@@ -3941,7 +3957,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
   }, "Skip")), (!(addons != null && addons.length) || isResale && addOnIsIncluded) && samePage ? null : React__default.createElement("div", {
     className: classNamePrefix + "_subtitle"
   }, "PLEASE SELECT FROM THE OPTIONAL ADD-ONS BELOW"), React__default.createElement(formik.Formik, {
-    initialValues: {},
+    initialValues: initialValues,
     onSubmit: function onSubmit(values) {
       handleConfirm(values);
     },
@@ -3952,7 +3968,8 @@ var AddonsContainter = function AddonsContainter(_ref) {
     } : undefined
   }, function (_ref4) {
     var values = _ref4.values,
-      errors = _ref4.errors;
+      errors = _ref4.errors,
+      setFieldTouched = _ref4.setFieldTouched;
     var isConfirmDisabled = !isAtLeastOneAddonSelected(values);
     return React__default.createElement(formik.Form, {
       autoComplete: "off",
@@ -4037,7 +4054,14 @@ var AddonsContainter = function AddonsContainter(_ref) {
         selectOptions: addonsOptions[addon.id],
         classNamePrefix: classNamePrefix,
         handleAddonChange: function handleAddonChange(id, value) {
-          return onFieldChange(id, value, addon);
+          onFieldChange(id, value, addon);
+          _map(addOnDataWithCustomFields.fields, function (fieldGroup) {
+            var id = fieldGroup.id,
+              groupItems = fieldGroup.groupItems;
+            _map(groupItems, function (field) {
+              setFieldTouched(addon.id + "-" + id + "-" + field.name, true, true);
+            });
+          });
         },
         addOnDataWithCustomFields: addOnDataWithCustomFields,
         configs: configs,
@@ -5614,7 +5638,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     },
     onForgotPasswordSuccess: onForgotPasswordSuccess,
     onForgotPasswordError: onForgotPasswordError,
-    showPoweredByImage: showPoweredByImage
+    showPoweredByImage: showPoweredByImage,
+    displaySuccessMessage: true
   }), React__default.createElement(VerificationPendingModal, {
     message: pendingVerificationMessage,
     onClose: function onClose() {
@@ -13313,13 +13338,14 @@ var PreRegistration = function PreRegistration(_ref) {
       setShowModalLogin(true);
     },
     onForgotPasswordSuccess: onForgotPasswordSuccess,
-    onForgotPasswordError: onForgotPasswordError
+    onForgotPasswordError: onForgotPasswordError,
+    displaySuccessMessage: true
   }), React__default.createElement("h2", null, "Pre-Registration"), React__default.createElement(formik.Formik, {
     initialValues: getFormInitialValues$1(formFields),
     enableReinitialize: true,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
-        var updatedValues, holderAgeDate, confirmationData, bodyFormData, res, profileRes, _e$response, _e$response$data, _e$response$data$mess, _e$response2, _e$response2$data, errorMessage, emailErrors, _e$response3, _e$response3$data;
+        var updatedValues, holderAgeDate, confirmationData, bodyFormData, res, profileRes, _error2$response, _error2$response$data, _error2$response$data2, _error2$response2, _error2$response2$dat, _error2, errorMessage, emailErrors, _error2$response3, _error2$response3$dat;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -13386,15 +13412,16 @@ var PreRegistration = function PreRegistration(_ref) {
                 setUserData(_get(profileRes, 'data'));
               }
             case 41:
-              _context2.next = 50;
+              _context2.next = 51;
               break;
             case 43:
               _context2.prev = 43;
               _context2.t0 = _context2["catch"](0);
-              errorMessage = (_context2.t0 == null ? void 0 : _context2.t0.message) || 'Error';
-              emailErrors = _context2.t0 == null ? void 0 : (_e$response = _context2.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : (_e$response$data$mess = _e$response$data.message) == null ? void 0 : _e$response$data$mess.email;
-              if (typeof (_context2.t0 == null ? void 0 : (_e$response2 = _context2.t0.response) == null ? void 0 : (_e$response2$data = _e$response2.data) == null ? void 0 : _e$response2$data.message) === 'string') {
-                errorMessage = _context2.t0 == null ? void 0 : (_e$response3 = _context2.t0.response) == null ? void 0 : (_e$response3$data = _e$response3.data) == null ? void 0 : _e$response3$data.message;
+              _error2 = _context2.t0;
+              errorMessage = (_error2 == null ? void 0 : _error2.message) || 'Error';
+              emailErrors = _error2 == null ? void 0 : (_error2$response = _error2.response) == null ? void 0 : (_error2$response$data = _error2$response.data) == null ? void 0 : (_error2$response$data2 = _error2$response$data.message) == null ? void 0 : _error2$response$data2.email;
+              if (typeof (_error2 == null ? void 0 : (_error2$response2 = _error2.response) == null ? void 0 : (_error2$response2$dat = _error2$response2.data) == null ? void 0 : _error2$response2$dat.message) === 'string') {
+                errorMessage = _error2 == null ? void 0 : (_error2$response3 = _error2.response) == null ? void 0 : (_error2$response3$dat = _error2$response3.data) == null ? void 0 : _error2$response3$dat.message;
               }
               if ((emailErrors == null ? void 0 : emailErrors.length) > 0) {
                 if (emailErrors[0] === 'The email is already used') {
@@ -13404,8 +13431,8 @@ var PreRegistration = function PreRegistration(_ref) {
               } else {
                 setError(errorMessage);
               }
-              onConfirmationError(_context2.t0);
-            case 50:
+              onConfirmationError(_error2);
+            case 51:
             case "end":
               return _context2.stop();
           }