@rownd/react-native 0.1.1

package/lib/typescript/src/components/GlobalContext.d.ts

@@ -0,0 +1,111 @@
+import React, { FunctionComponent } from 'react';
+import type { IConfig } from '../utils/config';
+import { type TAction } from '../data/actions';
+declare type Dispatch = (action: TAction) => void;
+export declare type GlobalState = {
+    is_initializing: boolean;
+    is_container_visible: boolean;
+    use_modal: boolean;
+    nav: {
+        current_route: string;
+        route_trigger: string;
+        event_id: string;
+        section: string;
+        options?: any;
+    };
+    user: {
+        data: {
+            id?: string;
+            email: string | null;
+            [key: string]: any;
+        };
+        needs_refresh?: boolean;
+        redacted: string[];
+    };
+    auth: {
+        access_token: string | null;
+        refresh_token: string | null;
+        app_id: string | null;
+        init_data?: Record<string, any>;
+        is_verified_user?: boolean;
+    };
+    app: {
+        id?: string;
+        icon?: string;
+        icon_content_type?: string;
+        config: AppConfig | null;
+        schema: AppSchema | null;
+        user_verification_field?: string;
+        user_verification_fields?: string[];
+    };
+    local_acls: Record<string, {
+        shared: boolean;
+    }> | null;
+    is_saving_user_data: boolean;
+    config?: IConfig;
+};
+declare type AppSchema = Record<string, SchemaField>;
+export interface SchemaField {
+    display_name: string;
+    type: string;
+    data_category: string;
+    required: boolean;
+    owned_by: string;
+    user_visible: boolean;
+    revoke_after: string;
+    required_retention: string;
+    collection_justification: string;
+    opt_out_warning: string;
+}
+interface AppConfig {
+    customizations: {
+        primary_color: string;
+    };
+    default_user_id_format?: string;
+    hub: {
+        auth: {
+            allow_unverified_users?: boolean;
+            additional_fields: [
+                {
+                    name: string;
+                    type: string;
+                    label: string;
+                    placeholder?: string;
+                    options: [
+                        {
+                            value: string;
+                            label: string;
+                        }
+                    ];
+                }
+            ];
+            email: {
+                from_address: string;
+                image: string;
+            };
+            show_app_icon: boolean;
+        };
+        customizations: HubCustomizations;
+    };
+}
+export interface HubCustomizations {
+    rounded_corners: boolean;
+    primary_color: string;
+    placement: 'bottom-left' | 'hidden';
+    offset_x: number;
+    offset_y: number;
+    property_overrides: Record<string, string>;
+}
+declare type ContextProps = {
+    config: IConfig;
+};
+export declare const GlobalContext: React.Context<{
+    state: GlobalState;
+    dispatch: Dispatch;
+} | undefined>;
+declare const GlobalContextProvider: FunctionComponent<ContextProps>;
+declare function useGlobalContext(): {
+    state: GlobalState;
+    dispatch: Dispatch;
+};
+export { GlobalContextProvider, useGlobalContext };

package/lib/typescript/src/components/RowndComponents.d.ts

@@ -0,0 +1 @@
+export declare function RowndComponents(): JSX.Element;

package/lib/typescript/src/components/RowndProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IRowndProviderProps {
+    appKey: string;
+    apiUrl?: string;
+    children: React.ReactNode;
+}
+export declare function RowndProvider({ appKey, apiUrl, children, }: IRowndProviderProps): JSX.Element;
+export {};

package/lib/typescript/src/components/SignIn.d.ts

@@ -0,0 +1 @@
+export declare function SignIn(): JSX.Element;

package/lib/typescript/src/data/actions.d.ts

@@ -0,0 +1,20 @@
+export declare enum ActionType {
+    SET_CONTAINER_VISIBLE = "SET_CONTAINER_VISIBLE",
+    CHANGE_ROUTE = "CHANGE_ROUTE",
+    LOGIN_SUCCESS = "LOGIN_SUCCESS",
+    LOAD_USER = "LOAD_USER",
+    REFRESH_TOKEN = "REFRESH_TOKEN",
+    SIGN_OUT = "SIGN_OUT",
+    UPDATE_LOCAL_ACLS = "UPDATE_LOCAL_ACLS",
+    SET_USER_DATA_FIELD = "SET_USER_DATA_FIELD",
+    SET_USER_DATA = "SET_USER_DATA",
+    SET_REFRESH_USER_DATA = "SET_REFRESH_USER_DATA",
+    LOAD_STATE = "LOAD_STATE",
+    SET_SECTION = "SET_SECTION",
+    SET_IS_SAVING_USER_DATA = "SET_IS_SAVING_USER_DATA",
+    SET_APP_CONFIG = "SET_APP_CONFIG"
+}
+export declare type TAction = {
+    type: ActionType;
+    payload?: any;
+};

package/lib/typescript/src/hooks/api.d.ts

