@bigbinary/neeto-rules-frontend 2.7.18 → 2.7.20

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "تتيح لك ميزة قواعد الأتمتة إنشاء قواعد لأتمتة إجراءات معينة عند حدوث أحداث معينة.",
-      "addDelay": "أضف تأخيرًا لتنفيذ الإجراءات التالية بعد الوقت المحدد"
+      "addDelay": "أضف تأخيرًا حتى يتم تنفيذ الإجراءات التالية بعد الوقت المحدد."
     },
     "apiFields": {
       "insertPlaceholder": "أدرج العنصر النائب: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Функцията за правила за автоматизация ви позволява да създавате правила, за да автоматизирате определени действия, когато настъпят определени събития.",
-      "addDelay": "Добавете закъснение, така че следващите действия да се изпълнят след зададеното време"
+      "addDelay": "Добавете закъснение, за да се изпълнят следващите действия след зададеното време."
     },
     "apiFields": {
       "insertPlaceholder": "Вмъкни запълваща стойност: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "La funcionalitat de regles d'automatització us permet crear regles per automatitzar accions específiques quan ocurren certs esdeveniments.",
-      "addDelay": "Afegir un retard perquè les accions següents s'executin després del temps especificat."
+      "addDelay": "Afegiu un retard perquè les accions següents s'executin després del temps especificat."
     },
     "apiFields": {
       "insertPlaceholder": "Insereix el marcador: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Funkce pravidel automatizace umožňuje vytvářet pravidla pro automatizaci specifických akcí, když k jednomu z určitých událostí dojde.",
-      "addDelay": "Přidat zpoždění, aby se následující akce provedly po stanoveném čase"
+      "addDelay": "Přidejte zpoždění, aby následující akce byly provedeny po určeném čase."
     },
     "apiFields": {
       "insertPlaceholder": "Vložte zástupce: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Automatiseringsregler tillader dig at oprette regler for at automatisere specifikke handlinger, når bestemte begivenheder opstår.",
-      "addDelay": "Tilføj en forsinkelse, så de følgende handlinger udføres efter den angivne tid"
+      "addDelay": "Tilføj en forsinkelse, så de følgende handlinger udføres efter den angivne tid."
     },
     "apiFields": {
       "insertPlaceholder": "Indsæt pladsholder: {{label}}"

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

@@ -458,7 +458,8 @@
     },
     "shortcuts": {
       "submit": "Submit field",
-      "cancel": "Cancel"
+      "cancel": "Cancel",
+      "continue": "Continue"
     },
     "helpTexts": {
       "phoneNumber": "Please enter each number with a + followed by the country code (for example: +918888888888). You can add multiple numbers."

package/app/javascript/src/translations/es-MX.json

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "La función de reglas de automatización le permite crear reglas para automatizar acciones específicas cuando ocurren ciertos eventos.",
-      "addDelay": "Agregue un retraso para que las acciones siguientes se ejecuten después del tiempo especificado"
+      "addDelay": "Agrega un retraso para que las siguientes acciones se ejecuten después del tiempo especificado."
     },
     "apiFields": {
       "insertPlaceholder": "Insertar marcador de posición: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Automaatika reeglite funktsioon võimaldab luua reegleid, et automatiseerida konkreetseid toiminguid, kui teatud sündmused toimuvad.",
-      "addDelay": "Lisa viivitus, et järgmised toimingud teostatakse pärast määratud aega"
+      "addDelay": "Lisa viivitus, et järgmised toimingud toimuksid pärast määratud aega."
     },
     "apiFields": {
       "insertPlaceholder": "Sisesta kohatäide: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Automaatiosääntöjen ominaisuus mahdollistaa sääntöjen luomisen, joilla automatisoidaan tiettyjä toimintoja, kun tietyt tapahtumat tapahtuvat.",
-      "addDelay": "Lisää viivästys, jotta seuraavat toiminnot suoritetaan tietyn ajan kuluttua."
+      "addDelay": "Lisää viive, jotta seuraavat toiminnot suoritetaan määritetyn ajan kuluttua."
     },
     "apiFields": {
       "insertPlaceholder": "Lisää paikkaus: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Ang tampok na mga patakaran sa awtomasyon ay nagbibigay-daan sa iyo na lumikha ng mga patakaran upang awtomatikong isagawa ang mga tiyak na aksyon kapag may mga tiyak na kaganapan na nangyari.",
-      "addDelay": "Magdagdag ng pagkaantala upang ang mga sumusunod na aksyon ay isagawa pagkatapos ng tinukoy na oras"
+      "addDelay": "Magdagdag ng pagkaantala upang ang mga sumusunod na aksyon ay maisagawa matapos ang tinukoy na oras."
     },
     "apiFields": {
       "insertPlaceholder": "Ipasok ang placeholder: {{label}}"

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

@@ -388,7 +388,7 @@
     },
     "helpText": {
       "description": "La fonctionnalité des règles d'automatisation vous permet de créer des règles pour automatiser des actions spécifiques lorsque certains événements se produisent.",
-      "addDelay": "Ajoutez un délai afin que les actions suivantes s'exécutent après le temps spécifié"
+      "addDelay": "Ajoutez un délai afin que les actions suivantes s'exécutent après le temps spécifié."
     },
     "apiFields": {
       "insertPlaceholder": "Insérer l'espace réservé : {{label}}"

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

@@ -12,7 +12,7 @@
     },
     "helpText": {
       "description": "פיצ'ר כללי האוטומציה מאפשר לך ליצור כללים כדי לאוטומט פעולות ספציפיות כאשר מתרחשים אירועים מסוימים.",
-      "addDelay": "הוסף עיכוב כך שהפעולות הבאות התבצענה לאחר הזמן המצויין"
+      "addDelay": "הוסף עיכוב כך שהפעולות הבאות יתבצעו לאחר הזמן המצויין."
     },
     "apiFields": {
       "insertPlaceholder": "הכנס מקום שמירת: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "स्वचालन नियमों की सुविधा आपको विशेष क्रियाएँ स्वचालित करने के लिए नियम बनाने की अनुमति देती है जब कुछ इवेंट होते हैं।",
-      "addDelay": "एक विलंब जोड़ें ताकि निम्नलिखित क्रियाएँ निर्दिष्ट समय के बाद निष्पादित हों।"
+      "addDelay": "निर्धारित समय के बाद अगली क्रियाएँ निष्पादित करने के लिए एक देरी जोड़ें।"
     },
     "apiFields": {
       "insertPlaceholder": "प्लेसहोल्डर डालें: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Funkcija pravila automatizacije omogućava vam kreiranje pravila za automatizaciju određenih akcija kada se dogode određeni događaji.",
-      "addDelay": "Dodajte kašnjenje tako da se sljedeće radnje izvrše nakon određenog vremena"
+      "addDelay": "Dodajte kašnjenje kako bi se sljedeće radnje izvršile nakon specificiranog vremena."
     },
     "apiFields": {
       "insertPlaceholder": "Umetnite zamjenski tekst: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Az automatizálási szabályok funkció lehetővé teszi, hogy szabályokat hozzon létre, amelyek specifikus műveleteket automatizálnak, amikor bizonyos események történnek.",
-      "addDelay": "Adjon hozzá késleltetést, így a következő műveletek a megadott idő után hajtódnak végre."
+      "addDelay": "Adjon meg egy késleltetést, hogy a következő műveletek az adott idő után hajtódjanak végre."
     },
     "apiFields": {
       "insertPlaceholder": "Helyezze be a helyettesítőt: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Fitur aturan otomatisasi memungkinkan Anda untuk membuat aturan untuk mengotomatisasi tindakan tertentu saat acara tertentu terjadi.",
-      "addDelay": "Tambahkan penundaan agar tindakan berikutnya dieksekusi setelah waktu yang ditentukan"
+      "addDelay": "Tambahkan penundaan sehingga tindakan berikutnya dieksekusi setelah waktu yang ditentukan."
     },
     "apiFields": {
       "insertPlaceholder": "Sisipkan placeholder: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "La funzionalità delle regole di automazione ti consente di creare regole per automatizzare azioni specifiche quando si verificano determinati eventi.",
-      "addDelay": "Aggiungi un ritardo in modo che le azioni successive vengano eseguite dopo il tempo specificato"
+      "addDelay": "Aggiungi un ritardo affinché le azioni seguenti vengano eseguite dopo il tempo specificato."
     },
     "apiFields": {
       "insertPlaceholder": "Inserisci segnaposto: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "自動化ルール機能を使用すると、特定のイベントが発生したときに特定のアクションを自動化するルールを作成できます。",
-      "addDelay": "指定された時間後に次のアクションが実行されるように遅延を追加します。"
+      "addDelay": "指定した時間の後に次のアクションが実行されるように遅延を追加します。"
     },
     "apiFields": {
       "insertPlaceholder": "プレースホルダーを挿入: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "자동화 규칙 기능을 사용하면 특정 이벤트가 발생했을 때 자동화된 작업을 수행할 수 있는 규칙을 생성할 수 있습니다.",
-      "addDelay": "지연을 추가하여 다음 작업이 지정된 시간 후에 실행되도록 합니다."
+      "addDelay": "지정된 시간 후에 다음 작업이 실행되도록 지연을 추가하세요."
     },
     "apiFields": {
       "insertPlaceholder": "플레이스홀더 삽입: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "De functie automatiseringsregels stelt u in staat om regels te maken om specifieke acties te automatiseren wanneer bepaalde evenementen zich voordoen.",
-      "addDelay": "Voeg een vertraging toe zodat de volgende acties na de gespecificeerde tijd worden uitgevoerd."
+      "addDelay": "Voeg een vertraging toe zodat de volgende acties na de opgegeven tijd worden uitgevoerd."
     },
     "apiFields": {
       "insertPlaceholder": "Plaats aanduiding: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Funkcja zasad automatyzacji pozwala na tworzenie zasad do automatyzacji konkretnych akcji, gdy wystąpią określone zdarzenia.",
-      "addDelay": "Dodaj opóźnienie, aby kolejne akcje zostały wykonane po określonym czasie"
+      "addDelay": "Dodaj opóźnienie, aby kolejne akcje zostały wykonane po określonym czasie."
     },
     "apiFields": {
       "insertPlaceholder": "Wstaw placeholder: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "O recurso de regras de automação permite que você crie regras para automatizar ações específicas quando certos eventos ocorrerem.",
-      "addDelay": "Adicione um atraso para que as ações seguintes sejam executadas após o tempo especificado"
+      "addDelay": "Adicione um atraso para que as ações seguintes sejam executadas após o tempo especificado."
     },
     "apiFields": {
       "insertPlaceholder": "Inserir espaço reservado: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Funcția regulilor de automatizare îți permite să creezi reguli pentru a automatiza acțiuni specifice atunci când apar anumite evenimente.",
-      "addDelay": "Adaugă o întârziere pentru ca acțiunile următoare să fie executate după timpul specificat"
+      "addDelay": "Adaugă o întârziere astfel încât acțiunile următoare să se execute după timpul specificat."
     },
     "apiFields": {
       "insertPlaceholder": "Introducere placeholder: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Функция правил автоматизации позволяет создавать правила для автоматизации определенных действий, когда происходят определенные события.",
-      "addDelay": "Добавьте задержку, чтобы следующие действия выполнялись после указанного времени"
+      "addDelay": "Добавьте задержку, чтобы следующие действия выполнялись после указанного времени."
     },
     "apiFields": {
       "insertPlaceholder": "Вставить заполнитель: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Funkcia automatizačných pravidiel vám umožňuje vytvárať pravidlá na automatizáciu konkrétnych akcií, keď nastanú určité udalosti.",
-      "addDelay": "Pridajte oneskorenie, aby sa nasledujúce akcie vykonali po uplynutí určeného času."
+      "addDelay": "Pridajte oneskorenie, aby sa nasledujúce akcie vykonali po zadanom čase."
     },
     "apiFields": {
       "insertPlaceholder": "Vložiť zástupný symbol: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Funkcija avtomatizacijskih pravil vam omogoča ustvarjanje pravil za avtomatizacijo določenih dejanj, ko se pojavijo določeni dogodki.",
-      "addDelay": "Dodajte zamudo, da se naslednja dejanja izvajajo po določenem času"
+      "addDelay": "Dodajte zamik, da se naslednje dejanje izvede po določenem času."
     },
     "apiFields": {
       "insertPlaceholder": "Vstavite mesto: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Funktionen för automationsregler gör att du kan skapa regler för att automatisera specifika åtgärder när vissa händelser inträffar.",
-      "addDelay": "Lägg till en fördröjning så att de följande åtgärderna utförs efter angiven tid"
+      "addDelay": "Lägg till en fördröjning så att de följande åtgärderna utförs efter angiven tid."
     },
     "apiFields": {
       "insertPlaceholder": "Infoga platshållare: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Otomasyon kuralları özelliği, belirli olaylar meydana geldiğinde otomatik olarak eylemler oluşturmanıza olanak tanır.",
-      "addDelay": "Bundan sonraki eylemlerin belirtilen süre sonra gerçekleştirilmesi için bir gecikme ekleyin."
+      "addDelay": "Belirtilen süreden sonra sonraki eylemlerin gerçekleştirilmesi için bir gecikme ekleyin."
     },
     "apiFields": {
       "insertPlaceholder": "Yer tutucu ekle: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Функція правил автоматизації дозволяє створювати правила для автоматизації певних дій, коли відбуваються певні події.",
-      "addDelay": "Додайте затримку, щоб наступні дії виконувалися після зазначеного часу"
+      "addDelay": "Додайте затримку, щоб наступні дії виконувалися після вказаного часу."
     },
     "apiFields": {
       "insertPlaceholder": "Вставити заповнювач: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "Tính năng quy tắc tự động cho phép bạn tạo quy tắc để tự động hóa các hành động cụ thể khi xảy ra các sự kiện nhất định.",
-      "addDelay": "Thêm độ trễ để các hành động sau thực thi sau thời gian đã chỉ định"
+      "addDelay": "Thêm một độ trễ để các hành động tiếp theo được thực hiện sau thời gian đã chỉ định."
     },
     "apiFields": {
       "insertPlaceholder": "Chèn placeholder: {{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "自动化规则功能允许您创建规则，以在特定事件发生时自动执行某些操作。",
-      "addDelay": "添加延迟，以便后续操作在指定时间后执行。"
+      "addDelay": "添加延迟，以便以下操作在指定时间后执行。"
     },
     "apiFields": {
       "insertPlaceholder": "插入占位符：{{label}}"

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

@@ -387,7 +387,7 @@
     },
     "helpText": {
       "description": "自動化規則功能允許您創建規則，以在特定事件發生時自動執行特定操作。",
-      "addDelay": "添加延遲，以便後續操作在指定時間後執行。"
+      "addDelay": "增加延遲，以便後續操作在指定時間後執行。"
     },
     "apiFields": {
       "insertPlaceholder": "插入佔位符：{{label}}"

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-08-20T10:41:53.049Z
+Built at 2026-08-24T08:03:50.144Z

package/dist/NeetoRulesBuilder.js

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { f as flatten } from './keyboardShortcuts-DNOhEY8h.js';
+import { f as flatten, S as SHORTCUTS } from './keyboardShortcuts-DXP5YgeG.js';
 import { useShallow } from 'zustand/shallow';
-import { useState, createElement, Fragment as Fragment$1, useCallback, useMemo, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect, createElement, Fragment as Fragment$1, useCallback, useMemo } from 'react';
 import classNames from 'classnames';
 import { useFormikContext, getIn, useField, Formik, Form as Form$1 } from 'formik';
 import { isNotEmpty, toLabelAndValue, removeBy, isNot, findBy, noop } from '@bigbinary/neeto-cist';
@@ -11,7 +11,7 @@ import Header from '@bigbinary/neeto-molecules/Header';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import { useTranslation } from 'react-i18next';
-import { E as EditorAction, o as Panel, r as ErrorCallout, s as SmsFields, M as MIN_DELAY_VALUE, t as MAX_DELAY_VALUE, v as PhoneNumberField, l as formatData, u as usePollRuleName, T as TouchErrors, n as ScrollToErrorField, p as getValidationSchema, q as DEFAULT_INITIAL_VALUE, m as buildPayload } from './index-ogJeZ752.js';
+import { E as EditorAction, o as Panel, r as ErrorCallout, s as SmsFields, M as MIN_DELAY_VALUE, t as MAX_DELAY_VALUE, v as PhoneNumberField, l as formatData, u as usePollRuleName, T as TouchErrors, n as ScrollToErrorField, p as getValidationSchema, q as DEFAULT_INITIAL_VALUE, m as buildPayload } from './index-D_dEe2Gg.js';
 import { u as useCustomDataStore } from './useCustomDataStore-BtKYtLVc.js';
 import { u as useUtilityStore } from './useUtilityStore-CCUYS1mS.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -24,8 +24,8 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { t } from 'i18next';
 import * as yup from 'yup';
-import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Search from '@bigbinary/neeto-icons/Search';
 import Input from '@bigbinary/neetoui/Input';
 import Typography from '@bigbinary/neetoui/Typography';
@@ -45,6 +45,7 @@ import MultiEmailInput from '@bigbinary/neetoui/MultiEmailInput';
 import '@babel/runtime/helpers/typeof';
 import './useAutomationRulesApi-C9I3wUZ8.js';
 import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
 import './index-9h4B7JZZ.js';
 import '@bigbinary/neetoui/formik/Radio';
@@ -62,7 +63,6 @@ import '@bigbinary/neetoui/Label';
 import '@bigbinary/neetoui/formik/MultiEmailInput';
 import '@bigbinary/neeto-editor/FormikEditor';
 import '@bigbinary/neeto-icons/Refresh';
-import '@bigbinary/neeto-hotkeys';
 import '@bigbinary/neeto-icons/Check';
 import 'react-select/creatable';
 import '@babel/runtime/helpers/toArray';
@@ -256,6 +256,21 @@ var TOKEN_STATE = {
 };
 var STATE_CLASS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TOKEN_STATE.PLACEHOLDER, "mb-placeholder"), TOKEN_STATE.PLACEHOLDER_NEXT, "mb-placeholder mb-placeholder-next"), TOKEN_STATE.DISABLED, "mb-placeholder mb-placeholder-disabled"), TOKEN_STATE.FILLED, "mb-tok"), TOKEN_STATE.MUTED, "mb-tok mb-tok-muted");
 
