wallet-connect-button-react 1.1.7 → 1.1.9

package/dist/WalletConnectButton.d.ts

@@ -8,7 +8,8 @@ export interface WalletConnectButtonProps {
     clientId: string;
     onSuccess: (attributes: AttributeData | undefined) => void;
     apiKey?: string;
-    walletConnectHost?: string;
+    useLocalWcServer?: boolean;
+    business?: boolean;
     lang?: string;
     helpBaseUrl?: string;
     issuance?: boolean;
@@ -30,5 +31,5 @@ declare global {
         }
     }
 }
-declare function WalletConnectButton({ label, clientId, onSuccess, apiKey, walletConnectHost, lang, helpBaseUrl, issuance }: WalletConnectButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function WalletConnectButton({ label, clientId, onSuccess, apiKey, useLocalWcServer, business, lang, helpBaseUrl, issuance }: WalletConnectButtonProps): import("react/jsx-runtime").JSX.Element;
 export default WalletConnectButton;

package/dist/index.esm.js

@@ -108,22 +108,39 @@ function useSearchParams() {
 
 // Global cache to prevent duplicate requests
 var credentialsCache = new Map();
-function constructURI(clientId, session_type, walletConnectHost) {
-    var baseHost = walletConnectHost || "https://issuance.wallet-connect.eu";
-    var request_uri = "".concat(baseHost, "/disclosure/").concat(clientId, "/request_uri?session_type=").concat(session_type);
+function getDefaultHost(useLocalWcServer, business, issuance) {
+    // If useLocalWcServer is set, use local server
+    if (useLocalWcServer) {
+        if (business) {
+            return issuance ? 'http://localhost:4007' : 'http://bw.localhost:3021';
+        }
+        return issuance ? 'http://localhost:3007' : 'http://localhost:3021';
+    }
+    // Otherwise use remote servers
+    if (business) {
+        return issuance ? 'https://bw.issuance.wallet-connect.eu' : 'https://bw.wallet-connect.eu';
+    }
+    return issuance ? 'https://issuance.wallet-connect.eu' : 'https://wallet-connect.eu';
+}
+function constructURI(clientId, session_type, walletConnectHost, business) {
+    var request_uri = "".concat(walletConnectHost, "/disclosure/").concat(clientId, "/request_uri?session_type=").concat(session_type);
     var request_uri_method = "post";
     var client_id_uri = "".concat(clientId, ".example.com");
-    return "walletdebuginteraction://wallet.edi.rijksoverheid.nl/disclosure_based_issuance?request_uri=".concat(encodeURIComponent(request_uri), "&request_uri_method=").concat(request_uri_method, "&client_id=").concat(client_id_uri);
+    var deepLinkScheme = business
+        ? 'businesswalletdebuginteraction://wallet.kvk.rijksoverheid.nl'
+        : 'walletdebuginteraction://wallet.edi.rijksoverheid.nl';
+    return "".concat(deepLinkScheme, "/disclosure_based_issuance?request_uri=").concat(encodeURIComponent(request_uri), "&request_uri_method=").concat(request_uri_method, "&client_id=").concat(client_id_uri);
 }
 function WalletConnectButton(_a) {
     var _this = this;
-    var label = _a.label, clientId = _a.clientId, onSuccess = _a.onSuccess, apiKey = _a.apiKey, walletConnectHost = _a.walletConnectHost, lang = _a.lang, helpBaseUrl = _a.helpBaseUrl, issuance = _a.issuance;
-    var _b = useSearchParams(), searchParams = _b[0], setSearchParams = _b[1], removeSearchParam = _b[2];
-    var _c = useState(false), loading = _c[0], setLoading = _c[1];
-    var _d = useState(null), error = _d[0], setError = _d[1];
+    var label = _a.label, clientId = _a.clientId, onSuccess = _a.onSuccess, apiKey = _a.apiKey, _b = _a.useLocalWcServer, useLocalWcServer = _b === void 0 ? false : _b, _c = _a.business, business = _c === void 0 ? false : _c, lang = _a.lang, helpBaseUrl = _a.helpBaseUrl, _d = _a.issuance, issuance = _d === void 0 ? false : _d;
+    var _e = useSearchParams(), searchParams = _e[0], setSearchParams = _e[1], removeSearchParam = _e[2];
+    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var _g = useState(null), error = _g[0], setError = _g[1];
     var buttonRef = useRef(null);
-    var sameDeviceUl = constructURI(clientId, "same_device", walletConnectHost);
-    var crossDeviceUl = constructURI(clientId, "cross_device", walletConnectHost);
+    var walletConnectHost = getDefaultHost(useLocalWcServer, business, issuance);
+    var sameDeviceUl = constructURI(clientId, "same_device", walletConnectHost, business);
+    var crossDeviceUl = constructURI(clientId, "cross_device", walletConnectHost, business);
     useEffect(function () {
         // Dynamically import the web component
         var loadWebComponent = function () { return __awaiter(_this, void 0, void 0, function () {
@@ -171,7 +188,7 @@ function WalletConnectButton(_a) {
                 case 0:
                     if (!apiKey || !clientId)
                         return [2 /*return*/, []];
-                    cacheKey = "".concat(clientId, "-").concat(walletConnectHost || "default");
+                    cacheKey = "".concat(clientId, "-").concat(walletConnectHost);
                     cached = credentialsCache.get(cacheKey);
                     if (cached === null || cached === void 0 ? void 0 : cached.data) {
                         return [2 /*return*/, cached.data];
@@ -181,14 +198,13 @@ function WalletConnectButton(_a) {
                 case 1: return [2 /*return*/, _a.sent()];
                 case 2:
                     fetchPromise = (function () { return __awaiter(_this, void 0, void 0, function () {
-                        var baseUrl, url, headers, response, credentials, error_2;
+                        var url, headers, response, credentials, error_2;
                         var _a, _b;
                         return __generator(this, function (_c) {
                             switch (_c.label) {
                                 case 0:
                                     _c.trys.push([0, 2, , 3]);
-                                    baseUrl = walletConnectHost || "https://wallet-connect.eu";
-                                    url = "".concat(baseUrl, "/api/client/").concat(clientId, "/requested-credentials");
+                                    url = "".concat(walletConnectHost, "/api/client/").concat(clientId, "/requested-credentials");
                                     headers = { 'Authorization': "Bearer ".concat(apiKey) };
                                     return [4 /*yield*/, axios.get(url, { headers: headers })];
                                 case 1:
@@ -307,7 +323,7 @@ function WalletConnectButton(_a) {
         if (!session_token)
             return;
         setLoading(true);
-        var baseUrl = apiKey ? (walletConnectHost || "https://wallet-connect.eu") : "";
+        var baseUrl = apiKey ? walletConnectHost : "";
         var url = baseUrl + "/api/disclosed-attributes?session_token=".concat(session_token, "&client_id=").concat(clientId);
         if (nonce)
             url = "".concat(url, "&nonce=").concat(nonce);
@@ -341,7 +357,7 @@ function WalletConnectButton(_a) {
     if (error) {
         return (jsx("div", { className: "attributes", children: jsxs("div", { className: "verification-card", children: [jsx("h2", { children: "Error" }), jsxs("p", { children: ["An error occurred while verifying your attributes: ", error] })] }) }));
     }
-    return (jsx("nl-wallet-button", { ref: buttonRef, text: label, usecase: issuance ? "" : clientId, "start-url": "".concat(walletConnectHost || "https://wallet-connect.eu", "/api/create-session?lang=en&return_url=").concat(encodeURIComponent(window.location.href)), lang: lang || "nl", "same-device-ul": sameDeviceUl, "cross-device-ul": crossDeviceUl, "help-base-url": helpBaseUrl, onClick: handleButtonClick }));
+    return (jsx("nl-wallet-button", { ref: buttonRef, text: label, usecase: issuance ? "" : clientId, "start-url": "".concat(walletConnectHost, "/api/create-session?lang=en&return_url=").concat(encodeURIComponent(window.location.href)), lang: lang || "nl", "same-device-ul": sameDeviceUl, "cross-device-ul": crossDeviceUl, "help-base-url": helpBaseUrl, onClick: handleButtonClick }));
 }
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -5633,8 +5649,8 @@ const {
   return (s) => t[s];
 }, pu = {
   en: {
-    wallet_button_text: "Login with NL Wallet",
-    modal_header: "NL Wallet",
+    wallet_button_text: "Login with Wallet",
+    modal_header: "Wallet",
     need_help: "Need help?",
     stop: "Stop",
     retry: "Try again",
@@ -5643,7 +5659,7 @@ const {
     no: "No",
     confirm_stop_title: "Are you sure you want to stop?",
     confirm_stop_body: "If you stop now, no data will be shared.",
-    device_choice_title: "Which device is your NL Wallet is installed?",
+    device_choice_title: "Which device is your Wallet is installed?",
     device_choice_same_device: "On this device",
     device_choice_cross_device: "On another device",
     expired_title: "Sorry, time is over",
@@ -5654,19 +5670,19 @@ const {
     cancelled_body: "Because you have stopped, no data has been shared.",
     network_title: "Sorry, no internet connection",
     network_body: "Your internet connection seems to be down or too slow. Check your connection and try again.",
-    help_title: "No NL Wallet App yet? Or need help?",
-    help_to_website: "To NL Wallet website",
-    in_progress_title: "Follow the steps in your NL Wallet app",
+    help_title: "No Wallet App yet? Or need help?",
+    help_to_website: "To Wallet website",
+    in_progress_title: "Follow the steps in your Wallet app",
     loading_title: "Please wait",
     loading_body: "Your request is being retrieved",
-    qr_code_title: "Scan the QR code with your NL Wallet app",
+    qr_code_title: "Scan the QR code with your Wallet app",
     qr_code_label: "QR code",
     success_title: "Success!",
     success_body: "Close this page and continue in the new opened tab."
   },
   nl: {
-    wallet_button_text: "Inloggen met NL Wallet",
-    modal_header: "NL Wallet",
+    wallet_button_text: "Inloggen met Wallet",
+    modal_header: "Wallet",
     need_help: "Hulp nodig?",
     stop: "Stoppen",
     retry: "Probeer opnieuw",
@@ -5675,7 +5691,7 @@ const {
     no: "Nee",
     confirm_stop_title: "Weet je zeker dat je wilt stoppen?",
     confirm_stop_body: "Als je stopt worden er geen gegevens gedeeld.",
-    device_choice_title: "Op welk apparaat staat je NL Wallet app?",
+    device_choice_title: "Op welk apparaat staat je Wallet app?",
     device_choice_same_device: "Op dit apparaat",
     device_choice_cross_device: "Op een ander apparaat",
     expired_title: "Sorry, de tijd is voorbij",
@@ -5686,12 +5702,12 @@ const {
     cancelled_body: "Omdat je bent gestopt zijn er geen gegevens gedeeld.",
     network_title: "Sorry, geen internet",
     network_body: "Je verbinding met het internet lijkt niet te werken of is te traag. Controleer je verbinding en probeer het opnieuw.",
-    help_title: "Nog geen NL Wallet app? Of hulp nodig?",
-    help_to_website: "Naar NL Wallet website",
-    in_progress_title: "Volg de stappen in de NL Wallet app",
+    help_title: "Nog geen Wallet app? Of hulp nodig?",
+    help_to_website: "Naar Wallet website",
+    in_progress_title: "Volg de stappen in de Wallet app",
     loading_title: "Even geduld",
     loading_body: "De gegevens worden opgehaald",
-    qr_code_title: "Scan de QR-code met je NL Wallet app",
+    qr_code_title: "Scan de QR-code met je Wallet app",
     qr_code_label: "QR code",
     success_title: "Gelukt!",
     success_body: "Sluit deze pagina en ga verder in het nieuw geopende tabblad."
@@ -7250,7 +7266,7 @@ const tf = /* @__PURE__ */ ai(qu, [["render", ef]]), sf = {
       x("aside", {
         "aria-modal": "true",
         role: "dialog",
-        "aria-label": "NL Wallet",
+        "aria-label": "Wallet",
         class: ut(["modal", [i.value.kind, i.value.kind === "success" && i.value.session.sessionType]]),
         "data-testid": "wallet_modal"
       }, [
@@ -7305,7 +7321,7 @@ const tf = /* @__PURE__ */ ai(qu, [["render", ef]]), sf = {
       x("aside", {
         "aria-modal": "true",
         role: "dialog",
-        "aria-label": "NL Wallet",
+        "aria-label": "Wallet",
         class: ut(["modal", [o.value.kind, o.value.kind === "success" && o.value.session.sessionType]]),
         "data-testid": "wallet_modal"
       }, [