@rownd/react-native 0.1.3 → 0.1.6

package/lib/package.json

@@ -0,0 +1,178 @@
+{
+  "name": "@rownd/react-native",
+  "version": "0.1.6",
+  "description": "Rownd bindings for React Native",
+  "private": false,
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "package.json",
+    "react-native.podspec",
+    "!lib/typescript/example",
+    "!android/build",
+    "!ios/build",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typescript": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepare": "bob build && cp package.json lib/",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "pods": "cd example && pod-install --quiet",
+    "bootstrap": "yarn example && yarn && yarn pods"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://github.com/rownd/react-native",
+  "author": "Matt Hamann <mhamann@rownd.io> (https://github.com/rownd)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rownd/react-native/issues"
+  },
+  "homepage": "https://github.com/rownd/react-native#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^11.0.0",
+    "@react-native-community/eslint-config": "^2.0.0",
+    "@release-it/conventional-changelog": "^2.0.0",
+    "@types/date-fns": "^2.6.0",
+    "@types/debounce": "^1.2.1",
+    "@types/jest": "^26.0.0",
+    "@types/lodash-es": "^4.17.6",
+    "@types/phone": "^2.4.1",
+    "@types/react": "^17.0.2",
+    "@types/react-native": "^0.67.8",
+    "@types/react-native-base64": "^0.2.0",
+    "commitlint": "^11.0.0",
+    "eslint": "^7.2.0",
+    "eslint-config-prettier": "^7.0.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "expo": "^45.0.5",
+    "husky": "^6.0.0",
+    "jest": "^26.0.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "^17.0.2",
+    "react-native": "^0.68.2",
+    "react-native-builder-bob": "^0.18.0",
+    "release-it": "^14.2.2",
+    "typescript": "^4.1.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-mmkv": "*"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "dependencies": {
+    "@expo/vector-icons": "^13.0.0",
+    "@gorhom/bottom-sheet": "^4.3.1",
+    "@react-native-picker/picker": "^2.4.1",
+    "date-fns": "^2.28.0",
+    "debounce": "^1.2.1",
+    "eventemitter3": "^4.0.7",
+    "expo-clipboard": "^3.0.1",
+    "expo-linking": "^3.1.0",
+    "jwt-decode": "^3.1.2",
+    "ky": "^0.30.0",
+    "lodash-es": "^4.17.21",
+    "phone": "^3.1.20",
+    "react-native-base64": "^0.2.1",
+    "react-native-device-info": "^9.0.2",
+    "react-native-sha256": "^1.4.7",
+    "react-native-svg": "^12.3.0",
+    "tailwind-rn": "^4.2.0",
+    "twrnc": "^3.3.2",
+    "usehooks-ts": "^2.5.4"
+  }
+}

package/lib/typescript/src/components/images/CheckmarkFilled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from 'react-native-svg';
+declare const SvgComponent: (props: SvgProps) => JSX.Element;
+export default SvgComponent;

package/lib/typescript/src/components/images/EmailVerifyWaiting.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from 'react-native-svg';
+declare const SvgComponent: (props: SvgProps) => JSX.Element;
+export default SvgComponent;

