@bigbinary/neeto-custom-domains-frontend 3.2.2 → 3.3.1

package/app/javascript/src/translations/vi.json

@@ -31,7 +31,7 @@
     "search": "Tìm kiếm tên miền tùy chỉnh",
     "notFound": "Không có tên miền tùy chỉnh nào để hiển thị.",
     "placeholder": "{{subdomainPlaceholder,anyCase}}.yourbusiness.com",
-    "redirectionTooltipDescription": "Miền tùy chỉnh của bạn đang hoạt động. Truy cập <b>{{fromDomain}}</b> sẽ chuyển hướng bạn đến <b>{{toDomain}}</b>.",
+    "redirectionTooltipDescription": "Miền tùy chỉnh của bạn đã được xác minh và đang hoạt động. Truy cập <b>{{fromDomain}}</b> sẽ chuyển hướng bạn đến <b>{{toDomain}}</b>.",
     "cname": "CNAME",
     "label": "Tên miền",
     "domainValidation": "Xác thực tên miền",
@@ -90,13 +90,16 @@
       "customDomain": "Thêm tên miền theo ý bạn nếu bạn không muốn sử dụng tên miền mặc định của Neeto."
     },
     "noData": {
-      "title": "Không có miền tùy chỉnh nào được thêm.",
-      "helpText": "Thêm miền tùy chỉnh của bạn để có URL cá nhân hóa."
+      "title": "Thiết lập miền tùy chỉnh của bạn",
+      "helpText": "Thêm miền tùy chỉnh của bạn để có URL cá nhân hóa.",
+      "helpTextDefault": "Thêm miền tùy chỉnh của bạn để có URL cá nhân hóa.",
+      "helpTextDisconnected": "Để tìm hiểu cách thiết lập miền tùy chỉnh, hãy truy cập bài viết <Link>giúp đỡ</Link>.",
+      "helpTextConnected": "Để tìm hiểu thêm về các miền tùy chỉnh, hãy truy cập bài viết <Link>giúp đỡ</Link>."
     },
     "tooltipContent": "Xóa miền tùy chỉnh đã thêm hiện tại để thêm một miền mới.",
-    "activeTooltipDescription": "Miền tùy chỉnh của bạn đang hoạt động.",
-    "pendingTooltipDescription": "Miền tùy chỉnh của bạn đang chờ xác thực.",
+    "activeTooltipDescription": "Miền tùy chỉnh của bạn đã được xác minh và đang hoạt động.",
+    "pendingTooltipDescription": "Miền tùy chỉnh của bạn đang chờ xác minh. Các thay đổi DNS có thể mất tới 48 giờ để cập nhật.",
     "failedTooltipDescription": "Miền tùy chỉnh của bạn không thể xác thực. Vui lòng thử lại sau.",
     "domainValidationTitle": "Thêm bản ghi DNS vào nhà cung cấp DNS của bạn"
   }
-}
+}

package/app/javascript/src/translations/zh-CN.json

@@ -31,7 +31,7 @@
     "search": "搜索自定义域名",
     "notFound": "没有自定义域名可显示。",
     "placeholder": "{{subdomainPlaceholder,anyCase}}.yourbusiness.com",
-    "redirectionTooltipDescription": "您的自定义域处于活动状态。访问 <b>{{fromDomain}}</b> 将重定向到 <b>{{toDomain}}</b>。",
+    "redirectionTooltipDescription": "您的自定义域名已验证并处于活动状态。访问 <b>{{fromDomain}}</b> 将重定向到 <b>{{toDomain}}</b>。",
     "cname": "CNAME",
     "label": "域名",
     "domainValidation": "域名验证",
@@ -90,13 +90,16 @@
       "customDomain": "如果您不想使用默认的 Neeto 域名，请添加您选择的域名。"
     },
     "noData": {
-      "title": "没有添加自定义域。",
-      "helpText": "添加您的自定义域以拥有个性化 URL。"
+      "title": "设置您的自定义域名",
+      "helpText": "添加您的自定义域以拥有个性化 URL。",
+      "helpTextDefault": "添加您的自定义域名以拥有个性化网址。",
+      "helpTextDisconnected": "要了解如何设置自定义域名，请访问此 <Link>帮助文章</Link>。",
+      "helpTextConnected": "要了解更多关于自定义域名的信息，请访问此 <Link>帮助文章</Link>。"
     },
     "tooltipContent": "删除当前添加的自定义域以添加新的域。",
-    "activeTooltipDescription": "您的自定义域处于活动状态。",
-    "pendingTooltipDescription": "您的自定义域正在等待验证。",
+    "activeTooltipDescription": "您的自定义域名已验证并处于活动状态。",
+    "pendingTooltipDescription": "您的自定义域名正在等待验证。DNS更改可能需要最多48小时才能生效。",
     "failedTooltipDescription": "您的自定义域验证失败。请稍后再试。",
     "domainValidationTitle": "将 DNS 记录添加到您的 DNS 提供商"
   }
