@rownd/react-native 0.1.9 → 0.2.0

package/README.md

@@ -3,7 +3,7 @@
 Rownd bindings for React Native
 
 ## Prerequisites
-You must be using React Native v0.64 or higher.
+You must be using React Native v0.61 or higher.
 
 ## Installation
 
@@ -15,11 +15,20 @@ npm install @rownd/react-native
 
 Due to some native peer-dependencies, you'll also need to run the following command to get modules with native code working properly.
 
-```sh
-npm install @gorhom/bottom-sheet @react-native-clipboard/clipboard \
-react-native-device-info react-native-gesture-handler react-native-mmkv \
-react-native-reanimated react-native-sha256 react-native-svg
-```
+> If you already use `react-native-gesture-handler` and/or `react-native-reanimated` run the following command:
+  ```sh
+  npm install @gorhom/bottom-sheet@2 @react-native-clipboard/clipboard \
+  react-native-device-info react-native-gesture-handler@1 react-native-mmkv \
+  react-native-reanimated@1 react-native-sha256 react-native-svg
+  ```
+
+> If you **do not** use the aforementioned libraries _or_ are on v2.x, run this command instead:
+    ```sh
+  npm install @gorhom/bottom-sheet @react-native-clipboard/clipboard \
+  react-native-device-info react-native-gesture-handler react-native-mmkv \
+  react-native-reanimated react-native-sha256 react-native-svg
+  ```
+
 
 Once those are installed, run this command to ensure the iOS build can find the native components.
 

package/lib/commonjs/assets/images/error-icon-material.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M24 34q.7 0 1.175-.475.475-.475.475-1.175 0-.7-.475-1.175Q24.7 30.7 24 30.7q-.7 0-1.175.475-.475.475-.475 1.175 0 .7.475 1.175Q23.3 34 24 34Zm-1.35-7.65h3V13.7h-3ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 23.95q0-4.1 1.575-7.75 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24.05 4q4.1 0 7.75 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm.05-3q7.05 0 12-4.975T41 23.95q0-7.05-4.95-12T24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24.05 41ZM24 24Z"/></svg>

package/lib/commonjs/components/AutoSigninDialog.js

@@ -11,14 +11,18 @@ var _reactNative = require("react-native");
 
 var _bottomSheet = require("@gorhom/bottom-sheet");
 
-var _usehooksTs = require("usehooks-ts");
+var _package = _interopRequireDefault(require("@gorhom/bottom-sheet/package.json"));
 
-var _vectorIcons = require("@expo/vector-icons");
+var _usehooksTs = require("usehooks-ts");
 
 var _hooks = require("../hooks");
 
 var _GlobalContext = require("./GlobalContext");
 