+// The flash is a run-once CSS animation, so a repeat submit while it is still
+// applied would not replay it on its own.
+var useReplayFlash = function useReplayFlash(flashSeq) {
+  var ref = useRef(null);
+  useEffect(function () {
+    var _ref$current, _ref$current$getAnima;
+    if (!flashSeq) return;
+    (_ref$current = ref.current) === null || _ref$current === void 0 || (_ref$current$getAnima = _ref$current.getAnimations) === null || _ref$current$getAnima === void 0 || _ref$current$getAnima.call(_ref$current).forEach(function (animation) {
+      animation.cancel();
+      animation.play();
+    });
+  }, [flashSeq]);
+  return ref;
+};
+
 var _excluded = ["children", "state", "active", "invalid", "onClick", "className", "dataTestid"];
 function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -272,8 +287,10 @@ var Token = function Token(_ref) {
     dataTestid = _ref.dataTestid,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isInteractive = typeof onClick === "function" && state !== TOKEN_STATE.DISABLED;
+  var tokenRef = useReplayFlash(invalid);
   return /*#__PURE__*/jsx("span", _objectSpread$c(_objectSpread$c({
     "data-testid": dataTestid,
+    ref: tokenRef,
     role: isInteractive ? "button" : undefined,
     tabIndex: isInteractive ? 0 : undefined,
     className: classNames(
@@ -1087,15 +1104,17 @@ var DelayRow = function DelayRow(_ref) {
   });
 };
 
-var MetaBlock = withT(function (_ref) {
-  var t = _ref.t,
-    rule = _ref.rule,
+var MetaBlock = function MetaBlock(_ref) {
+  var rule = _ref.rule,
     _ref$showName = _ref.showName,
     showName = _ref$showName === void 0 ? true : _ref$showName,
     _ref$isInvalid = _ref.isInvalid,
     isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
     handleEditName = _ref.onEditName,
     handleToggleActive = _ref.onToggleActive;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var nameRef = useReplayFlash(isInvalid);
   return /*#__PURE__*/jsxs("div", {
     className: "mb-meta",
     children: [showName && /*#__PURE__*/jsxs("div", {
@@ -1104,6 +1123,7 @@ var MetaBlock = withT(function (_ref) {
         className: "mb-meta-label",
         children: t("neetoRules.builder.automationName")
       }), /*#__PURE__*/jsxs("div", {
+        ref: nameRef,
         role: handleEditName ? "button" : undefined,
         tabIndex: handleEditName ? 0 : undefined,
         className: classNames("mb-meta-input-wrap", {
@@ -1153,7 +1173,7 @@ var MetaBlock = withT(function (_ref) {
       }), t("neetoRules.builder.activateThisAutomation")]
     })]
   });
-});
+};
 
 function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -2815,10 +2835,10 @@ var Canvas = function Canvas(_ref) {
   var flatErrors = useMemo(function () {
     return flatten(errors || {});
   }, [errors]);
-  var _useState = useState(false),
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
-    flashing = _useState2[0],
-    setFlashing = _useState2[1];
+    flashSeq = _useState2[0],
+    setFlashSeq = _useState2[1];
   var lastSubmitCount = useRef(submitCount);
   useEffect(function () {
     if (submitCount <= lastSubmitCount.current) return undefined;
@@ -2832,9 +2852,9 @@ var Canvas = function Canvas(_ref) {
     }))) {
       return undefined;
     }
-    setFlashing(true);
+    setFlashSeq(submitCount);
     var timer = setTimeout(function () {
-      return setFlashing(false);
+      return setFlashSeq(0);
     }, FLASH_DURATION_MS);
     return function () {
       return clearTimeout(timer);
@@ -2851,11 +2871,10 @@ var Canvas = function Canvas(_ref) {
       });
     });
   };
-  var isInvalid = function isInvalid(_ref4) {
+  var matchesInvalid = function matchesInvalid(_ref4) {
     var _schema$actions, _schema$actions$actio, _schema$actions2, _schema$actions2$rend, _schema$actions3, _schema$actions3$rend, _schema$actions4, _schema$actions4$opti, _schema$actions5, _schema$actions5$opti, _schema$actions6, _schema$actions7;
     var type = _ref4.type,
       index = _ref4.index;
-    if (!flashing) return false;
     var conditionMeta = "".concat(fieldKeys.conditions, ".value.").concat(index, ".metadata");
     var actionMeta = "".concat(fieldKeys.actions, ".value.").concat(index, ".metadata");
     // eslint-disable-next-line security/detect-object-injection
@@ -2946,6 +2965,12 @@ var Canvas = function Canvas(_ref) {
         return false;
     }
   };
+
+  // Returns the submit generation, not a boolean, so consumers can replay the
+  // flash animation when the same token is still invalid on a repeat submit.
+  var isInvalid = function isInvalid(args) {
+    return flashSeq && matchesInvalid(args) ? flashSeq : 0;
+  };
   var closePaneIfTargeting = function closePaneIfTargeting(_ref5) {
     var anchors = _ref5.anchors,
       index = _ref5.index;
@@ -3562,6 +3587,10 @@ var ConfigPane = function ConfigPane(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  useHotkeys(SHORTCUTS["continue"].sequence, handleContinue, {
+    enabled: shouldAdvanceToRecipient,
+    mode: "global"
+  });
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
@@ -4059,6 +4088,11 @@ var OptionsPane = function OptionsPane(_ref) {
       data: target.data
     });else closePane();
   };
+  var canContinue = cascade && selectedValues.some(Boolean);
+  useHotkeys(SHORTCUTS["continue"].sequence, handleContinue, {
+    enabled: canContinue,
+    mode: "global"
+  });
   var optionLabel = function optionLabel(option) {
     var Icon = option.icon;
     if (!Icon && !option.disabledReason) return option.label;
@@ -4173,7 +4207,7 @@ var OptionsPane = function OptionsPane(_ref) {
       children: [renderBody(), belowContent]
     }), cascade && /*#__PURE__*/jsx(Panel.Footer, {
       children: /*#__PURE__*/jsx(Button, {
-        disabled: !selectedValues.some(Boolean),
+        disabled: !canContinue,
         label: t("neetoRules.buttons.continue"),
         size: "large",
         onClick: handleContinue