Update swaps failure copy to help users get support (#10525)

app/_locales/en/messages.json

@@ -1712,8 +1712,9 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "This is an estimate of the network fee that will be used to complete your swap. The actual amount may change according to network conditions."
   },
-  "swapFailedErrorDescription": {
-    "message": "Your funds are safe and still available in your wallet."
+  "swapFailedErrorDescriptionWithSupportLink": {
+    "message": "Transaction failures happen and we are here to help. If this issue persists, you can reach our customer support at $1 for further assistance.",
+    "description": "This message is shown to a user if their swap fails. The $1 will be replaced by support.metamask.io"
   },
   "swapFailedErrorTitle": {
     "message": "Swap failed"

app/_locales/es/messages.json

@@ -1645,9 +1645,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "Esta es una estimación de la tarifa de red que se utilizará para completar su intercambio. La cantidad real puede cambiar según las condiciones de la red."
   },
-  "swapFailedErrorDescription": {
-    "message": "Sus fondos están seguros y todavía disponibles en su monedero."
-  },
   "swapFailedErrorTitle": {
     "message": "Intercambio fallido"
   },

app/_locales/es_419/messages.json

@@ -1645,9 +1645,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "Esta es una estimación de la tarifa de red que se utilizará para completar su intercambio. La cantidad real puede cambiar según las condiciones de la red."
   },
-  "swapFailedErrorDescription": {
-    "message": "Sus fondos están seguros y todavía disponibles en su billetera."
-  },
   "swapFailedErrorTitle": {
     "message": "Intercambio fallido"
   },

app/_locales/hi/messages.json

@@ -1633,9 +1633,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "यह नेटवर्क शुल्क का एक अनुमान है, जिसे आपके स्वैप को पूरा करने के लिए उपयोग किया जाएगा। नेटवर्क की स्थितियों के अनुसार वास्तविक राशि बदल सकती है।"
   },
-  "swapFailedErrorDescription": {
-    "message": "आपका धन सुरक्षित है और अभी भी आपके वॉलेट में उपलब्ध है।"
-  },
   "swapFailedErrorTitle": {
     "message": "स्वैप विफल रहा"
   },

app/_locales/id/messages.json

@@ -1633,9 +1633,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "Ini adalah perkiraan biaya jaringan yang akan digunakan untuk menyelesaikan penukaran Anda. Jumlah aktual dapat berubah sesuai dengan kondisi jaringan."
   },
-  "swapFailedErrorDescription": {
-    "message": "Dana Anda aman dan masih tersedia di dompet Anda."
-  },
   "swapFailedErrorTitle": {
     "message": "Penukaran gagal"
   },

app/_locales/ja/messages.json

@@ -1648,9 +1648,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "これは、スワップを完了するために使用されるネットワーク手数料の推定値です。実際の額はネットワークの状態によって変わる可能性があります。"
   },
-  "swapFailedErrorDescription": {
-    "message": "資金はウォレットに安全で利用可能な状態にあります。"
-  },
   "swapFailedErrorTitle": {
     "message": "スワップに失敗しました"
   },

app/_locales/ko/messages.json

@@ -1633,9 +1633,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "스왑을 완료하는 데 사용할 네트워크 요금 예상치입니다. 실제 금액은 네트워크 조건에 따라 달라질 수 있습니다."
   },
-  "swapFailedErrorDescription": {
-    "message": "자금은 안전하며 지갑에서 계속 사용할 수 있습니다."
-  },
   "swapFailedErrorTitle": {
     "message": "스왑 실패"
   },

app/_locales/ru/messages.json

@@ -1633,9 +1633,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "Это оценочная сетевая комиссия, которая будет использована для завершения вашего свопа. Фактическая сумма может меняться в зависимости от условий сети."
   },
-  "swapFailedErrorDescription": {
-    "message": "Ваши средства в безопасности и по-прежнему доступны в вашем кошельке."
-  },
   "swapFailedErrorTitle": {
     "message": "Своп не удался"
   },

app/_locales/tl/messages.json

@@ -1633,9 +1633,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "Ito ay pagtatantya ng bayarin sa network na gagamitin para kumpletuhin ang iyong pag-swap. Maaaring magbago ang aktuwal na halaga ayon sa mga kundisyon ng network."
   },
-  "swapFailedErrorDescription": {
-    "message": "Ang iyong pondo ay ligtas at available pa rin sa iyong wallet."
-  },
   "swapFailedErrorTitle": {
     "message": "Hindi matagumpay ang pag-swap"
   },

app/_locales/vi/messages.json

@@ -1633,9 +1633,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "Đây là giá trị ước tính của phí mạng sẽ dùng để hoàn thành giao dịch hoán đổi của bạn. Số tiền thực tế có thể thay đổi tùy theo tình trạng mạng."
   },
-  "swapFailedErrorDescription": {
-    "message": "Tiền của bạn an toàn và vẫn có trong ví của bạn."
-  },
   "swapFailedErrorTitle": {
     "message": "Hoán đổi không thành công"
   },

app/_locales/zh_CN/messages.json

@@ -1648,9 +1648,6 @@
   "swapEstimatedNetworkFeesInfo": {
     "message": "这是预估的用于完成您的兑换所使用的网络手续费。实际数额可能会根据网络条件而变化。"
   },
-  "swapFailedErrorDescription": {
-    "message": "您的资金是安全的，仍然可以在您的钱包中使用。"
-  },
   "swapFailedErrorTitle": {
     "message": "兑换失败"
   },

ui/app/pages/swaps/awaiting-swap/awaiting-swap.js

@@ -111,7 +111,17 @@ export default function AwaitingSwap({
     statusImage = <SwapFailureIcon />;
   } else if (errorKey === SWAP_FAILED_ERROR) {
     headerText = t('swapFailedErrorTitle');
-    descriptionText = t('swapFailedErrorDescription');
+    descriptionText = t('swapFailedErrorDescriptionWithSupportLink', [
+      <a
+        className="awaiting-swap__support-link"
+        key="awaiting-swap-support-link"
+        href="https://support.metamask.io"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        support.metamask.io
+      </a>,
+    ]);
     submitText = t('tryAgain');
     statusImage = <SwapFailureIcon />;
     content = blockExplorerUrl && (

ui/app/pages/swaps/awaiting-swap/index.scss

@@ -60,12 +60,20 @@
     font-weight: bold;
   }
 
-  &__view-on-etherscan {
-    @include H7;
-
+  &__view-on-etherscan,
+  &__support-link {
     color: $Blue-500;
     margin-top: 24px;
     cursor: pointer;
+  }
+
+  &__support-link {
+    @include H6;
+  }
+
+  &__view-on-etherscan {
+    @include H7;
+
     transition: opacity 1s ease-in-out;
   }