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