+var _ErrorIcon = _interopRequireDefault(require("./images/ErrorIcon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -55,24 +59,24 @@ function AutoSigninDialog() {
   const renderBackdrop = (0, _react.useCallback)(props => /*#__PURE__*/_react.default.createElement(_bottomSheet.BottomSheetBackdrop, _extends({}, props, {
     pressBehavior: "none"
   })), []);
-  return /*#__PURE__*/_react.default.createElement(_bottomSheet.BottomSheetModal, {
+  let extraBottomSheetProps = {};
+
+  if (_package.default.version.startsWith('4')) {
+    extraBottomSheetProps.keyboardBehavior = 'fillParent';
+    extraBottomSheetProps.android_keyboardInputMode = 'adjustResize';
+    extraBottomSheetProps.enablePanDownToClose = state.nav.options.type === 'error';
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_bottomSheet.BottomSheetModal, _extends({
     snapPoints: snapPoints,
     index: 0,
     backdropComponent: renderBackdrop,
-    keyboardBehavior: "fillParent",
-    android_keyboardInputMode: "adjustResize",
-    enablePanDownToClose: state.nav.options.type === 'error',
     onDismiss: handleClose,
     style: styles.bottomSheet,
     ref: bottomSheetModalRef
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, extraBottomSheetProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.innerContainer
-  }, state.nav.options.type === 'error' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_vectorIcons.MaterialIcons, {
-    name: "error",
-    size: 24,
-    color: "#DA1E28",
-    style: styles.errorIcon
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, state.nav.options.type === 'error' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ErrorIcon.default, null), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.errorMessage
   }, state.nav.options.message || 'An error occurred. Please try again.')), state.nav.options.type === 'sign-in' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
     size: "large",
@@ -113,7 +117,10 @@ const styles = _reactNative.StyleSheet.create({
     padding: 20
   },
   errorIcon: {
-    textAlign: 'center'
+    textAlign: 'center',
+    color: '#DA1E28',
+    height: 24,
+    width: 24
   }
 });
 //# sourceMappingURL=AutoSigninDialog.js.map

package/lib/commonjs/components/AutoSigninDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["AutoSigninDialog","navTo","useNav","state","useGlobalContext","useTimeout","nav","options","type","handleClose","bottomSheetModalRef","useRef","useEffect","current","present","useCallback","setTimeout","hide","snapPoints","useMemo","renderBackdrop","props","styles","bottomSheet","innerContainer","errorIcon","errorMessage","message","signInMessage","StyleSheet","create","modal","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderRadius","borderColor","borderWidth","padding","textAlign","fontSize"],"sources":["AutoSigninDialog.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect, useRef } from 'react';\nimport { View, Text, StyleSheet, ActivityIndicator } from 'react-native';\nimport {\n  BottomSheetBackdrop,\n  BottomSheetBackdropProps,\n  BottomSheetModal,\n} from '@gorhom/bottom-sheet';\nimport { useTimeout } from 'usehooks-ts';\nimport { MaterialIcons } from '@expo/vector-icons';\n\nimport { useNav } from '../hooks';\nimport { useGlobalContext } from './GlobalContext';\n\nexport function AutoSigninDialog() {\n  const navTo = useNav();\n  const { state } = useGlobalContext();\n\n  // Let the user know they're auto signing-in, then close when done\n  useTimeout(() => {\n    if (state.nav.options.type === 'error') {\n      return;\n    }\n\n    handleClose();\n  }, 3000);\n\n  const bottomSheetModalRef = useRef<BottomSheetModal>(null);\n  useEffect(() => {\n    if (bottomSheetModalRef.current) {\n      bottomSheetModalRef.current.present();\n    }\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setTimeout(() => {\n      navTo({ hide: true });\n    }, 150);\n  }, [navTo]);\n\n  const snapPoints = useMemo(() => ['30%', '60%'], []);\n\n  const renderBackdrop = useCallback(\n    (props: BottomSheetBackdropProps) => (\n      <BottomSheetBackdrop {...props} pressBehavior=\"none\" />\n    ),\n    []\n  );\n\n  return (\n    <BottomSheetModal\n      snapPoints={snapPoints}\n      index={0}\n      backdropComponent={renderBackdrop}\n      keyboardBehavior=\"fillParent\"\n      android_keyboardInputMode=\"adjustResize\"\n      enablePanDownToClose={state.nav.options.type === 'error'}\n      onDismiss={handleClose}\n      style={styles.bottomSheet}\n      ref={bottomSheetModalRef}\n    >\n      <View style={styles.innerContainer}>\n        {state.nav.options.type === 'error' && (\n          <>\n            <MaterialIcons\n              name=\"error\"\n              size={24}\n              color=\"#DA1E28\"\n              style={styles.errorIcon}\n            />\n            <Text style={styles.errorMessage}>\n              {state.nav.options.message ||\n                'An error occurred. Please try again.'}\n            </Text>\n          </>\n        )}\n\n        {state.nav.options.type === 'sign-in' && (\n          <>\n            <ActivityIndicator size=\"large\" color=\"#5b0ae0\" />\n            <Text style={styles.signInMessage}>\n              Automatically signing you in. Just a sec...\n            </Text>\n          </>\n        )}\n      </View>\n    </BottomSheetModal>\n  );\n}\n\nconst styles = StyleSheet.create({\n  modal: {\n    // flex: 1,\n  },\n  bottomSheet: {\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 12,\n    },\n    shadowOpacity: 0.58,\n    shadowRadius: 16.0,\n\n    elevation: 24,\n  },\n  innerContainer: {\n    borderRadius: 20,\n    borderColor: 'transparent',\n    borderWidth: 0,\n    padding: 25,\n    textAlign: 'center',\n  },\n  signInMessage: {\n    textAlign: 'center',\n    fontSize: 24,\n    padding: 20,\n  },\n  errorMessage: {\n    textAlign: 'center',\n    fontSize: 24,\n    padding: 20,\n  },\n  errorIcon: {\n    textAlign: 'center',\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["AutoSigninDialog","navTo","useNav","state","useGlobalContext","useTimeout","nav","options","type","handleClose","bottomSheetModalRef","useRef","useEffect","current","present","useCallback","setTimeout","hide","snapPoints","useMemo","renderBackdrop","props","extraBottomSheetProps","bottomSheetMeta","version","startsWith","keyboardBehavior","android_keyboardInputMode","enablePanDownToClose","styles","bottomSheet","innerContainer","errorMessage","message","signInMessage","StyleSheet","create","modal","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderRadius","borderColor","borderWidth","padding","textAlign","fontSize","errorIcon","color"],"sources":["AutoSigninDialog.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect, useRef } from 'react';\nimport { View, Text, StyleSheet, ActivityIndicator } from 'react-native';\nimport {\n  BottomSheetBackdrop,\n  BottomSheetBackdropProps,\n  BottomSheetModal,\n} from '@gorhom/bottom-sheet';\nimport bottomSheetMeta from '@gorhom/bottom-sheet/package.json';\nimport { useTimeout } from 'usehooks-ts';\n\nimport { useNav } from '../hooks';\nimport { useGlobalContext } from './GlobalContext';\n\nimport ErrorIcon from './images/ErrorIcon';\n\nexport function AutoSigninDialog() {\n  const navTo = useNav();\n  const { state } = useGlobalContext();\n\n  // Let the user know they're auto signing-in, then close when done\n  useTimeout(() => {\n    if (state.nav.options.type === 'error') {\n      return;\n    }\n\n    handleClose();\n  }, 3000);\n\n  const bottomSheetModalRef = useRef<BottomSheetModal>(null);\n  useEffect(() => {\n    if (bottomSheetModalRef.current) {\n      bottomSheetModalRef.current.present();\n    }\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setTimeout(() => {\n      navTo({ hide: true });\n    }, 150);\n  }, [navTo]);\n\n  const snapPoints = useMemo(() => ['30%', '60%'], []);\n\n  const renderBackdrop = useCallback(\n    (props: BottomSheetBackdropProps) => (\n      <BottomSheetBackdrop {...props} pressBehavior=\"none\" />\n    ),\n    []\n  );\n\n  let extraBottomSheetProps: any = {};\n  if (bottomSheetMeta.version.startsWith('4')) {\n    extraBottomSheetProps.keyboardBehavior = 'fillParent';\n    extraBottomSheetProps.android_keyboardInputMode = 'adjustResize';\n    extraBottomSheetProps.enablePanDownToClose =\n      state.nav.options.type === 'error';\n  }\n\n  return (\n    <BottomSheetModal\n      snapPoints={snapPoints}\n      index={0}\n      backdropComponent={renderBackdrop}\n      onDismiss={handleClose}\n      style={styles.bottomSheet}\n      ref={bottomSheetModalRef}\n      {...extraBottomSheetProps}\n    >\n      <View style={styles.innerContainer}>\n        {state.nav.options.type === 'error' && (\n          <>\n            <ErrorIcon />\n            <Text style={styles.errorMessage}>\n              {state.nav.options.message ||\n                'An error occurred. Please try again.'}\n            </Text>\n          </>\n        )}\n\n        {state.nav.options.type === 'sign-in' && (\n          <>\n            <ActivityIndicator size=\"large\" color=\"#5b0ae0\" />\n            <Text style={styles.signInMessage}>\n              Automatically signing you in. Just a sec...\n            </Text>\n          </>\n        )}\n      </View>\n    </BottomSheetModal>\n  );\n}\n\nconst styles = StyleSheet.create({\n  modal: {\n    // flex: 1,\n  },\n  bottomSheet: {\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 12,\n    },\n    shadowOpacity: 0.58,\n    shadowRadius: 16.0,\n\n    elevation: 24,\n  },\n  innerContainer: {\n    borderRadius: 20,\n    borderColor: 'transparent',\n    borderWidth: 0,\n    padding: 25,\n    textAlign: 'center',\n  },\n  signInMessage: {\n    textAlign: 'center',\n    fontSize: 24,\n    padding: 20,\n  },\n  errorMessage: {\n    textAlign: 'center',\n    fontSize: 24,\n    padding: 20,\n  },\n  errorIcon: {\n    textAlign: 'center',\n    color: '#DA1E28',\n    height: 24,\n    width: 24,\n  },\n});\n"],"mappings":"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"}

package/lib/commonjs/components/BottomSheetTextInput/BottomSheetTextInput.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+// @ts-ignore
+const {
+  useBottomSheetInternal
+} = require('@gorhom/bottom-sheet/src/hooks/useBottomSheetInternal');
+
+const BottomSheetTextInputComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    onFocus,
+    onBlur,
+    ...rest
+  } = _ref;
+  //#region hooks
+  // @ts-ignore
+  let {
+    shouldHandleKeyboardEvents
+  } = useBottomSheetInternal(); //#endregion
+
+  if (!shouldHandleKeyboardEvents) {
+    shouldHandleKeyboardEvents = {};
+  } //#region callbacks
+
+
+  const handleOnFocus = (0, _react.useCallback)(args => {
+    shouldHandleKeyboardEvents.value = true;
+
+    if (onFocus) {
+      onFocus(args);
+    }
+  }, [onFocus, shouldHandleKeyboardEvents]);
+  const handleOnBlur = (0, _react.useCallback)(args => {
+    shouldHandleKeyboardEvents.value = false;
+
+    if (onBlur) {
+      onBlur(args);
+    }
+  }, [onBlur, shouldHandleKeyboardEvents]); //#endregion
+
+  return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.TextInput, _extends({
+    ref: ref,
+    onFocus: handleOnFocus,
+    onBlur: handleOnBlur
+  }, rest));
+});
+const BottomSheetTextInput = /*#__PURE__*/(0, _react.memo)(BottomSheetTextInputComponent);
+BottomSheetTextInput.displayName = 'BottomSheetTextInput';
+var _default = BottomSheetTextInput;
+exports.default = _default;
+//# sourceMappingURL=BottomSheetTextInput.js.map