package/lib/typescript/src/components/images/PhoneVerifyWaiting.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from 'react-native-svg';
+declare const SvgComponent: (props: SvgProps) => JSX.Element;
+export default SvgComponent;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@rownd/react-native",
-  "version": "0.1.3",
+  "version": "0.1.6",
   "description": "Rownd bindings for React Native",
   "private": false,
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",
-  "@rownd/react-native": "src/index",
+  "react-native": "src/index",
   "source": "src/index",
   "files": [
     "src",
@@ -14,6 +14,7 @@
     "android",
     "ios",
     "cpp",
+    "package.json",
     "react-native.podspec",
     "!lib/typescript/example",
     "!android/build",
@@ -26,7 +27,7 @@
     "test": "jest",
     "typescript": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "prepare": "bob build",
+    "prepare": "bob build && cp package.json lib/",
     "release": "release-it",
     "example": "yarn --cwd example",
     "pods": "cd example && pod-install --quiet",
@@ -77,7 +78,8 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-mmkv": "*"
   },
   "jest": {
     "preset": "react-native",
@@ -167,7 +169,6 @@
     "phone": "^3.1.20",
     "react-native-base64": "^0.2.1",
     "react-native-device-info": "^9.0.2",
-    "react-native-mmkv": "^2.4.1",
     "react-native-sha256": "^1.4.7",
     "react-native-svg": "^12.3.0",
     "tailwind-rn": "^4.2.0",

package/src/components/SignIn.tsx

@@ -33,9 +33,9 @@ import { ActionType } from '../data/actions';
 import { renderField } from '../utils/form';
 
 // Image imports
-import ImageEmailVerifyWaiting from '../assets/images/email-verify-waiting.svg';
-import ImagePhoneVerifyWaiting from '../assets/images/phone-verify-waiting.svg';
-import ImageCheckmarkFilled from '../assets/images/checkmark--filled.svg';
+import ImageEmailVerifyWaiting from './images/EmailVerifyWaiting';
+import ImagePhoneVerifyWaiting from './images/PhoneVerifyWaiting';
+import ImageCheckmarkFilled from './images/CheckmarkFilled';
 
 enum LoginStep {
   INIT = 'init',

package/src/components/images/CheckmarkFilled.tsx

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import Svg, { SvgProps, Defs, Path, Polygon, Rect } from 'react-native-svg';
+/* SVGR has dropped some elements not supported by react-native-svg: style */
+
+const SvgComponent = (props: SvgProps) => (
+  <Svg
+    id="icon"
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={32}
+    height={32}
+    viewBox="0 0 32 32"
+    {...props}
+  >
+    <Defs />
+    <Path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2ZM14,21.5908l-5-5L10.5906,15,14,18.4092,21.41,11l1.5957,1.5859Z" />
+    <Polygon
+      id="inner-path"
+      points="14 21.591 9 16.591 10.591 15 14 18.409 21.41 11 23.005 12.585 14 21.591"
+    />
+    <Rect
+      id="_Transparent_Rectangle_"
+      data-name="&lt;Transparent Rectangle&gt;"
+      width={32}
+      height={32}
+    />
+  </Svg>
+);
+
+export default SvgComponent;

package/src/components/images/EmailVerifyWaiting.tsx

@@ -0,0 +1,95 @@
+import * as React from 'react';
+import Svg, { SvgProps, Defs, Rect, Path, G, Use } from 'react-native-svg';
+/* SVGR has dropped some elements not supported by react-native-svg: title, filter */
+
+const SvgComponent = (props: SvgProps) => (
+  <Svg
+    width="79px"
+    height="68px"
+    viewBox="0 0 79 68"
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}
+  >
+    <Defs>
+      <Rect
+        id="path-1"
+        x={9.69736842}
+        y={6.17105263}
+        width={53.7763158}
+        height={45.8421053}
+        rx={8}
+      />
+      <Path
+        d="M1.49198314,22.8826009 L27.3602885,37.5009111 C33.5004408,40.9707422 41.014234,40.9500831 47.1352131,37.4465401 L72.5558685,22.8961951 C73.0351888,22.6218404 73.6461631,22.7879979 73.9205178,23.2673182 C74.007089,23.4185653 74.0526316,23.5898106 74.0526316,23.7640813 L74.0526316,63 C74.0526316,65.209139 72.2617706,67 70.0526316,67 L4,67 C1.790861,67 2.705415e-16,65.209139 0,63 L0,23.7532056 C8.43762138e-16,23.2009209 0.44771525,22.7532056 1,22.7532056 C1.17240673,22.7532056 1.34188502,22.7977797 1.49198314,22.8826009 Z"
+        id="path-3"
+      />
+    </Defs>
+    <G
+      id="V2-post--feedback"
+      stroke="none"
+      strokeWidth={1}
+      fill="none"
+      fillRule="evenodd"
+    >
+      <G
+        id="xlg-1312px-16-column-copy-96"
+        transform="translate(-616.000000, -265.000000)"
+      >
+        <G id="Group" transform="translate(618.000000, 265.000000)">
+          <Path
+            d="M1.1333848,21.7417845 L33.0948714,2.49908682 C35.6464021,0.96291506 38.8400625,0.97130271 41.383489,2.52085558 L72.9358668,21.743773 C73.4075139,22.0311185 73.5569199,22.6464036 73.2695744,23.1180507 C73.2235298,23.1936281 73.1676563,23.2627588 73.1034181,23.3236315 L37.2457723,57.3026316 L37.2457723,57.3026316 L0.965647178,23.3284209 C0.562522036,22.9509179 0.54175124,22.3180937 0.919254307,21.9149685 C0.982302388,21.8476412 1.0543624,21.7893607 1.1333848,21.7417845 Z"
+            id="Path-28"
+            fill="#545454"
+          />
+          <G id="Rectangle">
+            <Use
+              fill="black"
+              fillOpacity={1}
+              // @ts-ignore
+              filter="url(#filter-2)"
+              xlinkHref="#path-1"
+            />
+            <Use fill="#FFFFFF" fillRule="evenodd" xlinkHref="#path-1" />
+          </G>
+          <Rect
+            id="Rectangle"
+            fillOpacity={0.4}
+            fill="#D8D8D8"
+            x={18.5131579}
+            y={19.3947368}
+            width={36.1447368}
+            height={3.52631579}
+          />
+          <Rect
+            id="Rectangle-Copy"
+            fillOpacity={0.4}
+            fill="#D8D8D8"
+            x={18.5131579}
+            y={27.3289474}
+            width={36.1447368}
+            height={26.4473684}
+          />
+          <G id="Rectangle">
+            <Use
+              fill="black"
+              fillOpacity={1}
+              // @ts-ignore
+              filter="url(#filter-4)"
+              xlinkHref="#path-3"
+            />
+            <Use fill="#646464" fillRule="evenodd" xlinkHref="#path-3" />
+          </G>
+          <Path
+            d="M23.2845382,51.744338 L1.76315789,67 L1.76315789,67 L71.4078947,67 L49.8865144,51.744338 C41.9186006,46.0961966 31.252452,46.0961966 23.2845382,51.744338 Z"
+            id="Path-29"
+            fill="#545454"
+          />
+        </G>
+      </G>
+    </G>
+  </Svg>
+);
+
+export default SvgComponent;

package/src/components/images/PhoneVerifyWaiting.tsx

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import Svg, { SvgProps, Defs, Rect, G, Use, Circle } from 'react-native-svg';
+/* SVGR has dropped some elements not supported by react-native-svg: title, filter */
+
+const SvgComponent = (props: SvgProps) => (
+  <Svg
+    width="62px"
+    height="100px"
+    viewBox="0 0 62 100"
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}
+  >
+    <Defs>
+      <Rect id="path-1" x={0} y={0} width={58} height={96} rx={8} />
+    </Defs>
+    <G
+      id="SMS-verify-from-web-stay-on-web-(BR)"
+      stroke="none"
+      strokeWidth={1}
+      fill="none"
+      fillRule="evenodd"
+    >
+      <G
+        id="xlg-1312px-16-column-copy-51"
+        transform="translate(-625.000000, -259.000000)"
+      >
+        <G id="unverified-phone" transform="translate(627.000000, 261.000000)">
+          <G id="Rectangle">
+            <Use
+              fill="black"
+              fillOpacity={1}
+              // @ts-ignore
+              filter="url(#filter-2)"
+              xlinkHref="#path-1"
+            />
+            <Use fill="#444444" fillRule="evenodd" xlinkHref="#path-1" />
+          </G>
+          <Circle id="Oval" fill="#000000" cx={29} cy={89} r={5} />
+          <Rect
+            id="Rectangle"
+            fill="#FFFFFF"
+            x={5}
+            y={11}
+            width={48}
+            height={71}
+            rx={2}
+          />
+          <Rect
+            id="Rectangle"
+            fillOpacity={0.4}
+            fill="#D8D8D8"
+            x={10}
+            y={20}
+            width={38}
+            height={5}
+          />
+          <Rect
+            id="Rectangle-Copy"
+            fillOpacity={0.4}
+            fill="#D8D8D8"
+            x={10}
+            y={31}
+            width={38}
+            height={36}
+          />
+        </G>
+      </G>
+    </G>
+  </Svg>
+);
+
+export default SvgComponent;

package/src/hooks/api.ts

@@ -1,6 +1,5 @@
 import ky from 'ky';
 import jwt_decode, { JwtPayload } from 'jwt-decode';
-import path from 'path';
 
 import { useGlobalContext, GlobalState } from '../components/GlobalContext';
 import AutoQueue from '../utils/queue';
@@ -8,7 +7,7 @@ import { useRef, useEffect } from 'react';
 import { Platform } from 'react-native';
 import { ActionType } from '../data/actions';
 
-const packageJson = require(path.join(__dirname, '../../package.json'));
+import packageJson from '../../package.json';
 
 type RefreshTokenResp = {
   access_token: string;