tf-checkout-react 1.3.29 → 1.3.31

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

@@ -10,5 +10,5 @@ export interface IDatePickerFieldProps {
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const DatePickerField: ({ label, field, form, theme, useCompact, }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
+export declare const DatePickerField: ({ label, field, form, theme, useCompact, dateFormat, datePlaceholder }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
 export {};

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

@@ -6,7 +6,8 @@ export interface IPhoneNumberField {
     form: FormikProps<any>;
     type: string;
     disableDropdown: boolean;
+    defaultCountry?: string;
     fill: boolean;
     setPhoneValidationIsLoading: (isLoading: boolean) => void;
 }
-export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, }, disableDropdown, fill, setPhoneValidationIsLoading, }: IPhoneNumberField) => JSX.Element;
+export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, }, disableDropdown, defaultCountry, fill, setPhoneValidationIsLoading, }: IPhoneNumberField) => JSX.Element;

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

@@ -1759,7 +1759,11 @@ var DatePickerField = function DatePickerField(_ref) {
       form = _ref.form,
       theme = _ref.theme,
       _ref$useCompact = _ref.useCompact,
-      useCompact = _ref$useCompact === void 0 ? true : _ref$useCompact;
+      useCompact = _ref$useCompact === void 0 ? true : _ref$useCompact,
+      _ref$dateFormat = _ref.dateFormat,
+      dateFormat = _ref$dateFormat === void 0 ? 'DD/MM/YYYY' : _ref$dateFormat,
+      _ref$datePlaceholder = _ref.datePlaceholder,
+      datePlaceholder = _ref$datePlaceholder === void 0 ? 'dd/mm/yyyy' : _ref$datePlaceholder;
   return React__default.createElement(styles.ThemeProvider, {
     theme: useCompact ? compactStyleTheme : {}
   }, React__default.createElement(LocalizationProvider.LocalizationProvider, {
@@ -1774,12 +1778,12 @@ var DatePickerField = function DatePickerField(_ref) {
     },
     showDaysOutsideCurrentMonth: true,
     disableFuture: true,
-    inputFormat: "DD/MM/YYYY",
+    inputFormat: dateFormat,
     mask: "__/__/____",
     renderInput: function renderInput(params) {
       return React__default.createElement(CustomField, Object.assign({}, params, {
         inputProps: _extends({}, params.inputProps, {
-          placeholder: 'dd/mm/yyyy'
+          placeholder: datePlaceholder
         }),
         theme: theme,
         field: _extends({}, field, {
@@ -1831,6 +1835,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       setErrors = _ref$form.setErrors,
       _ref$disableDropdown = _ref.disableDropdown,
       disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown,
+      _ref$defaultCountry = _ref.defaultCountry,
+      defaultCountry = _ref$defaultCountry === void 0 ? 'us' : _ref$defaultCountry,
       _ref$fill = _ref.fill,
       fill = _ref$fill === void 0 ? false : _ref$fill,
       setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading;
@@ -1920,7 +1926,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       }
     },
     variant: "outlined",
-    defaultCountry: "us",
+    defaultCountry: defaultCountry,
     disableDropdown: disableDropdown,
     label: label,
     error: !!error && (isTouched || fill),
@@ -3455,12 +3461,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     expires_at: expirationTime,
     onCountdownFinish: onCountdownFinish
   }), React__default.createElement(formik.Formik, {
-    initialValues: getInitialValues(dataWithUniqueIds, _extends({}, initialValues, {
+    initialValues: getInitialValues(dataWithUniqueIds, _extends({
       country: _get(userData, 'country', '') || '1',
       state: _get(userData, 'state', '') || '1',
       brand_opt_in: optedInFieldValue,
       ttf_opt_in: ttfOptIn
-    }), userValues),
+    }, initialValues), userValues),
     enableReinitialize: false,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(values, formikHelpers) {
@@ -3756,7 +3762,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
             component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? PhoneNumberField : element.type === 'date' ? DatePickerField : CustomField,
             selectOptions: element.name === 'country' ? countries : element.name === 'state' ? states : [],
             theme: theme,
-            disableDropdown: element.disableDropdown
+            disableDropdown: element.disableDropdown,
+            defaultCountry: element.defaultCountry,
+            dateFormat: element.format,
+            datePlaceholder: element.placeholder
           })));
         })));
       }));
@@ -3791,7 +3800,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               return props.errors[element.name + "-" + index];
             }),
             disableDropdown: element.disableDropdown,
-            setPhoneValidationIsLoading: setPhoneValidationIsLoading
+            setPhoneValidationIsLoading: setPhoneValidationIsLoading,
+            defaultCountry: element.defaultCountry
           }));
         })));
       }));