package/lib/commonjs/components/BottomSheetTextInput/BottomSheetTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBottomSheetInternal","require","BottomSheetTextInputComponent","forwardRef","ref","onFocus","onBlur","rest","shouldHandleKeyboardEvents","handleOnFocus","useCallback","args","value","handleOnBlur","BottomSheetTextInput","memo","displayName"],"sources":["BottomSheetTextInput.tsx"],"sourcesContent":["import React, { memo, useCallback, forwardRef } from 'react';\nimport { TextInput } from 'react-native-gesture-handler';\nimport type { BottomSheetTextInputProps } from './types';\n\n// @ts-ignore\nconst {\n  useBottomSheetInternal,\n} = require('@gorhom/bottom-sheet/src/hooks/useBottomSheetInternal');\n\nconst BottomSheetTextInputComponent = forwardRef<\n  TextInput,\n  BottomSheetTextInputProps\n>(({ onFocus, onBlur, ...rest }, ref) => {\n  //#region hooks\n  // @ts-ignore\n  let { shouldHandleKeyboardEvents } = useBottomSheetInternal();\n  //#endregion\n\n  if (!shouldHandleKeyboardEvents) {\n    shouldHandleKeyboardEvents = {};\n  }\n\n  //#region callbacks\n  const handleOnFocus = useCallback(\n    (args) => {\n      shouldHandleKeyboardEvents.value = true;\n      if (onFocus) {\n        onFocus(args);\n      }\n    },\n    [onFocus, shouldHandleKeyboardEvents]\n  );\n  const handleOnBlur = useCallback(\n    (args) => {\n      shouldHandleKeyboardEvents.value = false;\n      if (onBlur) {\n        onBlur(args);\n      }\n    },\n    [onBlur, shouldHandleKeyboardEvents]\n  );\n  //#endregion\n\n  return (\n    <TextInput\n      ref={ref}\n      onFocus={handleOnFocus}\n      onBlur={handleOnBlur}\n      {...rest}\n    />\n  );\n});\n\nconst BottomSheetTextInput = memo(BottomSheetTextInputComponent);\nBottomSheetTextInput.displayName = 'BottomSheetTextInput';\n\nexport default BottomSheetTextInput;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAGA;AACA,MAAM;EACJA;AADI,IAEFC,OAAO,CAAC,uDAAD,CAFX;;AAIA,MAAMC,6BAA6B,gBAAG,IAAAC,iBAAA,EAGpC,OAA+BC,GAA/B,KAAuC;EAAA,IAAtC;IAAEC,OAAF;IAAWC,MAAX;IAAmB,GAAGC;EAAtB,CAAsC;EACvC;EACA;EACA,IAAI;IAAEC;EAAF,IAAiCR,sBAAsB,EAA3D,CAHuC,CAIvC;;EAEA,IAAI,CAACQ,0BAAL,EAAiC;IAC/BA,0BAA0B,GAAG,EAA7B;EACD,CARsC,CAUvC;;;EACA,MAAMC,aAAa,GAAG,IAAAC,kBAAA,EACnBC,IAAD,IAAU;IACRH,0BAA0B,CAACI,KAA3B,GAAmC,IAAnC;;IACA,IAAIP,OAAJ,EAAa;MACXA,OAAO,CAACM,IAAD,CAAP;IACD;EACF,CANmB,EAOpB,CAACN,OAAD,EAAUG,0BAAV,CAPoB,CAAtB;EASA,MAAMK,YAAY,GAAG,IAAAH,kBAAA,EAClBC,IAAD,IAAU;IACRH,0BAA0B,CAACI,KAA3B,GAAmC,KAAnC;;IACA,IAAIN,MAAJ,EAAY;MACVA,MAAM,CAACK,IAAD,CAAN;IACD;EACF,CANkB,EAOnB,CAACL,MAAD,EAASE,0BAAT,CAPmB,CAArB,CApBuC,CA6BvC;;EAEA,oBACE,6BAAC,oCAAD;IACE,GAAG,EAAEJ,GADP;IAEE,OAAO,EAAEK,aAFX;IAGE,MAAM,EAAEI;EAHV,GAIMN,IAJN,EADF;AAQD,CA1CqC,CAAtC;AA4CA,MAAMO,oBAAoB,gBAAG,IAAAC,WAAA,EAAKb,6BAAL,CAA7B;AACAY,oBAAoB,CAACE,WAArB,GAAmC,sBAAnC;eAEeF,oB"}

