fix: resolve WP 7.0 / Gutenberg editor deprecations

[Soare-Robert-Daniel]

Summary

Resolves the editor-console deprecation warnings that surface under WP 7.0 / Gutenberg, across both the lite and pro bundles. Each fix targets the documented stable replacement; behavior is preserved.

Deprecation	Since / removal	Fix
wp.editPost.PluginSidebar / PluginSidebarMoreMenuItem	6.6	import from @wordpress/editor
wp.data.registerGenericStore (otter-store)	5.9	createReduxStore + register
core/preferences hiddenBlockTypes namespace	6.5	read/write under the core scope
__experimentalGetPreviewDeviceType (core/edit-post)	6.5	core/editor getDeviceType / setDeviceType (section blocks, responsive control, CSS injector, global defaults, pro plugins)
Custom components as toolbar controls	5.6	ToolbarButton; data-toolbar-item on the Design Library header button
core/edit-post interface scope	6.6	enableComplementaryArea( 'core', … )
wp.date.__experimentalGetSettings	6.1	getSettings
RichText onSplit (icon-list item)	6.4	block.json supports.splitting
FormFileUpload 36px default	6.8 / 7.1	__next40pxDefaultSize (export/import)
moment malformed timezone offset (countdown)	—	fix getTimezone() to emit a valid ISO ±HH:MM offset

