tf-checkout-react 1.0.42 → 1.0.43
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/tf-checkout-react.cjs.development.js +3 -3
- 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 +3 -3
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/dist/types/billing-info-data.d.ts +2 -1
- package/package.json +1 -1
- package/src/components/billing-info-container/index.tsx +3 -3
- package/src/types/billing-info-data.ts +2 -1
|
@@ -6,7 +6,7 @@ export interface IGroupItem {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
required?: boolean;
|
|
8
8
|
component?: ReactNode | JSX.Element | HTMLElement;
|
|
9
|
-
onValidate
|
|
9
|
+
onValidate?: (value: any) => void;
|
|
10
10
|
[key: string]: any;
|
|
11
11
|
}
|
|
12
12
|
export interface IFieldData {
|
|
@@ -14,6 +14,7 @@ export interface IFieldData {
|
|
|
14
14
|
groupClassname?: string;
|
|
15
15
|
groupLabel?: string | JSX.Element | HTMLElement;
|
|
16
16
|
groupLabelClassName?: string;
|
|
17
|
+
id: number;
|
|
17
18
|
}
|
|
18
19
|
export interface IBillingInfoData {
|
|
19
20
|
id: number | string;
|
package/package.json
CHANGED
|
@@ -364,7 +364,7 @@ export const BillingInfoContainer = ({
|
|
|
364
364
|
return (
|
|
365
365
|
<SectionContainer key={id}>
|
|
366
366
|
<p className={labelClassName}>{label}</p>
|
|
367
|
-
{_map(fields,
|
|
367
|
+
{_map(fields, group => {
|
|
368
368
|
const {
|
|
369
369
|
groupClassname,
|
|
370
370
|
groupItems,
|
|
@@ -372,7 +372,7 @@ export const BillingInfoContainer = ({
|
|
|
372
372
|
groupLabelClassName,
|
|
373
373
|
} = group
|
|
374
374
|
return (
|
|
375
|
-
<
|
|
375
|
+
<SectionContainer key={group.id}>
|
|
376
376
|
{!isLoggedIn && (
|
|
377
377
|
<div className={groupLabelClassName}>
|
|
378
378
|
{groupLabel}
|
|
@@ -439,7 +439,7 @@ export const BillingInfoContainer = ({
|
|
|
439
439
|
)
|
|
440
440
|
)}
|
|
441
441
|
</div>
|
|
442
|
-
</
|
|
442
|
+
</SectionContainer>
|
|
443
443
|
)
|
|
444
444
|
})}
|
|
445
445
|
</SectionContainer>
|
|
@@ -9,7 +9,7 @@ export interface IGroupItem {
|
|
|
9
9
|
className?: string;
|
|
10
10
|
required?: boolean;
|
|
11
11
|
component?: ReactNode | JSX.Element | HTMLElement;
|
|
12
|
-
onValidate
|
|
12
|
+
onValidate?: (value: any) => void;
|
|
13
13
|
|
|
14
14
|
// aditional props
|
|
15
15
|
[key: string]: any;
|
|
@@ -22,6 +22,7 @@ export interface IFieldData {
|
|
|
22
22
|
groupClassname?: string;
|
|
23
23
|
groupLabel?: string | JSX.Element | HTMLElement;
|
|
24
24
|
groupLabelClassName?: string;
|
|
25
|
+
id: number;
|
|
25
26
|
}
|
|
26
27
|
export interface IBillingInfoData {
|
|
27
28
|
id: number | string;
|