-}
+}

package/app/javascript/src/translations/zh-TW.json

@@ -31,7 +31,7 @@
     "search": "搜尋自訂網域",
     "notFound": "沒有自訂網域可顯示。",
     "placeholder": "{{subdomainPlaceholder,anyCase}}.yourbusiness.com",
-    "redirectionTooltipDescription": "您的自訂網域是啟用的。訪問 <b>{{fromDomain}}</b> 將重定向到 <b>{{toDomain}}</b>。",
+    "redirectionTooltipDescription": "您的自訂網域已被驗證且處於啟用狀態。訪問 <b>{{fromDomain}}</b> 將重定向到 <b>{{toDomain}}</b>。",
     "cname": "CNAME",
     "label": "網域名稱",
     "domainValidation": "網域驗證",
@@ -90,13 +90,16 @@
       "customDomain": "新增您選擇的網域，以防您不想使用默認的 Neeto 網域。"
     },
     "noData": {
-      "title": "尚未添加任何自訂網域。",
-      "helpText": "添加您的自訂網域以擁有個性化的 URL。"
+      "title": "設置您的自訂網域",
+      "helpText": "添加您的自訂網域以擁有個性化的 URL。",
+      "helpTextDefault": "添加您的自訂網域以擁有個性化的 URL。",
+      "helpTextDisconnected": "要了解如何設置自訂網域，請訪問這篇 <Link>幫助文章</Link>。",
+      "helpTextConnected": "要了解更多有關自訂網域的信息，請訪問這篇 <Link>幫助文章</Link>。"
     },
     "tooltipContent": "刪除目前已添加的自訂網域以添加新的網域。",
-    "activeTooltipDescription": "您的自訂網域是啟用的。",
-    "pendingTooltipDescription": "您的自訂網域正在驗證中。",
+    "activeTooltipDescription": "您的自訂網域已被驗證且處於啟用狀態。",
+    "pendingTooltipDescription": "您的自訂網域正在等待驗證。DNS 更改可能需要最多 48 小時才能生效。",
     "failedTooltipDescription": "您的自訂網域驗證失敗。請稍後再試。",
     "domainValidationTitle": "將 DNS 記錄添加到您的 DNS 提供商"
   }
-}
+}

package/dist/.ready

@@ -0,0 +1 @@
+Built at 2026-05-29T05:03:54.461Z

package/dist/CustomDomain.js

