@descope/react-sdk 0.0.51

package/README.md

@@ -0,0 +1,29 @@
+# @descope/react-sdk
+This library lets you consume your login pages created by Descope console-app in your application
+Under the hood, it uses [web-js-sdk](https://github.com/descope/web-js-sdk)
+
+## Usage
+### Install the package
+```bash
+npm install @descope/react-sdk
+```
+
+### Render it in your application
+```js
+import Descope from '@descope/react-sdk'
+
+const App = () => {
+
+    return (
+        <Descope 
+            projectId="myProjectId" 
+            flowId="myFlowId" 
+            onSuccess={(e) => console.log('Logged in!')}
+            onError={(e) => console.log('Could not logged in!')}
+        >
+    )
+}
+```
+
+TODO:
+- decide about the callbacks event data & structure

package/dist/Descope.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import '@descope/web-component';
+import { DescopeCustomElement } from './types';
+interface PropsType {
+    projectId: string;
+    flowId: string;
+    baseUrl?: string;
+    onSuccess?: DescopeCustomElement['onsuccess'];
+    onError?: DescopeCustomElement['onerror'];
+}
+declare const Descope: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<HTMLElement>>;
+export default Descope;

package/dist/Descope.js

@@ -0,0 +1,28 @@
+import React, { useRef, useImperativeHandle, useEffect } from 'react';
+import '@descope/web-component';
+
+const Descope = React.forwardRef(({ projectId, flowId, baseUrl, onSuccess, onError }, ref) => {
+    const innerRef = useRef();
+    useImperativeHandle(ref, () => innerRef.current);
+    useEffect(() => {
+        const ele = innerRef.current;
+        if (onError)
+            ele?.addEventListener('error', onError);
+        if (onSuccess)
+            ele?.addEventListener('success', onSuccess);
+        return () => {
+            if (onError)
+                ele?.removeEventListener('error', onError);
+            if (onSuccess)
+                ele?.removeEventListener('success', onSuccess);
+        };
+    }, [innerRef, onError, onSuccess]);
+    return React.createElement("descope-wc", { "project-id": projectId, "flow-id": flowId, "base-url": baseUrl, ref: innerRef });
+});
+Descope.defaultProps = {
+    onError: undefined,
+    onSuccess: undefined,
+    baseUrl: undefined
+};
+
+export { Descope as default };

package/dist/types.d.ts

@@ -0,0 +1,17 @@
+import React, { DOMAttributes } from 'react';
+import DescopeWc from '@descope/web-component';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            ['descope-wc']: DescopeCustomElement;
+        }
+    }
+}
+export declare type CustomEvents<K extends string> = {
+    [key in K]: (event: CustomEvent) => void;
+};
+export declare type CustomElement<T, K extends string = ''> = Partial<T & DOMAttributes<T> & {
+    children: React.ReactChild;
+    ref: React.Ref<HTMLElement>;
+} & CustomEvents<`on${K}`>>;
+export declare type DescopeCustomElement = CustomElement<DescopeWc, 'success' | 'error'>;

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@descope/react-sdk",
+  "version": "0.0.51",
+  "main": "dist/Descope.js",
+  "types": "dist/Descope.d.ts",
+  "description": "Descope React SDK",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/descope/react-sdk.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@descope/web-component": "^0.0.25"
+  },
+  "devDependencies": {
+    "@babel/core": "7.18.9",
+    "@babel/preset-env": "7.18.9",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.18.6",
+    "@open-wc/rollup-plugin-html": "^1.2.5",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.1.1",
+    "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "13.3.0",
+    "@testing-library/user-event": "14.4.3",
+    "@types/jest": "^27.0.2",
+    "@types/react": "18.0.17",
+    "@types/react-dom": "18.0.5",
+    "babel-jest": "27.5.1",
+    "eslint": "8.20.0",
+    "eslint-config-airbnb": "19.0.4",
+    "eslint-config-airbnb-typescript": "17.0.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-config-standard": "17.0.0",
+    "eslint-import-resolver-typescript": "2.7.1",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jest": "26.7.0",
+    "eslint-plugin-jest-dom": "4.0.2",
+    "eslint-plugin-jest-formatting": "3.1.0",
+    "eslint-plugin-jsx-a11y": "6.6.1",
+    "eslint-plugin-n": "15.2.4",
+    "eslint-plugin-no-only-tests": "2.6.0",
+    "eslint-plugin-prefer-arrow": "1.2.3",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-promise": "6.0.0",
+    "eslint-plugin-react": "7.30.1",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-testing-library": "5.6.0",
+    "jest": "^27.3.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rollup": "^2.62.0",
+    "rollup-plugin-browsersync": "^1.3.3",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-livereload": "^2.0.5",
+    "rollup-plugin-serve": "^1.1.0",
+    "ts-jest": "^27.0.7",
+    "ts-node": "10.9.1",
+    "typescript": "^4.5.3"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16",
+    "react": ">=16"
+  },
+  "scripts": {
+    "start": "rollup -c rollup.config.app.js -w",
+    "build": "rollup -c",
+    "test": "jest",
+    "lint": "eslint ./src",
+    "prepublishOnly": "npm run build"
+  }
+}