@wix/patterns-fields 1.18.0 → 1.22.0

package/dist/cjs/components/image/cell-image-edit.js

@@ -69,91 +69,14 @@ const CellImageEdit = ({
     onChange(null);
     onCommit();
   }, [onChange, onCommit]);
-
-  // Wire inputRef so the cell-level useEffect can focus the first button when
-  // the user presses Enter on a focused image cell (inner focus activation).
-  (0, _react.useEffect)(() => {
-    if (!inputRef) return;
-    inputRef.current = {
-      focus: () => {
-        var _containerRef$current;
-        const first = (_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.querySelectorAll('button')[0];
-        first == null || first.focus();
-      }
-    };
-    return () => {
-      inputRef.current = null;
-    };
-  }, [inputRef]);
-  const handleContainerFocus = (0, _react.useCallback)(() => {
-    var _containerRef$current2;
-    (_containerRef$current2 = containerRef.current) == null || _containerRef$current2.setAttribute('data-inner-focused', '');
-  }, []);
-  const handleContainerBlur = (0, _react.useCallback)(e => {
-    if (!e.currentTarget.contains(e.relatedTarget)) {
-      var _containerRef$current3;
-      (_containerRef$current3 = containerRef.current) == null || _containerRef$current3.removeAttribute('data-inner-focused');
-    }
-  }, []);
-  const focusCell = (0, _react.useCallback)(() => {
-    var _containerRef$current4;
-    const cellDiv = (_containerRef$current4 = containerRef.current) == null ? void 0 : _containerRef$current4.closest('[role="gridcell"]');
-    cellDiv == null || cellDiv.focus({
-      preventScroll: true
-    });
-  }, []);
-
-  // Native keydown listener — must be native (not React onKeyDown) so that
-  // e.stopPropagation() fires during the native bubble phase, before the event
-  // reaches the React root where useKeyboardNavigation's onKeyDown would
-  // otherwise intercept Tab and move to the next cell.
-  (0, _react.useEffect)(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const handleKeyDown = e => {
-      if (e.key === 'Escape') {
-        e.preventDefault();
-        e.stopPropagation();
-        // Cancel any in-progress edit (e.g. if isEditing was set before opening
-        // a modal that then got dismissed via keyboard), then return focus to the
-        // cell div. The useCellFocusAndEditing useEffect will also refocus the
-        // cell div if isEditing transitions false→false is a no-op, so we also
-        // call focusCell() directly as a reliable fallback.
-        onCancel == null || onCancel();
-        focusCell();
-        return;
-      }
-
-      // Tab while a button in this component is focused: cycle through the
-      // interactive elements. Tab off the last (or Shift+Tab off the first)
-      // returns focus to the cell div for normal cell-level navigation.
-      if (e.key === 'Tab') {
-        const buttons = Array.from(el.querySelectorAll('button'));
-        const currentIdx = buttons.indexOf(document.activeElement);
-        if (currentIdx === -1) return; // focus is not on one of our buttons — pass through
-
-        e.preventDefault();
-        e.stopPropagation();
-        if (!e.shiftKey) {
-          if (currentIdx >= buttons.length - 1) {
-            focusCell();
-          } else {
-            var _buttons;
-            (_buttons = buttons[currentIdx + 1]) == null || _buttons.focus();
-          }
-        } else {
-          if (currentIdx <= 0) {
-            focusCell();
-          } else {
-            var _buttons2;
-            (_buttons2 = buttons[currentIdx - 1]) == null || _buttons2.focus();
-          }
-        }
-      }
-    };
-    el.addEventListener('keydown', handleKeyDown);
-    return () => el.removeEventListener('keydown', handleKeyDown);
-  }, [focusCell, onCancel]);
+  const {
+    handleContainerFocus,
+    handleContainerBlur
+  } = (0, _hooks.useCellEditKeyboard)({
+    containerRef,
+    onCancel,
+    inputRef
+  });
   if (loading) {
     return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       dataHook: dataHook,
@@ -164,7 +87,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 191,
+        lineNumber: 109,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -172,7 +95,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 198,
+        lineNumber: 116,
         columnNumber: 9
       }
     }));
@@ -189,7 +112,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204,
+      lineNumber: 122,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -203,7 +126,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211,
+      lineNumber: 129,
       columnNumber: 7
     }
   }, value ?
@@ -215,14 +138,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 220,
+      lineNumber: 138,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 221,
+      lineNumber: 139,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement("button", {
@@ -240,7 +163,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 222,
+      lineNumber: 140,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
@@ -248,14 +171,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235,
+      lineNumber: 153,
       columnNumber: 17
     }
   }), /*#__PURE__*/_react.default.createElement(_thumbnailReplaceOverlay.ThumbnailReplaceOverlay, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
+      lineNumber: 154,
       columnNumber: 17
     }
   })))) :
