@prosopo/procaptcha-react 0.2.40 → 0.2.41

package/dist/components/theme.js

@@ -1,44 +1,41 @@
 const grey = {
-  0: "#fff",
-  100: "#f5f5f5",
-  200: "#eeeeee",
-  300: "#e0e0e0",
-  400: "#bdbdbd",
-  500: "#9e9e9e",
-  600: "#757575",
-  700: "#616161",
-  800: "#424242",
-  900: "#212121"
+    0: '#fff',
+    100: '#f5f5f5',
+    200: '#eeeeee',
+    300: '#e0e0e0',
+    400: '#bdbdbd',
+    500: '#9e9e9e',
+    600: '#757575',
+    700: '#616161',
+    800: '#424242',
+    900: '#212121',
 };
-const lightTheme = {
-  palette: {
-    mode: "light",
-    primary: {
-      main: "#487DFA",
-      contrastText: "#fff"
+export const lightTheme = {
+    palette: {
+        mode: 'light',
+        primary: {
+            main: '#487DFA',
+            contrastText: '#fff',
+        },
+        background: {
+            default: '#fff',
+            contrastText: '#000',
+        },
+        grey,
     },
-    background: {
-      default: "#fff",
-      contrastText: "#000"
-    },
-    grey
-  }
 };
-const darkTheme = {
-  palette: {
-    mode: "dark",
-    primary: {
-      main: "#487DFA",
-      contrastText: "#fff"
-    },
-    background: {
-      default: "#303030",
-      contrastText: "#fff"
+export const darkTheme = {
+    palette: {
+        mode: 'dark',
+        primary: {
+            main: '#487DFA',
+            contrastText: '#fff',
+        },
+        background: {
+            default: '#303030',
+            contrastText: '#fff',
+        },
+        grey,
     },
-    grey
-  }
-};
-export {
-  darkTheme,
-  lightTheme
 };
+//# sourceMappingURL=theme.js.map

package/dist/components/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/components/theme.ts"],"names":[],"mappings":"AAcA,MAAM,IAAI,GAAG;IACT,CAAC,EAAE,MAAM;IACT,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,OAAO,EAAE;QACL,IAAI,EAAE,OAAO;QACb,OAAO,EAAE;YACL,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,MAAM;SACvB;QACD,UAAU,EAAE;YACR,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,MAAM;SACvB;QACD,IAAI;KACP;CACJ,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,OAAO,EAAE;QACL,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE;YACL,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,MAAM;SACvB;QACD,UAAU,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,MAAM;SACvB;QACD,IAAI;KACP;CACJ,CAAA"}

package/dist/index.d.ts

@@ -1,42 +1,3 @@
-import { CaptchaResponseCaptcha } from '@prosopo/procaptcha';
-import { GetCaptchaResponse } from '@prosopo/api';
-import { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
-import { ProcaptchaCallbacks } from '@prosopo/procaptcha';
-import { ProcaptchaConfigOptional } from '@prosopo/procaptcha';
-
-export declare interface CaptchaComponentProps {
-    challenge: GetCaptchaResponse;
-    index: number;
-    solutions: string[][];
-    onSubmit: () => void;
-    onCancel: () => void;
-    onClick: (hash: string) => void;
-    onNext: () => void;
-    themeColor: 'light' | 'dark';
-}
-
-export declare const CaptchaWidget: ({ challenge, solution, onClick, themeColor }: CaptchaWidgetProps) => JSX_2.Element;
-
-export declare interface CaptchaWidgetProps {
-    challenge: CaptchaResponseCaptcha;
-    solution: string[];
-    onClick: (hash: string) => void;
-    themeColor: 'light' | 'dark';
-}
-
-export declare const ExtensionAccountSelect: ({ value, dappName, onChange, }: {
-    value?: string | undefined;
-    dappName: string;
-    onChange: (value: string) => void;
-}) => JSX_2.Element;
-
-export declare const Procaptcha: (props: ProcaptchaProps) => JSX_2.Element;
-
-declare interface ProcaptchaProps {
-    config: ProcaptchaConfigOptional;
-    callbacks?: Partial<ProcaptchaCallbacks>;
-}
-
-export declare const ProcaptchaWidget: (props: ProcaptchaProps) => JSX_2.Element;
-
-export { }
+export * from './components/index.js';
+export * from './util/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA"}

package/dist/index.js

@@ -1,12 +1,3 @@
-import "./components/index.js";
-import "./util/index.js";
-import { ExtensionAccountSelect } from "./components/ExtensionAccountSelect.js";
-import { default as default2 } from "./components/ProcaptchaWidget.js";
-import { default as default3 } from "./components/Procaptcha.js";
-import { CaptchaWidget } from "./components/CaptchaWidget.js";
-export {
-  CaptchaWidget,
-  ExtensionAccountSelect,
-  default3 as Procaptcha,
-  default2 as ProcaptchaWidget
-};
+export * from './components/index.js';
+export * from './util/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA"}

package/dist/util/index.d.ts

@@ -0,0 +1,9 @@
+export default function addDataAttr({ general, dev, }: {
+    general?: {
+        [key: string]: string;
+    };
+    dev?: {
+        [key: string]: string;
+    };
+}): {};
+//# sourceMappingURL=index.d.ts.map

package/dist/util/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAsBA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,OAAO,EACP,GAAG,GACN,EAAE;IACC,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IACnC,GAAG,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;CAClC,MAKA"}

package/dist/util/index.js

@@ -1,15 +1,10 @@
 function renameKeysForDataAttr(data = {}) {
-  return Object.keys(data).reduce((prev, curr) => ({ ...prev, [`data-${curr}`]: data[curr] }), {});
+    return Object.keys(data).reduce((prev, curr) => ({ ...prev, [`data-${curr}`]: data[curr] }), {});
 }
-function addDataAttr({
-  general,
-  dev
-}) {
-  return {
-    ...renameKeysForDataAttr(general),
-    ...process.env.NODE_ENV === "development" ? renameKeysForDataAttr(dev) : {}
-  };
+export default function addDataAttr({ general, dev, }) {
+    return {
+        ...renameKeysForDataAttr(general),
+        ...(process.env.NODE_ENV === 'development' ? renameKeysForDataAttr(dev) : {}),
+    };
 }
-export {
-  addDataAttr as default
-};
+//# sourceMappingURL=index.js.map

package/dist/util/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAaA,SAAS,qBAAqB,CAAC,OAAkC,EAAE;IAC/D,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AACpG,CAAC;AAOD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,OAAO,EACP,GAAG,GAIN;IACG,OAAO;QACH,GAAG,qBAAqB,CAAC,OAAO,CAAC;QACjC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC,CAAC,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAChF,CAAA;AACL,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prosopo/procaptcha-react",
-    "version": "0.2.40",
+    "version": "0.2.41",
     "author": "PROSOPO LIMITED <info@prosopo.io>",
     "license": "Apache-2.0",
     "main": "./dist/index.js",
@@ -20,7 +20,7 @@
     "source": "./src/index.ts",
     "scripts": {
         "clean": "tsc --build --clean",
-        "build": "npx vite --config vite.config.ts build",
+        "build": "tsc --build --verbose tsconfig.json",
         "build:cjs": "npx vite --config vite.cjs.config.ts build",
         "eslint": "npx eslint . --no-error-on-unmatched-pattern --ignore-path ../../.eslintignore",
         "eslint:fix": "npm run eslint -- --fix",
@@ -37,11 +37,11 @@
         "@emotion/styled": "^11.11.0",
         "@polkadot/extension-dapp": "0.46.6",
         "@polkadot/extension-inject": "0.46.6",
-        "@prosopo/api": "0.2.40",
-        "@prosopo/common": "0.2.40",
-        "@prosopo/procaptcha": "0.2.40",
-        "@prosopo/types": "0.2.40",
-        "@prosopo/util": "0.2.40",
+        "@prosopo/api": "0.2.41",
+        "@prosopo/common": "0.2.41",
+        "@prosopo/procaptcha": "0.2.41",
+        "@prosopo/types": "0.2.41",
+        "@prosopo/util": "0.2.41",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
     },

package/dist/cjs/style/Modal.css

@@ -1,41 +0,0 @@
-.modalOuter {
-    position: fixed;
-    z-index: 1300;
-    inset: 0;
-}
-
-.modalBackground {
-    position: fixed;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.5);
-    -webkit-tap-highlight-color: transparent;
-    z-index: -1;
-}
-.modalInner {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 400px;
-    background-color: rgb(255, 255, 255);
-    border: none;
-    box-shadow:
-        rgba(0, 0, 0, 0.2) 0px 11px 15px -7px,
-        rgba(0, 0, 0, 0.14) 0px 24px 38px 3px,
-        rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
-}

package/dist/style/Modal.css

@@ -1,41 +0,0 @@
-.modalOuter {
-    position: fixed;
-    z-index: 1300;
-    inset: 0;
-}
-
-.modalBackground {
-    position: fixed;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.5);
-    -webkit-tap-highlight-color: transparent;
-    z-index: -1;
-}
-.modalInner {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 400px;
-    background-color: rgb(255, 255, 255);
-    border: none;
-    box-shadow:
-        rgba(0, 0, 0, 0.2) 0px 11px 15px -7px,
-        rgba(0, 0, 0, 0.14) 0px 24px 38px 3px,
-        rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
-}

package/public/style/Modal.css

@@ -1,41 +0,0 @@
-.modalOuter {
-    position: fixed;
-    z-index: 1300;
-    inset: 0;
-}
-
-.modalBackground {
-    position: fixed;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.5);
-    -webkit-tap-highlight-color: transparent;
-    z-index: -1;
-}
-.modalInner {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 400px;
-    background-color: rgb(255, 255, 255);
-    border: none;
-    box-shadow:
-        rgba(0, 0, 0, 0.2) 0px 11px 15px -7px,
-        rgba(0, 0, 0, 0.14) 0px 24px 38px 3px,
-        rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
-}

package/vite.config.ts

@@ -1,22 +0,0 @@
-import { ViteCommonJSConfig } from '@prosopo/config'
-import dts from 'vite-plugin-dts'
-import path from 'path'
-
-const base = path.resolve('./tsconfig.json')
-
-export default async function () {
-    const commonJSconfig = await ViteCommonJSConfig('procaptcha-react', base)
-    return {
-        ...commonJSconfig,
-        plugins: [...(commonJSconfig.plugins || []), dts({ rollupTypes: true })], // add the declaration files (d.ts) generation plugin
-        build: {
-            ssr: false,
-            ...commonJSconfig.build,
-            outDir: 'dist',
-            lib: {
-                ...commonJSconfig.build?.lib,
-                formats: ['es'],
-            },
-        },
-    }
-}