@prosopo/procaptcha-pow 0.3.1 → 0.3.3

package/dist/Services/Manager.d.ts

@@ -1,22 +1,5 @@
-import { ProcaptchaClientConfigInput } from '@prosopo/types';
-type ProcaptchaPowOutput = {
-    user: string;
-    dapp: string;
-    commitmentId?: string | undefined;
-    providerUrl?: string | undefined;
-    blockNumber?: number | undefined;
+import { ProcaptchaCallbacks, ProcaptchaClientConfigInput, ProcaptchaState, ProcaptchaStateUpdateFn } from '@prosopo/types';
+export declare const Manager: (configInput: ProcaptchaClientConfigInput, state: ProcaptchaState, onStateUpdate: ProcaptchaStateUpdateFn, callbacks: ProcaptchaCallbacks) => {
+    start: () => Promise<void>;
 };
-export interface ProcaptchaEvents {
-    onError: (error: Error) => void;
-    onAccountNotFound: (address: string) => void;
-    onHuman: (output: ProcaptchaPowOutput) => void;
-    onExtensionNotFound: () => void;
-    onChallengeExpired: () => void;
-    onExpired: () => void;
-    onFailed: () => void;
-    onOpen: () => void;
-    onClose: () => void;
-}
-export declare const Manager: (configInput: ProcaptchaClientConfigInput) => Promise<import("@prosopo/api").PowCaptchaSolutionResponse>;
-export {};
 //# sourceMappingURL=Manager.d.ts.map

package/dist/Services/Manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Manager.d.ts","sourceRoot":"","sources":["../../src/Services/Manager.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,2BAA2B,EAAwD,MAAM,gBAAgB,CAAA;AASlH,KAAK,mBAAmB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC/B,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAC9C,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,eAAO,MAAM,OAAO,gBAAuB,2BAA2B,+DAmFrE,CAAA"}
+{"version":3,"file":"Manager.d.ts","sourceRoot":"","sources":["../../src/Services/Manager.ts"],"names":[],"mappings":"AAaA,OAAO,EAGH,mBAAmB,EACnB,2BAA2B,EAG3B,eAAe,EACf,uBAAuB,EAC1B,MAAM,gBAAgB,CAAA;AAcvB,eAAO,MAAM,OAAO,gBACH,2BAA2B,SACjC,eAAe,iBACP,uBAAuB,aAC3B,mBAAmB;;CAmKjC,CAAA"}

package/dist/Services/Manager.js

@@ -1,14 +1,32 @@
+import { ApiParams, ProcaptchaConfigSchema, } from '@prosopo/types';
 import { ApiPromise } from '@polkadot/api/promise/Api';
 import { ExtensionWeb2 } from '@prosopo/account';
 import { Keyring } from '@polkadot/keyring';
-import { ProcaptchaConfigSchema } from '@prosopo/types';
 import { ProsopoCaptchaContract, wrapQuery } from '@prosopo/contract';
-import { ProsopoEnvError, trimProviderUrl } from '@prosopo/common';
+import { ProsopoContractError, ProsopoEnvError, trimProviderUrl } from '@prosopo/common';
 import { ProviderApi } from '@prosopo/api';
 import { WsProvider } from '@polkadot/rpc-provider/ws';
 import { ContractAbi as abiJson } from '@prosopo/captcha-contract/contract-info';
+import { buildUpdateState, getDefaultEvents } from '@prosopo/procaptcha-common';
+import { sleep } from '@prosopo/procaptcha';
 import { solvePoW } from './SolverService.js';
-export const Manager = async (configInput) => {
+export const Manager = (configInput, state, onStateUpdate, callbacks) => {
+    const defaultState = () => {
+        return {
+            showModal: false,
+            loading: false,
+            index: 0,
+            challenge: undefined,
+            solutions: undefined,
+            isHuman: false,
+            captchaApi: undefined,
+            account: undefined,
+        };
+    };
+    const clearTimeout = () => {
+        window.clearTimeout(state.timeout);
+        updateState({ timeout: undefined });
+    };
     const getConfig = () => {
         const config = {
             userAccountAddress: '',
@@ -32,25 +50,71 @@ export const Manager = async (configInput) => {
         const keyring = new Keyring({ type, ss58Format: api.registry.chainSS58 });
         return new ProsopoCaptchaContract(api, JSON.parse(abiJson), network.contract.address, 'prosopo', 0, keyring.addFromAddress(getConfig().account.address || ''));
     };
-    const config = getConfig();
-    if (!config.web2 && !config.userAccountAddress) {
-        throw new ProsopoEnvError('GENERAL.ACCOUNT_NOT_FOUND', {
-            context: { error: 'Account address has not been set for web3 mode' },
-        });
-    }
-    const ext = new ExtensionWeb2();
-    const account = await ext.getAccount(config);
-    const contract = await loadContract();
-    const getRandomProviderResponse = await wrapQuery(contract.query.getRandomActiveProvider, contract.query)(account.account.address, configInput.account.address || '');
-    const providerUrl = trimProviderUrl(getRandomProviderResponse.provider.url.toString());
-    const providerApi = new ProviderApi(getNetwork(getConfig()), providerUrl, configInput.account.address || '');
-    const challenge = await providerApi.getPowCaptchaChallenge(account.account.address, configInput.account.address || '');
-    console.log('challenge', challenge);
-    console.log('challenge', challenge.challenge);
-    console.log('challenge', challenge.difficulty);
-    const solution = solvePoW(challenge.challenge, challenge.difficulty);
-    console.log('solution', solution);
-    const verifiedSolution = await providerApi.submitPowCaptchaSolution(challenge, account.account.address, configInput.account.address || '', getRandomProviderResponse, solution);
-    return verifiedSolution;
+    const getAccount = () => {
+        if (!state.account) {
+            throw new ProsopoEnvError('GENERAL.ACCOUNT_NOT_FOUND', { context: { error: 'Account not loaded' } });
+        }
+        const account = state.account;
+        return account;
+    };
+    const getDappAccount = () => {
+        if (!state.dappAccount) {
+            throw new ProsopoEnvError('GENERAL.SITE_KEY_MISSING');
+        }
+        const dappAccount = state.dappAccount;
+        return dappAccount;
+    };
+    const getBlockNumber = () => {
+        if (!state.blockNumber) {
+            throw new ProsopoContractError('CAPTCHA.INVALID_BLOCK_NO', { context: { error: 'Block number not found' } });
+        }
+        const blockNumber = state.blockNumber;
+        return blockNumber;
+    };
+    const updateState = buildUpdateState(state, onStateUpdate);
+    const resetState = () => {
+        clearTimeout();
+        updateState(defaultState());
+    };
+    const start = async () => {
+        if (state.loading) {
+            return;
+        }
+        if (state.isHuman) {
+            return;
+        }
+        resetState();
+        updateState({ loading: true });
+        const config = getConfig();
+        updateState({ dappAccount: config.account.address });
+        await sleep(100);
+        if (!config.web2 && !config.userAccountAddress) {
+            throw new ProsopoEnvError('GENERAL.ACCOUNT_NOT_FOUND', {
+                context: { error: 'Account address has not been set for web3 mode' },
+            });
+        }
+        const ext = new ExtensionWeb2();
+        const account = await ext.getAccount(config);
+        const contract = await loadContract();
+        const events = getDefaultEvents(onStateUpdate, state, callbacks);
+        const getRandomProviderResponse = await wrapQuery(contract.query.getRandomActiveProvider, contract.query)(account.account.address, getDappAccount());
+        const providerUrl = trimProviderUrl(getRandomProviderResponse.provider.url.toString());
+        const providerApi = new ProviderApi(getNetwork(getConfig()), providerUrl, getDappAccount());
+        const challenge = await providerApi.getPowCaptchaChallenge(account.account.address, getDappAccount());
+        const solution = solvePoW(challenge.challenge, challenge.difficulty);
+        await providerApi.submitPowCaptchaSolution(challenge, getAccount().account.address, getDappAccount(), getRandomProviderResponse, solution);
+        if (state.isHuman) {
+            events.onHuman({
+                providerUrl,
+                [ApiParams.user]: getAccount().account.address,
+                [ApiParams.dapp]: getDappAccount(),
+                [ApiParams.challengeId]: challenge.challenge,
+                [ApiParams.blockNumber]: getBlockNumber(),
+            });
+        }
+    };
+    return {
+        start,
+    };
 };
 //# sourceMappingURL=Manager.js.map

package/dist/Services/Manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"Manager.js","sourceRoot":"","sources":["../../src/Services/Manager.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Manager.js","sourceRoot":"","sources":["../../src/Services/Manager.ts"],"names":[],"mappings":"AAaA,OAAO,EAEH,SAAS,EAIT,sBAAsB,GAGzB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACrE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAChF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,MAAM,CAAC,MAAM,OAAO,GAAG,CACnB,WAAwC,EACxC,KAAsB,EACtB,aAAsC,EACtC,SAA8B,EAChC,EAAE;IACA,MAAM,YAAY,GAAG,GAA6B,EAAE;QAChD,OAAO;YAEH,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;SAErB,CAAA;IACL,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,GAAG,EAAE;QAEtB,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAElC,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAA;IACvC,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,MAAM,MAAM,GAAgC;YACxC,kBAAkB,EAAE,EAAE;YACtB,GAAG,WAAW;SACjB,CAAA;QAED,OAAO,sBAAsB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC/C,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,MAAoC,EAAE,EAAE;QACxD,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;QACtD,IAAI,CAAC,OAAO,EAAE;YACV,MAAM,IAAI,eAAe,CAAC,6BAA6B,EAAE;gBACrD,OAAO,EAAE,EAAE,KAAK,EAAE,oCAAoC,MAAM,CAAC,kBAAkB,EAAE,EAAE;aACtF,CAAC,CAAA;SACL;QACD,OAAO,OAAO,CAAA;IAClB,CAAC,CAAA;IAID,MAAM,YAAY,GAAG,KAAK,IAAqC,EAAE;QAC7D,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,CAAC,CAAA;QACvC,MAAM,GAAG,GAAG,MAAM,UAAU,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;QACpG,MAAM,IAAI,GAAG,SAAS,CAAA;QACtB,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAA;QAEzE,OAAO,IAAI,sBAAsB,CAC7B,GAAG,EACH,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EACnB,OAAO,CAAC,QAAQ,CAAC,OAAO,EACxB,SAAS,EACT,CAAC,EACD,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAC5D,CAAA;IACL,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAChB,MAAM,IAAI,eAAe,CAAC,2BAA2B,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,CAAC,CAAA;SACvG;QACD,MAAM,OAAO,GAAY,KAAK,CAAC,OAAO,CAAA;QACtC,OAAO,OAAO,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YACpB,MAAM,IAAI,eAAe,CAAC,0BAA0B,CAAC,CAAA;SACxD;QAED,MAAM,WAAW,GAAW,KAAK,CAAC,WAAW,CAAA;QAC7C,OAAO,WAAW,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YACpB,MAAM,IAAI,oBAAoB,CAAC,0BAA0B,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAA;SAC/G;QACD,MAAM,WAAW,GAAW,KAAK,CAAC,WAAW,CAAA;QAC7C,OAAO,WAAW,CAAA;IACtB,CAAC,CAAA;IAGD,MAAM,WAAW,GAAG,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAA;IAE1D,MAAM,UAAU,GAAG,GAAG,EAAE;QAEpB,YAAY,EAAE,CAAA;QACd,WAAW,CAAC,YAAY,EAAE,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,KAAK,IAAI,EAAE;QACrB,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,OAAM;SACT;QACD,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,OAAM;SACT;QAED,UAAU,EAAE,CAAA;QAEZ,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAG9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;QAC1B,WAAW,CAAC,EAAE,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAA;QAGpD,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;QAGhB,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE;YAC5C,MAAM,IAAI,eAAe,CAAC,2BAA2B,EAAE;gBACnD,OAAO,EAAE,EAAE,KAAK,EAAE,gDAAgD,EAAE;aACvE,CAAC,CAAA;SACL;QAGD,MAAM,GAAG,GAAG,IAAI,aAAa,EAAE,CAAA;QAC/B,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;QAE5C,MAAM,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAA;QAErC,MAAM,MAAM,GAAG,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;QAGhE,MAAM,yBAAyB,GAAmB,MAAM,SAAS,CAC7D,QAAQ,CAAC,KAAK,CAAC,uBAAuB,EACtC,QAAQ,CAAC,KAAK,CACjB,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CAAA;QAE5C,MAAM,WAAW,GAAG,eAAe,CAAC,yBAAyB,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;QAEtF,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,CAAA;QAE3F,MAAM,SAAS,GAAG,MAAM,WAAW,CAAC,sBAAsB,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CAAA;QAErG,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;QACpE,MAAM,WAAW,CAAC,wBAAwB,CACtC,SAAS,EACT,UAAU,EAAE,CAAC,OAAO,CAAC,OAAO,EAC5B,cAAc,EAAE,EAChB,yBAAyB,EACzB,QAAQ,CACX,CAAA;QACD,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,MAAM,CAAC,OAAO,CAAC;gBACX,WAAW;gBACX,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC,OAAO,CAAC,OAAO;gBAC9C,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,cAAc,EAAE;gBAClC,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS;gBAC5C,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,cAAc,EAAE;aAC5C,CAAC,CAAA;SACL;IACL,CAAC,CAAA;IAED,OAAO;QACH,KAAK;KACR,CAAA;AACL,CAAC,CAAA"}

package/dist/Services/SolverService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolverService.d.ts","sourceRoot":"","sources":["../../src/Services/SolverService.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,SAAU,MAAM,cAAc,MAAM,KAAG,MAe3D,CAAA"}
+{"version":3,"file":"SolverService.d.ts","sourceRoot":"","sources":["../../src/Services/SolverService.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,QAAQ,SAAU,MAAM,cAAc,MAAM,KAAG,MAe3D,CAAA"}

package/dist/Services/SolverService.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolverService.js","sourceRoot":"","sources":["../../src/Services/SolverService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAU,EAAE;IACjE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAGrC,OAAO,IAAI,EAAE;QACT,MAAM,OAAO,GAAG,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;QACtD,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;QAE5C,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAA;SACf;QAED,KAAK,IAAI,CAAC,CAAA;KACb;AACL,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,MAAkB,EAAU,EAAE,CAC/C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;KACb,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;KACjD,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"SolverService.js","sourceRoot":"","sources":["../../src/Services/SolverService.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAU,EAAE;IACjE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAGrC,OAAO,IAAI,EAAE;QACT,MAAM,OAAO,GAAG,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;QACtD,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;QAE5C,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAA;SACf;QAED,KAAK,IAAI,CAAC,CAAA;KACb;AACL,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,MAAkB,EAAU,EAAE,CAC/C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;KACb,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;KACjD,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/cjs/Services/Manager.cjs

@@ -1,29 +1,49 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const types = require("@prosopo/types");
 const Api = require("@polkadot/api/promise/Api");
 require("../account/dist/index.cjs");
 const keyring = require("@polkadot/keyring");
-const types = require("@prosopo/types");
 const contract = require("@prosopo/contract");
 const common = require("@prosopo/common");
 const api = require("@prosopo/api");
 const ws = require("@polkadot/rpc-provider/ws");
 const contractInfo = require("@prosopo/captcha-contract/contract-info");
+const procaptchaCommon = require("@prosopo/procaptcha-common");
+const procaptcha = require("@prosopo/procaptcha");
 const SolverService = require("./SolverService.cjs");
 const ExtensionWeb2 = require("../account/dist/extension/ExtensionWeb2.cjs");
-const Manager = async (configInput) => {
+const Manager = (configInput, state, onStateUpdate, callbacks) => {
+  const defaultState = () => {
+    return {
+      // note order matters! see buildUpdateState. These fields are set in order, so disable modal first, then set loading to false, etc.
+      showModal: false,
+      loading: false,
+      index: 0,
+      challenge: void 0,
+      solutions: void 0,
+      isHuman: false,
+      captchaApi: void 0,
+      account: void 0
+      // don't handle timeout here, this should be handled by the state management
+    };
+  };
+  const clearTimeout = () => {
+    window.clearTimeout(state.timeout);
+    updateState({ timeout: void 0 });
+  };
   const getConfig = () => {
-    const config2 = {
+    const config = {
       userAccountAddress: "",
       ...configInput
     };
-    return types.ProcaptchaConfigSchema.parse(config2);
+    return types.ProcaptchaConfigSchema.parse(config);
   };
-  const getNetwork = (config2) => {
-    const network = config2.networks[config2.defaultNetwork];
+  const getNetwork = (config) => {
+    const network = config.networks[config.defaultNetwork];
     if (!network) {
       throw new common.ProsopoEnvError("DEVELOPER.NETWORK_NOT_FOUND", {
-        context: { error: `No network found for environment ${config2.defaultEnvironment}` }
+        context: { error: `No network found for environment ${config.defaultEnvironment}` }
       });
     }
     return network;
@@ -42,37 +62,80 @@ const Manager = async (configInput) => {
       keyring$1.addFromAddress(getConfig().account.address || "")
     );
   };
-  const config = getConfig();
-  if (!config.web2 && !config.userAccountAddress) {
-    throw new common.ProsopoEnvError("GENERAL.ACCOUNT_NOT_FOUND", {
-      context: { error: "Account address has not been set for web3 mode" }
-    });
-  }
-  const ext = new ExtensionWeb2.ExtensionWeb2();
-  const account = await ext.getAccount(config);
-  const contract$1 = await loadContract();
-  const getRandomProviderResponse = await contract.wrapQuery(
-    contract$1.query.getRandomActiveProvider,
-    contract$1.query
-  )(account.account.address, configInput.account.address || "");
-  const providerUrl = common.trimProviderUrl(getRandomProviderResponse.provider.url.toString());
-  const providerApi = new api.ProviderApi(getNetwork(getConfig()), providerUrl, configInput.account.address || "");
-  const challenge = await providerApi.getPowCaptchaChallenge(
-    account.account.address,
-    configInput.account.address || ""
-  );
-  console.log("challenge", challenge);
-  console.log("challenge", challenge.challenge);
-  console.log("challenge", challenge.difficulty);
-  const solution = SolverService.solvePoW(challenge.challenge, challenge.difficulty);
-  console.log("solution", solution);
-  const verifiedSolution = await providerApi.submitPowCaptchaSolution(
-    challenge,
-    account.account.address,
-    configInput.account.address || "",
-    getRandomProviderResponse,
-    solution
-  );
-  return verifiedSolution;
+  const getAccount = () => {
+    if (!state.account) {
+      throw new common.ProsopoEnvError("GENERAL.ACCOUNT_NOT_FOUND", { context: { error: "Account not loaded" } });
+    }
+    const account = state.account;
+    return account;
+  };
+  const getDappAccount = () => {
+    if (!state.dappAccount) {
+      throw new common.ProsopoEnvError("GENERAL.SITE_KEY_MISSING");
+    }
+    const dappAccount = state.dappAccount;
+    return dappAccount;
+  };
+  const getBlockNumber = () => {
+    if (!state.blockNumber) {
+      throw new common.ProsopoContractError("CAPTCHA.INVALID_BLOCK_NO", { context: { error: "Block number not found" } });
+    }
+    const blockNumber = state.blockNumber;
+    return blockNumber;
+  };
+  const updateState = procaptchaCommon.buildUpdateState(state, onStateUpdate);
+  const resetState = () => {
+    clearTimeout();
+    updateState(defaultState());
+  };
+  const start = async () => {
+    if (state.loading) {
+      return;
+    }
+    if (state.isHuman) {
+      return;
+    }
+    resetState();
+    updateState({ loading: true });
+    const config = getConfig();
+    updateState({ dappAccount: config.account.address });
+    await procaptcha.sleep(100);
+    if (!config.web2 && !config.userAccountAddress) {
+      throw new common.ProsopoEnvError("GENERAL.ACCOUNT_NOT_FOUND", {
+        context: { error: "Account address has not been set for web3 mode" }
+      });
+    }
+    const ext = new ExtensionWeb2.ExtensionWeb2();
+    const account = await ext.getAccount(config);
+    const contract$1 = await loadContract();
+    const events = procaptchaCommon.getDefaultEvents(onStateUpdate, state, callbacks);
+    const getRandomProviderResponse = await contract.wrapQuery(
+      contract$1.query.getRandomActiveProvider,
+      contract$1.query
+    )(account.account.address, getDappAccount());
+    const providerUrl = common.trimProviderUrl(getRandomProviderResponse.provider.url.toString());
+    const providerApi = new api.ProviderApi(getNetwork(getConfig()), providerUrl, getDappAccount());
+    const challenge = await providerApi.getPowCaptchaChallenge(account.account.address, getDappAccount());
+    const solution = SolverService.solvePoW(challenge.challenge, challenge.difficulty);
+    await providerApi.submitPowCaptchaSolution(
+      challenge,
+      getAccount().account.address,
+      getDappAccount(),
+      getRandomProviderResponse,
+      solution
+    );
+    if (state.isHuman) {
+      events.onHuman({
+        providerUrl,
+        [types.ApiParams.user]: getAccount().account.address,
+        [types.ApiParams.dapp]: getDappAccount(),
+        [types.ApiParams.challengeId]: challenge.challenge,
+        [types.ApiParams.blockNumber]: getBlockNumber()
+      });
+    }
+  };
+  return {
+    start
+  };
 };
 exports.Manager = Manager;

package/dist/cjs/account/dist/extension/ExtensionWeb3.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Extension = require("./Extension.cjs");
+const common = require("@prosopo/common");
+const extensionDapp = require("@polkadot/extension-dapp");
+class ExtensionWeb3 extends Extension.Extension {
+  async getAccount(config) {
+    const { dappName, userAccountAddress: address } = config;
+    if (!address) {
+      throw new common.ProsopoError("WIDGET.NO_ACCOUNTS_FOUND", { context: { error: "No account address provided" } });
+    }
+    const extensions = await extensionDapp.web3Enable(dappName);
+    if (extensions.length === 0) {
+      throw new common.ProsopoError("WIDGET.NO_EXTENSION_FOUND");
+    }
+    for (const extension of extensions) {
+      const accounts = await extension.accounts.get();
+      const account = accounts.find((account2) => account2.address === address);
+      if (account) {
+        return { account, extension };
+      }
+    }
+    throw new common.ProsopoError("WIDGET.ACCOUNT_NOT_FOUND", {
+      context: { error: `No account found matching ${address}` }
+    });
+  }
+}
+exports.ExtensionWeb3 = ExtensionWeb3;

package/dist/cjs/account/dist/index.cjs

@@ -2,5 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Extension = require("./extension/Extension.cjs");
 const ExtensionWeb2 = require("./extension/ExtensionWeb2.cjs");
+const ExtensionWeb3 = require("./extension/ExtensionWeb3.cjs");
 exports.Extension = Extension.Extension;
 exports.ExtensionWeb2 = ExtensionWeb2.ExtensionWeb2;
+exports.ExtensionWeb3 = ExtensionWeb3.ExtensionWeb3;

package/dist/cjs/components/Captcha.cjs

@@ -2,77 +2,42 @@
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 require("../web-components/dist/index.cjs");
 const Manager = require("../Services/Manager.cjs");
-const react = require("@emotion/react");
-const react$1 = require("react");
+const procaptchaCommon = require("@prosopo/procaptcha-common");
+const react = require("react");
 const theme = require("../web-components/dist/theme.cjs");
+const Containers = require("../web-components/dist/Containers.cjs");
+const WidgetConstants = require("../web-components/dist/WidgetConstants.cjs");
 const LoadingSpinner = require("../web-components/dist/LoadingSpinner.cjs");
 const Checkbox = require("../web-components/dist/Checkbox.cjs");
-const logoStyle = react.css`
-    align-items: center;
-    justify-content: flex-end;
-    display: flex;
-    padding: 8px;
-
-    @media (max-width: 245px) {
-        &:nth-of-type(1),
-        &:nth-of-type(2) {
-            display: none;
-        } /* Both logos hidden */
-    }
-
-    @media (min-width: 245px) and (max-width: 400px) {
-        &:nth-of-type(1) {
-            display: flex;
-        } /* logoWithText */
-        &:nth-of-type(2) {
-            display: none;
-        } /* logoWithoutText */
-    }
-
-    @media (min-width: 401px) {
-        &:nth-of-type(1) {
-            display: none;
-        } /* logoWithText */
-        &:nth-of-type(2) {
-            display: flex;
-        } /* logoWithoutText */
-    }
-`;
+const Logo = require("../web-components/dist/Logo.cjs");
 const Procaptcha = (props) => {
-  const [checked, setChecked] = react$1.useState(false);
-  const [loading, setLoading] = react$1.useState(false);
-  const darkMode = props.config.theme;
-  const styleWidth = { maxWidth: "400px", minWidth: "200px", margin: "8px" };
-  const themeColor = darkMode ? "light" : "dark";
-  const theme$1 = react$1.useMemo(() => darkMode === "light" ? theme.lightTheme : theme.darkTheme, [darkMode]);
-  const handlePowCaptcha = async () => {
-    setLoading(true);
-    Manager.Manager(props.config).then((verified) => {
-      if (verified.verified) {
-        console.log("verified");
-        setChecked(true);
-      }
-      setLoading(false);
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxWidth: "100%", maxHeight: "100%", overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styleWidth, "data-cy": "button-human", children: [
+  const config = props.config;
+  const themeColor = config.theme === "light" ? "light" : "dark";
+  const theme$1 = props.config.theme === "light" ? theme.lightTheme : theme.darkTheme;
+  const callbacks = props.callbacks || {};
+  const [state, _updateState] = procaptchaCommon.useProcaptcha(react.useState, react.useRef);
+  const updateState = procaptchaCommon.buildUpdateState(state, _updateState);
+  const manager = Manager.Manager(config, state, updateState, callbacks);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxWidth: "100%", maxHeight: "100%", overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(Containers.ContainerDiv, { children: /* @__PURE__ */ jsxRuntime.jsx(Containers.WidthBasedStylesDiv, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: WidgetConstants.WIDGET_DIMENSIONS, "data-cy": "button-human", children: [
     " ",
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         style: {
-          padding: "8px",
+          padding: "2px",
           border: "1px solid",
           backgroundColor: theme$1.palette.background.default,
           borderColor: theme$1.palette.grey[300],
-          borderRadius: "8px",
+          borderRadius: "4px",
           display: "flex",
-          justifyContent: "space-between",
           alignItems: "center",
-          flexWrap: "wrap"
+          flexWrap: "wrap",
+          justifyContent: "space-between",
+          minHeight: `${WidgetConstants.WIDGET_INNER_HEIGHT}px`,
+          overflow: "hidden"
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               style: {
@@ -81,76 +46,41 @@ const Procaptcha = (props) => {
                 alignItems: "center",
                 flexWrap: "wrap"
               },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    style: {
-                      height: "50px",
-                      width: "50px",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      flexDirection: "column",
-                      verticalAlign: "middle"
-                    },
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        style: {
-                          display: "flex"
-                        },
-                        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: loading ? /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner.LoadingSpinner, { themeColor }) : /* @__PURE__ */ jsxRuntime.jsx(
-                          Checkbox.Checkbox,
-                          {
-                            checked,
-                            onChange: handlePowCaptcha,
-                            themeColor: props.config.theme || "light"
-                          }
-                        ) })
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: theme$1.palette.background.contrastText, paddingLeft: "4px" }, children: "I am a human" }) })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            "a",
-            {
-              href: "https://www.prosopo.io/#features?ref=accounts.prosopo.io&utm_campaign=widget&utm_medium=checkbox",
-              target: "_blank",
-              "aria-label": "Visit prosopo.io to learn more about the service and its accessibility options.",
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    css: logoStyle,
-                    dangerouslySetInnerHTML: {
-                      __html: darkMode === "light" ? logoWithoutTextBlack : logoWithoutTextWhite
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    flexDirection: "column",
+                    verticalAlign: "middle"
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      style: {
+                        display: "flex"
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: state.loading ? /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner.LoadingSpinner, { themeColor }) : /* @__PURE__ */ jsxRuntime.jsx(
+                        Checkbox.Checkbox,
+                        {
+                          checked: state.isHuman,
+                          onChange: manager.start,
+                          themeColor,
+                          labelText: "I am human"
+                        }
+                      ) })
                     }
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    css: logoStyle,
-                    dangerouslySetInnerHTML: {
-                      __html: darkMode === "light" ? logoWithTextBlack : logoWithTextWhite
-                    }
-                  }
-                )
-              ] }) })
+                  )
+                }
+              )
             }