package/lib/commonjs/components/BottomSheetTextInput/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _BottomSheetTextInput.default;
+  }
+});
+
+var _BottomSheetTextInput = _interopRequireDefault(require("./BottomSheetTextInput"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/BottomSheetTextInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["// @ts-ignore\nexport { default } from './BottomSheetTextInput';\n\n// @ts-ignore\nexport type { BottomSheetTextInputProps } from './types';\n"],"mappings":";;;;;;;;;;;;AACA"}

package/lib/commonjs/components/BottomSheetTextInput/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/BottomSheetTextInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { TextInputProps } from 'react-native';\n\nexport interface BottomSheetTextInputProps extends TextInputProps {}\n"],"mappings":""}

package/lib/commonjs/components/DarkText.js

@@ -21,7 +21,11 @@ function DarkText(_ref) {
   } = _ref;
 
   if (style) {
-    style.color = '#000';
+    style.color = '#000000';
+  } else {
+    style = {
+      color: '#000000'
+    };
   }
 
   return /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({

package/lib/commonjs/components/DarkText.js.map

@@ -1 +1 @@
-{"version":3,"names":["DarkText","style","children","rest","color"],"sources":["DarkText.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TextProps, TextStyle } from 'react-native';\n\nexport default function DarkText({ style, children, ...rest }: TextProps) {\n  if (style) {\n    (style as TextStyle).color = '#000';\n  }\n\n  return (\n    <Text style={style} {...rest}>\n      {children}\n    </Text>\n  );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEe,SAASA,QAAT,OAA2D;EAAA,IAAzC;IAAEC,KAAF;IAASC,QAAT;IAAmB,GAAGC;EAAtB,CAAyC;;EACxE,IAAIF,KAAJ,EAAW;IACRA,KAAD,CAAqBG,KAArB,GAA6B,MAA7B;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEH;EAAb,GAAwBE,IAAxB,GACGD,QADH,CADF;AAKD"}
+{"version":3,"names":["DarkText","style","children","rest","color"],"sources":["DarkText.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TextProps, TextStyle } from 'react-native';\n\nexport default function DarkText({ style, children, ...rest }: TextProps) {\n  if (style) {\n    (style as TextStyle).color = '#000000';\n  } else {\n    style = { color: '#000000' };\n  }\n\n  return (\n    <Text style={style} {...rest}>\n      {children}\n    </Text>\n  );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEe,SAASA,QAAT,OAA2D;EAAA,IAAzC;IAAEC,KAAF;IAASC,QAAT;IAAmB,GAAGC;EAAtB,CAAyC;;EACxE,IAAIF,KAAJ,EAAW;IACRA,KAAD,CAAqBG,KAArB,GAA6B,SAA7B;EACD,CAFD,MAEO;IACLH,KAAK,GAAG;MAAEG,KAAK,EAAE;IAAT,CAAR;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEH;EAAb,GAAwBE,IAAxB,GACGD,QADH,CADF;AAKD"}

package/lib/commonjs/components/RowndComponents.js

@@ -7,10 +7,6 @@ exports.RowndComponents = RowndComponents;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _twrnc = require("twrnc");
-
-var _tailwind = _interopRequireDefault(require("../utils/tailwind"));
-
 var _SignIn = require("./SignIn");
 
 var _AutoSigninDialog = require("./AutoSigninDialog");
@@ -19,11 +15,13 @@ var _GlobalContext = require("./GlobalContext");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import { useDeviceContext } from 'twrnc';
+// import tw from '../utils/tailwind';
 function RowndComponents() {
   const {
     state
-  } = (0, _GlobalContext.useGlobalContext)();
-  (0, _twrnc.useDeviceContext)(_tailwind.default);
+  } = (0, _GlobalContext.useGlobalContext)(); // useDeviceContext(tw);
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, state.nav.current_route === '/account/login' && /*#__PURE__*/_react.default.createElement(_SignIn.SignIn, null), state.nav.current_route === '/account/auto-signin' && /*#__PURE__*/_react.default.createElement(_AutoSigninDialog.AutoSigninDialog, null));
 }
 //# sourceMappingURL=RowndComponents.js.map

package/lib/commonjs/components/RowndComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["RowndComponents","state","useGlobalContext","useDeviceContext","tw","nav","current_route"],"sources":["RowndComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { useDeviceContext } from 'twrnc';\n\nimport tw from '../utils/tailwind';\nimport { SignIn } from './SignIn';\nimport { AutoSigninDialog } from './AutoSigninDialog';\nimport { useGlobalContext } from './GlobalContext';\n\nexport function RowndComponents() {\n  const { state } = useGlobalContext();\n  useDeviceContext(tw);\n\n  return (\n    <>\n      {state.nav.current_route === '/account/login' && <SignIn />}\n      {state.nav.current_route === '/account/auto-signin' && (\n        <AutoSigninDialog />\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,SAASA,eAAT,GAA2B;EAChC,MAAM;IAAEC;EAAF,IAAY,IAAAC,+BAAA,GAAlB;EACA,IAAAC,uBAAA,EAAiBC,iBAAjB;EAEA,oBACE,4DACGH,KAAK,CAACI,GAAN,CAAUC,aAAV,KAA4B,gBAA5B,iBAAgD,6BAAC,cAAD,OADnD,EAEGL,KAAK,CAACI,GAAN,CAAUC,aAAV,KAA4B,sBAA5B,iBACC,6BAAC,kCAAD,OAHJ,CADF;AAQD"}
+{"version":3,"names":["RowndComponents","state","useGlobalContext","nav","current_route"],"sources":["RowndComponents.tsx"],"sourcesContent":["import React from 'react';\n// import { useDeviceContext } from 'twrnc';\n\n// import tw from '../utils/tailwind';\nimport { SignIn } from './SignIn';\nimport { AutoSigninDialog } from './AutoSigninDialog';\nimport { useGlobalContext } from './GlobalContext';\n\nexport function RowndComponents() {\n  const { state } = useGlobalContext();\n  // useDeviceContext(tw);\n\n  return (\n    <>\n      {state.nav.current_route === '/account/login' && <SignIn />}\n      {state.nav.current_route === '/account/auto-signin' && (\n        <AutoSigninDialog />\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;AACA;;;;AALA;AAEA;AAKO,SAASA,eAAT,GAA2B;EAChC,MAAM;IAAEC;EAAF,IAAY,IAAAC,+BAAA,GAAlB,CADgC,CAEhC;;EAEA,oBACE,4DACGD,KAAK,CAACE,GAAN,CAAUC,aAAV,KAA4B,gBAA5B,iBAAgD,6BAAC,cAAD,OADnD,EAEGH,KAAK,CAACE,GAAN,CAAUC,aAAV,KAA4B,sBAA5B,iBACC,6BAAC,kCAAD,OAHJ,CADF;AAQD"}

package/lib/commonjs/components/SignIn.js

@@ -11,8 +11,6 @@ var _dateFns = require("date-fns");
 
 var _reactNative = require("react-native");
 
-var _DarkText = _interopRequireDefault(require("./DarkText"));
-
 var _reactNativeSvg = require("react-native-svg");
 
 var _tailwind = _interopRequireDefault(require("../utils/tailwind"));
@@ -23,6 +21,10 @@ var _jwtDecode = _interopRequireDefault(require("jwt-decode"));
 
 var _bottomSheet = require("@gorhom/bottom-sheet");
 
+var _BottomSheetTextInput = _interopRequireDefault(require("./BottomSheetTextInput"));
+
+var _package = _interopRequireDefault(require("@gorhom/bottom-sheet/package.json"));
+
 var _hooks = require("../hooks");
 
 var _GlobalContext = require("./GlobalContext");
@@ -400,17 +402,22 @@ function SignIn() {
   const renderBackdrop = (0, _react.useCallback)(cbProps => /*#__PURE__*/_react.default.createElement(_bottomSheet.BottomSheetBackdrop, _extends({}, cbProps, {
     pressBehavior: "close"
   })), []);
-  return /*#__PURE__*/_react.default.createElement(_bottomSheet.BottomSheetModal, {
+  let extraBottomSheetProps = {};
+
+  if (_package.default.version.startsWith('4')) {
+    extraBottomSheetProps.keyboardBehavior = 'fillParent';
+    extraBottomSheetProps.android_keyboardInputMode = 'adjustResize';
+    extraBottomSheetProps.enablePanDownToClose = state.nav.options.type === 'error';
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_bottomSheet.BottomSheetModal, _extends({
     snapPoints: snapPoints,
     index: 1,
     backdropComponent: renderBackdrop,
-    keyboardBehavior: "fillParent",
-    android_keyboardInputMode: "adjustResize",
-    enablePanDownToClose: true,
     onDismiss: handleClose,
     style: styles.bottomSheet,
     ref: bottomSheetModalRef
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, extraBottomSheetProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.innerContainer
   }, step === LoginStep.INIT && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (app === null || app === void 0 ? void 0 : (_app$config6 = app.config) === null || _app$config6 === void 0 ? void 0 : (_app$config6$hub = _app$config6.hub) === null || _app$config6$hub === void 0 ? void 0 : (_app$config6$hub$auth = _app$config6$hub.auth) === null || _app$config6$hub$auth === void 0 ? void 0 : _app$config6$hub$auth.show_app_icon) && (app === null || app === void 0 ? void 0 : app.icon) && (app.icon_content_type === 'image/svg+xml' ? /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgCssUri, {
     uri: app.icon,
@@ -420,11 +427,11 @@ function SignIn() {
     source: {
       uri: app.icon
     }
-  })), /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.dialogHeading
-  }, "Sign in or sign up"), /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, "Sign in or sign up"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.inputLabel
-  }, "Email or phone number"), /*#__PURE__*/_react.default.createElement(_bottomSheet.BottomSheetTextInput, {
+  }, "Email or phone number"), /*#__PURE__*/_react.default.createElement(_BottomSheetTextInput.default, {
     style: styles.identifierInput,
     placeholder: "Enter here",
     keyboardType: "email-address",
@@ -442,66 +449,61 @@ function SignIn() {
       value: addlFieldValues[field.name] || '',
       [['input', 'text', 'tel', 'email'].includes(field.type) ? 'onInput' : 'onChange']: handleAddlFieldChange
     });
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    style: _ref => {
-      let {
-        pressed
-      } = _ref;
-      return [styles.button, !isValidUserIdentifier && styles.buttonDisabled, pressed && styles.buttonPressed, isSubmitting && styles.buttonSubmitting];
-    },
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     disabled: !isValidUserIdentifier || isSubmitting,
     onPress: initSignIn
-  }, /*#__PURE__*/_react.default.createElement(_DarkText.default, null, isSubmitting && /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
-    size: "small",
-    color: "#efefef"
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: { ...styles.button,
+      ...(!isValidUserIdentifier && styles.buttonDisabled),
+      ...(isSubmitting && styles.buttonSubmitting)
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.buttonText
-  }, /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: isValidUserIdentifier ? styles.buttonContent : { ...styles.buttonContent,
       ...styles.buttonDisabledText
     }
-  }, isSubmitting ? 'Just a sec...' : 'Continue')))), /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, isSubmitting && /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: "small",
+    color: "#efefef",
+    style: styles.loadingIndicator
+  }), isSubmitting ? 'Just a sec...' : 'Continue')))), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.signInNoticeText
-  }, "By continuing, you're agreeing to the terms of service that govern this app and to receive email or text messages for verification purposes.")), step === LoginStep.WAITING && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, "By continuing, you're agreeing to the terms of service that govern this app and to receive email or text messages for verification purposes.")), step === LoginStep.WAITING && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.dialogHeading
-  }, "Thanks! Verify your", ' ', loginType === 'phone' ? 'phone number' : 'email', " to finish"), /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, "Thanks! Verify your", ' ', loginType === 'phone' ? 'phone number' : 'email', " to finish"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: _tailwind.default.style('py-6')
-  }, "Click the link in the message we just sent to", ' ', /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, "Click the link in the message we just sent to", ' ', /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: _tailwind.default.style('italic')
-  }, userIdentifier), " to verify and finish.", /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, userIdentifier), " to verify and finish.", /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.link],
     onPress: () => setStep(LoginStep.INIT)
   }, "\xA0Re-send message")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.signInVerificationImage
