tf-checkout-react 1.3.29 → 1.3.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/common/PhoneNumberField.d.ts +2 -1
- package/dist/tf-checkout-react.cjs.development.js +9 -5
- package/dist/tf-checkout-react.cjs.development.js.map +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
- package/dist/tf-checkout-react.esm.js +9 -5
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/billing-info-container/index.tsx +27 -7
- package/src/components/common/PhoneNumberField.tsx +3 -1
- package/src/components/common/dist/PhoneNumberField.js +96 -0
|
@@ -6,7 +6,8 @@ export interface IPhoneNumberField {
|
|
|
6
6
|
form: FormikProps<any>;
|
|
7
7
|
type: string;
|
|
8
8
|
disableDropdown: boolean;
|
|
9
|
+
defaultCountry?: string;
|
|
9
10
|
fill: boolean;
|
|
10
11
|
setPhoneValidationIsLoading: (isLoading: boolean) => void;
|
|
11
12
|
}
|
|
12
|
-
export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, }, disableDropdown, fill, setPhoneValidationIsLoading, }: IPhoneNumberField) => JSX.Element;
|
|
13
|
+
export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, }, disableDropdown, defaultCountry, fill, setPhoneValidationIsLoading, }: IPhoneNumberField) => JSX.Element;
|
|
@@ -1831,6 +1831,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
|
|
|
1831
1831
|
setErrors = _ref$form.setErrors,
|
|
1832
1832
|
_ref$disableDropdown = _ref.disableDropdown,
|
|
1833
1833
|
disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown,
|
|
1834
|
+
_ref$defaultCountry = _ref.defaultCountry,
|
|
1835
|
+
defaultCountry = _ref$defaultCountry === void 0 ? 'us' : _ref$defaultCountry,
|
|
1834
1836
|
_ref$fill = _ref.fill,
|
|
1835
1837
|
fill = _ref$fill === void 0 ? false : _ref$fill,
|
|
1836
1838
|
setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading;
|
|
@@ -1920,7 +1922,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
|
|
|
1920
1922
|
}
|
|
1921
1923
|
},
|
|
1922
1924
|
variant: "outlined",
|
|
1923
|
-
defaultCountry:
|
|
1925
|
+
defaultCountry: defaultCountry,
|
|
1924
1926
|
disableDropdown: disableDropdown,
|
|
1925
1927
|
label: label,
|
|
1926
1928
|
error: !!error && (isTouched || fill),
|
|
@@ -3455,12 +3457,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
|
|
|
3455
3457
|
expires_at: expirationTime,
|
|
3456
3458
|
onCountdownFinish: onCountdownFinish
|
|
3457
3459
|
}), React__default.createElement(formik.Formik, {
|
|
3458
|
-
initialValues: getInitialValues(dataWithUniqueIds, _extends({
|
|
3460
|
+
initialValues: getInitialValues(dataWithUniqueIds, _extends({
|
|
3459
3461
|
country: _get(userData, 'country', '') || '1',
|
|
3460
3462
|
state: _get(userData, 'state', '') || '1',
|
|
3461
3463
|
brand_opt_in: optedInFieldValue,
|
|
3462
3464
|
ttf_opt_in: ttfOptIn
|
|
3463
|
-
}), userValues),
|
|
3465
|
+
}, initialValues), userValues),
|
|
3464
3466
|
enableReinitialize: false,
|
|
3465
3467
|
onSubmit: function () {
|
|
3466
3468
|
var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(values, formikHelpers) {
|
|
@@ -3756,7 +3758,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
|
|
|
3756
3758
|
component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? PhoneNumberField : element.type === 'date' ? DatePickerField : CustomField,
|
|
3757
3759
|
selectOptions: element.name === 'country' ? countries : element.name === 'state' ? states : [],
|
|
3758
3760
|
theme: theme,
|
|
3759
|
-
disableDropdown: element.disableDropdown
|
|
3761
|
+
disableDropdown: element.disableDropdown,
|
|
3762
|
+
defaultCountry: element.defaultCountry
|
|
3760
3763
|
})));
|
|
3761
3764
|
})));
|
|
3762
3765
|
}));
|
|
@@ -3791,7 +3794,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
|
|
|
3791
3794
|
return props.errors[element.name + "-" + index];
|
|
3792
3795
|
}),
|
|
3793
3796
|
disableDropdown: element.disableDropdown,
|
|
3794
|
-
setPhoneValidationIsLoading: setPhoneValidationIsLoading
|
|
3797
|
+
setPhoneValidationIsLoading: setPhoneValidationIsLoading,
|
|
3798
|
+
defaultCountry: element.defaultCountry
|
|
3795
3799
|
}));
|
|
3796
3800
|
})));
|
|
3797
3801
|
}));
|