@pubflow/react 0.3.3 → 0.4.0
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/index.cjs +46 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.esm.js +46 -13
- package/dist/index.esm.js.map +1 -1
- package/package.json +3 -3
package/dist/index.esm.js
CHANGED
|
@@ -454,7 +454,8 @@ function PubflowProvider({ children, config, instances, defaultInstance = 'defau
|
|
|
454
454
|
}
|
|
455
455
|
});
|
|
456
456
|
}
|
|
457
|
-
if
|
|
457
|
+
// Only set context value if we have instances to set
|
|
458
|
+
if (isMounted && Object.keys(instancesMap).length > 0) {
|
|
458
459
|
setContextValue({
|
|
459
460
|
instances: instancesMap,
|
|
460
461
|
defaultInstance
|
|
@@ -8678,21 +8679,31 @@ function LoginForm({ config = {}, onSuccess, onError, onPasswordReset, onAccount
|
|
|
8678
8679
|
const styles = {
|
|
8679
8680
|
container: {
|
|
8680
8681
|
maxWidth: '400px',
|
|
8682
|
+
width: '100%',
|
|
8681
8683
|
margin: '0 auto',
|
|
8682
8684
|
padding: '24px',
|
|
8683
8685
|
backgroundColor: '#ffffff',
|
|
8684
8686
|
borderRadius: '24px',
|
|
8685
8687
|
boxShadow: '0 8px 24px rgba(0, 0, 0, 0.1)',
|
|
8686
|
-
border: '1px solid #f0f0f0'
|
|
8688
|
+
border: '1px solid #f0f0f0',
|
|
8689
|
+
boxSizing: 'border-box'
|
|
8687
8690
|
},
|
|
8688
8691
|
logoSection: {
|
|
8692
|
+
display: 'flex',
|
|
8693
|
+
justifyContent: 'center',
|
|
8694
|
+
alignItems: 'center',
|
|
8689
8695
|
textAlign: 'center',
|
|
8690
|
-
marginBottom: '32px'
|
|
8696
|
+
marginBottom: '32px',
|
|
8697
|
+
width: '100%'
|
|
8691
8698
|
},
|
|
8692
8699
|
logo: {
|
|
8693
8700
|
maxWidth: '320px',
|
|
8694
|
-
|
|
8695
|
-
|
|
8701
|
+
maxHeight: '80px',
|
|
8702
|
+
height: 'auto',
|
|
8703
|
+
width: 'auto',
|
|
8704
|
+
objectFit: 'contain',
|
|
8705
|
+
marginBottom: '20px',
|
|
8706
|
+
display: 'block'
|
|
8696
8707
|
},
|
|
8697
8708
|
welcomeText: {
|
|
8698
8709
|
fontSize: '32px',
|
|
@@ -8918,21 +8929,32 @@ function PasswordResetForm({ config = {}, onSuccess, onError, onBackToLogin, res
|
|
|
8918
8929
|
const styles = {
|
|
8919
8930
|
container: {
|
|
8920
8931
|
maxWidth: '400px',
|
|
8932
|
+
width: '100%',
|
|
8921
8933
|
margin: '0 auto',
|
|
8922
8934
|
padding: '24px',
|
|
8923
8935
|
backgroundColor: '#ffffff',
|
|
8924
8936
|
borderRadius: '24px',
|
|
8925
8937
|
boxShadow: '0 8px 24px rgba(0, 0, 0, 0.1)',
|
|
8926
|
-
border: '1px solid #f0f0f0'
|
|
8938
|
+
border: '1px solid #f0f0f0',
|
|
8939
|
+
boxSizing: 'border-box'
|
|
8927
8940
|
},
|
|
8928
8941
|
logoSection: {
|
|
8942
|
+
display: 'flex',
|
|
8943
|
+
flexDirection: 'column',
|
|
8944
|
+
justifyContent: 'center',
|
|
8945
|
+
alignItems: 'center',
|
|
8929
8946
|
textAlign: 'center',
|
|
8930
|
-
marginBottom: '32px'
|
|
8947
|
+
marginBottom: '32px',
|
|
8948
|
+
width: '100%'
|
|
8931
8949
|
},
|
|
8932
8950
|
logo: {
|
|
8933
8951
|
maxWidth: '320px',
|
|
8934
|
-
|
|
8935
|
-
|
|
8952
|
+
maxHeight: '80px',
|
|
8953
|
+
height: 'auto',
|
|
8954
|
+
width: 'auto',
|
|
8955
|
+
objectFit: 'contain',
|
|
8956
|
+
marginBottom: '20px',
|
|
8957
|
+
display: 'block'
|
|
8936
8958
|
},
|
|
8937
8959
|
title: {
|
|
8938
8960
|
fontSize: '28px',
|
|
@@ -9188,21 +9210,32 @@ function AccountCreationForm({ config = {}, onSuccess, onError, onBackToLogin })
|
|
|
9188
9210
|
const styles = {
|
|
9189
9211
|
container: {
|
|
9190
9212
|
maxWidth: '400px',
|
|
9213
|
+
width: '100%',
|
|
9191
9214
|
margin: '0 auto',
|
|
9192
9215
|
padding: '24px',
|
|
9193
9216
|
backgroundColor: '#ffffff',
|
|
9194
9217
|
borderRadius: '24px',
|
|
9195
9218
|
boxShadow: '0 8px 24px rgba(0, 0, 0, 0.1)',
|
|
9196
|
-
border: '1px solid #f0f0f0'
|
|
9219
|
+
border: '1px solid #f0f0f0',
|
|
9220
|
+
boxSizing: 'border-box'
|
|
9197
9221
|
},
|
|
9198
9222
|
logoSection: {
|
|
9223
|
+
display: 'flex',
|
|
9224
|
+
flexDirection: 'column',
|
|
9225
|
+
justifyContent: 'center',
|
|
9226
|
+
alignItems: 'center',
|
|
9199
9227
|
textAlign: 'center',
|
|
9200
|
-
marginBottom: '32px'
|
|
9228
|
+
marginBottom: '32px',
|
|
9229
|
+
width: '100%'
|
|
9201
9230
|
},
|
|
9202
9231
|
logo: {
|
|
9203
9232
|
maxWidth: '320px',
|
|
9204
|
-
|
|
9205
|
-
|
|
9233
|
+
maxHeight: '80px',
|
|
9234
|
+
height: 'auto',
|
|
9235
|
+
width: 'auto',
|
|
9236
|
+
objectFit: 'contain',
|
|
9237
|
+
marginBottom: '20px',
|
|
9238
|
+
display: 'block'
|
|
9206
9239
|
},
|
|
9207
9240
|
title: {
|
|
9208
9241
|
fontSize: '28px',
|