igloo-d2c-components 1.0.43 → 1.0.44
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/cjs/index.js
CHANGED
|
@@ -967,7 +967,7 @@ const LogoContainer$2 = styles.styled(material.Box)({
|
|
|
967
967
|
*/
|
|
968
968
|
const LogoImage$1 = styles.styled('img')({
|
|
969
969
|
width: '126px',
|
|
970
|
-
height: '
|
|
970
|
+
height: '16px',
|
|
971
971
|
objectFit: 'contain',
|
|
972
972
|
});
|
|
973
973
|
/**
|
|
@@ -1813,7 +1813,7 @@ function Header$1({ logo, navigationLinks, languages, currentLocale, userToken,
|
|
|
1813
1813
|
}
|
|
1814
1814
|
|
|
1815
1815
|
const StyledAppBar = styles.styled(material.AppBar)(({ theme }) => ({
|
|
1816
|
-
backgroundColor: '#
|
|
1816
|
+
backgroundColor: '#FFFFFF',
|
|
1817
1817
|
boxShadow: '0px 2px 20px 4px rgba(0, 0, 0, 0.14)',
|
|
1818
1818
|
zIndex: theme.zIndex.drawer + 1,
|
|
1819
1819
|
}));
|
|
@@ -1832,12 +1832,12 @@ const LogoContainer$1 = styles.styled('div')(() => ({
|
|
|
1832
1832
|
display: 'flex',
|
|
1833
1833
|
alignItems: 'center',
|
|
1834
1834
|
cursor: 'pointer',
|
|
1835
|
-
height: '
|
|
1836
|
-
width: '
|
|
1835
|
+
height: '16px',
|
|
1836
|
+
width: '116px',
|
|
1837
1837
|
}));
|
|
1838
1838
|
const LogoImage = styles.styled('img')(() => ({
|
|
1839
|
-
height: '
|
|
1840
|
-
width: '
|
|
1839
|
+
height: '16px',
|
|
1840
|
+
width: '116px',
|
|
1841
1841
|
objectFit: 'contain',
|
|
1842
1842
|
}));
|
|
1843
1843
|
const MenuIconButton = styles.styled(material.IconButton)(() => ({
|
|
@@ -3765,19 +3765,8 @@ const FullWidthField$1 = styles.styled(material.Box)({
|
|
|
3765
3765
|
gridColumn: '1 / -1',
|
|
3766
3766
|
},
|
|
3767
3767
|
});
|
|
3768
|
-
/**
|
|
3769
|
-
* Wrapper for consent checkboxes - 28px gap between them on desktop (per design)
|
|
3770
|
-
*/
|
|
3771
|
-
const ConsentCheckboxesWrapper = styles.styled(material.Box)({
|
|
3772
|
-
display: 'flex',
|
|
3773
|
-
flexDirection: 'column',
|
|
3774
|
-
gap: '24px',
|
|
3775
|
-
marginTop: '12px',
|
|
3776
|
-
'@media (min-width: 900px)': {
|
|
3777
|
-
gap: '28px',
|
|
3778
|
-
},
|
|
3779
|
-
});
|
|
3780
3768
|
const CheckboxContainer$1 = styles.styled(material.Box)({
|
|
3769
|
+
marginTop: '12px',
|
|
3781
3770
|
'& .MuiFormControlLabel-root': {
|
|
3782
3771
|
alignItems: 'center',
|
|
3783
3772
|
marginLeft: 0,
|
|
@@ -3809,23 +3798,21 @@ const PersonalInformationForm = ({ renderField, fields, consents, onSubmit, form
|
|
|
3809
3798
|
color: '#5F5E62',
|
|
3810
3799
|
fontSize: '12px',
|
|
3811
3800
|
wordSpacing: '-5px',
|
|
3812
|
-
} }, { children: fields.full_name.helperText })))] }), renderField(fields.nric), renderField(fields.date_of_birth), renderField(fields.gender), renderField(fields.salutation), renderField(fields.nationality), fields.place_of_birth && renderField(fields.place_of_birth), fields.marital_status && renderField(fields.marital_status), fields.race && renderField(fields.race), fields.religion && renderField(fields.religion), renderField(fields.occupation), renderField(fields.industry), renderField(fields.crediting_bank_name), renderField(fields.crediting_bank_account_number), fields.annual_income && renderField(fields.annual_income), desktopGridLayout ? (jsxRuntime.jsx(FullWidthField$1, { children: jsxRuntime.jsxs(
|
|
3813
|
-
|
|
3814
|
-
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
|
|
3820
|
-
|
|
3821
|
-
|
|
3822
|
-
|
|
3823
|
-
|
|
3824
|
-
|
|
3825
|
-
|
|
3826
|
-
|
|
3827
|
-
} }, { children: consents.bank_account_confirmation.error })))] }), jsxRuntime.jsx(CheckboxContainer$1, { children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.marketing_consent.checked, onChange: (e) => consents.marketing_consent.onChange(e.target.checked), name: "marketing_consent" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.marketing_consent.label ||
|
|
3828
|
-
defaultMarketingLabel }) }) })] }))] })) })));
|
|
3801
|
+
} }, { children: fields.full_name.helperText })))] }), renderField(fields.nric), renderField(fields.date_of_birth), renderField(fields.gender), renderField(fields.salutation), renderField(fields.nationality), fields.place_of_birth && renderField(fields.place_of_birth), fields.marital_status && renderField(fields.marital_status), fields.race && renderField(fields.race), fields.religion && renderField(fields.religion), renderField(fields.occupation), renderField(fields.industry), renderField(fields.crediting_bank_name), renderField(fields.crediting_bank_account_number), fields.annual_income && renderField(fields.annual_income), desktopGridLayout ? (jsxRuntime.jsx(FullWidthField$1, { children: jsxRuntime.jsxs(CheckboxContainer$1, { children: [jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.bank_account_confirmation.checked, onChange: (e) => consents.bank_account_confirmation.onChange(e.target.checked), name: "bank_account_confirmation" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.bank_account_confirmation.label ||
|
|
3802
|
+
defaultBankConfirmationLabel }) }), consents.bank_account_confirmation.error && (jsxRuntime.jsx(material.Typography, Object.assign({ sx: {
|
|
3803
|
+
color: 'error.main',
|
|
3804
|
+
fontSize: '12px',
|
|
3805
|
+
mt: 0.5,
|
|
3806
|
+
ml: 4,
|
|
3807
|
+
wordSpacing: '-5px',
|
|
3808
|
+
} }, { children: consents.bank_account_confirmation.error })))] }) })) : (jsxRuntime.jsxs(CheckboxContainer$1, { children: [jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.bank_account_confirmation.checked, onChange: (e) => consents.bank_account_confirmation.onChange(e.target.checked), name: "bank_account_confirmation" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.bank_account_confirmation.label ||
|
|
3809
|
+
defaultBankConfirmationLabel }) }), consents.bank_account_confirmation.error && (jsxRuntime.jsx(material.Typography, Object.assign({ sx: {
|
|
3810
|
+
color: 'error.main',
|
|
3811
|
+
fontSize: '12px',
|
|
3812
|
+
mt: 0.5,
|
|
3813
|
+
ml: 4,
|
|
3814
|
+
wordSpacing: '-5px',
|
|
3815
|
+
} }, { children: consents.bank_account_confirmation.error })))] })), desktopGridLayout ? (jsxRuntime.jsx(FullWidthField$1, { children: jsxRuntime.jsx(CheckboxContainer$1, { children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.marketing_consent.checked, onChange: (e) => consents.marketing_consent.onChange(e.target.checked), name: "marketing_consent" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.marketing_consent.label || defaultMarketingLabel }) }) }) })) : (jsxRuntime.jsx(CheckboxContainer$1, { children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.marketing_consent.checked, onChange: (e) => consents.marketing_consent.onChange(e.target.checked), name: "marketing_consent" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.marketing_consent.label || defaultMarketingLabel }) }) }))] })) })));
|
|
3829
3816
|
};
|
|
3830
3817
|
|
|
3831
3818
|
const FormContainer$2 = styles.styled(material.Box)({
|
|
@@ -3911,17 +3898,15 @@ const ContactDetailsForm = ({ renderField, fields, isForChild = false, mailingFi
|
|
|
3911
3898
|
const content = (jsxRuntime.jsxs(material.Box, { children: [renderField(field), field.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: {
|
|
3912
3899
|
display: 'block',
|
|
3913
3900
|
mt: 0.5,
|
|
3914
|
-
ml: 2,
|
|
3915
3901
|
color: '#5F5E62',
|
|
3916
3902
|
fontSize: '12px',
|
|
3917
|
-
wordSpacing: '-5px',
|
|
3918
3903
|
} }, { children: field.helperText })))] }));
|
|
3919
3904
|
if (desktopGridLayout && fullWidth) {
|
|
3920
3905
|
return jsxRuntime.jsx(FullWidthField, { children: content });
|
|
3921
3906
|
}
|
|
3922
3907
|
return content;
|
|
3923
3908
|
};
|
|
3924
|
-
return (jsxRuntime.jsx(Container, Object.assign({ ref: formRef, component: "form", onSubmit: onSubmit, sx: sx }, { children: desktopGridLayout ? (jsxRuntime.jsxs(FieldsGridContainer$1, { children: [isForChild && (jsxRuntime.jsx(FullWidthField, { children: jsxRuntime.jsx(SectionTitle$1, { children: "Policyowner contact details" }) })),
|
|
3909
|
+
return (jsxRuntime.jsx(Container, Object.assign({ ref: formRef, component: "form", onSubmit: onSubmit, sx: sx }, { children: desktopGridLayout ? (jsxRuntime.jsxs(FieldsGridContainer$1, { children: [isForChild && (jsxRuntime.jsx(FullWidthField, { children: jsxRuntime.jsx(SectionTitle$1, { children: "Policyowner contact details" }) })), renderFieldWithHelperText(fields.phone_number, false), renderFieldWithLayout(fields.email_address, false), ((mailingAddressSame === null || mailingAddressSame === void 0 ? void 0 : mailingAddressSame.checked) && !isForChild) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FullWidthField, { children: jsxRuntime.jsx(material.Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }) }), jsxRuntime.jsx(FullWidthField, { children: jsxRuntime.jsx(SectionTitle$1, { children: "Residential address" }) })] })), renderFieldWithHelperText(fields.residential_address_line1, false), renderFieldWithHelperText(fields.residential_address_line2, false), fields.country && renderField(fields.country), renderField(fields.postal_code), renderField(fields.city), renderField(fields.state), (mailingAddressSame === null || mailingAddressSame === void 0 ? void 0 : mailingAddressSame.checked) && mailingFields && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FullWidthField, { children: jsxRuntime.jsx(material.Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }) }), jsxRuntime.jsx(FullWidthField, { children: jsxRuntime.jsx(SectionTitle$1, { children: isForChild ? 'Policyowner mailing address' : 'Mailing address' }) }), isForChild && mailingFields.mailing_phone_number && (renderFieldWithHelperText(mailingFields.mailing_phone_number, false)), isForChild && mailingFields.mailing_email_address && (renderFieldWithLayout(mailingFields.mailing_email_address, false)), renderFieldWithHelperText(mailingFields.mailing_address_line1, false), renderFieldWithHelperText(mailingFields.mailing_address_line2, false), mailingFields.mailing_country && renderField(mailingFields.mailing_country), renderField(mailingFields.mailing_postal_code), renderField(mailingFields.mailing_city), renderField(mailingFields.mailing_state)] })), (childContactNotSame === null || childContactNotSame === void 0 ? void 0 : childContactNotSame.checked) && childContactFields && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FullWidthField, { children: jsxRuntime.jsx(material.Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }) }), jsxRuntime.jsx(FullWidthField, { children: jsxRuntime.jsx(SectionTitle$1, { children: "Child's contact details" }) }), renderFieldWithHelperText(childContactFields.child_phone_number, false), renderFieldWithLayout(childContactFields.child_email_address, false), renderFieldWithHelperText(childContactFields.child_address_line1, false), renderFieldWithHelperText(childContactFields.child_address_line2, false), renderField(childContactFields.child_postal_code), childContactFields.child_country && renderField(childContactFields.child_country), renderField(childContactFields.child_city), renderField(childContactFields.child_state)] })), mailingAddressSame && (jsxRuntime.jsx(FullWidthField, { children: jsxRuntime.jsx(CheckboxContainer, { children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: mailingAddressSame.checked, onChange: (e) => mailingAddressSame.onChange(e.target.checked), name: "mailing_not_same_as_residential", sx: {
|
|
3925
3910
|
color: '#929094',
|
|
3926
3911
|
'&.Mui-checked': {
|
|
3927
3912
|
color: '#317abc',
|
|
@@ -3936,35 +3921,33 @@ const ContactDetailsForm = ({ renderField, fields, isForChild = false, mailingFi
|
|
|
3936
3921
|
fontSize: '12px',
|
|
3937
3922
|
color: '#5F5E62',
|
|
3938
3923
|
mt: 0.5,
|
|
3939
|
-
} }, { children: childContactHelperText }))] }) }) }) }))] })) : (jsxRuntime.jsxs(material.Box, Object.assign({ sx: { display: 'flex', flexDirection: 'column', gap: '24px' } }, { children: [isForChild && (jsxRuntime.jsx(SectionTitle$1, { children: "Policyowner contact details" })),
|
|
3924
|
+
} }, { children: childContactHelperText }))] }) }) }) }))] })) : (jsxRuntime.jsxs(material.Box, Object.assign({ sx: { display: 'flex', flexDirection: 'column', gap: '24px' } }, { children: [isForChild && (jsxRuntime.jsx(SectionTitle$1, { children: "Policyowner contact details" })), jsxRuntime.jsxs(material.Box, { children: [renderField(fields.phone_number), fields.phone_number.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: {
|
|
3925
|
+
display: 'block',
|
|
3926
|
+
mt: 0.5,
|
|
3927
|
+
ml: 2,
|
|
3928
|
+
color: '#5F5E62',
|
|
3929
|
+
fontSize: '12px',
|
|
3930
|
+
} }, { children: fields.phone_number.helperText })))] }), renderField(fields.email_address), ((mailingAddressSame === null || mailingAddressSame === void 0 ? void 0 : mailingAddressSame.checked) && !isForChild) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }), jsxRuntime.jsx(SectionTitle$1, { children: "Residential address" })] })), jsxRuntime.jsxs(material.Box, { children: [renderField(fields.residential_address_line1), fields.residential_address_line1.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: {
|
|
3940
3931
|
display: 'block',
|
|
3941
3932
|
mt: 0.5,
|
|
3942
3933
|
color: '#5F5E62',
|
|
3943
3934
|
fontSize: '12px',
|
|
3944
|
-
ml: 2,
|
|
3945
|
-
wordSpacing: '-5px',
|
|
3946
3935
|
} }, { children: fields.residential_address_line1.helperText })))] }), jsxRuntime.jsxs(material.Box, { children: [renderField(fields.residential_address_line2), fields.residential_address_line2.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: {
|
|
3947
3936
|
display: 'block',
|
|
3948
3937
|
mt: 0.5,
|
|
3949
3938
|
color: '#5F5E62',
|
|
3950
3939
|
fontSize: '12px',
|
|
3951
|
-
|
|
3952
|
-
wordSpacing: '-5px',
|
|
3953
|
-
} }, { children: fields.residential_address_line2.helperText })))] }), fields.country && renderField(fields.country), renderField(fields.postal_code), renderField(fields.city), renderField(fields.state), (mailingAddressSame === null || mailingAddressSame === void 0 ? void 0 : mailingAddressSame.checked) && mailingFields && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }), jsxRuntime.jsx(SectionTitle$1, { children: isForChild ? 'Policyowner mailing address' : 'Mailing address' }), isForChild && mailingFields.mailing_phone_number && (renderField(mailingFields.mailing_phone_number)), isForChild && mailingFields.mailing_email_address && (renderField(mailingFields.mailing_email_address)), jsxRuntime.jsxs(material.Box, { children: [renderField(mailingFields.mailing_address_line1), mailingFields.mailing_address_line1.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: {
|
|
3940
|
+
} }, { children: fields.residential_address_line2.helperText })))] }), fields.country && renderField(fields.country), renderField(fields.postal_code), renderField(fields.city), renderField(fields.state), (mailingAddressSame === null || mailingAddressSame === void 0 ? void 0 : mailingAddressSame.checked) && mailingFields && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }), jsxRuntime.jsx(SectionTitle$1, { children: isForChild ? 'Policyowner mailing address' : 'Mailing address' }), isForChild && mailingFields.mailing_phone_number && (jsxRuntime.jsxs(material.Box, { children: [renderField(mailingFields.mailing_phone_number), mailingFields.mailing_phone_number.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: { display: 'block', mt: 0.5, ml: 2, color: '#5F5E62', fontSize: '12px' } }, { children: mailingFields.mailing_phone_number.helperText })))] })), isForChild && mailingFields.mailing_email_address && (renderField(mailingFields.mailing_email_address)), jsxRuntime.jsxs(material.Box, { children: [renderField(mailingFields.mailing_address_line1), mailingFields.mailing_address_line1.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: {
|
|
3954
3941
|
display: 'block',
|
|
3955
3942
|
mt: 0.5,
|
|
3956
3943
|
color: '#5F5E62',
|
|
3957
3944
|
fontSize: '12px',
|
|
3958
|
-
ml: 2,
|
|
3959
|
-
wordSpacing: '-5px',
|
|
3960
3945
|
} }, { children: mailingFields.mailing_address_line1.helperText })))] }), jsxRuntime.jsxs(material.Box, { children: [renderField(mailingFields.mailing_address_line2), mailingFields.mailing_address_line2.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: {
|
|
3961
3946
|
display: 'block',
|
|
3962
3947
|
mt: 0.5,
|
|
3963
3948
|
color: '#5F5E62',
|
|
3964
3949
|
fontSize: '12px',
|
|
3965
|
-
|
|
3966
|
-
wordSpacing: '-5px',
|
|
3967
|
-
} }, { children: mailingFields.mailing_address_line2.helperText })))] }), mailingFields.mailing_country && renderField(mailingFields.mailing_country), renderField(mailingFields.mailing_postal_code), renderField(mailingFields.mailing_city), renderField(mailingFields.mailing_state)] })), (childContactNotSame === null || childContactNotSame === void 0 ? void 0 : childContactNotSame.checked) && childContactFields && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }), jsxRuntime.jsx(SectionTitle$1, { children: "Child's contact details" }), renderField(childContactFields.child_phone_number), renderField(childContactFields.child_email_address), jsxRuntime.jsxs(material.Box, { children: [renderField(childContactFields.child_address_line1), childContactFields.child_address_line1.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: { display: 'block', mt: 0.5, ml: 2, wordSpacing: '-5px', color: '#5F5E62', fontSize: '12px' } }, { children: childContactFields.child_address_line1.helperText })))] }), jsxRuntime.jsxs(material.Box, { children: [renderField(childContactFields.child_address_line2), childContactFields.child_address_line2.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: { display: 'block', mt: 0.5, ml: 2, wordSpacing: '-5px', color: '#5F5E62', fontSize: '12px' } }, { children: childContactFields.child_address_line2.helperText })))] }), renderField(childContactFields.child_postal_code), childContactFields.child_country && renderField(childContactFields.child_country), renderField(childContactFields.child_city), renderField(childContactFields.child_state)] })), mailingAddressSame && (jsxRuntime.jsx(CheckboxContainer, { children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: mailingAddressSame.checked, onChange: (e) => mailingAddressSame.onChange(e.target.checked), name: "mailing_not_same_as_residential", sx: {
|
|
3950
|
+
} }, { children: mailingFields.mailing_address_line2.helperText })))] }), mailingFields.mailing_country && renderField(mailingFields.mailing_country), renderField(mailingFields.mailing_postal_code), renderField(mailingFields.mailing_city), renderField(mailingFields.mailing_state)] })), (childContactNotSame === null || childContactNotSame === void 0 ? void 0 : childContactNotSame.checked) && childContactFields && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }), jsxRuntime.jsx(SectionTitle$1, { children: "Child's contact details" }), jsxRuntime.jsxs(material.Box, { children: [renderField(childContactFields.child_phone_number), childContactFields.child_phone_number.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: { display: 'block', mt: 0.5, ml: 2, color: '#5F5E62', fontSize: '12px' } }, { children: childContactFields.child_phone_number.helperText })))] }), renderField(childContactFields.child_email_address), jsxRuntime.jsxs(material.Box, { children: [renderField(childContactFields.child_address_line1), childContactFields.child_address_line1.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: { display: 'block', mt: 0.5, color: '#5F5E62', fontSize: '12px' } }, { children: childContactFields.child_address_line1.helperText })))] }), jsxRuntime.jsxs(material.Box, { children: [renderField(childContactFields.child_address_line2), childContactFields.child_address_line2.helperText && (jsxRuntime.jsx(material.Box, Object.assign({ component: "span", sx: { display: 'block', mt: 0.5, color: '#5F5E62', fontSize: '12px' } }, { children: childContactFields.child_address_line2.helperText })))] }), renderField(childContactFields.child_postal_code), childContactFields.child_country && renderField(childContactFields.child_country), renderField(childContactFields.child_city), renderField(childContactFields.child_state)] })), mailingAddressSame && (jsxRuntime.jsx(CheckboxContainer, { children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: mailingAddressSame.checked, onChange: (e) => mailingAddressSame.onChange(e.target.checked), name: "mailing_not_same_as_residential", sx: {
|
|
3968
3951
|
color: '#929094',
|
|
3969
3952
|
'&.Mui-checked': {
|
|
3970
3953
|
color: '#317abc',
|
|
@@ -3979,8 +3962,6 @@ const ContactDetailsForm = ({ renderField, fields, isForChild = false, mailingFi
|
|
|
3979
3962
|
fontSize: '12px',
|
|
3980
3963
|
color: '#5F5E62',
|
|
3981
3964
|
mt: 0.5,
|
|
3982
|
-
ml: 2,
|
|
3983
|
-
wordSpacing: '-5px',
|
|
3984
3965
|
} }, { children: childContactHelperText }))] }) }) }))] }))) })));
|
|
3985
3966
|
};
|
|
3986
3967
|
|