@@ -0,0 +1,12 @@
+import { GlobalState } from '../components/GlobalContext';
+declare type RefreshTokenResp = {
+    access_token: string;
+    refresh_token: string;
+};
+export declare const DEFAULT_USER_AGENT: string;
+export default function useApi(): {
+    client: import("ky/distribution/types/ky").KyInstance;
+    newAccessTokenFromRefreshToken: (stateCopy?: GlobalState) => Promise<RefreshTokenResp>;
+    isNewAccessTokenNeeded: (request?: Request) => boolean;
+};
+export {};

package/lib/typescript/src/hooks/debounce.d.ts

@@ -0,0 +1,5 @@
+export default function useDebounce(cb: any, delay: any): ((...args: any) => void) & {
+    clear(): void;
+} & {
+    flush(): void;
+};

package/lib/typescript/src/hooks/fingerprint.d.ts

@@ -0,0 +1,12 @@
+interface IChallenge {
+    key: string;
+    value: string;
+}
+export default function (): {
+    getFingerprint: () => Promise<{
+        visitorId: string;
+    }>;
+    getChallengeIfPresent: (appId: string | undefined, challengeLookupValues: string[]) => Promise<IChallenge | null>;
+    clearFingerprint: (challenge: string) => void;
+};
+export {};

package/lib/typescript/src/hooks/index.d.ts

@@ -0,0 +1,6 @@
+import useApi from './api';
+import useDebounce from './debounce';
+import useInterval from './interval';
+import useNav from './nav';
+import useDeviceFingerprint from './fingerprint';
+export { useApi, useDebounce, useInterval, useNav, useDeviceFingerprint };

package/lib/typescript/src/hooks/interval.d.ts

@@ -0,0 +1,2 @@
+declare function useInterval(callback: () => void, delay: number | null): void;
+export default useInterval;

package/lib/typescript/src/hooks/nav.d.ts

@@ -0,0 +1,6 @@
+interface INavOpts {
+    route?: string;
+    hide?: boolean;
+}
+export default function useNav(): ({ route, hide }: INavOpts) => void;
+export {};

package/lib/typescript/src/hooks/rownd.d.ts

@@ -0,0 +1,37 @@
+export declare type TRowndContext = {
+    requestSignIn: (opts?: RequestSignInOpts) => void;
+    signOut: () => void;
+    getAccessToken: (opts?: GetAccessTokenOpts) => Promise<string | null>;
+    is_authenticated: boolean;
+    is_initializing: boolean;
+    access_token: string | null;
+    auth: AuthContext;
+    user: UserContext;
+};
+declare type AuthContext = {
+    access_token: string | null;
+    app_id: string | null;
+    is_verified_user?: boolean;
+};
+declare type UserContext = {
+    data: {
+        id?: string;
+        email?: string | null;
+        phone?: string | null;
+        [key: string]: any;
+    };
+    redacted_fields: string[];
+    set: (data: Record<string, any>) => Promise<Record<string, any>>;
+    setValue: (key: string, value: any) => Promise<Record<string, any>>;
+};
+declare type RequestSignInOpts = {
+    identifier?: string;
+    auto_sign_in?: boolean;
+    init_data?: Record<string, any>;
+    post_login_redirect?: string;
+};
+declare type GetAccessTokenOpts = {
+    waitForToken?: boolean;
+};
+export declare function useRownd(): TRowndContext;
+export {};

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,4 @@
+import { RowndProvider } from './components/RowndProvider';
+import { useRownd } from './hooks/rownd';
+import AuthenticatedComponent from './components/AuthenticatedComponent';
+export { RowndProvider, useRownd, AuthenticatedComponent };

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,26 @@
+export declare type TRowndContext = {
+    requestSignIn: Function;
+    signOut: Function;
+    getAccessToken: Function;
+    is_authenticated: boolean;
+    is_initializing: boolean;
+    access_token: string | null;
+    auth: AuthContext;
+    user: UserContext;
+};
+declare type AuthContext = {
+    access_token: string | null;
+    app_id?: string;
+    is_authenticated: boolean;
+    is_verified_user?: boolean;
+};
+declare type UserContext = {
+    data: {
+        id?: string;
+        email?: string | null;
+        phone?: string | null;
+        [key: string]: any;
+    };
+    redacted_fields: string[];
+};
+export {};

package/lib/typescript/src/utils/config.d.ts

@@ -0,0 +1,18 @@
+export interface IConfig {
+    baseUrl: string;
+    apiUrl: string;
+    pdcBaseUrl: string;
+    appKey: string;
+    postLoginUrl: null | string;
+    postRegistrationUrl: null | string;
+    locationHash: null | string;
+    postAuthenticationApi: null | PostAuthApiSpec;
+}
+export declare type PostAuthApiSpec = {
+    method: 'post' | 'put';
+    url: string;
+    extra_headers: {
+        [key: string]: string;
+    };
+};
+export declare function createConfig(opts: Partial<IConfig>): IConfig;

package/lib/typescript/src/utils/events.d.ts

