wallet-connect-button-vue 1.0.12 → 1.0.14

package/dist/index.esm.js

@@ -49,7 +49,8 @@ const _sfc_main = {
   clientId: { type: String, required: true },
   onSuccess: { type: Function, required: false },
   apiKey: { type: String, required: false },
-  walletConnectHost: { type: String, required: false },
+  useLocalWcServer: { type: Boolean, required: false, default: false },
+  business: { type: Boolean, required: false, default: false },
   lang: { type: String, required: false, default: 'nl' },
   helpBaseUrl: { type: String, required: false },
   issuance: { type: Boolean, required: false }
@@ -65,19 +66,42 @@ const loading = ref(false);
 const error = ref(null);
 const buttonRef = ref(null);
 
+const getDefaultHost = () => {
+  // If useLocalWcServer is set, use local server
+  if (props.useLocalWcServer) {
+    if (props.business) {
+      return props.issuance ? 'http://localhost:4007' : 'http://bw.localhost:3021';
+    }
+
+    return props.issuance ? 'http://localhost:3007' : 'http://localhost:3021';
+  }
+
+  // Otherwise use remote servers
+  if (props.business) {
+    return props.issuance ? 'https://bw.issuance.wallet-connect.eu' : 'https://bw.wallet-connect.eu';
+  }
+
+  return props.issuance ? 'https://issuance.wallet-connect.eu' : 'https://wallet-connect.eu';
+};
+
 const startUrl = computed(() => {
-  const baseUrl = props.walletConnectHost || 'https://wallet-connect.eu';
+  const baseUrl = getDefaultHost();
   const returnUrl = typeof window !== 'undefined' ? window.location.href : '';
   return `${baseUrl}/api/create-session?lang=en&return_url=${encodeURIComponent(returnUrl)}`;
 });
 
 const constructURI = (session_type) => {
-  const baseHost = props.walletConnectHost || "https://issuance.wallet-connect.eu";
-  const request_uri = `${baseHost}/disclosure/${props.clientId}/request_uri?session_type=${session_type}`;
+  const request_uri = `${getDefaultHost()}/disclosure/${props.clientId}/request_uri?session_type=${session_type}`;
   const request_uri_method = "post";
   const client_id_uri = `${props.clientId}.example.com`;
-  
-  return `walletdebuginteraction://wallet.edi.rijksoverheid.nl/disclosure_based_issuance?request_uri=${encodeURIComponent(request_uri)}&request_uri_method=${request_uri_method}&client_id=${client_id_uri}`;
+
+  const deepLinkScheme = props.business
+    ? 'businesswalletdebuginteraction://wallet.kvk.rijksoverheid.nl'
+    : 'walletdebuginteraction://wallet.edi.rijksoverheid.nl';
+
+  return `${deepLinkScheme}/disclosure_based_issuance?request_uri=${encodeURIComponent(
+    request_uri
+  )}&request_uri_method=${request_uri_method}&client_id=${client_id_uri}`;
 };
 
 const sameDeviceUl = computed(() => constructURI("same_device"));
@@ -85,31 +109,31 @@ const crossDeviceUl = computed(() => constructURI("cross_device"));
 
 const fetchRequestedCredentials = async () => {
   if (!props.apiKey || !props.clientId) return [];
-  
-  const cacheKey = `${props.clientId}-${props.walletConnectHost || "default"}`;
-  
+
+  const cacheKey = `${props.clientId}-${getDefaultHost()}`;
+
   // Check if we already have data in cache
   const cached = credentialsCache.get(cacheKey);
   if (cached?.data) {
     return cached.data;
   }
-  
+
   // Check if there's already a request in progress
   if (cached?.promise) {
     return await cached.promise;
   }
-  
+
   const fetchPromise = (async () => {
     try {
-      const baseUrl = props.walletConnectHost || "https://wallet-connect.eu";
+      const baseUrl = getDefaultHost();
       const url = `${baseUrl}/api/client/${props.clientId}/requested-credentials`;
       const headers = { 'Authorization': `Bearer ${props.apiKey}` };
-      
+
       const response = await axios.get(url, { headers });
-      
+
       // Extract credentials from the response
       const credentials = response.data?.data?.requestedCredentials || [];
-      
+
       // Cache the result
       credentialsCache.set(cacheKey, { data: credentials });
       return credentials;
@@ -119,10 +143,10 @@ const fetchRequestedCredentials = async () => {
       throw error;
     }
   })();
-  
+
   // Cache the promise to prevent duplicate requests
   credentialsCache.set(cacheKey, { promise: fetchPromise });
-  
+
   return await fetchPromise;
 };
 
@@ -259,12 +283,12 @@ const fetchDisclosedAttributes = async () => {
   if (!session_token) return;
 
   loading.value = true;
-  const baseUrl = props.apiKey ? (props.walletConnectHost || "https://wallet-connect.eu") : "";
+  const baseUrl = props.apiKey ? getDefaultHost() : "";
   let url = baseUrl + `/api/disclosed-attributes?session_token=${session_token}&client_id=${props.clientId}`;
   if (nonce) url = `${url}&nonce=${nonce}`;
 
   const headers = props.apiKey ? { 'Authorization': `Bearer ${props.apiKey}` } : {};
-  
+
   try {
     const { data } = await axios.get(url, { headers });
     console.log("Disclosed attributes:", data);
@@ -5618,8 +5642,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",
@@ -5628,7 +5652,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",
@@ -5639,19 +5663,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",
@@ -5660,7 +5684,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",
@@ -5671,12 +5695,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."
@@ -7235,7 +7259,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"
       }, [
@@ -7290,7 +7314,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"
       }, [