@@ -2,12 +2,12 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { createElement, useState, useEffect, memo } from 'react';
 import { isPresent, truncate, isNotEmpty, noop } from '@bigbinary/neeto-cist';
 import { withT, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
-import Container from '@bigbinary/neeto-molecules/Container';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import useMutationWithInvalidation from '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
 import axios from 'axios';
+import Container from '@bigbinary/neeto-molecules/Container';
 import Alert from '@bigbinary/neetoui/Alert';
 import { Trans, useTranslation } from 'react-i18next';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -15,11 +15,11 @@ import classNames from 'classnames';
 import { SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
 import CustomDomain$1 from '@bigbinary/neeto-icons/CustomDomain';
 import ExternalLink from '@bigbinary/neeto-icons/ExternalLink';
-import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
-import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Button from '@bigbinary/neetoui/Button';
 import Typography from '@bigbinary/neetoui/Typography';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
+import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import CheckCircle from '@bigbinary/neeto-icons/CheckCircle';
 import Warning2 from '@bigbinary/neeto-icons/Warning2';
 import CloseCircle from '@bigbinary/neeto-icons/CloseCircle';
@@ -73,7 +73,7 @@ var domainsApi = {
 var DOMAIN_QUERY_KEY = "custom-domain";
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useCreateCustomDomain = function useCreateCustomDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useMutationWithInvalidation(function (payload) {
@@ -161,9 +161,12 @@ var DNS_TARGETS = {
 
 var Domain = function Domain(_ref) {
   var isCustomDomainAdded = _ref.isCustomDomainAdded,
+    disconnectedIntegrationCardDescription = _ref.disconnectedIntegrationCardDescription,
+    connectedIntegrationCardDescription = _ref.connectedIntegrationCardDescription,
     openPane = _ref.openPane,
     customDomains = _ref.customDomains,
     openDeleteAlert = _ref.openDeleteAlert,
+    helpDocUrl = _ref.helpDocUrl,
     setSelectedCustomDomain = _ref.setSelectedCustomDomain;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -259,19 +262,39 @@ var Domain = function Domain(_ref) {
                   "data-testid": "delete-custom-domain-button"
                 }]
               })]
-            }), /*#__PURE__*/jsxs(Typography, {
-              className: "neeto-ui-text-gray-600",
-              style: "body2",
-              children: [(customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "active" && (customDomain === null || customDomain === void 0 ? void 0 : customDomain.redirection) && /*#__PURE__*/jsx(Trans, {
-                components: {
-                  b: /*#__PURE__*/jsx("b", {})
-                },
-                i18nKey: "neetoCustomDomains.redirectionTooltipDescription",
-                values: {
-                  fromDomain: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
-                  toDomain: customDomain === null || customDomain === void 0 || (_customDomain$redirec = customDomain.redirection) === null || _customDomain$redirec === void 0 ? void 0 : _customDomain$redirec.toHostname
-                }
-              }), (customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "active" && !(customDomain !== null && customDomain !== void 0 && customDomain.redirection) && t("neetoCustomDomains.activeTooltipDescription"), (customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "pending" && t("neetoCustomDomains.pendingTooltipDescription"), (customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "failed" && t("neetoCustomDomains.failedTooltipDescription")]
+            }), /*#__PURE__*/jsxs("div", {
+              children: [/*#__PURE__*/jsxs(Typography, {
+                className: "neeto-ui-text-gray-600",
+                style: "body2",
+                children: [(customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "active" && (customDomain === null || customDomain === void 0 ? void 0 : customDomain.redirection) && /*#__PURE__*/jsxs("span", {
+                  children: [/*#__PURE__*/jsx(Trans, {
+                    components: {
+                      b: /*#__PURE__*/jsx("b", {})
+                    },
+                    i18nKey: "neetoCustomDomains.redirectionTooltipDescription",
+                    values: {
+                      fromDomain: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
+                      toDomain: customDomain === null || customDomain === void 0 || (_customDomain$redirec = customDomain.redirection) === null || _customDomain$redirec === void 0 ? void 0 : _customDomain$redirec.toHostname
+                    }
+                  }), " ", connectedIntegrationCardDescription || ""]
+                }), (customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "active" && !(customDomain !== null && customDomain !== void 0 && customDomain.redirection) && /*#__PURE__*/jsxs("span", {
+                  children: [t("neetoCustomDomains.activeTooltipDescription"), " ", connectedIntegrationCardDescription || ""]
+                }), (customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "pending" && t("neetoCustomDomains.pendingTooltipDescription"), (customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "failed" && t("neetoCustomDomains.failedTooltipDescription")]
+              }), /*#__PURE__*/jsx(Typography, {
+                className: "neeto-ui-text-gray-600 mt-2",
+                style: "body2",
+                children: /*#__PURE__*/jsx(Trans, {
+                  i18nKey: "neetoCustomDomains.noData.helpTextConnected",
+                  components: {
+                    Link: /*#__PURE__*/jsx(Button, {
+                      href: helpDocUrl,
+                      rel: "noreferrer",
+                      style: "link",
+                      target: "_blank"
+                    })
+                  }
+                })
+              })]
             })]
           })]
         }, index);
@@ -298,10 +321,26 @@ var Domain = function Domain(_ref) {
           style: "h4",
           weight: "medium",
           children: t("neetoCustomDomains.noData.title")
-        }), /*#__PURE__*/jsx(Typography, {
-          className: "neeto-ui-text-gray-600",
-          style: "body2",
-          children: t("neetoCustomDomains.noData.helpText")
+        }), /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "neeto-ui-text-gray-600",
+            style: "body2",
+            children: disconnectedIntegrationCardDescription || t("neetoCustomDomains.noData.helpTextDefault")
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "neeto-ui-text-gray-600 mt-2",
+            style: "body2",
+            children: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoCustomDomains.noData.helpTextDisconnected",
+              components: {
+                Link: /*#__PURE__*/jsx(Button, {
+                  href: helpDocUrl,
+                  rel: "noreferrer",
+                  style: "link",
+                  target: "_blank"
+                })
+              }
+            })
+          })]
         })]
       })]
     })
@@ -983,7 +1022,7 @@ var strategyOptions = [{
 }];
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Strategy = withT(function (_ref) {
   var t = _ref.t,
     hostname = _ref.hostname,
@@ -1069,7 +1108,7 @@ var Strategy = withT(function (_ref) {
 });
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DomainField = function DomainField(_ref) {
   var onCreate = _ref.onCreate,
     url = _ref.url,
@@ -1836,7 +1875,7 @@ var Validation = function Validation(_ref) {
   });
 };
 
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=true===r.prepend?"prepend":"append",d=true===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ".neeto_custom_domain_stepper button{cursor:default!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2RvbWFpbnMvX292ZXJyaWRlcy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRSxvQ0FDRSx3QkNBSiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0b19jdXN0b21fZG9tYWluX3N0ZXBwZXIge1xuICBidXR0b24ge1xuICAgIGN1cnNvcjogZGVmYXVsdCAhaW1wb3J0YW50O1xuICB9XG59XG4iLCIubmVldG9fY3VzdG9tX2RvbWFpbl9zdGVwcGVyIGJ1dHRvbiB7XG4gIGN1cnNvcjogZGVmYXVsdCAhaW1wb3J0YW50O1xufSJdfQ== */";
 n(css,{});
@@ -1930,33 +1969,21 @@ var DomainPane = function DomainPane(_ref) {
   });
 };
 