-  }, loginType === 'phone' ? /*#__PURE__*/_react.default.createElement(_PhoneVerifyWaiting.default, null) : /*#__PURE__*/_react.default.createElement(_EmailVerifyWaiting.default, null)), /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [styles.button, pressed && styles.buttonPressed];
-    },
+  }, loginType === 'phone' ? /*#__PURE__*/_react.default.createElement(_PhoneVerifyWaiting.default, null) : /*#__PURE__*/_react.default.createElement(_EmailVerifyWaiting.default, null)), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.button],
     onPress: () => setStep(LoginStep.INIT)
-  }, /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.buttonContent
   }, "Try a different", ' ', loginType === 'phone' ? 'phone number' : 'email'))), step === LoginStep.SUCCESS && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.signInVerificationImage
-  }, /*#__PURE__*/_react.default.createElement(_CheckmarkFilled.default, null))), step === LoginStep.FAILURE && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, /*#__PURE__*/_react.default.createElement(_CheckmarkFilled.default, null))), step === LoginStep.FAILURE && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: _tailwind.default.style('text-base')
-  }, "Whoops, that didn't work!"), /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+  }, "Whoops, that didn't work!"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     style: styles.button,
     onPress: () => setStep(LoginStep.INIT)
-  }, /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.buttonContent
-  }, "Try again"))), step === LoginStep.ERROR && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, "Try again"))), step === LoginStep.ERROR && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: _tailwind.default.style('text-base')
-  }, "An error occurred while signing you in."), !!error && /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, "An error occurred while signing you in."), !!error && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: _tailwind.default.style('text-rose-800')
-  }, error), /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+  }, error), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     style: styles.button,
     onPress: () => setStep(LoginStep.INIT)
