@boneframework/native-components 1.0.30 → 1.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boneframework/native-components",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "Expo Components for Bone Framework",
   "main": "src/Bone.ts",
   "scripts": {

package/screens/ResendActivationlScreen.js

@@ -0,0 +1,49 @@
+import {StyleSheet, View} from "react-native";
+
+import Text from '../components/Text';
+import Button from "../components/Button";
+import Button from "../components/Image";
+
+import colors from "../../../../config/colors";
+
+function ResendActivationScreen({tokenError, submitCallback}) {
+
+    return (
+        <View style={styles.container}>
+            <Image style={styles.logo} source={require('../../../../assets/logo.png')} />
+            <Text style={styles.tokenError}>{tokenError}</Text>
+            <Text style={styles.resendText}>You will need a fresh acivation email in order to continue creating your account.</Text>
+            <Button color={'primary'} title={'Resend email'} onPress={submitCallback}/>
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+    },
+    logo: {
+        width: 150,
+        height: 105,
+        alignSelf: "center",
+        marginTop: 50,
+        marginBottom: 20,
+    },
+    resendText: {
+        color: colors.white,
+        fontSize: 17,
+        marginBottom: 20,
+        textAlign: 'center'
+    },
+    tokenError: {
+        color: colors.white,
+        fontSize: 25,
+        marginBottom: 10,
+        textAlign: 'center'
+    },
+})
+
+export default ResendActivationScreen;
+
+

package/screens/SetPasswordScreen.js

@@ -0,0 +1,64 @@
+import React, {useState} from 'react';
+import {Keyboard, StyleSheet, View} from "react-native";
+import * as Yup from "yup";
+
+import {ErrorMessage, Form, FormField, SubmitButton} from "../components/forms";
+import Image from "../components/Image";
+
+import settings from "../../../../config/settings";
+
+const validationSchema = Yup.object().shape({
+    password: Yup.string().required().min(4).label('Password'),
+    confirm: Yup.string().required().oneOf([Yup.ref('password'), null], 'Passwords must match').label('Confirm')
+});
+
+function SetPasswordScreen({submitCallback, error}) {
+
+    return(
+        <View style={styles.container}>
+            <Image style={styles.logo} source={require('../../../../assets/logo.png')} />
+            <Form
+                initialValues={{ password: '', confirm: ''}}
+                onSubmit={submitCallback}
+                validationSchema={validationSchema}
+            >
+                <ErrorMessage error={error} visible={error} />
+                <FormField
+                    name="password"
+                    autoCaptitalize="none"
+                    autoCorrect={false}
+                    icon="lock"
+                    placeholder="Password"
+                    secureTextEntry
+                    textContentType="password"
+                />
+                <FormField
+                    name="confirm"
+                    autoCaptitalize="none"
+                    autoCorrect={false}
+                    icon="lock"
+                    placeholder="Confirm password"
+                    secureTextEntry
+                    textContentType="password"
+                />
+                <SubmitButton color="primary" title="Set Password" />
+            </Form>
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        paddingHorizontal: 20
+    },
+    logo: {
+        width: 150,
+        height: 105,
+        alignSelf: "center",
+        marginTop: 50,
+        marginBottom: 20,
+    },
+})
+
+export default SetPasswordScreen;