-var Header = function Header(_ref) {
-  var openPane = _ref.openPane,
-    breadcrumbs = _ref.breadcrumbs,
-    isCustomDomainAdded = _ref.isCustomDomainAdded,
-    setSelectedCustomDomain = _ref.setSelectedCustomDomain,
-    helpDocUrl = _ref.helpDocUrl,
+var Header$1 = function Header(_ref) {
+  _ref.openPane;
+    var breadcrumbs = _ref.breadcrumbs;
+    _ref.isCustomDomainAdded;
+    _ref.setSelectedCustomDomain;
+    var helpDocUrl = _ref.helpDocUrl,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "large" : _ref$size;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var handleClick = function handleClick() {
-    setSelectedCustomDomain({});
-    openPane();
-  };
   return /*#__PURE__*/jsx(NeetoHeader, {
     breadcrumbs: breadcrumbs,
     size: size,
     "data-testid": "custom-domain-header",
     title: t("neetoCustomDomains.customDomain", SINGULAR),
-    actionBlock: /*#__PURE__*/jsx(Button, {
-      "data-testid": "add-new-custom-domain-button",
-      disabled: isCustomDomainAdded,
-      label: t("neetoCustomDomains.actions.add", {
-        what: t("neetoCustomDomains.customDomain", SINGULAR)
-      }),
-      onClick: handleClick
-    }),
     titleHelpPopoverProps: {
       title: t("neetoCustomDomains.customDomain", SINGULAR),
       description: t("neetoCustomDomains.toolTips.customDomain"),
@@ -1966,7 +1993,7 @@ var Header = function Header(_ref) {
     }
   });
 };
-var Header$1 = /*#__PURE__*/memo(Header);
+var Header = /*#__PURE__*/memo(Header$1);
 
 var CustomDomain = function CustomDomain(_ref) {
   var breadcrumbs = _ref.breadcrumbs,
@@ -1976,6 +2003,8 @@ var CustomDomain = function CustomDomain(_ref) {
     headerSize = _ref.headerSize,
     dnsHelpDocs = _ref.dnsHelpDocs,
     subdomainPlaceholder = _ref.subdomainPlaceholder,
+    disconnectedIntegrationCardDescription = _ref.disconnectedIntegrationCardDescription,
+    connectedIntegrationCardDescription = _ref.connectedIntegrationCardDescription,
     appName = _ref.appName,
     _ref$environment = _ref.environment,
     environment = _ref$environment === void 0 ? "production" : _ref$environment;
@@ -2018,13 +2047,13 @@ var CustomDomain = function CustomDomain(_ref) {
   var isCustomDomainAdded = isNotEmpty(customDomains);
   if (isLoading) {
     return /*#__PURE__*/jsx("div", {
-      className: "flex justify-center items-center w-full h-screen",
+      className: "flex h-screen w-full items-center justify-center",
       children: /*#__PURE__*/jsx(Spinner, {})
     });
   }
   return /*#__PURE__*/jsxs("div", {
     children: [/*#__PURE__*/jsxs(Container, {
-      children: [/*#__PURE__*/jsx(Header$1, {
+      children: [/*#__PURE__*/jsx(Header, {
         breadcrumbs: breadcrumbs,
         helpDocUrl: helpDocUrl,
         isCustomDomainAdded: isCustomDomainAdded,
@@ -2032,9 +2061,11 @@ var CustomDomain = function CustomDomain(_ref) {
         setSelectedCustomDomain: setSelectedCustomDomain,
         size: headerSize
       }), /*#__PURE__*/jsx("div", {
-        className: "flex w-full justify-center h-full",
+        className: "flex h-full w-full justify-center",
         children: /*#__PURE__*/jsx(Domain, {
+          connectedIntegrationCardDescription: connectedIntegrationCardDescription,
           customDomains: customDomains,
+          disconnectedIntegrationCardDescription: disconnectedIntegrationCardDescription,
           helpDocUrl: helpDocUrl,
           isCustomDomainAdded: isCustomDomainAdded,
           openDeleteAlert: openDeleteAlert,