-          ) })
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: WidgetConstants.WIDGET_URL, target: "_blank", "aria-label": WidgetConstants.WIDGET_URL_TEXT, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(Logo, { themeColor }) }) }) })
         ]
       }
     )
-  ] }) }) });
+  ] }) }) }) }) });
 };
-const logoWithTextBlack = '<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2062.63 468.67" height="35px" width="140px"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><title>Prosopo Logo Black</title><path class="cls-1" d="M335.55,1825.19A147.75,147.75,0,0,1,483.3,1972.94h50.5c0-109.49-88.76-198.25-198.25-198.25v50.5Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M269.36,1891.39A147.74,147.74,0,0,1,417.1,2039.13h50.5c0-109.49-88.75-198.24-198.24-198.24v50.5Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M414,2157.17a147.75,147.75,0,0,1-147.74-147.74h-50.5c0,109.49,88.75,198.24,198.24,198.24v-50.5Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M480.17,2091a147.74,147.74,0,0,1-147.74-147.75H281.92c0,109.49,88.76,198.25,198.25,198.25V2091Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M862.8,2017.5q-27.39,22.86-78.25,22.86h-65v112.19H654.82v-312h134q46.32,0,73.86,24.13t27.55,74.72Q890.2,1994.64,862.8,2017.5ZM813,1905.1q-12.37-10.36-34.7-10.38H719.59v91.87h58.75q22.32,0,34.7-11.22t12.39-35.56Q825.43,1915.48,813,1905.1Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1045.69,1916.42c.78.08,2.51.19,5.19.32v61.81c-3.81-.42-7.2-.71-10.16-.85s-5.36-.21-7.2-.21q-36.4,0-48.89,23.71-7,13.33-7,41.06v110.29H916.89V1921.82h57.58V1962q14-23.07,24.34-31.54,16.94-14.18,44-14.18C1044,1916.32,1044.92,1916.35,1045.69,1916.42Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1265.64,2124.32q-29.21,36.06-88.69,36.06t-88.69-36.06Q1059,2088.26,1059,2037.5q0-49.9,29.22-86.5t88.69-36.59q59.47,0,88.69,36.59t29.21,86.5Q1294.85,2088.26,1265.64,2124.32ZM1217.38,2091q14.17-18.81,14.18-53.48t-14.18-53.37q-14.19-18.7-40.64-18.71T1136,1984.13q-14.29,18.72-14.29,53.37T1136,2091q14.28,18.81,40.75,18.81T1217.38,2091Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1371.81,2078.88q1.92,16.1,8.29,22.87,11.28,12.06,41.7,12.06,17.85,0,28.39-5.29t10.53-15.88a17.12,17.12,0,0,0-8.48-15.45q-8.49-5.28-63.12-18.2-39.33-9.73-55.41-24.35-16.08-14.39-16.09-41.49,0-32,25.14-54.93t70.75-23q43.26,0,70.53,17.25t31.29,59.59H1455q-1.27-11.64-6.58-18.42-10-12.27-34-12.28-19.74,0-28.13,6.14t-8.38,14.4c0,6.91,3,11.93,8.92,15q8.89,4.89,63,16.73,36,8.46,54.05,25.61,17.77,17.35,17.78,43.39,0,34.3-25.56,56t-79,21.7q-54.51,0-80.49-23t-26-58.53Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1745.54,2124.32q-29.22,36.06-88.7,36.06t-88.69-36.06q-29.2-36.06-29.21-86.82,0-49.9,29.21-86.5t88.69-36.59q59.49,0,88.7,36.59t29.21,86.5Q1774.75,2088.26,1745.54,2124.32ZM1697.27,2091q14.19-18.81,14.19-53.48t-14.19-53.37q-14.18-18.7-40.64-18.71t-40.75,18.71q-14.28,18.72-14.28,53.37t14.28,53.48q14.3,18.81,40.75,18.81T1697.27,2091Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1992.75,1946.59q28.24,29.84,28.23,87.63,0,61-27.58,92.93t-71.06,32q-27.69,0-46-13.76-10-7.62-19.6-22.23v120.24H1797V1921.82h57.79v34.08q9.79-15,20.88-23.71,20.23-15.43,48.15-15.45Q1964.53,1916.74,1992.75,1946.59Zm-46.3,43.39q-12.3-20.52-39.88-20.53-33.15,0-45.54,31.11-6.43,16.51-6.42,41.92,0,40.21,21.58,56.51,12.82,9.53,30.37,9.53,25.45,0,38.83-19.48t13.36-51.86Q1958.75,2010.51,1946.45,1990Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M2249.14,2124.32q-29.2,36.06-88.69,36.06t-88.69-36.06q-29.22-36.06-29.21-86.82,0-49.9,29.21-86.5t88.69-36.59q59.49,0,88.69,36.59t29.22,86.5Q2278.36,2088.26,2249.14,2124.32ZM2200.88,2091q14.19-18.81,14.18-53.48t-14.18-53.37q-14.18-18.7-40.64-18.71t-40.75,18.71q-14.28,18.72-14.29,53.37t14.29,53.48q14.3,18.81,40.75,18.81T2200.88,2091Z" transform="translate(-215.73 -1774.69)"/></svg>';
-const logoWithTextWhite = '<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2062.63 468.67" height="35px" width="140px"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Prosopo Logo Black</title><path class="cls-1" d="M335.55,1825.19A147.75,147.75,0,0,1,483.3,1972.94h50.5c0-109.49-88.76-198.25-198.25-198.25v50.5Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M269.36,1891.39A147.74,147.74,0,0,1,417.1,2039.13h50.5c0-109.49-88.75-198.24-198.24-198.24v50.5Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M414,2157.17a147.75,147.75,0,0,1-147.74-147.74h-50.5c0,109.49,88.75,198.24,198.24,198.24v-50.5Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M480.17,2091a147.74,147.74,0,0,1-147.74-147.75H281.92c0,109.49,88.76,198.25,198.25,198.25V2091Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M862.8,2017.5q-27.39,22.86-78.25,22.86h-65v112.19H654.82v-312h134q46.32,0,73.86,24.13t27.55,74.72Q890.2,1994.64,862.8,2017.5ZM813,1905.1q-12.37-10.36-34.7-10.38H719.59v91.87h58.75q22.32,0,34.7-11.22t12.39-35.56Q825.43,1915.48,813,1905.1Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1045.69,1916.42c.78.08,2.51.19,5.19.32v61.81c-3.81-.42-7.2-.71-10.16-.85s-5.36-.21-7.2-.21q-36.4,0-48.89,23.71-7,13.33-7,41.06v110.29H916.89V1921.82h57.58V1962q14-23.07,24.34-31.54,16.94-14.18,44-14.18C1044,1916.32,1044.92,1916.35,1045.69,1916.42Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1265.64,2124.32q-29.21,36.06-88.69,36.06t-88.69-36.06Q1059,2088.26,1059,2037.5q0-49.9,29.22-86.5t88.69-36.59q59.47,0,88.69,36.59t29.21,86.5Q1294.85,2088.26,1265.64,2124.32ZM1217.38,2091q14.17-18.81,14.18-53.48t-14.18-53.37q-14.19-18.7-40.64-18.71T1136,1984.13q-14.29,18.72-14.29,53.37T1136,2091q14.28,18.81,40.75,18.81T1217.38,2091Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1371.81,2078.88q1.92,16.1,8.29,22.87,11.28,12.06,41.7,12.06,17.85,0,28.39-5.29t10.53-15.88a17.12,17.12,0,0,0-8.48-15.45q-8.49-5.28-63.12-18.2-39.33-9.73-55.41-24.35-16.08-14.39-16.09-41.49,0-32,25.14-54.93t70.75-23q43.26,0,70.53,17.25t31.29,59.59H1455q-1.27-11.64-6.58-18.42-10-12.27-34-12.28-19.74,0-28.13,6.14t-8.38,14.4c0,6.91,3,11.93,8.92,15q8.89,4.89,63,16.73,36,8.46,54.05,25.61,17.77,17.35,17.78,43.39,0,34.3-25.56,56t-79,21.7q-54.51,0-80.49-23t-26-58.53Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1745.54,2124.32q-29.22,36.06-88.7,36.06t-88.69-36.06q-29.2-36.06-29.21-86.82,0-49.9,29.21-86.5t88.69-36.59q59.49,0,88.7,36.59t29.21,86.5Q1774.75,2088.26,1745.54,2124.32ZM1697.27,2091q14.19-18.81,14.19-53.48t-14.19-53.37q-14.18-18.7-40.64-18.71t-40.75,18.71q-14.28,18.72-14.28,53.37t14.28,53.48q14.3,18.81,40.75,18.81T1697.27,2091Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M1992.75,1946.59q28.24,29.84,28.23,87.63,0,61-27.58,92.93t-71.06,32q-27.69,0-46-13.76-10-7.62-19.6-22.23v120.24H1797V1921.82h57.79v34.08q9.79-15,20.88-23.71,20.23-15.43,48.15-15.45Q1964.53,1916.74,1992.75,1946.59Zm-46.3,43.39q-12.3-20.52-39.88-20.53-33.15,0-45.54,31.11-6.43,16.51-6.42,41.92,0,40.21,21.58,56.51,12.82,9.53,30.37,9.53,25.45,0,38.83-19.48t13.36-51.86Q1958.75,2010.51,1946.45,1990Z" transform="translate(-215.73 -1774.69)"/><path class="cls-1" d="M2249.14,2124.32q-29.2,36.06-88.69,36.06t-88.69-36.06q-29.22-36.06-29.21-86.82,0-49.9,29.21-86.5t88.69-36.59q59.49,0,88.69,36.59t29.22,86.5Q2278.36,2088.26,2249.14,2124.32ZM2200.88,2091q14.19-18.81,14.18-53.48t-14.18-53.37q-14.18-18.7-40.64-18.71t-40.75,18.71q-14.28,18.72-14.29,53.37t14.29,53.48q14.3,18.81,40.75,18.81T2200.88,2091Z" transform="translate(-215.73 -1774.69)"/></svg>';
-const logoWithoutTextWhite = '<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 348" height="35px"><path id="Vector" d="M95.7053 40.2707C127.005 40.2707 157.022 52.6841 179.154 74.78C201.286 96.8759 213.719 126.844 213.719 158.093H254.056C254.056 70.7808 183.16 -4.57764e-05 95.7053 -4.57764e-05V40.2707Z" fill="#fff"/><path id="Vector_2" d="M42.8365 93.0614C58.3333 93.0614 73.6784 96.1087 87.9955 102.029C102.313 107.95 115.322 116.628 126.279 127.568C137.237 138.508 145.93 151.496 151.86 165.79C157.79 180.084 160.843 195.404 160.843 210.875H201.179C201.179 123.564 130.291 52.7906 42.8365 52.7906V93.0614Z" fill="#fff"/><path id="Vector_3" d="M158.367 305.005C127.07 305.003 97.056 292.59 74.926 270.496C52.796 248.402 40.3626 218.437 40.3604 187.191H0.0239563C0.0239563 274.503 70.9123 345.276 158.367 345.276V305.005Z" fill="#fff"/><path id="Vector_4" d="M211.219 252.239C195.722 252.239 180.376 249.191 166.059 243.27C151.741 237.349 138.732 228.67 127.774 217.729C116.816 206.788 108.123 193.799 102.194 179.505C96.2637 165.21 93.2121 149.889 93.2132 134.417H52.8687C52.8687 221.729 123.765 292.509 211.219 292.509V252.239Z" fill="#fff"/></g><defs><clipPath id="clip0_1_2"><rect width="254" height="345" fill="white"/></clipPath></defs></svg>';
-const logoWithoutTextBlack = '<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 348" height="35px"><path id="Vector" d="M95.7053 40.2707C127.005 40.2707 157.022 52.6841 179.154 74.78C201.286 96.8759 213.719 126.844 213.719 158.093H254.056C254.056 70.7808 183.16 -4.57764e-05 95.7053 -4.57764e-05V40.2707Z" fill="#000000"/><path id="Vector_2" d="M42.8365 93.0614C58.3333 93.0614 73.6784 96.1087 87.9955 102.029C102.313 107.95 115.322 116.628 126.279 127.568C137.237 138.508 145.93 151.496 151.86 165.79C157.79 180.084 160.843 195.404 160.843 210.875H201.179C201.179 123.564 130.291 52.7906 42.8365 52.7906V93.0614Z" fill="#000000"/><path id="Vector_3" d="M158.367 305.005C127.07 305.003 97.056 292.59 74.926 270.496C52.796 248.402 40.3626 218.437 40.3604 187.191H0.0239563C0.0239563 274.503 70.9123 345.276 158.367 345.276V305.005Z" fill="#000000"/><path id="Vector_4" d="M211.219 252.239C195.722 252.239 180.376 249.191 166.059 243.27C151.741 237.349 138.732 228.67 127.774 217.729C116.816 206.788 108.123 193.799 102.194 179.505C96.2637 165.21 93.2121 149.889 93.2132 134.417H52.8687C52.8687 221.729 123.765 292.509 211.219 292.509V252.239Z" fill="#000000"/></g><defs><clipPath id="clip0_1_2"><rect width="254" height="345" fill="white"/></clipPath></defs></svg>';
 module.exports = Procaptcha;