@@ -0,0 +1,22 @@
+import EventEmitter from 'eventemitter3';
+export declare enum EventType {
+    AUTH = "auth",
+    SIGN_OUT = "sign_out",
+    USER_DATA = "user_data",
+    USER_DATA_SAVED = "user_data_saved"
+}
+export declare type TAuthEvent = {
+    access_token: string;
+    user_id: string;
+    app_id: string;
+};
+declare type EventListenerOptions = {
+    once?: boolean;
+};
+export declare const events: {
+    addEventListener: (type: string, callback: (...args: any[]) => void | null, options?: boolean | EventListenerOptions | undefined) => void;
+    removeEventListener: <T extends string | symbol>(event: T, fn?: ((...args: any[]) => void) | undefined, context?: any, once?: boolean | undefined) => EventEmitter<string | symbol, any>;
+    dispatchEvent: (event: CustomEvent) => boolean;
+    dispatch(type: EventType, data: any): boolean;
+};
+export {};

package/lib/typescript/src/utils/form.d.ts

@@ -0,0 +1,17 @@
+declare type FormFieldProps = {
+    id?: string;
+    name: string;
+    value?: string;
+    type?: string;
+    label?: string;
+    placeholder?: string;
+    options?: [
+        {
+            value: string;
+            label: string;
+        }
+    ] | null;
+    onChange?: (value: string) => void;
+};
+export declare function renderField({ id, label, name, type, value, placeholder, options, onChange, }: FormFieldProps): JSX.Element;
+export {};

package/lib/typescript/src/utils/queue.d.ts

@@ -0,0 +1,21 @@
+declare type QueueItem = {
+    action: () => Promise<any>;
+    resolve: (value?: any) => void;
+    reject: (reason?: any) => void;
+    count: number;
+};
+declare class Queue {
+    #private;
+    constructor();
+    enqueue(item: QueueItem | (() => Promise<any>)): void;
+    dequeue(): any;
+    get size(): number;
+}
+declare class AutoQueue<T> extends Queue {
+    #private;
+    _cache: Record<string, unknown>;
+    constructor();
+    enqueue(action: () => Promise<any>): Promise<T>;
+    dequeue(): Promise<boolean>;
+}
+export default AutoQueue;

package/lib/typescript/src/utils/storage.d.ts

@@ -0,0 +1,3 @@
+import { MMKV } from 'react-native-mmkv';
+declare const storage: MMKV;
+export default storage;

package/lib/typescript/src/utils/tailwind.d.ts

@@ -0,0 +1,2 @@
+declare const tw: import("twrnc").TailwindFn;
+export default tw;

package/lib/typescript/src/utils/tokens.d.ts

@@ -0,0 +1,4 @@
+declare type TokenInput = Record<string, any> | string;
+export declare function getAppId(token: TokenInput): any;
+export declare function getUserId(token: TokenInput): any;
+export {};

package/lib/typescript/src/utils/user-data.d.ts

@@ -0,0 +1,3 @@
+export declare function redactUserDataWithAcls(userData: Record<string, any> | undefined | null, acls: Record<string, {
+    shared: boolean;
+}> | undefined | null): Record<string, any>;

package/lib/typescript/tailwind.config.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    content: string[];
+    theme: {
+        extend: {};
+    };
+    plugins: never[];
+    variants: string[];
+    corePlugins: any;
+};
+export default _default;

package/package.json

@@ -0,0 +1,177 @@
+{
+  "name": "@rownd/react-native",
+  "version": "0.1.1",
+  "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",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "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",
+    "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": "*"
+  },
+  "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-mmkv": "^2.4.1",
+    "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/react-native.podspec

@@ -0,0 +1,19 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "react-native"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "10.0" }
+  s.source       = { :git => "https://github.com/rownd/react-native.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm}"
+
+  s.dependency "React-Core"
+end

package/src/assets/images/checkmark--filled.svg

@@ -0,0 +1,12 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+      }
+    </style>
+  </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" class="cls-1" 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;" class="cls-1" width="32" height="32"/>
+</svg>

package/src/assets/images/email-verify-waiting.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="79px" height="68px" viewBox="0 0 79 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group</title>
+    <defs>
+        <rect id="path-1" x="9.69736842" y="6.17105263" width="53.7763158" height="45.8421053" rx="8"></rect>
+        <filter x="-27.0%" y="-20.7%" width="153.9%" height="163.3%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <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"></path>
+        <filter x="-4.7%" y="-8.4%" width="109.5%" height="114.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="V2-post--feedback" stroke="none" stroke-width="1" fill="none" fill-rule="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"></path>
+                <g id="Rectangle">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+                </g>
+                <rect id="Rectangle" fill-opacity="0.4" fill="#D8D8D8" x="18.5131579" y="19.3947368" width="36.1447368" height="3.52631579"></rect>
+                <rect id="Rectangle-Copy" fill-opacity="0.4" fill="#D8D8D8" x="18.5131579" y="27.3289474" width="36.1447368" height="26.4473684"></rect>
+                <g id="Rectangle">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                    <use fill="#646464" fill-rule="evenodd" xlink:href="#path-3"></use>
+                </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"></path>
+            </g>
+        </g>
+    </g>
+</svg>