igloo-d2c-components 1.0.41 → 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/cjs/index.js +17 -11
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +17 -11
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -3789,7 +3789,7 @@ const PersonalInformationForm = ({ renderField, fields, consents, onSubmit, form
|
|
|
3789
3789
|
color: '#5F5E62',
|
|
3790
3790
|
fontSize: '12px',
|
|
3791
3791
|
wordSpacing: '-5px',
|
|
3792
|
-
} }, { children: fields.full_name.helperText })))] }), renderField(fields.nric), renderField(fields.
|
|
3792
|
+
} }, { 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 ? (jsx(FullWidthField$1, { children: jsxs(ConsentCheckboxesWrapper, { children: [jsxs(CheckboxContainer$1, { children: [jsx(FormControlLabel, { control: jsx(Checkbox, { checked: consents.bank_account_confirmation.checked, onChange: (e) => consents.bank_account_confirmation.onChange(e.target.checked), name: "bank_account_confirmation" }), label: jsx(CheckboxLabel$1, { children: consents.bank_account_confirmation.label ||
|
|
3793
3793
|
defaultBankConfirmationLabel }) }), consents.bank_account_confirmation.error && (jsx(Typography, Object.assign({ sx: {
|
|
3794
3794
|
color: 'error.main',
|
|
3795
3795
|
fontSize: '12px',
|
|
@@ -3891,15 +3891,17 @@ const ContactDetailsForm = ({ renderField, fields, isForChild = false, mailingFi
|
|
|
3891
3891
|
const content = (jsxs(Box, { children: [renderField(field), field.helperText && (jsx(Box, Object.assign({ component: "span", sx: {
|
|
3892
3892
|
display: 'block',
|
|
3893
3893
|
mt: 0.5,
|
|
3894
|
+
ml: 2,
|
|
3894
3895
|
color: '#5F5E62',
|
|
3895
3896
|
fontSize: '12px',
|
|
3897
|
+
wordSpacing: '-5px',
|
|
3896
3898
|
} }, { children: field.helperText })))] }));
|
|
3897
3899
|
if (desktopGridLayout && fullWidth) {
|
|
3898
3900
|
return jsx(FullWidthField, { children: content });
|
|
3899
3901
|
}
|
|
3900
3902
|
return content;
|
|
3901
3903
|
};
|
|
3902
|
-
return (jsx(Container, Object.assign({ ref: formRef, component: "form", onSubmit: onSubmit, sx: sx }, { children: desktopGridLayout ? (jsxs(FieldsGridContainer$1, { children: [isForChild && (jsx(FullWidthField, { children: jsx(SectionTitle$1, { children: "Policyowner contact details" }) })),
|
|
3904
|
+
return (jsx(Container, Object.assign({ ref: formRef, component: "form", onSubmit: onSubmit, sx: sx }, { children: desktopGridLayout ? (jsxs(FieldsGridContainer$1, { children: [isForChild && (jsx(FullWidthField, { children: jsx(SectionTitle$1, { children: "Policyowner contact details" }) })), renderFieldWithLayout(fields.phone_number, false), renderFieldWithLayout(fields.email_address, false), ((mailingAddressSame === null || mailingAddressSame === void 0 ? void 0 : mailingAddressSame.checked) && !isForChild) && (jsxs(Fragment, { children: [jsx(FullWidthField, { children: jsx(Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }) }), jsx(FullWidthField, { children: 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 && (jsxs(Fragment, { children: [jsx(FullWidthField, { children: jsx(Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }) }), jsx(FullWidthField, { children: jsx(SectionTitle$1, { children: isForChild ? 'Policyowner mailing address' : 'Mailing address' }) }), isForChild && mailingFields.mailing_phone_number && (renderFieldWithLayout(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 && (jsxs(Fragment, { children: [jsx(FullWidthField, { children: jsx(Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }) }), jsx(FullWidthField, { children: jsx(SectionTitle$1, { children: "Child's contact details" }) }), renderFieldWithLayout(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 && (jsx(FullWidthField, { children: jsx(CheckboxContainer, { children: jsx(FormControlLabel, { control: jsx(Checkbox, { checked: mailingAddressSame.checked, onChange: (e) => mailingAddressSame.onChange(e.target.checked), name: "mailing_not_same_as_residential", sx: {
|
|
3903
3905
|
color: '#929094',
|
|
3904
3906
|
'&.Mui-checked': {
|
|
3905
3907
|
color: '#317abc',
|
|
@@ -3914,33 +3916,35 @@ const ContactDetailsForm = ({ renderField, fields, isForChild = false, mailingFi
|
|
|
3914
3916
|
fontSize: '12px',
|
|
3915
3917
|
color: '#5F5E62',
|
|
3916
3918
|
mt: 0.5,
|
|
3917
|
-
} }, { children: childContactHelperText }))] }) }) }) }))] })) : (jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'column', gap: '24px' } }, { children: [isForChild && (jsx(SectionTitle$1, { children: "Policyowner contact details" })), jsxs(Box, { children: [renderField(fields.
|
|
3918
|
-
display: 'block',
|
|
3919
|
-
mt: 0.5,
|
|
3920
|
-
ml: 2,
|
|
3921
|
-
color: '#5F5E62',
|
|
3922
|
-
fontSize: '12px',
|
|
3923
|
-
} }, { children: fields.phone_number.helperText })))] }), renderField(fields.email_address), ((mailingAddressSame === null || mailingAddressSame === void 0 ? void 0 : mailingAddressSame.checked) && !isForChild) && (jsxs(Fragment, { children: [jsx(Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }), jsx(SectionTitle$1, { children: "Residential address" })] })), jsxs(Box, { children: [renderField(fields.residential_address_line1), fields.residential_address_line1.helperText && (jsx(Box, Object.assign({ component: "span", sx: {
|
|
3919
|
+
} }, { children: childContactHelperText }))] }) }) }) }))] })) : (jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'column', gap: '24px' } }, { children: [isForChild && (jsx(SectionTitle$1, { children: "Policyowner contact details" })), renderField(fields.phone_number), renderField(fields.email_address), ((mailingAddressSame === null || mailingAddressSame === void 0 ? void 0 : mailingAddressSame.checked) && !isForChild) && (jsxs(Fragment, { children: [jsx(Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }), jsx(SectionTitle$1, { children: "Residential address" })] })), jsxs(Box, { children: [renderField(fields.residential_address_line1), fields.residential_address_line1.helperText && (jsx(Box, Object.assign({ component: "span", sx: {
|
|
3924
3920
|
display: 'block',
|
|
3925
3921
|
mt: 0.5,
|
|
3926
3922
|
color: '#5F5E62',
|
|
3927
3923
|
fontSize: '12px',
|
|
3924
|
+
ml: 2,
|
|
3925
|
+
wordSpacing: '-5px',
|
|
3928
3926
|
} }, { children: fields.residential_address_line1.helperText })))] }), jsxs(Box, { children: [renderField(fields.residential_address_line2), fields.residential_address_line2.helperText && (jsx(Box, Object.assign({ component: "span", sx: {
|
|
3929
3927
|
display: 'block',
|
|
3930
3928
|
mt: 0.5,
|
|
3931
3929
|
color: '#5F5E62',
|
|
3932
3930
|
fontSize: '12px',
|
|
3933
|
-
|
|
3931
|
+
ml: 2,
|
|
3932
|
+
wordSpacing: '-5px',
|
|
3933
|
+
} }, { 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 && (jsxs(Fragment, { children: [jsx(Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }), 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)), jsxs(Box, { children: [renderField(mailingFields.mailing_address_line1), mailingFields.mailing_address_line1.helperText && (jsx(Box, Object.assign({ component: "span", sx: {
|
|
3934
3934
|
display: 'block',
|
|
3935
3935
|
mt: 0.5,
|
|
3936
3936
|
color: '#5F5E62',
|
|
3937
3937
|
fontSize: '12px',
|
|
3938
|
+
ml: 2,
|
|
3939
|
+
wordSpacing: '-5px',
|
|
3938
3940
|
} }, { children: mailingFields.mailing_address_line1.helperText })))] }), jsxs(Box, { children: [renderField(mailingFields.mailing_address_line2), mailingFields.mailing_address_line2.helperText && (jsx(Box, Object.assign({ component: "span", sx: {
|
|
3939
3941
|
display: 'block',
|
|
3940
3942
|
mt: 0.5,
|
|
3941
3943
|
color: '#5F5E62',
|
|
3942
3944
|
fontSize: '12px',
|
|
3943
|
-
|
|
3945
|
+
ml: 2,
|
|
3946
|
+
wordSpacing: '-5px',
|
|
3947
|
+
} }, { 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 && (jsxs(Fragment, { children: [jsx(Divider, { sx: { borderColor: 'rgba(0,0,0,0.1)' } }), jsx(SectionTitle$1, { children: "Child's contact details" }), renderField(childContactFields.child_phone_number), renderField(childContactFields.child_email_address), jsxs(Box, { children: [renderField(childContactFields.child_address_line1), childContactFields.child_address_line1.helperText && (jsx(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 })))] }), jsxs(Box, { children: [renderField(childContactFields.child_address_line2), childContactFields.child_address_line2.helperText && (jsx(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 && (jsx(CheckboxContainer, { children: jsx(FormControlLabel, { control: jsx(Checkbox, { checked: mailingAddressSame.checked, onChange: (e) => mailingAddressSame.onChange(e.target.checked), name: "mailing_not_same_as_residential", sx: {
|
|
3944
3948
|
color: '#929094',
|
|
3945
3949
|
'&.Mui-checked': {
|
|
3946
3950
|
color: '#317abc',
|
|
@@ -3955,6 +3959,8 @@ const ContactDetailsForm = ({ renderField, fields, isForChild = false, mailingFi
|
|
|
3955
3959
|
fontSize: '12px',
|
|
3956
3960
|
color: '#5F5E62',
|
|
3957
3961
|
mt: 0.5,
|
|
3962
|
+
ml: 2,
|
|
3963
|
+
wordSpacing: '-5px',
|
|
3958
3964
|
} }, { children: childContactHelperText }))] }) }) }))] }))) })));
|
|
3959
3965
|
};
|
|
3960
3966
|
|