@bigbinary/neeto-integrations-frontend 2.12.6 → 2.12.7

package/dist/index.js

@@ -24,6 +24,7 @@ import { buildUrl, getQueryParams } from '@bigbinary/neeto-commons-frontend/util
 import { Daily as Daily$1, GoogleCalendar as GoogleCalendar$1, Google, Zoom as Zoom$1 } from '@bigbinary/neeto-icons/misc';
 import { prop, equals, isEmpty } from 'ramda';
 import * as yup from 'yup';
+import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
 
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
@@ -494,14 +495,22 @@ var Manage = function Manage(_ref) {
     }),
     integration: "daily",
     description: isConnected ? /*#__PURE__*/React__default.createElement(Trans, {
-      components: {
-        underline: /*#__PURE__*/React__default.createElement("u", {
-          className: "font-medium"
-        })
-      },
       i18nKey: "neetoIntegrations.daily.yourApiKey",
       values: {
         apiKey: apiKey
+      },
+      components: {
+        wrapper: /*#__PURE__*/React__default.createElement("div", {
+          className: "neeto-ui-rounded-md mt-2 flex items-center justify-between gap-x-3 border px-3 py-2"
+        }),
+        span: /*#__PURE__*/React__default.createElement("span", {
+          className: "break-all text-sm"
+        }),
+        copy: /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
+          className: "flex-shrink-0 self-start",
+          style: "text",
+          value: apiKey
+        })
       }
     }) : description,
     title: isConnected ? t("neetoIntegrations.daily.connected") : t("neetoIntegrations.daily.connect.account"),