-  }, /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.buttonContent
-  }, "Try again"))), /*#__PURE__*/_react.default.createElement(_DarkText.default, null, "Powered by", ' ', /*#__PURE__*/_react.default.createElement(_DarkText.default, {
+  }, "Try again"))), /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Powered by", ' ', /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.link,
     onPress: launchRowndWebsite
   }, "Rownd"))));
@@ -573,9 +575,11 @@ const styles = _reactNative.StyleSheet.create({
     marginBottom: 30,
     elevation: 0,
     backgroundColor: '#5b0ae0',
+    color: '#fff',
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center' // height: 45,
+
   },
   buttonDisabled: {
     backgroundColor: '#eee'
@@ -588,10 +592,10 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 18,
     color: '#fff'
   },
-  buttonText: {
-    marginLeft: 10,
-    paddingLeft: 10,
-    fontSize: 18
+  buttonText: {// marginHorizontal: 10,
+    // paddingHorizontal: 10,
+    // fontSize: 18,
+    // color: '#fff',
   },
   buttonTextInner: {
     fontSize: 18
@@ -604,9 +608,7 @@ const styles = _reactNative.StyleSheet.create({
     color: '#c7c7c7'
   },
   loadingIndicator: {
-    textAlignVertical: 'center',
-    padding: 20,
-    margin: 20
+    marginRight: 10
   },
   signInNoticeText: {
     fontSize: 12,