Note: Form captcha apiVersion: 3 is already on development (#2833) and is not part of this diff.

Deferred (documented, intentional)

• advanced-heading onSplit — core supports.splitting converts a heading's split tail to a plain core/paragraph, dropping all heading styling. Left as-is to avoid a real regression; needs a style-preserving transform.
• TextControl 40px migration — broad, plugin-wide; tracked separately. Has a hard 7.1 removal.

Test plan

• Unit (helper-functions-timezone.test.ts): getTimezone() returns a valid ISO 8601 offset for UTC, whole, negative, and fractional offsets — genuine red (+0:0) → green.
• E2e (new) (icon-list.spec.js): pressing Enter mid-text splits an item into two same-type icon-list items with the content divided at the caret — guards the onSplit → supports.splitting migration.
• E2e (regression): icon-list, alt-attributes, api-version-v3, and specs touching toolbar / section / sharing-icons blocks — all passing locally.
• Static: phpstan clean; lint clean.
• Manual: browser console scan inserting all Otter blocks — unique deprecations dropped from 7 → 2 (the two deferred items above).

Follow-up cleanup (171b9632)

No behavior change — trims redundant e2e assertions/helpers, simplifies section device-type selectors and otter-store action types, and shortens the OpenAI e2e stub.

[pirate-bot]

Bundle Size Diff

Package	Old Size	New Size	Diff
Animations	178.27 KB	178.27 KB	0 B (0.00%)
Blocks	1.65 MB	1.65 MB	-276 B (-0.02%)
CSS	7.87 KB	7.83 KB	-34 B (-0.42%)
Dashboard	172.5 KB	172.49 KB	-13 B (-0.01%)
Onboarding	68.14 KB	68.14 KB	0 B (0.00%)
Export Import	4.7 KB	4.73 KB	25 B (0.52%)
Pro	439.79 KB	439.64 KB	-154 B (-0.03%)

[pirate-bot]

Plugin build for 70678db is ready 🛎️!

• Download Otter – Page Builder Blocks & Extensions for Gutenberg - Production ~ Development
• Download Otter Pro - Production ~ Development
• Download Blocks Animation - Production ~ Development
• Download Blocks CSS - Production ~ Development
• Download Blocks Export Import - Production ~ Development

[pirate-bot]

E2E Tests

Playwright Test Status: See serial and parallel matrix jobs

Performance Results

serverResponse: {"q25":484.9,"q50":504.4,"q75":516.7,"cnt":10}, firstPaint: {"q25":1344.3,"q50":1533.1,"q75":1682.1,"cnt":10}, domContentLoaded: {"q25":3827.3,"q50":3840.65,"q75":3865.8,"cnt":10}, loaded: {"q25":3829.1,"q50":3842.6,"q75":3867.7,"cnt":10}, firstContentfulPaint: {"q25":4365,"q50":4378.5,"q75":4397.3,"cnt":10}, firstBlock: {"q25":15265.4,"q50":15405.15,"q75":15567.6,"cnt":10}, type: {"q25":29.22,"q50":31.95,"q75":36.1,"cnt":10}, typeWithoutInspector: {"q25":28.1,"q50":28.98,"q75":30.41,"cnt":10}, typeWithTopToolbar: {"q25":38.39,"q50":40,"q75":43,"cnt":10}, typeContainer: {"q25":19.3,"q50":21.47,"q75":23.27,"cnt":10}, focus: {"q25":149.76,"q50":152.73,"q75":160.68,"cnt":10}, inserterOpen: {"q25":45.71,"q50":50.4,"q75":54.53,"cnt":10}, inserterSearch: {"q25":18.72,"q50":19.84,"q75":21.19,"cnt":10}, inserterHover: {"q25":5.89,"q50":6.49,"q75":7.32,"cnt":20}, loadPatterns: {"q25":1959.28,"q50":2003.01,"q75":2040.02,"cnt":10}, listViewOpen: {"q25":254.62,"q50":270.71,"q75":288.93,"cnt":10}

[abaicus]

@Soare-Robert-Daniel looks fine. Can you maybe provide some comprehensive testing steps so @poonam279 could do some smoke-testing on this (i.e. a list of which blocks to check, what to test when migrating to an older version to this - what should not break, which versions to test with, etc).

@poonam279 after Robert provides some testing steps we can do a quick sweep to make sure nothing breaks when migrating from an older version, using the changed blocks, etc.

[Soare-Robert-Daniel]

@poonam279 here are the steps. Most of them are covered by E2E tests so you can check mostly if we have an unexpected crash.

Testing steps

Setup

• Use WP 7.0 (latest Gutenberg plugin optional — it surfaces deprecations earliest).
• Keep the browser console open (F12) during every step below — in the editor and on the frontend pages you visit.
• After each case, check the console for:
  • 🔴 errors — none expected, anywhere.
  • 🟡 deprecation warnings (wp.deprecated) — none new; only the 2 known deferred ones may appear (advanced-heading split, TextControl size).
• Expected result everywhere: works as before + clean console.

1. Otter sidebar

• Open a post → click the Otter icon (top-right).
• ✅ Sidebar opens, all panels render.
• Close it → reopen from the ⋮ options menu.
• ✅ Same result.
• In a block's Inspector → Tools panel (+ icon) → "Manage Default Tools"; and in a responsive control's sync dropdown → "Manage Global Defaults".
• ✅ Both open the Otter sidebar.

2. Posts block (otter store)

• Add two Posts blocks on the same page.
• There should be no missing posts or duplicate display
• ✅ The second block excludes posts shown by the first; no console errors when editing either.

3. Hidden blocks (Dashboard → Blocks)

• Otter dashboard → Blocks tab → disable a block (e.g. Progress Bar).
• Open the editor → search the inserter.
• ✅ The block is gone. Re-enable → it's back.
• Extra: hide a block on the old version, then update to this build.
• ✅ It stays hidden.

4. Responsive controls (Desktop / Tablet / Mobile)

• Insert a Section, open its padding/margin controls.
• Switch device in the Otter control.
• ✅ Editor preview switches too, and vice versa.
• Set different values per device, save, reload.
• ✅ Each device keeps its value, frontend matches.
• Quick repeat on: Custom CSS (tablet/mobile CSS applies in preview) and Global Defaults for Section.

5. Toolbar buttons (Button → ToolbarButton)

For each, the button should look normal in the toolbar, be reachable with keyboard arrows, and work:

• Advanced Heading — highlight color dropdown in the toolbar.
• Lottie — Edit/Save toggle button.
• Sharing Icons — per-network toggle buttons show/hide icons.
• Form — "Create Form With AI" button inserts the AI generator.
• Section — Design Library button opens the library; inserting a template works.
• Any block with the style-switcher (appearance) toolbar dropdown — still opens and applies styles.

6. Countdown & dates

• Insert Countdown, set a date with a timezone with a negative offset (e.g. America/New_York), then a half-hour one (e.g. Asia/Kolkata).
• ✅ Remaining time correct in editor and frontend; no moment warning in console.
• ✅ Date labels in the inspector follow the site's date format.
• (Pro) Countdown pro settings and Block Conditions date-range: dates display formatted correctly.

7. Icon List splitting

• Insert Icon List, type in an item, press Enter mid-text.
• ✅ Splits into two icon-list items (not paragraphs), text divided at the caret.
• Backspace at the start of the second item.
• ✅ Merges back.

8. Export / Import

• Select a block → Export as JSON → re-import via the toolbar Import button.
• ✅ Round-trips identically; Import button renders at normal (40px) size.

Migration check (old version → this build)

• On the latest stable Otter from wp.org, build a page with: Section (responsive settings), Icon List (several items), Countdown (with timezone), Sharing Icons, Posts (×2), Form, Advanced Heading, Lottie.
• Update to this PR's build (zips in the pirate-bot comment above).
• Reopen the page.
• ✅ No "block contains unexpected content" warnings; editor and frontend unchanged.
• ✅ Console clean in both the editor and the frontend page (no errors, no new deprecations).
• Re-save → ✅ no markup changes.

Versions

• WP 7.0 — main target. Console deprecations should drop to the 2 known deferred ones (advanced-heading split, TextControl size).
• Oldest supported WP — smoke test: the blocks above insert and save without errors (APIs used are stable since 6.6).

[poonam279]

@Soare-Robert-Daniel, I have tested this PR, and everything is working fine except these:

1. I checked the Posts block, but I couldn't find the "Prevent duplicate posts" (or post exclusion) option. I also don't remember using it before. Is this option available?

2. During the Migration check, I see this error in the console:

blocks.js?ver=5f3eba4…:32 Uncaught TypeError: Cannot read properties of undefined (reading 'call')
    at s (blocks.js?ver=5f3eba…9e0a430180:32:76621)
    at 832 (vendor.js?ver=0968bf…09c8ba45140:1:10429)
    at s (blocks.js?ver=5f3eba…9e0a430180:32:76621)
    at 696 (blocks.js?ver=5f3eba…9e0a430180:32:16964)
    at s (blocks.js?ver=5f3eba…9e0a430180:32:76621)
    at blocks.js?ver=5f3eba…99e0a430180:39:8798
    at blocks.js?ver=5f3eba…9e0a430180:40:27514
    at blocks.js?ver=5f3eba…9e0a430180:46:13205

Admin area URL: https://whipseat.s6-tastewp.com/wp-admin
Username: poonam
Password: _stAuR2TDNA

https://whipseat.s6-tastewp.com/wp-admin/post.php?post=6&action=edit

[Soare-Robert-Daniel]

1. I checked the Posts block, but I couldn't find the "Prevent duplicate posts" (or post exclusion) option. I also don't remember using it before. Is this option available?

This was a bit misspelled. There were some underlying function changes regarding the retrieval of data, and it should work like before without missing or duplicated posts.

2. During the Migration check, I see this error in the console:

blocks.js?ver=5f3eba4…:32 Uncaught TypeError: Cannot read properties of undefined (reading 'call')
    at s (blocks.js?ver=5f3eba…9e0a430180:32:76621)
    at 832 (vendor.js?ver=0968bf…09c8ba45140:1:10429)
    at s (blocks.js?ver=5f3eba…9e0a430180:32:76621)
    at 696 (blocks.js?ver=5f3eba…9e0a430180:32:16964)
    at s (blocks.js?ver=5f3eba…9e0a430180:32:76621)
    at blocks.js?ver=5f3eba…99e0a430180:39:8798
    at blocks.js?ver=5f3eba…9e0a430180:40:27514
    at blocks.js?ver=5f3eba…9e0a430180:46:13205

Admin area URL: https://whipseat.s6-tastewp.com/wp-admin Username: poonam Password: _stAuR2TDNA

https://whipseat.s6-tastewp.com/wp-admin/post.php?post=6&action=edit

This should be fixed now. It was a very odd issue in the build system.

cc @poonam279