@wix/patterns 1.374.0 → 1.377.0

package/src/components/EditableTable/useCellFocusAndEditing.ts

@@ -1,13 +1,14 @@
 import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';
 import type { FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
+import { Focusable } from './types';
 
 interface UseCellFocusAndEditingParams<T, F extends FiltersMap> {
   state: EditableTableState<T, F>;
   rowKey: string;
   columnId: string;
-  cellRef: React.RefObject<HTMLDivElement | null>;
-  editInputRef: React.MutableRefObject<any>;
+  cellRef: React.MutableRefObject<HTMLDivElement | null | undefined>;
+  editInputRef: React.MutableRefObject<Focusable | null | undefined>;
 }
 
 export function useCellFocusAndEditing<T, F extends FiltersMap>({
@@ -19,7 +20,7 @@ export function useCellFocusAndEditing<T, F extends FiltersMap>({
 }: UseCellFocusAndEditingParams<T, F>) {
   const { cellInteraction } = state;
   const column = state._columnMap.get(columnId);
-  const resolved = column ? state.resolveCellType(column.cellType) : null;
+  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;
   const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
   const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
   const isEditable = state.isCellEditable(rowKey, columnId);
@@ -40,7 +41,9 @@ export function useCellFocusAndEditing<T, F extends FiltersMap>({
   }, [isFocused, cellRef, cellInteraction]);
 
   // When focused (not editing): focus the cell div so it receives keyboard events.
-  // When editing starts: focus the input (cursor at end, no select-all).
+  // When editing starts: focus the input, then place caret at end in a setTimeout
+  // so it runs after the browser's own selection (e.g. from autoSelect) settles.
+  // Skip caret placement if the input already has a non-collapsed selection.
   useEffect(() => {
     if (!isFocused) {
       return;
@@ -49,12 +52,33 @@ export function useCellFocusAndEditing<T, F extends FiltersMap>({
     if (isEditing) {
       if (
         editInputRef.current &&
-        document.activeElement !== editInputRef.current
+        (document.activeElement as
+          | HTMLInputElement
+          | HTMLTextAreaElement
+          | null) !== editInputRef.current
       ) {
         editInputRef.current.focus();
       }
+      setTimeout(() => {
+        // Use document.activeElement rather than editInputRef.current because
+        // editInputRef may point to a React component instance (e.g. InputArea)
+        // rather than the underlying DOM element, which has no .value property.
+        const input = document.activeElement as
+          | HTMLInputElement
+          | HTMLTextAreaElement
+          | null;
+        if (!input || !('selectionStart' in input)) {
+          return;
+        }
+        if (input.selectionStart !== input.selectionEnd) {
+          return;
+        }
+        const len = input.value?.length ?? 0;
+        input.setSelectionRange(len, len);
+      }, 0);
     } else {
-      cellRef.current?.focus();
+      // Let CellInteractionState own scroll positioning for the focused cell.
+      cellRef.current?.focus({ preventScroll: true });
     }
   }, [isFocused, isEditing, cellRef, editInputRef]);
 
@@ -91,20 +115,39 @@ export function useCellFocusAndEditing<T, F extends FiltersMap>({
         !e.ctrlKey &&
         !e.metaKey &&
         !e.altKey &&
-        !e.nativeEvent.isComposing &&
-        editInputRef.current
+        !e.nativeEvent.isComposing
       ) {
-        const clearResult = resolved?.onTypeToEdit?.({ key: e.key });
-        if (!clearResult) {
+        // Cell-type-level gate: only cell types that define onTypeToEdit support
+        // type-to-edit. Absence of onTypeToEdit is the natural opt-out (e.g. boolean).
+        if (!resolved?.onTypeToEdit) {
+          return;
+        }
+
+        // Key-level gate: onTypeToEdit returning undefined means "block this key"
+        // (e.g. number blocks non-digit keys).
+        const typeResult = resolved.onTypeToEdit({
+          key: e.key,
+          validation: column?.validation,
+        });
+        if (typeResult === undefined) {
           return;
         }
 
         e.preventDefault();
-        cellInteraction.startEdit(undefined, undefined, 'type');
-        if ('value' in clearResult) {
-          cellInteraction.setEditingValue(clearResult.value);
+        cellInteraction.startEdit(undefined, undefined, { kind: 'type', key: e.key });
+
+        if ('value' in typeResult) {
+          // Cell type provides an explicit pre-populated value (e.g. first typed
+          // char for text, or the digit for number).
+          cellInteraction.setEditingValue(typeResult.value);
         }
-        editInputRef.current.focus();
+        // onTypeToEdit returned {} (no value): enter edit mode with current value intact
+        // (e.g. select/date open their picker without pre-populating).
+
+        // Best-effort: editInputRef.current is null here because the Edit
+        // component only mounts after isEditing flips. The useEffect above
+        // is the reliable focus path once the component renders.
+        editInputRef.current?.focus();
         e.stopPropagation();
       }
     },

package/src/components/EditableTable/useKeyboardNavigation.ts

@@ -66,14 +66,16 @@ export function useKeyboardNavigation<T, F extends FiltersMap>(
           }
           navigated = true;
           break;
-        case 'Escape':
+        case 'Escape': {
+          const handledByEditor = e.defaultPrevented;
           e.preventDefault();
           if (clipboard.hasCopiedCells) {
             clipboard.clear();
-          } else {
+          } else if (!handledByEditor) {
             cellInteraction.clearFocus();
           }
           break;
+        }
         case 'Delete':
         case 'Backspace':
           e.preventDefault();

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain4010968587";
+var _namespace_ = "EntityPagePlain1477466796";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain4010968587__root"};
+export var classes = {"root":"EntityPagePlain1477466796__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Fade/Fade.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade1700172236";
+var _namespace_ = "Fade3161725745";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade1700172236__root"};
+export var classes = {"root":"Fade3161725745__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Heading/Heading.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading2567736";
+var _namespace_ = "Heading4066011626";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading2567736__root"};
+export var classes = {"root":"Heading4066011626__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload2395864105";
+var _namespace_ = "ImportStepUpload3407014856";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ImportStepUpload2395864105__root","fileUpload":"ImportStepUpload2395864105__fileUpload"};
+export var classes = {"root":"ImportStepUpload3407014856__root","fileUpload":"ImportStepUpload3407014856__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/InputOverflow/InputOverflow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow346291262";
+var _namespace_ = "InputOverflow796619643";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow346291262__root"};
+export var classes = {"root":"InputOverflow796619643__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/LoadingRow/LoadingRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow2879946137";
+var _namespace_ = "LoadingRow3074046361";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow2879946137__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2879946137__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3074046361__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3074046361__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/MaxHeightText/MaxHeightText.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText1176767675";
+var _namespace_ = "MaxHeightText3524921945";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText1176767675__root"};
+export var classes = {"root":"MaxHeightText3524921945__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MaxLines/MaxLines.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines1332252143";
+var _namespace_ = "MaxLines533725587";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines1332252143__root"};
+export var classes = {"root":"MaxLines533725587__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar4071041881";
+var _namespace_ = "MultiBulkActionToolbar987391231";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar4071041881__root","leftGroupWrapper":"MultiBulkActionToolbar4071041881__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4071041881__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4071041881__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar987391231__root","leftGroupWrapper":"MultiBulkActionToolbar987391231__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar987391231__selectedCountItem","selectedCountText":"MultiBulkActionToolbar987391231__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow497436826";
+var _namespace_ = "NestedTablePlaceholderStatesRow2052232166";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow497436826__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2052232166__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow3990595753";
+var _namespace_ = "NestedTableRow2825305898";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow3990595753__root","firstLevel":"NestedTableRow3990595753__firstLevel","placeholder":"NestedTableRow3990595753__placeholder","parentHovered":"NestedTableRow3990595753__parentHovered"};
+export var classes = {"root":"NestedTableRow2825305898__root","firstLevel":"NestedTableRow2825305898__firstLevel","placeholder":"NestedTableRow2825305898__placeholder","parentHovered":"NestedTableRow2825305898__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect531256030";
+var _namespace_ = "MultipleDragOverlayEffect1055905225";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect531256030__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1055905225__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow2355513023";
+var _namespace_ = "NestedTableDragAndDropRow1377215563";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow2355513023__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1377215563__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/OperatorFilterPicker/OperatorFilterPicker.tsx

@@ -75,7 +75,6 @@ function _OperatorFilterPicker<T>(props: OperatorPickerProps<T>) {
           dataHook="operator-picker-operator-dropdown"
           appendTo="window"
           flip
-          fixed
           placement="bottom-start"
         >
           {({ toggle }) => (
@@ -95,7 +94,7 @@ function _OperatorFilterPicker<T>(props: OperatorPickerProps<T>) {
       {showValueInput && (
         <FormField>
           <Input
-            border={'round'}
+            border="round"
             value={state.value?.toString() || ''}
             placeholder={t('cairo.filterOperator.valuePlaceholder')}
             onChange={(e) => state.setValue(e.target.value as T)}

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent2183702653";
+var _namespace_ = "PickerContent3155415999";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent2183702653__root"};
+export var classes = {"root":"PickerContent3155415999__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep897378786";
+var _namespace_ = "PickerContentAdditionalStep3594605053";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep897378786__root","titles":"PickerContentAdditionalStep897378786__titles","suffix":"PickerContentAdditionalStep897378786__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3594605053__root","titles":"PickerContentAdditionalStep3594605053__titles","suffix":"PickerContentAdditionalStep3594605053__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1804547356";
+var _namespace_ = "PickerTableListItem2502883508";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerTableListItem1804547356__root"};
+export var classes = {"root":"PickerTableListItem2502883508__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/RequestId/assets/locale/messages_cs.json

@@ -1,5 +1,5 @@
 {
-  "description": "Pokud nahlásíte tuto chybu péči o zákazníky, sdílejte ID požadavku, aby jej mohli prošetřit.",
   "cta": "Kopírovat ID",
+  "description": "Pokud nahlásíte tuto chybu péči o zákazníky, sdílejte ID požadavku, aby jej mohli prošetřit.",
   "copiedSuccess": "Zkopírováno!"
 }

package/src/components/RequestId/assets/locale/messages_da.json

@@ -1,5 +1,5 @@
 {
   "description": "Hvis du rapporterer denne fejl til kundeservice, skal du dele dette anmodnings-ID, så de kan undersøge sagen.",
-  "cta": "Kopiér ID",
-  "copiedSuccess": "Kopieret."
+  "copiedSuccess": "Kopieret.",
+  "cta": "Kopiér ID"
 }

package/src/components/RequestId/assets/locale/messages_de.json

@@ -1,5 +1,5 @@
 {
   "description": "Wenn du diesen Fehler dem Support-Team meldest, teile diese Anfrage-ID, damit diese die Anfrage prüfen können.",
-  "cta": "ID kopieren",
-  "copiedSuccess": "Kopiert"
+  "copiedSuccess": "Kopiert",
+  "cta": "ID kopieren"
 }

package/src/components/RequestId/assets/locale/messages_en.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
   "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "copiedSuccess": "Copied!",
+  "description": "If you report this error to Customer Care, share this request ID so they can investigate."
 }

package/src/components/RequestId/assets/locale/messages_es.json

@@ -1,5 +1,5 @@
 {
-  "description": "Si reportas este error a Atención al Cliente, comparte este ID de solicitud para que puedan investigarlo.",
+  "copiedSuccess": "Copiado.",
   "cta": "Copiar ID",
-  "copiedSuccess": "Copiado."
+  "description": "Si reportas este error a Atención al Cliente, comparte este ID de solicitud para que puedan investigarlo."
 }

package/src/components/RequestId/assets/locale/messages_hi.json

@@ -1,5 +1,5 @@
 {
   "description": "यदि आप इस त्रुटि की रिपोर्ट ग्राहक सेवा को करते हैं, तो यह अनुरोध आईडी साझा करें ताकि वे जांच कर सकें।",
-  "cta": "आईडी कॉपी करें",
-  "copiedSuccess": "कॉपी कर लिया!"
+  "copiedSuccess": "कॉपी कर लिया!",
+  "cta": "आईडी कॉपी करें"
 }

package/src/components/RequestId/assets/locale/messages_id.json

@@ -1,5 +1,5 @@
 {
   "description": "Jika Anda melaporkan kesalahan ini ke Layanan Pelanggan, bagikan ID permintaan ini agar mereka dapat menyelidikinya.",
-  "cta": "Salin ID",
-  "copiedSuccess": "Disalin!"
+  "copiedSuccess": "Disalin!",
+  "cta": "Salin ID"
 }

package/src/components/RequestId/assets/locale/messages_it.json

@@ -1,5 +1,5 @@
 {
-  "description": "Se segnali un errore all'Assistenza clienti, condividi l'ID di questa richiesta per aiutarli a indagare.",
   "cta": "Copia ID",
+  "description": "Se segnali un errore all'Assistenza clienti, condividi l'ID di questa richiesta per aiutarli a indagare.",
   "copiedSuccess": "Copiato!"
 }

package/src/components/RequestId/assets/locale/messages_ja.json

@@ -1,5 +1,5 @@
 {
-  "description": "このエラーをカスタマーケアに報告する際、このリクエスト ID を共有してください。調査に役立ちます。",
   "cta": "ID をコピー",
+  "description": "このエラーをカスタマーケアに報告する際、このリクエスト ID を共有してください。調査に役立ちます。",
   "copiedSuccess": "コピー済み"
 }

package/src/components/RequestId/assets/locale/messages_nl.json

@@ -1,5 +1,5 @@
 {
-  "description": "Als je deze fout meldt bij de klantenservice, deel dan deze aanvraag-ID zodat ze dit kunnen onderzoeken.",
   "cta": "ID kopiëren",
-  "copiedSuccess": "Gekopieerd"
+  "copiedSuccess": "Gekopieerd",
+  "description": "Als je deze fout meldt bij de klantenservice, deel dan deze aanvraag-ID zodat ze dit kunnen onderzoeken."
 }

package/src/components/RequestId/assets/locale/messages_pl.json

@@ -1,5 +1,5 @@
 {
-  "description": "Jeśli skontaktujesz się z obsługą klienta w sprawie tego błędu, podaj ten identyfikator żądania, aby umożliwić jego weryfikację.",
   "cta": "Skopiuj identyfikator",
+  "description": "Jeśli skontaktujesz się z obsługą klienta w sprawie tego błędu, podaj ten identyfikator żądania, aby umożliwić jego weryfikację.",
   "copiedSuccess": "Skopiowano!"
 }

package/src/components/RequestId/assets/locale/messages_pt.json

@@ -1,5 +1,5 @@
 {
-  "description": "Se você for reportar esse erro ao Apoio ao Cliente, compartilhe esse ID de solicitação para que eles possam investigar.",
   "cta": "Copiar ID",
+  "description": "Se você for reportar esse erro ao Apoio ao Cliente, compartilhe esse ID de solicitação para que eles possam investigar.",
   "copiedSuccess": "Copiado"
 }

package/src/components/RequestId/assets/locale/messages_ru.json

@@ -1,5 +1,5 @@
 {
+  "copiedSuccess": "Скопировано!",
   "description": "Если вы сообщите об ошибке команде поддержки, отправьте этот идентификатор запроса, чтобы они могли разобраться.",
-  "cta": "Копировать ID",
-  "copiedSuccess": "Скопировано!"
+  "cta": "Копировать ID"
 }

package/src/components/RequestId/assets/locale/messages_sv.json

@@ -1,5 +1,5 @@
 {
-  "description": "Ange detta förfrågnings-id om du rapporterar felet till kundtjänst, så att de kan undersöka felet.",
   "cta": "Kopiera id",
+  "description": "Ange detta förfrågnings-id om du rapporterar felet till kundtjänst, så att de kan undersöka felet.",
   "copiedSuccess": "Kopierat!"
 }

package/src/components/RequestId/assets/locale/messages_th.json

@@ -1,5 +1,5 @@
 {
-  "description": "หากคุณรายงานปัญหานี้ให้ฝ่ายดูแลลูกค้าทราบ โปรดแจ้ง ID คำขอนี้เพื่อให้พวกเขาตรวจสอบได้",
   "cta": "คัดลอก ID",
+  "description": "หากคุณรายงานปัญหานี้ให้ฝ่ายดูแลลูกค้าทราบ โปรดแจ้ง ID คำขอนี้เพื่อให้พวกเขาตรวจสอบได้",
   "copiedSuccess": "คัดลอกแล้ว !"
 }

package/src/components/RequestId/assets/locale/messages_tr.json

@@ -1,5 +1,5 @@
 {
-  "description": "Bu hatayı müşteri hizmetlerine bildirirseniz araştırılabilmesi için bu talep kimliğini paylaşın.",
+  "copiedSuccess": "Kopyalandı!",
   "cta": "Kimliği Kopyala",
-  "copiedSuccess": "Kopyalandı!"
+  "description": "Bu hatayı müşteri hizmetlerine bildirirseniz araştırılabilmesi için bu talep kimliğini paylaşın."
 }

package/src/components/RequestId/assets/locale/messages_uk.json

@@ -1,5 +1,5 @@
 {
-  "description": "Якщо ви повідомляєте про цю помилку Службі підтримки, надайте їм ідентифікатор запиту, щоб вони могли дослідити помилку.",
   "cta": "Копіювати ідентифікатор",
+  "description": "Якщо ви повідомляєте про цю помилку Службі підтримки, надайте їм ідентифікатор запиту, щоб вони могли дослідити помилку.",
   "copiedSuccess": "Скопійовано"
 }

package/src/components/RequestId/assets/locale/messages_zh.json

@@ -1,5 +1,5 @@
 {
+  "copiedSuccess": "已複製！",
   "description": "如果您向顧客服務報告此錯誤，請提供此請求 ID 以便調查。",
-  "cta": "複製 ID",
-  "copiedSuccess": "已複製！"
+  "cta": "複製 ID"
 }

package/src/components/RequestId/assets/locale/version_file

@@ -0,0 +1 @@
+1774973451