@@ -267,7 +190,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 242,
+      lineNumber: 160,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -278,14 +201,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 243,
+      lineNumber: 161,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 249,
+      lineNumber: 167,
       columnNumber: 15
     }
   }))), value ?
@@ -300,7 +223,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 260,
+        lineNumber: 178,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -310,21 +233,21 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 264,
+        lineNumber: 182,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 269,
+        lineNumber: 187,
         columnNumber: 19
       }
     }))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 256,
+      lineNumber: 174,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -334,7 +257,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 277,
+        lineNumber: 195,
         columnNumber: 27
       }
     }),
@@ -342,7 +265,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 274,
+      lineNumber: 192,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -352,7 +275,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 283,
+        lineNumber: 201,
         columnNumber: 27
       }
     }),
@@ -363,14 +286,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 280,
+      lineNumber: 198,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 289,
+      lineNumber: 207,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -381,7 +304,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 294,
+        lineNumber: 212,
         columnNumber: 27
       }
     }),
@@ -389,7 +312,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 290,
+      lineNumber: 208,
       columnNumber: 13
     }
   })) :
@@ -401,7 +324,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 300,
+      lineNumber: 218,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -415,14 +338,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 304,
+      lineNumber: 222,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LinkSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 313,
+      lineNumber: 231,
       columnNumber: 15
     }
   })))), /*#__PURE__*/_react.default.createElement(_mediaControl.PasteURLForm, {
@@ -435,7 +358,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 319,
+      lineNumber: 237,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/image/cell-image-edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","onMediaChange","useCallback","uri","callMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","IMAGE","undefined","handleCallMedia","committed","pasteUrlTitle","isOpen","title","onOpen","onClose","onSave","usePasteURLForm","handleFormClose","handleOpenPasteUrl","params","handleDelete","useEffect","current","focus","_containerRef$current","first","querySelectorAll","handleContainerFocus","_containerRef$current2","setAttribute","handleContainerBlur","currentTarget","contains","relatedTarget","_containerRef$current3","removeAttribute","focusCell","_containerRef$current4","cellDiv","closest","preventScroll","el","handleKeyDown","key","preventDefault","stopPropagation","buttons","Array","from","currentIdx","indexOf","document","activeElement","shiftKey","length","_buttons","_buttons2","addEventListener","removeEventListener","createElement","Box","verticalAlign","width","height","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","ref","style","onFocus","onBlur","align","boxSizing","Tooltip","content","appendTo","type","onClick","cursor","lineHeight","position","background","border","ImageThumbnail","ThumbnailReplaceOverlay","IconButton","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","LinkSmall","PasteURLForm","show","closeModal","fieldType","MediaFieldType","image","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport {\n  Box,\n  IconButton,\n  Loader,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n  Link,\n  Delete,\n} from '@wix/wix-ui-icons-common';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport {\n  useMediaControl,\n  usePasteURLForm,\n  PasteURLForm,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\n  value: string | null | undefined;\n  onChange: (value: string | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const onMediaChange = useCallback(\n    (uri: string) => {\n      onChange(uri);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const { callMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value: value ?? undefined,\n    onChange: onMediaChange,\n  });\n\n  const handleCallMedia = useCallback(async () => {\n    onStartEdit?.();\n    const committed = await callMedia();\n    if (!committed) {\n      onCancel?.();\n    }\n  }, [onStartEdit, callMedia, onCancel]);\n\n  const pasteUrlTitle = t('CMS.image.replaceWithUrl.title');\n  const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({\n    onChange: onMediaChange,\n  });\n\n  // When the paste-URL form is dismissed without saving, cancel the in-progress\n  // edit so isEditing returns to false and useClearFocusOnBlur works normally.\n  const handleFormClose = useCallback(() => {\n    onClose();\n    onCancel?.();\n  }, [onClose, onCancel]);\n\n  const handleOpenPasteUrl = useCallback(\n    (params: { title: string; value?: string }) => () => {\n      onStartEdit?.();\n      onOpen(params)();\n    },\n    [onStartEdit, onOpen],\n  );\n\n  const handleDelete = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  // Wire inputRef so the cell-level useEffect can focus the first button when\n  // the user presses Enter on a focused image cell (inner focus activation).\n  useEffect(() => {\n    if (!inputRef) return;\n    inputRef.current = {\n      focus: () => {\n        const first =\n          containerRef.current?.querySelectorAll<HTMLElement>('button')[0];\n        first?.focus();\n      },\n    };\n    return () => {\n      inputRef.current = null;\n    };\n  }, [inputRef]);\n\n  const handleContainerFocus = useCallback(() => {\n    containerRef.current?.setAttribute('data-inner-focused', '');\n  }, []);\n\n  const handleContainerBlur = useCallback((e: React.FocusEvent) => {\n    if (!e.currentTarget.contains(e.relatedTarget as Node | null)) {\n      containerRef.current?.removeAttribute('data-inner-focused');\n    }\n  }, []);\n\n  const focusCell = useCallback(() => {\n    const cellDiv = containerRef.current?.closest(\n      '[role=\"gridcell\"]',\n    ) as HTMLElement | null;\n    cellDiv?.focus({ preventScroll: true });\n  }, []);\n\n  // Native keydown listener — must be native (not React onKeyDown) so that\n  // e.stopPropagation() fires during the native bubble phase, before the event\n  // reaches the React root where useKeyboardNavigation's onKeyDown would\n  // otherwise intercept Tab and move to the next cell.\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        // Cancel any in-progress edit (e.g. if isEditing was set before opening\n        // a modal that then got dismissed via keyboard), then return focus to the\n        // cell div. The useCellFocusAndEditing useEffect will also refocus the\n        // cell div if isEditing transitions false→false is a no-op, so we also\n        // call focusCell() directly as a reliable fallback.\n        onCancel?.();\n        focusCell();\n        return;\n      }\n\n      // Tab while a button in this component is focused: cycle through the\n      // interactive elements. Tab off the last (or Shift+Tab off the first)\n      // returns focus to the cell div for normal cell-level navigation.\n      if (e.key === 'Tab') {\n        const buttons = Array.from(el.querySelectorAll<HTMLElement>('button'));\n        const currentIdx = buttons.indexOf(\n          document.activeElement as HTMLElement,\n        );\n        if (currentIdx === -1) return; // focus is not on one of our buttons — pass through\n\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!e.shiftKey) {\n          if (currentIdx >= buttons.length - 1) {\n            focusCell();\n          } else {\n            buttons[currentIdx + 1]?.focus();\n          }\n        } else {\n          if (currentIdx <= 0) {\n            focusCell();\n          } else {\n            buttons[currentIdx - 1]?.focus();\n          }\n        }\n      }\n    };\n\n    el.addEventListener('keydown', handleKeyDown);\n    return () => el.removeEventListener('keydown', handleKeyDown);\n  }, [focusCell, onCancel]);\n\n  if (loading) {\n    return (\n      <Box\n        dataHook={dataHook}\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        height=\"100%\"\n        padding=\"0 8px\"\n      >\n        <Loader size=\"tiny\" />\n      </Box>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      style={{ width: '100%', height: '100%' }}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding=\"0 8px\"\n        style={{ boxSizing: 'border-box' }}\n      >\n        {value ? (\n          /* Has value: clickable thumbnail button with replace overlay */\n          <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n            <Box>\n              <button\n                type=\"button\"\n                data-hook=\"image-edit-thumbnail\"\n                onClick={handleCallMedia}\n                style={{\n                  cursor: 'pointer',\n                  lineHeight: 0,\n                  position: 'relative',\n                  background: 'none',\n                  border: 'none',\n                  padding: 0,\n                }}\n              >\n                <ImageThumbnail value={value} />\n                <ThumbnailReplaceOverlay />\n              </button>\n            </Box>\n          </Tooltip>\n        ) : (\n          /* Empty: icon button opens media manager */\n          <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n            <IconButton\n              size=\"tiny\"\n              priority=\"secondary\"\n              dataHook=\"image-edit-add-button\"\n              onClick={handleCallMedia}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        {value ? (\n          /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\n          <PopoverMenu\n            textSize=\"small\"\n            appendTo=\"window\"\n            triggerElement={\n              <Tooltip\n                content={t('auto-patterns.fields.more_actions_tooltip')}\n                appendTo=\"window\"\n              >\n                <IconButton\n                  size=\"tiny\"\n                  priority=\"tertiary\"\n                  dataHook=\"image-edit-more-button\"\n                >\n                  <MoreSmall />\n                </IconButton>\n              </Tooltip>\n            }\n          >\n            <PopoverMenu.MenuItem\n              dataHook=\"image-edit-action-replace\"\n              text={t('CMS.image.replace')}\n              prefixIcon={<Replace />}\n              onClick={handleCallMedia}\n            />\n            <PopoverMenu.MenuItem\n              dataHook=\"image-edit-action-replace-url\"\n              text={t('CMS.image.replaceWithUrl.button')}\n              prefixIcon={<Link />}\n              onClick={handleOpenPasteUrl({\n                title: pasteUrlTitle,\n                value: value ?? undefined,\n              })}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"image-edit-action-delete\"\n              text={t('CMS.image.clear')}\n              skin=\"destructive\"\n              prefixIcon={<Delete />}\n              onClick={handleDelete}\n            />\n          </PopoverMenu>\n        ) : (\n          /* Empty: icon button opens paste-URL form */\n          <Tooltip\n            content={t('CMS.image.replaceWithUrl.button')}\n            appendTo=\"window\"\n          >\n            <IconButton\n              size=\"tiny\"\n              priority=\"tertiary\"\n              dataHook=\"image-edit-paste-url-button\"\n              onClick={handleOpenPasteUrl({\n                title: pasteUrlTitle,\n                value: value ?? undefined,\n              })}\n            >\n              <LinkSmall />\n            </IconButton>\n          </Tooltip>\n        )}\n      </Box>\n\n      <PasteURLForm\n        title={title}\n        value={value ?? undefined}\n        show={isOpen}\n        closeModal={handleFormClose}\n        onSave={onSave}\n        fieldType={MediaFieldType.image}\n      />\n    </div>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA,IAAAE,iBAAA,GAAAF,OAAA;AAQA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAMA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAP,OAAA;AAAsE,IAAAQ,YAAA;AAAA,SAAAT,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAgB/D,MAAMkB,aAA2C,GAAGA,CAAC;EAC1DC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEzB;EAAE,CAAC,GAAG,IAAA0B,sBAAe,EAAC,CAAC;EAC/B,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAExD,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC9BC,GAAW,IAAK;IACfX,QAAQ,CAACW,GAAG,CAAC;IACbV,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAM;IAAEW,SAAS;IAAEC;EAAQ,CAAC,GAAG,IAAAC,6BAAe,EAAC;IAC7CC,SAAS,EAAEC,uBAAW,CAACC,KAAK;IAC5BlB,KAAK,EAAEA,KAAK,IAAImB,SAAS;IACzBlB,QAAQ,EAAES;EACZ,CAAC,CAAC;EAEF,MAAMU,eAAe,GAAG,IAAAT,kBAAW,EAAC,YAAY;IAC9CP,WAAW,YAAXA,WAAW,CAAG,CAAC;IACf,MAAMiB,SAAS,GAAG,MAAMR,SAAS,CAAC,CAAC;IACnC,IAAI,CAACQ,SAAS,EAAE;MACdlB,QAAQ,YAARA,QAAQ,CAAG,CAAC;IACd;EACF,CAAC,EAAE,CAACC,WAAW,EAAES,SAAS,EAAEV,QAAQ,CAAC,CAAC;EAEtC,MAAMmB,aAAa,GAAGzC,CAAC,CAAC,gCAAgC,CAAC;EACzD,MAAM;IAAE0C,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,6BAAe,EAAC;IACjE3B,QAAQ,EAAES;EACZ,CAAC,CAAC;;EAEF;EACA;EACA,MAAMmB,eAAe,GAAG,IAAAlB,kBAAW,EAAC,MAAM;IACxCe,OAAO,CAAC,CAAC;IACTvB,QAAQ,YAARA,QAAQ,CAAG,CAAC;EACd,CAAC,EAAE,CAACuB,OAAO,EAAEvB,QAAQ,CAAC,CAAC;EAEvB,MAAM2B,kBAAkB,GAAG,IAAAnB,kBAAW,EACnCoB,MAAyC,IAAK,MAAM;IACnD3B,WAAW,YAAXA,WAAW,CAAG,CAAC;IACfqB,MAAM,CAACM,MAAM,CAAC,CAAC,CAAC;EAClB,CAAC,EACD,CAAC3B,WAAW,EAAEqB,MAAM,CACtB,CAAC;EAED,MAAMO,YAAY,GAAG,IAAArB,kBAAW,EAAC,MAAM;IACrCV,QAAQ,CAAC,IAAI,CAAC;IACdC,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC;;EAExB;EACA;EACA,IAAA+B,gBAAS,EAAC,MAAM;IACd,IAAI,CAAC5B,QAAQ,EAAE;IACfA,QAAQ,CAAC6B,OAAO,GAAG;MACjBC,KAAK,EAAEA,CAAA,KAAM;QAAA,IAAAC,qBAAA;QACX,MAAMC,KAAK,IAAAD,qBAAA,GACT5B,YAAY,CAAC0B,OAAO,qBAApBE,qBAAA,CAAsBE,gBAAgB,CAAc,QAAQ,CAAC,CAAC,CAAC,CAAC;QAClED,KAAK,YAALA,KAAK,CAAEF,KAAK,CAAC,CAAC;MAChB;IACF,CAAC;IACD,OAAO,MAAM;MACX9B,QAAQ,CAAC6B,OAAO,GAAG,IAAI;IACzB,CAAC;EACH,CAAC,EAAE,CAAC7B,QAAQ,CAAC,CAAC;EAEd,MAAMkC,oBAAoB,GAAG,IAAA5B,kBAAW,EAAC,MAAM;IAAA,IAAA6B,sBAAA;IAC7C,CAAAA,sBAAA,GAAAhC,YAAY,CAAC0B,OAAO,aAApBM,sBAAA,CAAsBC,YAAY,CAAC,oBAAoB,EAAE,EAAE,CAAC;EAC9D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,mBAAmB,GAAG,IAAA/B,kBAAW,EAAE/B,CAAmB,IAAK;IAC/D,IAAI,CAACA,CAAC,CAAC+D,aAAa,CAACC,QAAQ,CAAChE,CAAC,CAACiE,aAA4B,CAAC,EAAE;MAAA,IAAAC,sBAAA;MAC7D,CAAAA,sBAAA,GAAAtC,YAAY,CAAC0B,OAAO,aAApBY,sBAAA,CAAsBC,eAAe,CAAC,oBAAoB,CAAC;IAC7D;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,SAAS,GAAG,IAAArC,kBAAW,EAAC,MAAM;IAAA,IAAAsC,sBAAA;IAClC,MAAMC,OAAO,IAAAD,sBAAA,GAAGzC,YAAY,CAAC0B,OAAO,qBAApBe,sBAAA,CAAsBE,OAAO,CAC3C,mBACF,CAAuB;IACvBD,OAAO,YAAPA,OAAO,CAAEf,KAAK,CAAC;MAAEiB,aAAa,EAAE;IAAK,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACA;EACA,IAAAnB,gBAAS,EAAC,MAAM;IACd,MAAMoB,EAAE,GAAG7C,YAAY,CAAC0B,OAAO;IAC/B,IAAI,CAACmB,EAAE,EAAE;IAET,MAAMC,aAAa,GAAI1E,CAAgB,IAAK;MAC1C,IAAIA,CAAC,CAAC2E,GAAG,KAAK,QAAQ,EAAE;QACtB3E,CAAC,CAAC4E,cAAc,CAAC,CAAC;QAClB5E,CAAC,CAAC6E,eAAe,CAAC,CAAC;QACnB;QACA;QACA;QACA;QACA;QACAtD,QAAQ,YAARA,QAAQ,CAAG,CAAC;QACZ6C,SAAS,CAAC,CAAC;QACX;MACF;;MAEA;MACA;MACA;MACA,IAAIpE,CAAC,CAAC2E,GAAG,KAAK,KAAK,EAAE;QACnB,MAAMG,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACP,EAAE,CAACf,gBAAgB,CAAc,QAAQ,CAAC,CAAC;QACtE,MAAMuB,UAAU,GAAGH,OAAO,CAACI,OAAO,CAChCC,QAAQ,CAACC,aACX,CAAC;QACD,IAAIH,UAAU,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC;;QAE/BjF,CAAC,CAAC4E,cAAc,CAAC,CAAC;QAClB5E,CAAC,CAAC6E,eAAe,CAAC,CAAC;QAEnB,IAAI,CAAC7E,CAAC,CAACqF,QAAQ,EAAE;UACf,IAAIJ,UAAU,IAAIH,OAAO,CAACQ,MAAM,GAAG,CAAC,EAAE;YACpClB,SAAS,CAAC,CAAC;UACb,CAAC,MAAM;YAAA,IAAAmB,QAAA;YACL,CAAAA,QAAA,GAAAT,OAAO,CAACG,UAAU,GAAG,CAAC,CAAC,aAAvBM,QAAA,CAAyBhC,KAAK,CAAC,CAAC;UAClC;QACF,CAAC,MAAM;UACL,IAAI0B,UAAU,IAAI,CAAC,EAAE;YACnBb,SAAS,CAAC,CAAC;UACb,CAAC,MAAM;YAAA,IAAAoB,SAAA;YACL,CAAAA,SAAA,GAAAV,OAAO,CAACG,UAAU,GAAG,CAAC,CAAC,aAAvBO,SAAA,CAAyBjC,KAAK,CAAC,CAAC;UAClC;QACF;MACF;IACF,CAAC;IAEDkB,EAAE,CAACgB,gBAAgB,CAAC,SAAS,EAAEf,aAAa,CAAC;IAC7C,OAAO,MAAMD,EAAE,CAACiB,mBAAmB,CAAC,SAAS,EAAEhB,aAAa,CAAC;EAC/D,CAAC,EAAE,CAACN,SAAS,EAAE7C,QAAQ,CAAC,CAAC;EAEzB,IAAIW,OAAO,EAAE;IACX,oBACE7C,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAoG,GAAG;MACFlE,QAAQ,EAAEA,QAAS;MACnBmE,aAAa,EAAC,QAAQ;MACtBC,KAAK,EAAC,MAAM;MACZC,MAAM,EAAC,MAAM;MACbC,OAAO,EAAC,OAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApG,YAAA;QAAAqG,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEfhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAA8G,MAAM;MAACC,IAAI,EAAC,MAAM;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApG,YAAA;QAAAqG,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAClB,CAAC;EAEV;EAEA,oBACEhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA;IACEa,GAAG,EAAE5E,YAAa;IAClB,aAAWF,QAAS;IACpB+E,KAAK,EAAE;MAAEX,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO,CAAE;IACzCW,OAAO,EAAE/C,oBAAqB;IAC9BgD,MAAM,EAAE7C,mBAAoB;IAAAmC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5BhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAoG,GAAG;IACFgB,KAAK,EAAC,eAAe;IACrBf,aAAa,EAAC,QAAQ;IACtBE,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,OAAO;IACfS,KAAK,EAAE;MAAEI,SAAS,EAAE;IAAa,CAAE;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElCjF,KAAK;EAAA;EACJ;EACA/B,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAsH,OAAO;IAACC,OAAO,EAAE9G,CAAC,CAAC,mBAAmB,CAAE;IAAC+G,QAAQ,EAAC,QAAQ;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzDhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAoG,GAAG;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA;IACEsB,IAAI,EAAC,QAAQ;IACb,aAAU,sBAAsB;IAChCC,OAAO,EAAE1E,eAAgB;IACzBiE,KAAK,EAAE;MACLU,MAAM,EAAE,SAAS;MACjBC,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE,MAAM;MAClBC,MAAM,EAAE,MAAM;MACdvB,OAAO,EAAE;IACX,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAAC9F,eAAA,CAAA2H,cAAc;IAACpG,KAAK,EAAEA,KAAM;IAAA6E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAChChH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAAC7F,wBAAA,CAAA2H,uBAAuB;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpB,CACL,CACE,CAAC;EAAA;EAEV;EACAhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAsH,OAAO;IAACC,OAAO,EAAE9G,CAAC,CAAC,eAAe,CAAE;IAAC+G,QAAQ,EAAC,QAAQ;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrDhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAkI,UAAU;IACTnB,IAAI,EAAC,MAAM;IACXoB,QAAQ,EAAC,WAAW;IACpBjG,QAAQ,EAAC,uBAAuB;IAChCwF,OAAO,EAAE1E,eAAgB;IAAAyD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzBhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAAClG,iBAAA,CAAAmI,GAAG;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACI,CACL,CACV,EAEAjF,KAAK;EAAA;EACJ;EACA/B,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAqI,WAAW;IACVC,QAAQ,EAAC,OAAO;IAChBd,QAAQ,EAAC,QAAQ;IACjBe,cAAc,eACZ1I,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAsH,OAAO;MACNC,OAAO,EAAE9G,CAAC,CAAC,2CAA2C,CAAE;MACxD+G,QAAQ,EAAC,QAAQ;MAAAf,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApG,YAAA;QAAAqG,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEjBhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAkI,UAAU;MACTnB,IAAI,EAAC,MAAM;MACXoB,QAAQ,EAAC,UAAU;MACnBjG,QAAQ,EAAC,wBAAwB;MAAAuE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApG,YAAA;QAAAqG,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEjChH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAAClG,iBAAA,CAAAuI,SAAS;MAAA/B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApG,YAAA;QAAAqG,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACF,CACL,CACV;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEDhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAqI,WAAW,CAACI,QAAQ;IACnBvG,QAAQ,EAAC,2BAA2B;IACpCwG,IAAI,EAAEjI,CAAC,CAAC,mBAAmB,CAAE;IAC7BkI,UAAU,eAAE9I,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAAClG,iBAAA,CAAA2I,OAAO;MAAAnC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApG,YAAA;QAAAqG,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBa,OAAO,EAAE1E,eAAgB;IAAAyD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CAAC,eACFhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAqI,WAAW,CAACI,QAAQ;IACnBvG,QAAQ,EAAC,+BAA+B;IACxCwG,IAAI,EAAEjI,CAAC,CAAC,iCAAiC,CAAE;IAC3CkI,UAAU,eAAE9I,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAAClG,iBAAA,CAAA4I,IAAI;MAAApC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApG,YAAA;QAAAqG,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACrBa,OAAO,EAAEhE,kBAAkB,CAAC;MAC1BN,KAAK,EAAEF,aAAa;MACpBtB,KAAK,EAAEA,KAAK,IAAImB;IAClB,CAAC,CAAE;IAAA0D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,CACJ,CAAC,eACFhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAqI,WAAW,CAACS,OAAO;IAAArC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACvBhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAqI,WAAW,CAACI,QAAQ;IACnBvG,QAAQ,EAAC,0BAA0B;IACnCwG,IAAI,EAAEjI,CAAC,CAAC,iBAAiB,CAAE;IAC3BsI,IAAI,EAAC,aAAa;IAClBJ,UAAU,eAAE9I,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAAClG,iBAAA,CAAA+I,MAAM;MAAAvC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApG,YAAA;QAAAqG,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACvBa,OAAO,EAAE9D,YAAa;IAAA6C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvB,CACU,CAAC;EAAA;EAEd;EACAhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAsH,OAAO;IACNC,OAAO,EAAE9G,CAAC,CAAC,iCAAiC,CAAE;IAC9C+G,QAAQ,EAAC,QAAQ;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjBhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAACnG,aAAA,CAAAkI,UAAU;IACTnB,IAAI,EAAC,MAAM;IACXoB,QAAQ,EAAC,UAAU;IACnBjG,QAAQ,EAAC,6BAA6B;IACtCwF,OAAO,EAAEhE,kBAAkB,CAAC;MAC1BN,KAAK,EAAEF,aAAa;MACpBtB,KAAK,EAAEA,KAAK,IAAImB;IAClB,CAAC,CAAE;IAAA0D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEHhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAAClG,iBAAA,CAAAgJ,SAAS;IAAAxC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACF,CACL,CAER,CAAC,eAENhH,MAAA,CAAAqB,OAAA,CAAAiF,aAAA,CAAC/F,aAAA,CAAA8I,YAAY;IACX9F,KAAK,EAAEA,KAAM;IACbxB,KAAK,EAAEA,KAAK,IAAImB,SAAU;IAC1BoG,IAAI,EAAEhG,MAAO;IACbiG,UAAU,EAAE3F,eAAgB;IAC5BF,MAAM,EAAEA,MAAO;IACf8F,SAAS,EAAEC,4BAAc,CAACC,KAAM;IAAA9C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApG,YAAA;MAAAqG,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjC,CACE,CAAC;AAEV,CAAC;AAAC2C,OAAA,CAAA7H,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAAC8H,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","onMediaChange","useCallback","uri","callMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","IMAGE","undefined","handleCallMedia","committed","pasteUrlTitle","isOpen","title","onOpen","onClose","onSave","usePasteURLForm","handleFormClose","handleOpenPasteUrl","params","handleDelete","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","createElement","Box","verticalAlign","width","height","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","ref","style","onFocus","onBlur","align","boxSizing","Tooltip","content","appendTo","type","onClick","cursor","lineHeight","position","background","border","ImageThumbnail","ThumbnailReplaceOverlay","IconButton","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","LinkSmall","PasteURLForm","show","closeModal","fieldType","MediaFieldType","image","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport {\n  Box,\n  IconButton,\n  Loader,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n  Link,\n  Delete,\n} from '@wix/wix-ui-icons-common';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport {\n  useMediaControl,\n  usePasteURLForm,\n  PasteURLForm,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\n  value: string | null | undefined;\n  onChange: (value: string | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const onMediaChange = useCallback(\n    (uri: string) => {\n      onChange(uri);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const { callMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value: value ?? undefined,\n    onChange: onMediaChange,\n  });\n\n  const handleCallMedia = useCallback(async () => {\n    onStartEdit?.();\n    const committed = await callMedia();\n    if (!committed) {\n      onCancel?.();\n    }\n  }, [onStartEdit, callMedia, onCancel]);\n\n  const pasteUrlTitle = t('CMS.image.replaceWithUrl.title');\n  const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({\n    onChange: onMediaChange,\n  });\n\n  // When the paste-URL form is dismissed without saving, cancel the in-progress\n  // edit so isEditing returns to false and useClearFocusOnBlur works normally.\n  const handleFormClose = useCallback(() => {\n    onClose();\n    onCancel?.();\n  }, [onClose, onCancel]);\n\n  const handleOpenPasteUrl = useCallback(\n    (params: { title: string; value?: string }) => () => {\n      onStartEdit?.();\n      onOpen(params)();\n    },\n    [onStartEdit, onOpen],\n  );\n\n  const handleDelete = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n    containerRef,\n    onCancel,\n    inputRef,\n  });\n\n  if (loading) {\n    return (\n      <Box\n        dataHook={dataHook}\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        height=\"100%\"\n        padding=\"0 8px\"\n      >\n        <Loader size=\"tiny\" />\n      </Box>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      style={{ width: '100%', height: '100%' }}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding=\"0 8px\"\n        style={{ boxSizing: 'border-box' }}\n      >\n        {value ? (\n          /* Has value: clickable thumbnail button with replace overlay */\n          <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n            <Box>\n              <button\n                type=\"button\"\n                data-hook=\"image-edit-thumbnail\"\n                onClick={handleCallMedia}\n                style={{\n                  cursor: 'pointer',\n                  lineHeight: 0,\n                  position: 'relative',\n                  background: 'none',\n                  border: 'none',\n                  padding: 0,\n                }}\n              >\n                <ImageThumbnail value={value} />\n                <ThumbnailReplaceOverlay />\n              </button>\n            </Box>\n          </Tooltip>\n        ) : (\n          /* Empty: icon button opens media manager */\n          <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n            <IconButton\n              size=\"tiny\"\n              priority=\"secondary\"\n              dataHook=\"image-edit-add-button\"\n              onClick={handleCallMedia}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        {value ? (\n          /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\n          <PopoverMenu\n            textSize=\"small\"\n            appendTo=\"window\"\n            triggerElement={\n              <Tooltip\n                content={t('auto-patterns.fields.more_actions_tooltip')}\n                appendTo=\"window\"\n              >\n                <IconButton\n                  size=\"tiny\"\n                  priority=\"tertiary\"\n                  dataHook=\"image-edit-more-button\"\n                >\n                  <MoreSmall />\n                </IconButton>\n              </Tooltip>\n            }\n          >\n            <PopoverMenu.MenuItem\n              dataHook=\"image-edit-action-replace\"\n              text={t('CMS.image.replace')}\n              prefixIcon={<Replace />}\n              onClick={handleCallMedia}\n            />\n            <PopoverMenu.MenuItem\n              dataHook=\"image-edit-action-replace-url\"\n              text={t('CMS.image.replaceWithUrl.button')}\n              prefixIcon={<Link />}\n              onClick={handleOpenPasteUrl({\n                title: pasteUrlTitle,\n                value: value ?? undefined,\n              })}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"image-edit-action-delete\"\n              text={t('CMS.image.clear')}\n              skin=\"destructive\"\n              prefixIcon={<Delete />}\n              onClick={handleDelete}\n            />\n          </PopoverMenu>\n        ) : (\n          /* Empty: icon button opens paste-URL form */\n          <Tooltip\n            content={t('CMS.image.replaceWithUrl.button')}\n            appendTo=\"window\"\n          >\n            <IconButton\n              size=\"tiny\"\n              priority=\"tertiary\"\n              dataHook=\"image-edit-paste-url-button\"\n              onClick={handleOpenPasteUrl({\n                title: pasteUrlTitle,\n                value: value ?? undefined,\n              })}\n            >\n              <LinkSmall />\n            </IconButton>\n          </Tooltip>\n        )}\n      </Box>\n\n      <PasteURLForm\n        title={title}\n        value={value ?? undefined}\n        show={isOpen}\n        closeModal={handleFormClose}\n        onSave={onSave}\n        fieldType={MediaFieldType.image}\n      />\n    </div>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "thumbnailreplaceoverlay78307533";
+var _namespace_ = "thumbnailreplaceoverlay1904833214";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "thumbnailreplaceoverlay78307533__root",
-  "icon": "thumbnailreplaceoverlay78307533__icon"
+  "root": "thumbnailreplaceoverlay1904833214__root",
+  "icon": "thumbnailreplaceoverlay1904833214__icon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay78307533\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"thumbnailreplaceoverlay78307533__root\",\"icon\":\"thumbnailreplaceoverlay78307533__icon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,MAAM,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay1904833214\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"thumbnailreplaceoverlay1904833214__root\",\"icon\":\"thumbnailreplaceoverlay1904833214__icon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-control/paste-url-button.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "pasteurlbutton2614320603";
+var _namespace_ = "pasteurlbutton2991491681";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "pasteurlbutton2614320603__root",
-  "iconButtonTooltip": "pasteurlbutton2614320603__iconButtonTooltip",
-  "iconButton": "pasteurlbutton2614320603__iconButton"
+  "root": "pasteurlbutton2991491681__root",
+  "iconButtonTooltip": "pasteurlbutton2991491681__iconButtonTooltip",
+  "iconButton": "pasteurlbutton2991491681__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/paste-url-button.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton2614320603\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"pasteurlbutton2614320603__root\",\"iconButtonTooltip\":\"pasteurlbutton2614320603__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton2614320603__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton2991491681\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"pasteurlbutton2991491681__root\",\"iconButtonTooltip\":\"pasteurlbutton2991491681__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton2991491681__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}