2f:["$","$L31",null,{"children":["$","$L32",null,{"children":["$","div",null,{"className":"flex min-h-screen flex-col justify-between","children":[["$","$L33",null,{"enableScrollIndicator":"$undefined","title":"Web3 Services"}],[["$","$L34",null,{"contentWrapperId":"$35","items":[{"__typename":"NavigationItem","label":"API Reference","icon":"SwitchHorizontalOutline","url":"/api-reference/w3s/common/ping","fallbackUrl":null,"isHidden":null,"children":null},{"__typename":"NavigationSection","label":"GETTING STARTED","items":[{"__typename":"NavigationItem","label":"Circle Web3 Services","url":"/w3s/circle-programmable-wallets-an-overview","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"USDC Access (Beta)","url":"/w3s/usdc-access-intro","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Programmable Wallets","url":"/w3s/programmable-wallets","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Smart Contract Platform","url":"/w3s/smart-contract-platform","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Compliance Engine","url":"/w3s/compliance-engine","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Gas Station","url":"/w3s/gas-station","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Supported Blockchains","url":"/w3s/supported-blockchains-and-currencies","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Web3 Services Primitives","url":"/w3s/programmable-wallets-primitives","fallbackUrl":null,"icon":null,"isHidden":null,"children":null}]},{"__typename":"NavigationSection","label":"SDKS AND SAMPLE APPS","items":[{"__typename":"NavigationItem","label":"Web3 Services SDKs","url":"/w3s/web3-services-sdks","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Server-side SDKs","url":"/w3s/server-side-sdks","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Client-side SDKs","url":"/w3s/client-side-sdks","fallbackUrl":null,"icon":null,"isHidden":null,"children":[{"__typename":"NavigationItem","label":"Web SDK","url":"/w3s/web","fallbackUrl":null,"isHidden":null},{"__typename":"NavigationItem","label":"iOS Mobile SDK","url":"/w3s/ios","fallbackUrl":null,"isHidden":null},{"__typename":"NavigationItem","label":"Android Mobile SDK","url":"/w3s/android","fallbackUrl":null,"isHidden":null},{"__typename":"NavigationItem","label":"React Native Mobile SDK","url":"/w3s/react-native-sdk","fallbackUrl":null,"isHidden":null},{"__typename":"NavigationItem","label":"Web SDK UI Customizations","url":"/w3s/web-sdk-ui-customizations","fallbackUrl":null,"isHidden":null},{"__typename":"NavigationItem","label":"iOS SDK UI Customization API","url":"/w3s/ios-sdk-ui-customization-api","fallbackUrl":null,"isHidden":null},{"__typename":"NavigationItem","label":"Android SDK UI Customization API","url":"/w3s/android-sdk-ui-customization-api","fallbackUrl":null,"isHidden":null},{"__typename":"NavigationItem","label":"React Native SDK UI Customization API","url":"/w3s/react-native-sdk-ui-customization-api","fallbackUrl":null,"isHidden":null}]},{"__typename":"NavigationItem","label":"Sample Applications","url":"/w3s/sample-applications","fallbackUrl":null,"icon":null,"isHidden":null,"children":null}]},{"__typename":"NavigationSection","label":"USDC ACCESS","items":[{"__typename":"NavigationItem","label":"Join USDC Access (Beta)","url":"/w3s/circle-access-network-beta","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"About USDC Access","url":"/w3s/usdc-access-about-guide","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Integrate with USDC Access","url":"/w3s/usdc-access-integration-tutorial","fallbackUrl":null,"icon":null,"isHidden":null,"children":null}]},{"__typename":"NavigationSection","label":"USER-CONTROLLED WALLETS","items":[{"__typename":"NavigationItem","label":"Quickstart for Social Logins or Email Authentication","url":"/w3s/create-your-first-wallet-with-social-logins","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Authentication Methods","url":"/w3s/authentication-methods","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Confirmation UIs","url":"/w3s/confirmation-uis","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"SDK Architecture for User-Controlled Wallets","url":"/w3s/sdk-architecture-for-user-controlled-wallets","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Quickstarts for PIN Authentication","url":"/w3s/user-controlled-initialization-and-wallet-creation-quickstart","fallbackUrl":null,"icon":null,"isHidden":null,"children":null}]},{"__typename":"NavigationSection","label":"DEVELOPER-CONTROLLED WALLETS","items":[{"__typename":"NavigationItem","label":"Quickstarts","url":"/w3s/developer-controlled-wallet-quickstart","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Entity Secret Management","url":"/w3s/entity-secret-management","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Onboard Users to Developer-Controlled Wallets","url":"/w3s/onboard-users-to-developer-controlled-wallets","fallbackUrl":null,"icon":null,"isHidden":null,"children":null}]},{"__typename":"NavigationSection","label":"SMART CONTRACT PLATFORM","items":[{"__typename":"NavigationItem","label":"Quickstarts","url":"/w3s/scp-quickstarts","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Templates Overview","url":"/w3s/scp-templates-overview","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Template References","url":"/w3s/smart-contract-references","fallbackUrl":null,"icon":null,"isHidden":null,"children":null}]},{"__typename":"NavigationSection","label":"Compliance Engine","items":[{"__typename":"NavigationItem","label":"Transaction Screening","url":"/w3s/tx-screening","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Travel Rule","url":"/w3s/travel-rule","fallbackUrl":null,"icon":null,"isHidden":null,"children":null}]},{"__typename":"NavigationSection","label":"Gas Station","items":[{"__typename":"NavigationItem","label":"Quickstarts","url":"/w3s/send-a-gasless-transaction","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Policy Management","url":"/w3s/gas-station-policy-management","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Billing for Sponsored Gas Fees","url":"/w3s/gas-station-billing","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Paymaster & Fee-Payer Addresses","url":"/w3s/gas-station-paymaster","fallbackUrl":null,"icon":null,"isHidden":null,"children":null}]},{"__typename":"NavigationSection","label":"REFERENCES","items":[{"__typename":"NavigationItem","label":"Programmable Wallets on Solana","url":"/w3s/programmable-wallets-on-solana","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Sign Transactions on Solana","url":"/w3s/sign-tx-solana","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Sign Transactions on EVM chains","url":"/w3s/sign-tx-evm","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Sign Transactions on NEAR","url":"/w3s/sign-tx-near","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Chain ID for Signing Transactions","url":"/w3s/sign-tx-chain-id","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Transaction Limits and Optimizations","url":"/w3s/transaction-limits-and-optimizations","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Migrate from Mumbai to Amoy","url":"/w3s/migrate-from-mumbai-to-amoy-testnet","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Testnet Faucets","url":"/w3s/developer-console-faucet","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Programmable Wallet API Rate Limits","url":"/w3s/programmable-wallet-api-rate-limits","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Developer Console","url":"/w3s/circle-developer-account","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"API Authentication","url":"/w3s/web3-services-api-keys-authentication","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Webhook Notifications","url":"/w3s/web3-services-notifications-quickstart","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Postman API Suite","url":"/w3s/postman","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Gas Fees","url":"/w3s/gas-fees","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Blockchain Confirmations","url":"/w3s/blockchain-confirmations","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Idempotent Requests","url":"/w3s/idempotent-requests","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Monitored Tokens","url":"/w3s/monitored-tokens","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Wallet Security","url":"/w3s/wallet-security","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Compliance Requirements","url":"/w3s/compliance-requirements","fallbackUrl":null,"icon":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"API States and Errors","url":"/w3s/synchronous-errors","fallbackUrl":null,"icon":null,"isHidden":null,"children":null}]}],"parent":{"__typename":"NavigationItem","label":"All Docs","url":"/"},"path":[{"__typename":"NavigationItem","label":"All Docs","icon":null,"url":"/","fallbackUrl":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Web3 Services","icon":null,"url":"","fallbackUrl":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Client-side SDKs","icon":null,"url":"/w3s/client-side-sdks","fallbackUrl":null,"isHidden":null,"children":null},{"__typename":"NavigationItem","label":"Web SDK","icon":null,"url":"/w3s/web","fallbackUrl":null,"isHidden":null,"children":null}],"title":"Web3 Services"}],["$","$L36",null,{"contentWrapperId":"$35","items":"$37","parent":"$88","path":"$89","title":"Web3 Services"}]],["$","div",null,{"className":"flex flex-col overflow-hidden md:overflow-visible pt-0 pt-header px-6 mt-8","id":"$35","children":["$","div",null,{"className":"flex flex-col flex-1 pb-7 overflow-hidden","children":[["$","$L8e",null,{"initiator":"$undefined"}],["$","div",null,{"className":"md:pl-sidebar max-w-main-max md:mx-auto w-full","children":[["$","div",null,{"className":"flex pb-2 pt-1 items-start gap-2","children":"$L8f"}],["$","$L90",null,{"className":"pb-7","variant":"page/sm","children":[["$","$L91",null,{"as":"h1","children":"Web SDK"}],["$","$L92",null,{"children":"Set up the client-side web SDK for user-controlled wallets in your web application."}]]}],["$","div",null,{"className":"w-full flex gap-16","children":["$","div",null,{"className":"w-full space-y-4","children":[["$","p",null,{"className":"text-base","children":["The Circle Web SDK enables user-controlled wallets within your web application. Three authentication methods are supported, namely ",["$","strong",null,{"children":"social logins"}],", ",["$","strong",null,{"children":"email"}],", or ",["$","strong",null,{"children":"PIN"}],", which includes security questions for recovery. This allows you to authenticate your users in a seamless way and create user-controlled wallets for them."]}],"\n",["$","p",null,{"className":"text-base","children":"By integrating this client-side SDK, your users can securely create wallets and make transactions using social accounts or email. If you choose the PIN authentication method, your users can input sensitive data, like PINs or security answers, in a secure way. Moreover, the SDK encrypts the request body sent by the application, protecting your users' information."}],"\n",["$","$L93",null,{"variant":"info","children":[["$","p",null,{"className":"text-base","children":["$","strong",null,{"children":"Note:"}]}],["$","p",null,{"className":"text-base","children":"The Web and Mobile SDKs preserve the user keyshare with the individual, giving them complete control. You must use the SDKs with the user-controlled wallet product. Additionally, the Web and Mobile SDKs support only the user-controlled wallet product."}]]}],"\n",["$","p",null,{"className":"text-base","children":["At Circle, we understand the importance of end-to-end security for your application and the need to create a tailored and seamless user experience for your end-users. Hence, Circle’s SDK also exposes functionality for you to customize the description and layout. See the ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_self","href":"/w3s/web-sdk-ui-customizations","children":"Web SDK UI Customization API"}]," article to customize the SDK."]}],"\n",["$","h2",null,{"className":"text-neutral font-circular-medium text-2xl first:pt-0 pt-2","id":"install-the-sdks","children":"Install the SDKs"}],"\n",["$","p",null,{"className":"text-base","children":["Install using ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_blank","href":"https://docs.npmjs.com/about-npm","children":"npm"}],":"]}],"\n",["$","$L94",null,{"language":"shell","code":"npm install @circle-fin/w3s-pw-web-sdk\n","children":["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm language-shell","children":"npm install @circle-fin/w3s-pw-web-sdk\n"}]}],"\n",["$","h2",null,{"className":"text-neutral font-circular-medium text-2xl first:pt-0 pt-2","id":"sdk-architecture","children":"SDK architecture"}],"\n",["$","p",null,{"className":"text-base","children":"You must use Web, iOS, or Android SDKs to access the user-controlled Programmable Wallet product. The SDK secures, manages, and communicates with your server to ensure your user’s keyshare, always stays with them and is not exposed to your servers."}],"\n",["$","p",null,{"className":"text-base","children":["To learn more, see ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_self","href":"/w3s/sdk-architecture-for-user-controlled-wallets","children":"SDK Architecture for User-Controlled Wallets"}],"."]}],"\n",["$","h2",null,{"className":"text-neutral font-circular-medium text-2xl first:pt-0 pt-2","id":"sdk-api-references-enums","children":"SDK API references: enums"}],"\n",["$","p",null,{"className":"text-base","children":"The Web SDK supports the API reference enums listed in the following sections."}],"\n",["$","h3",null,{"className":"text-neutral-strong font-circular-regular text-xl py-4","id":"challengetype","children":"ChallengeType"}],"\n",["$","p",null,{"className":"text-base","children":"Enumerates the types of challenges supported."}],"\n",["$","$L94",null,{"language":"javascript","code":"enum ChallengeType {\n RESTORE_PIN,\n SET_SECURITY_QUESTIONS,\n CREATE_WALLET,\n CREATE_TRANSACTION,\n ACCELERATE_TRANSACTION,\n CANCEL_TRANSACTION,\n CONTRACT_EXECUTION,\n SIGN_MESSAGE,\n SIGN_TYPEDDATA,\n UNKNOWN,\n}\n","children":["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm language-javascript","children":"enum ChallengeType {\n RESTORE_PIN,\n SET_SECURITY_QUESTIONS,\n CREATE_WALLET,\n CREATE_TRANSACTION,\n ACCELERATE_TRANSACTION,\n CANCEL_TRANSACTION,\n CONTRACT_EXECUTION,\n SIGN_MESSAGE,\n SIGN_TYPEDDATA,\n UNKNOWN,\n}\n"}]}],"\n",["$","h3",null,{"className":"text-neutral-strong font-circular-regular text-xl py-4","id":"challengestatus","children":"ChallengeStatus"}],"\n",["$","p",null,{"className":"text-base","children":"Enumerates the possible status for a challenge."}],"\n",["$","$L94",null,{"language":"javascript","code":"enum ChallengeStatus {\n COMPLETE,\n EXPIRED,\n FAILED,\n IN_PROGRESS,\n PENDING,\n}\n","children":["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm language-javascript","children":"enum ChallengeStatus {\n COMPLETE,\n EXPIRED,\n FAILED,\n IN_PROGRESS,\n PENDING,\n}\n"}]}],"\n",["$","h3",null,{"className":"text-neutral-strong font-circular-regular text-xl py-4","id":"questiontype","children":"QuestionType"}],"\n",["$","p",null,{"className":"text-base","children":"Enumerates the types of security questions."}],"\n",["$","$L94",null,{"language":"javascript","code":"enum QuestionType {\n DATE,\n TEXT,\n}\n","children":["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm language-javascript","children":"enum QuestionType {\n DATE,\n TEXT,\n}\n"}]}],"\n",["$","h3",null,{"className":"text-neutral-strong font-circular-regular text-xl py-4","id":"errorcode","children":"ErrorCode"}],"\n",["$","p",null,{"className":"text-base","children":"Enumerates the types of error code."}],"\n",["$","$L94",null,{"language":"javascript","code":"$95","children":["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm language-javascript","children":"$96"}]}],"\n",["$","h2",null,{"className":"text-neutral font-circular-medium text-2xl first:pt-0 pt-2","id":"sdk-api-references-interfaces","children":"SDK API references: interfaces"}],"\n",["$","p",null,{"className":"text-base","children":"The Web SDK supports the interfaces listed in the following sections."}],"\n",["$","h3",null,{"className":"text-neutral-strong font-circular-regular text-xl py-4","id":"configs","children":"Configs"}],"\n",["$","ul",null,{"className":"ml-4 list-outside list-disc pb-2 marker:text-black marker:text-left [&>li]:pl-2","children":["\n",["$","li",null,{"children":[["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm","children":"appSettings"}]," ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_self","href":"#appsettings","children":""}]," Application settings object"]}],"\n",["$","li",null,{"children":[["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm","children":"authentication"}]," ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_self","href":"#authentication","children":""}]," Authentication object"]}],"\n",["$","li",null,{"children":[["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm","children":"socialLoginConfig"}]," ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_self","href":"#loginconfigs","children":""}]," Social login configuration object"]}],"\n"]}],"\n",["$","h3",null,{"className":"text-neutral-strong font-circular-regular text-xl py-4","id":"appsettings","children":"AppSettings"}],"\n",["$","p",null,{"className":"text-base","children":"Holds application settings."}],"\n",["$","ul",null,{"className":"ml-4 list-outside list-disc pb-2 marker:text-black marker:text-left [&>li]:pl-2","children":["\n",["$","li",null,{"children":[["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm","children":"appId"}]," ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_blank","href":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#string_type","children":""}]," Application ID, retrieved from Circle Web3 Services Console"]}],"\n"]}],"\n",["$","h3",null,{"className":"text-neutral-strong font-circular-regular text-xl py-4","id":"authentication","children":"Authentication"}],"\n",["$","p",null,{"className":"text-base","children":"Holds authentication information."}],"\n",["$","ul",null,{"className":"ml-4 list-outside list-disc pb-2 marker:text-black marker:text-left [&>li]:pl-2","children":["\n",["$","li",null,{"children":[["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm","children":"userToken"}]," ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_blank","href":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#string_type","children":""}]," User token"]}],"\n",["$","li",null,{"children":[["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm","children":"encryptionKey"}]," ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_blank","href":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#string_type","children":""}]," Encryption key"]}],"\n"]}],"\n",["$","h3",null,{"className":"text-neutral-strong font-circular-regular text-xl py-4","id":"loginconfigs","children":"LoginConfigs"}],"\n",["$","p",null,{"className":"text-base","children":"Holds login configuration information."}],"\n",["$","ul",null,{"className":"ml-4 list-outside list-disc pb-2 marker:text-black marker:text-left [&>li]:pl-2","children":["\n",["$","li",null,{"children":[["$","code",null,{"className":"bg-code text-sm p-1 rounded-sm","children":"google"}]," ",["$","a",null,{"className":"text-interactive font-circular-medium hover:text-blue-400","target":"_blank","href":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#objects","children":"