@wordpress/editor 14.40.2-next.v.202602271551.0 → 14.41.0

package/build-module/components/sync-connection-modal/index.mjs

@@ -2,7 +2,10 @@
 import { useSelect, select } from "@wordpress/data";
 import { useCopyToClipboard } from "@wordpress/compose";
 import { serialize } from "@wordpress/blocks";
-import { store as coreDataStore } from "@wordpress/core-data";
+import {
+  store as coreDataStore,
+  privateApis as coreDataPrivateApis
+} from "@wordpress/core-data";
 import {
   privateApis,
   store as blockEditorStore
@@ -10,22 +13,33 @@ import {
 import {
   Button,
   Modal,
-  Icon,
   __experimentalHStack as HStack,
   __experimentalVStack as VStack
 } from "@wordpress/components";
 import { useState, useEffect, useRef } from "@wordpress/element";
-import { __ } from "@wordpress/i18n";
-import { error as errorIcon } from "@wordpress/icons";
+import { __, sprintf, _n } from "@wordpress/i18n";
 import { getSyncErrorMessages } from "../../utils/sync-error-messages.mjs";
+import { store as editorStore } from "../../store/index.mjs";
 import { unlock } from "../../lock-unlock.mjs";
+import { useRetryCountdown } from "./use-retry-countdown.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 var { BlockCanvasCover } = unlock(privateApis);
+var { retrySyncConnection } = unlock(coreDataPrivateApis);
 var INITIAL_DISCONNECTED_DEBOUNCE_MS = 5e3;
+var noop = () => {
+};
 function SyncConnectionModal() {
-  const connectionState = useSelect((selectFn) => {
-    return selectFn(coreDataStore).getSyncConnectionStatus() || null;
+  const { connectionState, postType } = useSelect((selectFn) => {
+    const currentPostType = selectFn(editorStore).getCurrentPostType();
+    return {
+      connectionState: selectFn(coreDataStore).getSyncConnectionStatus() || null,
+      postType: currentPostType ? selectFn(coreDataStore).getPostType(currentPostType) : null
+    };
   }, []);
+  const { secondsRemaining, markRetrying } = useRetryCountdown(
+    connectionState?.retryInMs,
+    connectionState?.status
+  );
   const copyButtonRef = useCopyToClipboard(() => {
     const blocks = select(blockEditorStore).getBlocks();
     return serialize(blocks);
@@ -33,20 +47,21 @@ function SyncConnectionModal() {
   const [syncConnectionMessage, setSyncConnectionMessage] = useState(null);
   const debounceTimerRef = useRef(null);
   const hasInitializedRef = useRef(false);
+  const connectionStatus = connectionState?.status;
+  const connectionErrorCode = connectionState?.error?.code;
   useEffect(() => {
-    const status = connectionState?.status;
     if (debounceTimerRef.current) {
       clearTimeout(debounceTimerRef.current);
       debounceTimerRef.current = null;
     }
-    if (status === "connected") {
+    if (connectionStatus === "connected") {
       hasInitializedRef.current = true;
       setSyncConnectionMessage(null);
-    } else if (status === "disconnected") {
+    } else if (connectionStatus === "disconnected") {
       const showModal = () => {
         hasInitializedRef.current = true;
         setSyncConnectionMessage(
-          getSyncErrorMessages(connectionState.error ?? {})
+          getSyncErrorMessages({ code: connectionErrorCode })
         );
       };
       if (hasInitializedRef.current) {
@@ -63,48 +78,86 @@ function SyncConnectionModal() {
         clearTimeout(debounceTimerRef.current);
       }
     };
-  }, [connectionState]);
+  }, [connectionStatus, connectionErrorCode]);
   if (!syncConnectionMessage) {
     return null;
   }
-  const { title, description } = syncConnectionMessage;
+  const { title, description, canRetry } = syncConnectionMessage;
+  let retryCountdownText;
+  if (secondsRemaining > 0) {
+    retryCountdownText = sprintf(
+      /* translators: %d: number of seconds until retry */
+      _n(
+        "Retrying connection in %d second\u2026",
+        "Retrying connection in %d seconds\u2026",
+        secondsRemaining
+      ),
+      secondsRemaining
+    );
+  } else if (secondsRemaining === 0) {
+    retryCountdownText = __("Retrying\u2026");
+  }
+  let editPostHref = "edit.php";
+  if (postType?.slug) {
+    editPostHref = `edit.php?post_type=${postType.slug}`;
+  }
+  const isRetrying = secondsRemaining === 0;
   return /* @__PURE__ */ jsx(BlockCanvasCover.Fill, { children: /* @__PURE__ */ jsx(
     Modal,
     {
-      __experimentalHideHeader: true,
-      icon: errorIcon,
+      className: "editor-sync-connection-modal",
       isDismissible: false,
-      isFullScreen: false,
-      onRequestClose: () => {
-      },
+      onRequestClose: noop,
       shouldCloseOnClickOutside: false,
       shouldCloseOnEsc: false,
-      children: /* @__PURE__ */ jsx("div", { className: "editor-sync-connection-modal__container", children: /* @__PURE__ */ jsxs(VStack, { alignment: "center", justify: "center", spacing: 2, children: [
-        /* @__PURE__ */ jsx(Icon, { fill: "#ccc", icon: errorIcon, size: 64 }),
-        /* @__PURE__ */ jsx("h1", { children: title }),
-        /* @__PURE__ */ jsx("p", { className: "editor-sync-connection-modal__description", children: description }),
-        /* @__PURE__ */ jsxs(HStack, { spacing: 2, justify: "center", children: [
+      size: "medium",
+      title,
+      children: /* @__PURE__ */ jsxs(VStack, { spacing: 6, children: [
+        /* @__PURE__ */ jsx("p", { children: description }),
+        retryCountdownText && /* @__PURE__ */ jsx("p", { className: "editor-sync-connection-modal__retry-countdown", children: retryCountdownText }),
+        /* @__PURE__ */ jsxs(HStack, { justify: "right", children: [
           /* @__PURE__ */ jsx(
             Button,
             {
               __next40pxDefaultSize: true,
-              ref: copyButtonRef,
-              variant: "primary",
-              children: __("Copy post content")
+              href: editPostHref,
+              isDestructive: true,
+              variant: "tertiary",
+              children: sprintf(
+                /* translators: %s: Post type name (e.g., "Posts", "Pages"). */
+                __("Back to %s"),
+                postType?.labels?.name ?? __("Posts")
+              )
             }
           ),
           /* @__PURE__ */ jsx(
             Button,
             {
               __next40pxDefaultSize: true,
-              href: "edit.php",
-              isDestructive: true,
-              variant: "secondary",
-              children: __("Edit another post")
+              ref: copyButtonRef,
+              variant: canRetry ? "secondary" : "primary",
+              children: __("Copy Post Content")
+            }
+          ),
+          canRetry && /* @__PURE__ */ jsx(
+            Button,
+            {
+              __next40pxDefaultSize: true,
+              "aria-disabled": isRetrying,
+              isBusy: isRetrying,
+              variant: "primary",
+              onClick: () => {
+                if (isRetrying) {
+                  return;
+                }
+                markRetrying();
+                retrySyncConnection();
+              },
+              children: __("Retry")
             }
           )
         ] })
-      ] }) })
+      ] })
     }
   ) });
 }

package/build-module/components/sync-connection-modal/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sync-connection-modal/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, select } from '@wordpress/data';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { serialize } from '@wordpress/blocks';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport {\n\tprivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tButton,\n\tModal,\n\tIcon,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { error as errorIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getSyncErrorMessages } from '../../utils/sync-error-messages';\nimport { unlock } from '../../lock-unlock';\n\nconst { BlockCanvasCover } = unlock( privateApis );\n\n// Debounce time for initial disconnected status to allow connection to establish.\nconst INITIAL_DISCONNECTED_DEBOUNCE_MS = 5000;\n\n/**\n * Sync connection modal that displays when any entity reports a disconnection.\n * Uses BlockCanvasCover.Fill to render in the block canvas.\n *\n * @return {Element|null} The modal component or null if not disconnected.\n */\nexport function SyncConnectionModal() {\n\tconst connectionState = useSelect( ( selectFn ) => {\n\t\treturn selectFn( coreDataStore ).getSyncConnectionStatus() || null;\n\t}, [] );\n\n\tconst copyButtonRef = useCopyToClipboard( () => {\n\t\tconst blocks = select( blockEditorStore ).getBlocks();\n\t\treturn serialize( blocks );\n\t} );\n\tconst [ syncConnectionMessage, setSyncConnectionMessage ] =\n\t\tuseState( null );\n\tconst debounceTimerRef = useRef( null );\n\t// Track whether we've passed the initial load phase.\n\t// Once true, disconnected status will show immediately without debounce.\n\tconst hasInitializedRef = useRef( false );\n\n\tuseEffect( () => {\n\t\tconst status = connectionState?.status;\n\n\t\t// Clear any pending debounce timer when status changes.\n\t\tif ( debounceTimerRef.current ) {\n\t\t\tclearTimeout( debounceTimerRef.current );\n\t\t\tdebounceTimerRef.current = null;\n\t\t}\n\n\t\tif ( status === 'connected' ) {\n\t\t\thasInitializedRef.current = true;\n\t\t\tsetSyncConnectionMessage( null );\n\t\t} else if ( status === 'disconnected' ) {\n\t\t\tconst showModal = () => {\n\t\t\t\thasInitializedRef.current = true;\n\t\t\t\tsetSyncConnectionMessage(\n\t\t\t\t\tgetSyncErrorMessages( connectionState.error ?? {} )\n\t\t\t\t);\n\t\t\t};\n\n\t\t\t// Debounce only on first load to allow connection to establish.\n\t\t\tif ( hasInitializedRef.current ) {\n\t\t\t\tshowModal();\n\t\t\t} else {\n\t\t\t\tdebounceTimerRef.current = setTimeout(\n\t\t\t\t\tshowModal,\n\t\t\t\t\tINITIAL_DISCONNECTED_DEBOUNCE_MS\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( debounceTimerRef.current ) {\n\t\t\t\tclearTimeout( debounceTimerRef.current );\n\t\t\t}\n\t\t};\n\t}, [ connectionState ] );\n\n\tif ( ! syncConnectionMessage ) {\n\t\treturn null;\n\t}\n\n\tconst { title, description } = syncConnectionMessage;\n\n\treturn (\n\t\t<BlockCanvasCover.Fill>\n\t\t\t<Modal\n\t\t\t\t__experimentalHideHeader\n\t\t\t\ticon={ errorIcon }\n\t\t\t\tisDismissible={ false }\n\t\t\t\tisFullScreen={ false }\n\t\t\t\tonRequestClose={ () => {} }\n\t\t\t\tshouldCloseOnClickOutside={ false }\n\t\t\t\tshouldCloseOnEsc={ false }\n\t\t\t>\n\t\t\t\t<div className=\"editor-sync-connection-modal__container\">\n\t\t\t\t\t<VStack alignment=\"center\" justify=\"center\" spacing={ 2 }>\n\t\t\t\t\t\t<Icon fill=\"#ccc\" icon={ errorIcon } size={ 64 } />\n\t\t\t\t\t\t<h1>{ title }</h1>\n\t\t\t\t\t\t<p className=\"editor-sync-connection-modal__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<HStack spacing={ 2 } justify=\"center\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tref={ copyButtonRef }\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Copy post content' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\thref=\"edit.php\"\n\t\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Edit another post' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t</Modal>\n\t\t</BlockCanvasCover.Fill>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,WAAW,cAAc;AAClC,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAC1B,SAAS,SAAS,qBAAqB;AACvC;AAAA,EACC;AAAA,EACA,SAAS;AAAA,OACH;AACP;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,OAClB;AACP,SAAS,UAAU,WAAW,cAAc;AAC5C,SAAS,UAAU;AACnB,SAAS,SAAS,iBAAiB;AAKnC,SAAS,4BAA4B;AACrC,SAAS,cAAc;AAsFjB,cAKA,YALA;AApFN,IAAM,EAAE,iBAAiB,IAAI,OAAQ,WAAY;AAGjD,IAAM,mCAAmC;AAQlC,SAAS,sBAAsB;AACrC,QAAM,kBAAkB,UAAW,CAAE,aAAc;AAClD,WAAO,SAAU,aAAc,EAAE,wBAAwB,KAAK;AAAA,EAC/D,GAAG,CAAC,CAAE;AAEN,QAAM,gBAAgB,mBAAoB,MAAM;AAC/C,UAAM,SAAS,OAAQ,gBAAiB,EAAE,UAAU;AACpD,WAAO,UAAW,MAAO;AAAA,EAC1B,CAAE;AACF,QAAM,CAAE,uBAAuB,wBAAyB,IACvD,SAAU,IAAK;AAChB,QAAM,mBAAmB,OAAQ,IAAK;AAGtC,QAAM,oBAAoB,OAAQ,KAAM;AAExC,YAAW,MAAM;AAChB,UAAM,SAAS,iBAAiB;AAGhC,QAAK,iBAAiB,SAAU;AAC/B,mBAAc,iBAAiB,OAAQ;AACvC,uBAAiB,UAAU;AAAA,IAC5B;AAEA,QAAK,WAAW,aAAc;AAC7B,wBAAkB,UAAU;AAC5B,+BAA0B,IAAK;AAAA,IAChC,WAAY,WAAW,gBAAiB;AACvC,YAAM,YAAY,MAAM;AACvB,0BAAkB,UAAU;AAC5B;AAAA,UACC,qBAAsB,gBAAgB,SAAS,CAAC,CAAE;AAAA,QACnD;AAAA,MACD;AAGA,UAAK,kBAAkB,SAAU;AAChC,kBAAU;AAAA,MACX,OAAO;AACN,yBAAiB,UAAU;AAAA,UAC1B;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAEA,WAAO,MAAM;AACZ,UAAK,iBAAiB,SAAU;AAC/B,qBAAc,iBAAiB,OAAQ;AAAA,MACxC;AAAA,IACD;AAAA,EACD,GAAG,CAAE,eAAgB,CAAE;AAEvB,MAAK,CAAE,uBAAwB;AAC9B,WAAO;AAAA,EACR;AAEA,QAAM,EAAE,OAAO,YAAY,IAAI;AAE/B,SACC,oBAAC,iBAAiB,MAAjB,EACA;AAAA,IAAC;AAAA;AAAA,MACA,0BAAwB;AAAA,MACxB,MAAO;AAAA,MACP,eAAgB;AAAA,MAChB,cAAe;AAAA,MACf,gBAAiB,MAAM;AAAA,MAAC;AAAA,MACxB,2BAA4B;AAAA,MAC5B,kBAAmB;AAAA,MAEnB,8BAAC,SAAI,WAAU,2CACd,+BAAC,UAAO,WAAU,UAAS,SAAQ,UAAS,SAAU,GACrD;AAAA,4BAAC,QAAK,MAAK,QAAO,MAAO,WAAY,MAAO,IAAK;AAAA,QACjD,oBAAC,QAAK,iBAAO;AAAA,QACb,oBAAC,OAAE,WAAU,6CACV,uBACH;AAAA,QACA,qBAAC,UAAO,SAAU,GAAI,SAAQ,UAC7B;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,KAAM;AAAA,cACN,SAAQ;AAAA,cAEN,aAAI,mBAAoB;AAAA;AAAA,UAC3B;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,MAAK;AAAA,cACL,eAAa;AAAA,cACb,SAAQ;AAAA,cAEN,aAAI,mBAAoB;AAAA;AAAA,UAC3B;AAAA,WACD;AAAA,SACD,GACD;AAAA;AAAA,EACD,GACD;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, select } from '@wordpress/data';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { serialize } from '@wordpress/blocks';\nimport {\n\tstore as coreDataStore,\n\tprivateApis as coreDataPrivateApis,\n} from '@wordpress/core-data';\nimport {\n\tprivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { __, sprintf, _n } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getSyncErrorMessages } from '../../utils/sync-error-messages';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useRetryCountdown } from './use-retry-countdown';\n\nconst { BlockCanvasCover } = unlock( privateApis );\nconst { retrySyncConnection } = unlock( coreDataPrivateApis );\n\n// Debounce time for initial disconnected status to allow connection to establish.\nconst INITIAL_DISCONNECTED_DEBOUNCE_MS = 5000;\nconst noop = () => {};\n\n/**\n * Sync connection modal that displays when any entity reports a disconnection.\n * Uses BlockCanvasCover.Fill to render in the block canvas.\n *\n * @return {Element|null} The modal component or null if not disconnected.\n */\nexport function SyncConnectionModal() {\n\tconst { connectionState, postType } = useSelect( ( selectFn ) => {\n\t\tconst currentPostType = selectFn( editorStore ).getCurrentPostType();\n\t\treturn {\n\t\t\tconnectionState:\n\t\t\t\tselectFn( coreDataStore ).getSyncConnectionStatus() || null,\n\t\t\tpostType: currentPostType\n\t\t\t\t? selectFn( coreDataStore ).getPostType( currentPostType )\n\t\t\t\t: null,\n\t\t};\n\t}, [] );\n\n\tconst { secondsRemaining, markRetrying } = useRetryCountdown(\n\t\tconnectionState?.retryInMs,\n\t\tconnectionState?.status\n\t);\n\n\tconst copyButtonRef = useCopyToClipboard( () => {\n\t\tconst blocks = select( blockEditorStore ).getBlocks();\n\t\treturn serialize( blocks );\n\t} );\n\tconst [ syncConnectionMessage, setSyncConnectionMessage ] =\n\t\tuseState( null );\n\tconst debounceTimerRef = useRef( null );\n\t// Track whether we've passed the initial load phase.\n\t// Once true, disconnected status will show immediately without debounce.\n\tconst hasInitializedRef = useRef( false );\n\n\tconst connectionStatus = connectionState?.status;\n\tconst connectionErrorCode = connectionState?.error?.code;\n\n\tuseEffect( () => {\n\t\t// Clear any pending debounce timer when status changes.\n\t\tif ( debounceTimerRef.current ) {\n\t\t\tclearTimeout( debounceTimerRef.current );\n\t\t\tdebounceTimerRef.current = null;\n\t\t}\n\n\t\tif ( connectionStatus === 'connected' ) {\n\t\t\thasInitializedRef.current = true;\n\t\t\tsetSyncConnectionMessage( null );\n\t\t} else if ( connectionStatus === 'disconnected' ) {\n\t\t\tconst showModal = () => {\n\t\t\t\thasInitializedRef.current = true;\n\t\t\t\tsetSyncConnectionMessage(\n\t\t\t\t\tgetSyncErrorMessages( { code: connectionErrorCode } )\n\t\t\t\t);\n\t\t\t};\n\n\t\t\t// Debounce only on first load to allow connection to establish.\n\t\t\tif ( hasInitializedRef.current ) {\n\t\t\t\tshowModal();\n\t\t\t} else {\n\t\t\t\tdebounceTimerRef.current = setTimeout(\n\t\t\t\t\tshowModal,\n\t\t\t\t\tINITIAL_DISCONNECTED_DEBOUNCE_MS\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( debounceTimerRef.current ) {\n\t\t\t\tclearTimeout( debounceTimerRef.current );\n\t\t\t}\n\t\t};\n\t}, [ connectionStatus, connectionErrorCode ] );\n\n\tif ( ! syncConnectionMessage ) {\n\t\treturn null;\n\t}\n\n\tconst { title, description, canRetry } = syncConnectionMessage;\n\n\tlet retryCountdownText;\n\tif ( secondsRemaining > 0 ) {\n\t\tretryCountdownText = sprintf(\n\t\t\t/* translators: %d: number of seconds until retry */\n\t\t\t_n(\n\t\t\t\t'Retrying connection in %d second\\u2026',\n\t\t\t\t'Retrying connection in %d seconds\\u2026',\n\t\t\t\tsecondsRemaining\n\t\t\t),\n\t\t\tsecondsRemaining\n\t\t);\n\t} else if ( secondsRemaining === 0 ) {\n\t\tretryCountdownText = __( 'Retrying\\u2026' );\n\t}\n\n\tlet editPostHref = 'edit.php';\n\tif ( postType?.slug ) {\n\t\teditPostHref = `edit.php?post_type=${ postType.slug }`;\n\t}\n\n\tconst isRetrying = secondsRemaining === 0;\n\n\treturn (\n\t\t<BlockCanvasCover.Fill>\n\t\t\t<Modal\n\t\t\t\tclassName=\"editor-sync-connection-modal\"\n\t\t\t\tisDismissible={ false }\n\t\t\t\tonRequestClose={ noop }\n\t\t\t\tshouldCloseOnClickOutside={ false }\n\t\t\t\tshouldCloseOnEsc={ false }\n\t\t\t\tsize=\"medium\"\n\t\t\t\ttitle={ title }\n\t\t\t>\n\t\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t\t<p>{ description }</p>\n\t\t\t\t\t{ retryCountdownText && (\n\t\t\t\t\t\t<p className=\"editor-sync-connection-modal__retry-countdown\">\n\t\t\t\t\t\t\t{ retryCountdownText }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\thref={ editPostHref }\n\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: Post type name (e.g., \"Posts\", \"Pages\"). */\n\t\t\t\t\t\t\t\t__( 'Back to %s' ),\n\t\t\t\t\t\t\t\tpostType?.labels?.name ?? __( 'Posts' )\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tref={ copyButtonRef }\n\t\t\t\t\t\t\tvariant={ canRetry ? 'secondary' : 'primary' }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Copy Post Content' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ canRetry && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\taria-disabled={ isRetrying }\n\t\t\t\t\t\t\t\tisBusy={ isRetrying }\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tif ( isRetrying ) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tmarkRetrying();\n\t\t\t\t\t\t\t\t\tretrySyncConnection();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Retry' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</Modal>\n\t\t</BlockCanvasCover.Fill>\n\t);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/components/sync-connection-modal/use-retry-countdown.mjs

@@ -0,0 +1,49 @@
+// packages/editor/src/components/sync-connection-modal/use-retry-countdown.js
+import { useState, useEffect, useRef } from "@wordpress/element";
+var MIN_RETRYING_DISPLAY_MS = 600;
+function useRetryCountdown(retryInMs, status) {
+  const [secondsRemaining, setSecondsRemaining] = useState(null);
+  const [isRetrying, setIsRetrying] = useState(false);
+  const retryAtRef = useRef(null);
+  const markRetrying = () => setIsRetrying(true);
+  useEffect(() => {
+    if (!isRetrying) {
+      return;
+    }
+    const id = setTimeout(
+      () => setIsRetrying(false),
+      MIN_RETRYING_DISPLAY_MS
+    );
+    return () => clearTimeout(id);
+  }, [isRetrying]);
+  useEffect(() => {
+    if (status === "connected") {
+      setSecondsRemaining(null);
+      retryAtRef.current = null;
+      return;
+    }
+    if (status !== "disconnected" || !retryInMs) {
+      return;
+    }
+    const retryAt = Date.now() + retryInMs;
+    retryAtRef.current = retryAt;
+    setSecondsRemaining(Math.ceil(retryInMs / 1e3));
+    const intervalId = setInterval(() => {
+      const remaining = Math.ceil(
+        (retryAtRef.current - Date.now()) / 1e3
+      );
+      setSecondsRemaining(Math.max(0, remaining));
+      if (remaining <= 0) {
+        clearInterval(intervalId);
+        setIsRetrying(true);
+      }
+    }, 1e3);
+    return () => clearInterval(intervalId);
+  }, [retryInMs, status]);
+  const displaySeconds = isRetrying ? 0 : secondsRemaining;
+  return { secondsRemaining: displaySeconds, markRetrying };
+}
+export {
+  useRetryCountdown
+};
+//# sourceMappingURL=use-retry-countdown.mjs.map

package/build-module/components/sync-connection-modal/use-retry-countdown.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/sync-connection-modal/use-retry-countdown.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useRef } from '@wordpress/element';\n\nconst MIN_RETRYING_DISPLAY_MS = 600;\n\n/**\n * Hook that computes a countdown in seconds from a retryInMs value.\n *\n * @param {number|undefined} retryInMs Milliseconds until next retry.\n * @param {string|undefined} status    Current connection status.\n * @return {Object} Object with `secondsRemaining` (number|null) and `markRetrying` callback.\n */\nexport function useRetryCountdown( retryInMs, status ) {\n\tconst [ secondsRemaining, setSecondsRemaining ] = useState( null );\n\tconst [ isRetrying, setIsRetrying ] = useState( false );\n\tconst retryAtRef = useRef( null );\n\n\t// Show \"Retrying\u2026\" for a minimum duration when manually triggered.\n\tconst markRetrying = () => setIsRetrying( true );\n\n\tuseEffect( () => {\n\t\tif ( ! isRetrying ) {\n\t\t\treturn;\n\t\t}\n\t\tconst id = setTimeout(\n\t\t\t() => setIsRetrying( false ),\n\t\t\tMIN_RETRYING_DISPLAY_MS\n\t\t);\n\t\treturn () => clearTimeout( id );\n\t}, [ isRetrying ] );\n\n\tuseEffect( () => {\n\t\t// Only clear countdown when explicitly connected.\n\t\tif ( status === 'connected' ) {\n\t\t\tsetSecondsRemaining( null );\n\t\t\tretryAtRef.current = null;\n\t\t\treturn;\n\t\t}\n\n\t\t// For transient states (e.g. 'connecting' during a retry attempt)\n\t\t// or when retryInMs is not yet available, keep the previous\n\t\t// countdown value to avoid a brief flash.\n\t\tif ( status !== 'disconnected' || ! retryInMs ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst retryAt = Date.now() + retryInMs;\n\t\tretryAtRef.current = retryAt;\n\t\tsetSecondsRemaining( Math.ceil( retryInMs / 1000 ) );\n\n\t\tconst intervalId = setInterval( () => {\n\t\t\tconst remaining = Math.ceil(\n\t\t\t\t( retryAtRef.current - Date.now() ) / 1000\n\t\t\t);\n\t\t\tsetSecondsRemaining( Math.max( 0, remaining ) );\n\t\t\tif ( remaining <= 0 ) {\n\t\t\t\tclearInterval( intervalId );\n\t\t\t\tsetIsRetrying( true );\n\t\t\t}\n\t\t}, 1000 );\n\n\t\treturn () => clearInterval( intervalId );\n\t}, [ retryInMs, status ] );\n\n\tconst displaySeconds = isRetrying ? 0 : secondsRemaining;\n\n\treturn { secondsRemaining: displaySeconds, markRetrying };\n}\n"],
+  "mappings": ";AAGA,SAAS,UAAU,WAAW,cAAc;AAE5C,IAAM,0BAA0B;AASzB,SAAS,kBAAmB,WAAW,QAAS;AACtD,QAAM,CAAE,kBAAkB,mBAAoB,IAAI,SAAU,IAAK;AACjE,QAAM,CAAE,YAAY,aAAc,IAAI,SAAU,KAAM;AACtD,QAAM,aAAa,OAAQ,IAAK;AAGhC,QAAM,eAAe,MAAM,cAAe,IAAK;AAE/C,YAAW,MAAM;AAChB,QAAK,CAAE,YAAa;AACnB;AAAA,IACD;AACA,UAAM,KAAK;AAAA,MACV,MAAM,cAAe,KAAM;AAAA,MAC3B;AAAA,IACD;AACA,WAAO,MAAM,aAAc,EAAG;AAAA,EAC/B,GAAG,CAAE,UAAW,CAAE;AAElB,YAAW,MAAM;AAEhB,QAAK,WAAW,aAAc;AAC7B,0BAAqB,IAAK;AAC1B,iBAAW,UAAU;AACrB;AAAA,IACD;AAKA,QAAK,WAAW,kBAAkB,CAAE,WAAY;AAC/C;AAAA,IACD;AAEA,UAAM,UAAU,KAAK,IAAI,IAAI;AAC7B,eAAW,UAAU;AACrB,wBAAqB,KAAK,KAAM,YAAY,GAAK,CAAE;AAEnD,UAAM,aAAa,YAAa,MAAM;AACrC,YAAM,YAAY,KAAK;AAAA,SACpB,WAAW,UAAU,KAAK,IAAI,KAAM;AAAA,MACvC;AACA,0BAAqB,KAAK,IAAK,GAAG,SAAU,CAAE;AAC9C,UAAK,aAAa,GAAI;AACrB,sBAAe,UAAW;AAC1B,sBAAe,IAAK;AAAA,MACrB;AAAA,IACD,GAAG,GAAK;AAER,WAAO,MAAM,cAAe,UAAW;AAAA,EACxC,GAAG,CAAE,WAAW,MAAO,CAAE;AAEzB,QAAM,iBAAiB,aAAa,IAAI;AAExC,SAAO,EAAE,kBAAkB,gBAAgB,aAAa;AACzD;",
+  "names": []
+}

package/build-module/store/selectors.mjs

@@ -748,6 +748,9 @@ function isPublishSidebarOpened(state) {
 }
 var isCollaborationEnabledForCurrentPost = createRegistrySelector(
   (select) => (state) => {
+    if (!unlock(select(coreStore)).isCollaborationSupported()) {
+      return false;
+    }
     const currentPostType = getCurrentPostType(state);
     const entityConfig = select(coreStore).getEntityConfig(
       "postType",