@rownd/react-native 0.1.4 → 0.1.7

package/lib/module/components/images/PhoneVerifyWaiting.js

@@ -0,0 +1,78 @@
+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); }
+
+import * as React from 'react';
+import Svg, { 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 => /*#__PURE__*/React.createElement(Svg, _extends({
+  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), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(Rect, {
+  id: "path-1",
+  x: 0,
+  y: 0,
+  width: 58,
+  height: 96,
+  rx: 8
+})), /*#__PURE__*/React.createElement(G, {
+  id: "SMS-verify-from-web-stay-on-web-(BR)",
+  stroke: "none",
+  strokeWidth: 1,
+  fill: "none",
+  fillRule: "evenodd"
+}, /*#__PURE__*/React.createElement(G, {
+  id: "xlg-1312px-16-column-copy-51",
+  transform: "translate(-625.000000, -259.000000)"
+}, /*#__PURE__*/React.createElement(G, {
+  id: "unverified-phone",
+  transform: "translate(627.000000, 261.000000)"
+}, /*#__PURE__*/React.createElement(G, {
+  id: "Rectangle"
+}, /*#__PURE__*/React.createElement(Use, {
+  fill: "black",
+  fillOpacity: 1 // @ts-ignore
+  ,
+  filter: "url(#filter-2)",
+  xlinkHref: "#path-1"
+}), /*#__PURE__*/React.createElement(Use, {
+  fill: "#444444",
+  fillRule: "evenodd",
+  xlinkHref: "#path-1"
+})), /*#__PURE__*/React.createElement(Circle, {
+  id: "Oval",
+  fill: "#000000",
+  cx: 29,
+  cy: 89,
+  r: 5
+}), /*#__PURE__*/React.createElement(Rect, {
+  id: "Rectangle",
+  fill: "#FFFFFF",
+  x: 5,
+  y: 11,
+  width: 48,
+  height: 71,
+  rx: 2
+}), /*#__PURE__*/React.createElement(Rect, {
+  id: "Rectangle",
+  fillOpacity: 0.4,
+  fill: "#D8D8D8",
+  x: 10,
+  y: 20,
+  width: 38,
+  height: 5
+}), /*#__PURE__*/React.createElement(Rect, {
+  id: "Rectangle-Copy",
+  fillOpacity: 0.4,
+  fill: "#D8D8D8",
+  x: 10,
+  y: 31,
+  width: 38,
+  height: 36
+})))));
+
+export default SvgComponent;
+//# sourceMappingURL=PhoneVerifyWaiting.js.map

package/lib/module/components/images/PhoneVerifyWaiting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Defs","Rect","G","Use","Circle","SvgComponent","props"],"sources":["PhoneVerifyWaiting.tsx"],"sourcesContent":["import * as React from 'react';\nimport Svg, { SvgProps, Defs, Rect, G, Use, Circle } from 'react-native-svg';\n/* SVGR has dropped some elements not supported by react-native-svg: title, filter */\n\nconst SvgComponent = (props: SvgProps) => (\n  <Svg\n    width=\"62px\"\n    height=\"100px\"\n    viewBox=\"0 0 62 100\"\n    // @ts-ignore\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    {...props}\n  >\n    <Defs>\n      <Rect id=\"path-1\" x={0} y={0} width={58} height={96} rx={8} />\n    </Defs>\n    <G\n      id=\"SMS-verify-from-web-stay-on-web-(BR)\"\n      stroke=\"none\"\n      strokeWidth={1}\n      fill=\"none\"\n      fillRule=\"evenodd\"\n    >\n      <G\n        id=\"xlg-1312px-16-column-copy-51\"\n        transform=\"translate(-625.000000, -259.000000)\"\n      >\n        <G id=\"unverified-phone\" transform=\"translate(627.000000, 261.000000)\">\n          <G id=\"Rectangle\">\n            <Use\n              fill=\"black\"\n              fillOpacity={1}\n              // @ts-ignore\n              filter=\"url(#filter-2)\"\n              xlinkHref=\"#path-1\"\n            />\n            <Use fill=\"#444444\" fillRule=\"evenodd\" xlinkHref=\"#path-1\" />\n          </G>\n          <Circle id=\"Oval\" fill=\"#000000\" cx={29} cy={89} r={5} />\n          <Rect\n            id=\"Rectangle\"\n            fill=\"#FFFFFF\"\n            x={5}\n            y={11}\n            width={48}\n            height={71}\n            rx={2}\n          />\n          <Rect\n            id=\"Rectangle\"\n            fillOpacity={0.4}\n            fill=\"#D8D8D8\"\n            x={10}\n            y={20}\n            width={38}\n            height={5}\n          />\n          <Rect\n            id=\"Rectangle-Copy\"\n            fillOpacity={0.4}\n            fill=\"#D8D8D8\"\n            x={10}\n            y={31}\n            width={38}\n            height={36}\n          />\n        </G>\n      </G>\n    </G>\n  </Svg>\n);\n\nexport default SvgComponent;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,GAAP,IAAwBC,IAAxB,EAA8BC,IAA9B,EAAoCC,CAApC,EAAuCC,GAAvC,EAA4CC,MAA5C,QAA0D,kBAA1D;AACA;;AAEA,MAAMC,YAAY,GAAIC,KAAD,iBACnB,oBAAC,GAAD;EACE,KAAK,EAAC,MADR;EAEE,MAAM,EAAC,OAFT;EAGE,OAAO,EAAC,YAHV,CAIE;EAJF;EAKE,KAAK,EAAC,4BALR;EAME,UAAU,EAAC;AANb,GAOMA,KAPN,gBASE,oBAAC,IAAD,qBACE,oBAAC,IAAD;EAAM,EAAE,EAAC,QAAT;EAAkB,CAAC,EAAE,CAArB;EAAwB,CAAC,EAAE,CAA3B;EAA8B,KAAK,EAAE,EAArC;EAAyC,MAAM,EAAE,EAAjD;EAAqD,EAAE,EAAE;AAAzD,EADF,CATF,eAYE,oBAAC,CAAD;EACE,EAAE,EAAC,sCADL;EAEE,MAAM,EAAC,MAFT;EAGE,WAAW,EAAE,CAHf;EAIE,IAAI,EAAC,MAJP;EAKE,QAAQ,EAAC;AALX,gBAOE,oBAAC,CAAD;EACE,EAAE,EAAC,8BADL;EAEE,SAAS,EAAC;AAFZ,gBAIE,oBAAC,CAAD;EAAG,EAAE,EAAC,kBAAN;EAAyB,SAAS,EAAC;AAAnC,gBACE,oBAAC,CAAD;EAAG,EAAE,EAAC;AAAN,gBACE,oBAAC,GAAD;EACE,IAAI,EAAC,OADP;EAEE,WAAW,EAAE,CAFf,CAGE;EAHF;EAIE,MAAM,EAAC,gBAJT;EAKE,SAAS,EAAC;AALZ,EADF,eAQE,oBAAC,GAAD;EAAK,IAAI,EAAC,SAAV;EAAoB,QAAQ,EAAC,SAA7B;EAAuC,SAAS,EAAC;AAAjD,EARF,CADF,eAWE,oBAAC,MAAD;EAAQ,EAAE,EAAC,MAAX;EAAkB,IAAI,EAAC,SAAvB;EAAiC,EAAE,EAAE,EAArC;EAAyC,EAAE,EAAE,EAA7C;EAAiD,CAAC,EAAE;AAApD,EAXF,eAYE,oBAAC,IAAD;EACE,EAAE,EAAC,WADL;EAEE,IAAI,EAAC,SAFP;EAGE,CAAC,EAAE,CAHL;EAIE,CAAC,EAAE,EAJL;EAKE,KAAK,EAAE,EALT;EAME,MAAM,EAAE,EANV;EAOE,EAAE,EAAE;AAPN,EAZF,eAqBE,oBAAC,IAAD;EACE,EAAE,EAAC,WADL;EAEE,WAAW,EAAE,GAFf;EAGE,IAAI,EAAC,SAHP;EAIE,CAAC,EAAE,EAJL;EAKE,CAAC,EAAE,EALL;EAME,KAAK,EAAE,EANT;EAOE,MAAM,EAAE;AAPV,EArBF,eA8BE,oBAAC,IAAD;EACE,EAAE,EAAC,gBADL;EAEE,WAAW,EAAE,GAFf;EAGE,IAAI,EAAC,SAHP;EAIE,CAAC,EAAE,EAJL;EAKE,CAAC,EAAE,EALL;EAME,KAAK,EAAE,EANT;EAOE,MAAM,EAAE;AAPV,EA9BF,CAJF,CAPF,CAZF,CADF;;AAqEA,eAAeD,YAAf"}

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rownd/react-native",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "Rownd bindings for React Native",
   "private": false,
   "main": "lib/commonjs/index",
@@ -78,7 +78,8 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-mmkv": "*"
   },
   "jest": {
     "preset": "react-native",
@@ -156,11 +157,11 @@
   "dependencies": {
     "@expo/vector-icons": "^13.0.0",
     "@gorhom/bottom-sheet": "^4.3.1",
+    "@react-native-clipboard/clipboard": "^1.10.0",
     "@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",
@@ -168,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/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,6 +1,6 @@
 {
   "name": "@rownd/react-native",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "Rownd bindings for React Native",
   "private": false,
   "main": "lib/commonjs/index",
@@ -78,7 +78,8 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-mmkv": "*"
   },
   "jest": {
     "preset": "react-native",
@@ -156,11 +157,11 @@
   "dependencies": {
     "@expo/vector-icons": "^13.0.0",
     "@gorhom/bottom-sheet": "^4.3.1",
+    "@react-native-clipboard/clipboard": "^1.10.0",
     "@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",
@@ -168,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/DefaultContext.tsx

@@ -6,7 +6,7 @@ import type { IConfig } from '../utils/config';
 import { useGlobalContext } from './GlobalContext';
 import { ActionType } from '../data/actions';
 import ky from 'ky';
-import * as Clipboard from 'expo-clipboard';
+import Clipboard from '@react-native-clipboard/clipboard';
 import base64 from 'react-native-base64';
 import { Linking } from 'react-native';
 import { events, EventType } from '../utils/events';
@@ -71,7 +71,7 @@ export function DefaultContext({ config }: DefaultContextProps) {
         let authData = null;
 
         let authLink =
-          (await Linking.getInitialURL()) || (await Clipboard.getStringAsync());
+          (await Linking.getInitialURL()) || (await Clipboard.getString());
         if (authLink.includes('rownd.link')) {
           dispatch({
             type: ActionType.CHANGE_ROUTE,
@@ -98,7 +98,7 @@ export function DefaultContext({ config }: DefaultContextProps) {
         }
 
         // Clear the clipboard value so we don't leak any creds
-        await Clipboard.setStringAsync('');
+        Clipboard.setString('');
 
         dispatch({
           type: ActionType.LOGIN_SUCCESS,

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/ios/ReactNative.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-</Workspace>