feat(): copy encoded message

Author: debeldami

src/app/components/message-sign-request/message-sign-request.component.html

@@ -10,3 +10,11 @@
     <pre class="ion-no-margin">{{ _messages[0].blake2bHash }}</pre>
   </ion-col>
 </ion-row>
+<ion-row class="ion-padding-top" *ngIf="_messages[0]">
+  <ion-col class="ion-no-padding">
+    <ion-button expand="block" color="secondary" (click)="copyEncodedMessage()">
+      <ion-icon name="clipboard-outline" slot="start"></ion-icon>
+      {{ 'message-signing-request.copy_label' | translate }}
+    </ion-button>
+  </ion-col>
+</ion-row>

src/app/components/message-sign-request/message-sign-request.component.ts

@@ -1,3 +1,4 @@
+import { ClipboardService } from '@airgap/angular-core'
 import { Component, Input } from '@angular/core'
 
 const fromHex = (str: string) => {
@@ -32,8 +33,11 @@ export class MessageSignRequestComponent {
     blake2bHash?: string
   }[]
 
+  private _rawMessages: { data: string; blake2bHash?: string }[] = []
+
   @Input()
   set messages(messages: { data: string; blake2bHash?: string }[]) {
+    this._rawMessages = messages
     this._messages = messages.map((message) => {
       const data = this.hexToReadable(message.data)
       return { ...message, data }
@@ -54,5 +58,11 @@ export class MessageSignRequestComponent {
     return str
   }
 
-  constructor() {}
+  constructor(private readonly clipboardService: ClipboardService) {}
+
+  public async copyEncodedMessage(): Promise<void> {
+    if (this._rawMessages?.[0]?.data) {
+      await this.clipboardService.copyAndShowToast(this._rawMessages[0].data)
+    }
+  }
 }

src/assets/i18n/de.json

@@ -690,7 +690,8 @@
     "payload_label": "Message to sign. Make sure you know what you are signing.",
     "blake2b_hash": "Ledger Blake2b hash of the message",
     "heading": "This is your signed message, scan it with <span class=\"style__strong color__primary\">AirGap Wallet</span>.",
-    "sign_button": "Sign Message"
+    "sign_button": "Sign Message",
+    "copy_label": "Kodierte Nachricht kopieren"
   },
   "message-signing-response": {
     "text": "Display signed message details"

src/assets/i18n/en.json

@@ -690,7 +690,8 @@
     "payload_label": "Message to sign. Make sure you know what you are signing.",
     "blake2b_hash": "Ledger Blake2b hash of the message",
     "heading": "This is your signed message, scan it with <span class=\"style__strong color__primary\">AirGap Wallet</span>.",
-    "sign_button": "Sign Message"
+    "sign_button": "Sign Message",
+    "copy_label": "Copy encoded message"
   },
   "message-signing-response": {
     "text": "Display signed message details"

src/assets/i18n/es.json

@@ -690,7 +690,8 @@
     "payload_label": "Mensaje a firmar. Asegúrate de saber lo que estás firmando.",
     "blake2b_hash": "El hash Blake2b del mensaje en Ledger.",
     "heading": "Este es tu mensaje firmado, escanéalo con <span class=\"style__strong color__primary\">AirGap Wallet</span>.",
-    "sign_button": "Firmar Mensaje"
+    "sign_button": "Firmar Mensaje",
+    "copy_label": "Copiar mensaje codificado"
   },
   "message-signing-response": {
     "text": "Mostrar detalles del mensaje firmado"

src/assets/i18n/fr.json

@@ -690,7 +690,8 @@
       "payload_label": "Message à signer. Assurez-vous de savoir ce que vous signez.",
       "blake2b_hash": "Hachage Ledger Blake2b du message",
       "heading": "Ceci est votre message signé, scannez-le avec <span class=\"style__strong color__primary\">AirGap Wallet</span>.",
-      "sign_button": "Message de signature"
+      "sign_button": "Message de signature",
+      "copy_label": "Copier le message encodé"
     },
     "message-signing-response": {
       "text": "Afficher les détails du message signé"

src/assets/i18n/pt_BR.json

@@ -690,7 +690,8 @@
     "payload_label": "Mensagem para assinar. Certifique-se de saber o que está assinando.",
     "blake2b_hash": "Ledger Blake2b hash da mensagem",
     "heading": "Esta é a sua mensagem assinada, digitalize-a com <span class=\"style__strong color__primary\">AirGap Wallet</span>.",
-    "sign_button": "Mensagem de assinatura"
+    "sign_button": "Mensagem de assinatura",
+    "copy_label": "Copiar mensagem codificada"
   },
   "message-signing-response": {
     "text": "Exibir detalhes da mensagem assinada"

src/assets/i18n/ru.json

@@ -690,7 +690,8 @@
     "payload_label": "Сообщение для подписи. Убедитесь, что вы знаете, что подписываете.",
     "blake2b_hash": "Леджер Blake2b - хэш сообщения",
     "heading": "Это ваше подписанное сообщение, отсканируйте его с помощью <span class=\"style__strong color__primary\">кошелька AirGap</span>.",
-    "sign_button": "Сообщение для подписи"
+    "sign_button": "Сообщение для подписи",
+    "copy_label": "Копировать закодированное сообщение"
   },
   "message-signing-response": {
     "text": "Отображение сведений о подписанном сообщении"

src/assets/i18n/zh_CN.json

@@ -690,7 +690,8 @@
     "payload_label": "需要签名的讯息。请确保您知道自己在签署什么。",
     "blake2b_hash": "Ledger Blake2b 讯息的哈希值",
     "heading": "这是您的签名讯息，请使用<span class=\"style__strong color__primary\">AirGap钱包</span>进行扫描。",
-    "sign_button": "签署讯息"
+    "sign_button": "签署讯息",
+    "copy_label": "复制编码消息"
   },
   "message-signing-response": {
     "text": "显示签署详细信息"