igloo-d2c-components 1.0.42 → 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/esm/index.js
CHANGED
|
@@ -947,7 +947,7 @@ const LogoContainer$2 = styled(Box)({
|
|
|
947
947
|
*/
|
|
948
948
|
const LogoImage$1 = styled('img')({
|
|
949
949
|
width: '126px',
|
|
950
|
-
height: '
|
|
950
|
+
height: '16px',
|
|
951
951
|
objectFit: 'contain',
|
|
952
952
|
});
|
|
953
953
|
/**
|
|
@@ -1793,7 +1793,7 @@ function Header$1({ logo, navigationLinks, languages, currentLocale, userToken,
|
|
|
1793
1793
|
}
|
|
1794
1794
|
|
|
1795
1795
|
const StyledAppBar = styled(AppBar$1)(({ theme }) => ({
|
|
1796
|
-
backgroundColor: '#
|
|
1796
|
+
backgroundColor: '#FFFFFF',
|
|
1797
1797
|
boxShadow: '0px 2px 20px 4px rgba(0, 0, 0, 0.14)',
|
|
1798
1798
|
zIndex: theme.zIndex.drawer + 1,
|
|
1799
1799
|
}));
|
|
@@ -1812,12 +1812,12 @@ const LogoContainer$1 = styled('div')(() => ({
|
|
|
1812
1812
|
display: 'flex',
|
|
1813
1813
|
alignItems: 'center',
|
|
1814
1814
|
cursor: 'pointer',
|
|
1815
|
-
height: '
|
|
1816
|
-
width: '
|
|
1815
|
+
height: '16px',
|
|
1816
|
+
width: '116px',
|
|
1817
1817
|
}));
|
|
1818
1818
|
const LogoImage = styled('img')(() => ({
|
|
1819
|
-
height: '
|
|
1820
|
-
width: '
|
|
1819
|
+
height: '16px',
|
|
1820
|
+
width: '116px',
|
|
1821
1821
|
objectFit: 'contain',
|
|
1822
1822
|
}));
|
|
1823
1823
|
const MenuIconButton = styled(IconButton)(() => ({
|
|
@@ -3745,19 +3745,8 @@ const FullWidthField$1 = styled(Box)({
|
|
|
3745
3745
|
gridColumn: '1 / -1',
|
|
3746
3746
|
},
|
|
3747
3747
|
});
|
|
3748
|
-
/**
|
|
3749
|
-
* Wrapper for consent checkboxes - 28px gap between them on desktop (per design)
|
|
3750
|
-
*/
|
|
3751
|
-
const ConsentCheckboxesWrapper = styled(Box)({
|
|
3752
|
-
display: 'flex',
|
|
3753
|
-
flexDirection: 'column',
|
|
3754
|
-
gap: '24px',
|
|
3755
|
-
marginTop: '12px',
|
|
3756
|
-
'@media (min-width: 900px)': {
|
|
3757
|
-
gap: '28px',
|
|
3758
|
-
},
|
|
3759
|
-
});
|
|
3760
3748
|
const CheckboxContainer$1 = styled(Box)({
|
|
3749
|
+
marginTop: '12px',
|
|
3761
3750
|
'& .MuiFormControlLabel-root': {
|
|
3762
3751
|
alignItems: 'center',
|
|
3763
3752
|
marginLeft: 0,
|
|
@@ -3789,23 +3778,21 @@ const PersonalInformationForm = ({ renderField, fields, consents, onSubmit, form
|
|
|
3789
3778
|
color: '#5F5E62',
|
|
3790
3779
|
fontSize: '12px',
|
|
3791
3780
|
wordSpacing: '-5px',
|
|
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(
|
|
3793
|
-
|
|
3794
|
-
|
|
3795
|
-
|
|
3796
|
-
|
|
3797
|
-
|
|
3798
|
-
|
|
3799
|
-
|
|
3800
|
-
|
|
3801
|
-
|
|
3802
|
-
|
|
3803
|
-
|
|
3804
|
-
|
|
3805
|
-
|
|
3806
|
-
|
|
3807
|
-
} }, { children: consents.bank_account_confirmation.error })))] }), jsx(CheckboxContainer$1, { children: jsx(FormControlLabel, { control: jsx(Checkbox, { checked: consents.marketing_consent.checked, onChange: (e) => consents.marketing_consent.onChange(e.target.checked), name: "marketing_consent" }), label: jsx(CheckboxLabel$1, { children: consents.marketing_consent.label ||
|
|
3808
|
-
defaultMarketingLabel }) }) })] }))] })) })));
|
|
3781
|
+
} }, { 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(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 ||
|
|
3782
|
+
defaultBankConfirmationLabel }) }), consents.bank_account_confirmation.error && (jsx(Typography, Object.assign({ sx: {
|
|
3783
|
+
color: 'error.main',
|
|
3784
|
+
fontSize: '12px',
|
|
3785
|
+
mt: 0.5,
|
|
3786
|
+
ml: 4,
|
|
3787
|
+
wordSpacing: '-5px',
|
|
3788
|
+
} }, { children: consents.bank_account_confirmation.error })))] }) })) : (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 ||
|
|
3789
|
+
defaultBankConfirmationLabel }) }), consents.bank_account_confirmation.error && (jsx(Typography, Object.assign({ sx: {
|
|
3790
|
+
color: 'error.main',
|
|
3791
|
+
fontSize: '12px',
|
|
3792
|
+
mt: 0.5,
|
|
3793
|
+
ml: 4,
|
|
3794
|
+
wordSpacing: '-5px',
|
|
3795
|
+
} }, { children: consents.bank_account_confirmation.error })))] })), desktopGridLayout ? (jsx(FullWidthField$1, { children: jsx(CheckboxContainer$1, { children: jsx(FormControlLabel, { control: jsx(Checkbox, { checked: consents.marketing_consent.checked, onChange: (e) => consents.marketing_consent.onChange(e.target.checked), name: "marketing_consent" }), label: jsx(CheckboxLabel$1, { children: consents.marketing_consent.label || defaultMarketingLabel }) }) }) })) : (jsx(CheckboxContainer$1, { children: jsx(FormControlLabel, { control: jsx(Checkbox, { checked: consents.marketing_consent.checked, onChange: (e) => consents.marketing_consent.onChange(e.target.checked), name: "marketing_consent" }), label: jsx(CheckboxLabel$1, { children: consents.marketing_consent.label || defaultMarketingLabel }) }) }))] })) })));
|
|
3809
3796
|
};
|
|
3810
3797
|
|
|
3811
3798
|
const FormContainer$2 = styled(Box)({
|