@bigbinary/neeto-editor-frontend 0.0.0-stage → 2.0.1

package/dist/cjs/chunk-C8X4oFtP.cjs.js

@@ -0,0 +1,216 @@
+'use strict';
+
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Left = require('@bigbinary/neeto-icons/Left');
+var Right = require('@bigbinary/neeto-icons/Right');
+var Modal = require('@bigbinary/neetoui/Modal');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Button = require('@bigbinary/neetoui/Button');
+var ramda = require('ramda');
+var index = require('./chunk-C-VxABfm.cjs.js');
+var reactI18next = require('react-i18next');
+var FileIcon = require('./chunk-cwORbcv3.cjs.js');
+var Attachments = require('./chunk-B2NfgecV.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('./chunk-BJu3ubxk.cjs.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/slicedToArray');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('@babel/runtime/helpers/asyncToGenerator');
+require('@babel/runtime/regenerator');
+require('zustand/shallow');
+require('axios');
+require('@bigbinary/neetoui/Toastr');
+require('./chunk-D3Unocnm.cjs.js');
+require('@babel/runtime/helpers/defineProperty');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('zustand');
+require('@babel/runtime/helpers/createClass');
+require('@babel/runtime/helpers/classCallCheck');
+require('i18next');
+require('@bigbinary/neeto-icons/LeftAlign');
+require('@bigbinary/neeto-icons/CenterAlign');
+require('@bigbinary/neeto-icons/RightAlign');
+require('@bigbinary/neeto-icons/Delete');
+require('@bigbinary/neeto-icons/CustomSize');
+require('@bigbinary/neeto-icons/BorderDisable');
+require('@bigbinary/neeto-icons/BorderEnable');
+require('@bigbinary/neeto-icons/AspectRatio11');
+require('@bigbinary/neeto-icons/AspectRatio169');
+require('@bigbinary/neeto-icons/AspectRatio916');
+require('@bigbinary/neeto-icons/AspectRatio43');
+require('@bigbinary/neeto-icons/AspectRatio32');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('yup');
+require('./chunk-Bmjmsp-E.cjs.js');
+require('classnames');
+require('./chunk-B6qYtOJe.cjs.js');
+require('@bigbinary/neeto-commons-frontend/react-utils/useOnClickOutside');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('@bigbinary/neeto-icons/MenuVertical');
+require('@bigbinary/neeto-icons/Close');
+require('@bigbinary/neeto-icons/Check');
+require('@bigbinary/neetoui/Dropdown');
+require('@bigbinary/neetoui/Input');
+require('@bigbinary/neetoui/Spinner');
+require('@bigbinary/neetoui/Tooltip');
+require('@bigbinary/neetoui/Alert');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Left__default = /*#__PURE__*/_interopDefault(Left);
+var Right__default = /*#__PURE__*/_interopDefault(Right);
+var Modal__default = /*#__PURE__*/_interopDefault(Modal);
+var Typography__default = /*#__PURE__*/_interopDefault(Typography);
+var Button__default = /*#__PURE__*/_interopDefault(Button);
+
+var Preview = function Preview(_ref) {
+  var onClose = _ref.onClose,
+    attachments = _ref.attachments,
+    selectedAttachment = _ref.selectedAttachment,
+    setSelectedAttachment = _ref.setSelectedAttachment,
+    setDidFetchPreviewBundle = _ref.setDidFetchPreviewBundle;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var downloadRef = React.useRef(null);
+  var _selectedAttachment$f = selectedAttachment.filename,
+    filename = _selectedAttachment$f === void 0 ? "" : _selectedAttachment$f,
+    _selectedAttachment$c = selectedAttachment.contentType,
+    contentType = _selectedAttachment$c === void 0 ? null : _selectedAttachment$c,
+    _selectedAttachment$u = selectedAttachment.url,
+    url = _selectedAttachment$u === void 0 ? "" : _selectedAttachment$u,
+    _selectedAttachment$s = selectedAttachment.signedId,
+    signedId = _selectedAttachment$s === void 0 ? "" : _selectedAttachment$s,
+    _selectedAttachment$s2 = selectedAttachment.size,
+    size = _selectedAttachment$s2 === void 0 ? undefined : _selectedAttachment$s2,
+    _selectedAttachment$p = selectedAttachment.previewUrl,
+    previewUrl = _selectedAttachment$p === void 0 ? null : _selectedAttachment$p;
+  var attachmentIndex = neetoCist.findIndexBy({
+    signedId: signedId
+  }, attachments);
+  var handleRightArrowClick = function handleRightArrowClick() {
+    var _downloadRef$current;
+    var newIndex = (attachmentIndex + 1) % attachments.length;
+    setSelectedAttachment(attachments[newIndex]);
+    (_downloadRef$current = downloadRef.current) === null || _downloadRef$current === void 0 || _downloadRef$current.focus();
+  };
+  var handleLeftArrowClick = function handleLeftArrowClick() {
+    var _downloadRef$current2;
+    var newIndex = (attachmentIndex - 1 + attachments.length) % attachments.length;
+    setSelectedAttachment(attachments[newIndex]);
+    (_downloadRef$current2 = downloadRef.current) === null || _downloadRef$current2 === void 0 || _downloadRef$current2.focus();
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key === "ArrowRight") {
+      handleRightArrowClick();
+    } else if (event.key === "ArrowLeft") {
+      handleLeftArrowClick();
+    }
+  };
+  React.useEffect(function () {
+    setDidFetchPreviewBundle(true);
+  }, []);
+  var handleDownload = function handleDownload() {
+    return Attachments.downloadFile(url, filename);
+  };
+  var setPreview = function setPreview() {
+    var isPreviewAvailable = Attachments.checkPreviewAvailability(contentType, previewUrl);
+    if (isPreviewAvailable) {
+      switch (contentType.split("/")[0]) {
+        case "image":
+          return /*#__PURE__*/jsxRuntime.jsx("img", {
+            "data-testid": Attachments.ATTACHMENTS_PREVIEW_DATA_CY,
+            src: previewUrl || url
+          });
+        case "video":
+          return /*#__PURE__*/jsxRuntime.jsx("video", {
+            controls: true,
+            "data-testid": Attachments.ATTACHMENTS_PREVIEW_DATA_CY,
+            src: url
+          });
+        case "application":
+        case "text":
+          if (contentType === "application/pdf") {
+            return /*#__PURE__*/jsxRuntime.jsx("iframe", {
+              "data-testid": Attachments.ATTACHMENTS_PREVIEW_DATA_CY,
+              src: url,
+              width: "100%"
+            });
+          }
+          return /*#__PURE__*/jsxRuntime.jsx(index.DocViewer, {
+            className: "ne-attachments-preview__body-docviewer",
+            "data-testid": Attachments.ATTACHMENTS_PREVIEW_DATA_CY,
+            documents: [{
+              uri: url,
+              fileType: contentType
+            }],
+            pluginRenderers: index.DocViewerRenderers,
+            config: {
+              header: {
+                disableHeader: true,
+                disableFileName: true
+              }
+            }
+          });
+        default:
+          return null;
+      }
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
+      children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoEditor.attachments.noPreview",
+        components: {
+          span: /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "ne-attachments-preview__body-download",
+            onClick: handleDownload
+          })
+        }
+      })
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(Modal__default.default, {
+    onClose: onClose,
+    className: "ne-attachments-preview",
+    isOpen: !ramda.isEmpty(selectedAttachment),
+    size: "fullScreen",
+    onKeyDown: handleKeyDown,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Modal__default.default.Header, {
+      className: "ne-attachments-preview__header",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "ne-attachments-preview__header__fileinfo",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
+          style: "h4",
+          children: neetoCist.truncate(filename, 25)
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
+          style: "body2",
+          children: FileIcon.convertToFileSize(size)
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
+        "data-testid": "download-preview-button",
+        label: t("neetoEditor.common.download"),
+        ref: downloadRef,
+        style: "link",
+        onClick: handleDownload
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs(Modal__default.default.Body, {
+      className: "ne-attachments-preview__body",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
+        className: "ne-attachments-preview__body-left",
+        icon: Left__default.default,
+        size: "large",
+        style: "tertiary",
+        onClick: handleLeftArrowClick
+      }), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
+        className: "ne-attachments-preview__body-right",
+        icon: Right__default.default,
+        size: "large",
+        style: "tertiary",
+        onClick: handleRightArrowClick
+      }), setPreview()]
+    })]
+  });
+};
+
+exports.default = Preview;
+//# sourceMappingURL=chunk-C8X4oFtP.cjs.js.map

package/dist/cjs/chunk-C8X4oFtP.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-C8X4oFtP.cjs.js","sources":["../../app/javascript/src/components/Attachments/Preview.jsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nimport { findIndexBy, truncate } from \"neetocist\";\nimport { Left, Right } from \"neetoicons\";\nimport { Modal, Typography, Button } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport DocViewer, { DocViewerRenderers } from \"react-doc-viewer\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { convertToFileSize } from \"components/Editor/MediaUploader/utils\";\n\nimport { ATTACHMENTS_PREVIEW_DATA_CY } from \"./constants\";\nimport { checkPreviewAvailability, downloadFile } from \"./utils\";\n\nconst Preview = ({\n  onClose,\n  attachments,\n  selectedAttachment,\n  setSelectedAttachment,\n  setDidFetchPreviewBundle,\n}) => {\n  const { t } = useTranslation();\n  const downloadRef = useRef(null);\n\n  const {\n    filename = \"\",\n    contentType = null,\n    url = \"\",\n    signedId = \"\",\n    size = undefined,\n    previewUrl = null,\n  } = selectedAttachment;\n\n  const attachmentIndex = findIndexBy({ signedId }, attachments);\n\n  const handleRightArrowClick = () => {\n    const newIndex = (attachmentIndex + 1) % attachments.length;\n    setSelectedAttachment(attachments[newIndex]);\n    downloadRef.current?.focus();\n  };\n\n  const handleLeftArrowClick = () => {\n    const newIndex =\n      (attachmentIndex - 1 + attachments.length) % attachments.length;\n    setSelectedAttachment(attachments[newIndex]);\n    downloadRef.current?.focus();\n  };\n\n  const handleKeyDown = event => {\n    if (event.key === \"ArrowRight\") {\n      handleRightArrowClick();\n    } else if (event.key === \"ArrowLeft\") {\n      handleLeftArrowClick();\n    }\n  };\n\n  useEffect(() => {\n    setDidFetchPreviewBundle(true);\n  }, []);\n\n  const handleDownload = () => downloadFile(url, filename);\n\n  const setPreview = () => {\n    const isPreviewAvailable = checkPreviewAvailability(\n      contentType,\n      previewUrl\n    );\n\n    if (isPreviewAvailable) {\n      switch (contentType.split(\"/\")[0]) {\n        case \"image\":\n          return (\n            <img\n              data-testid={ATTACHMENTS_PREVIEW_DATA_CY}\n              src={previewUrl || url}\n            />\n          );\n        case \"video\":\n          return (\n            <video\n              controls\n              data-testid={ATTACHMENTS_PREVIEW_DATA_CY}\n              src={url}\n            />\n          );\n        case \"application\":\n        case \"text\":\n          if (contentType === \"application/pdf\") {\n            return (\n              <iframe\n                data-testid={ATTACHMENTS_PREVIEW_DATA_CY}\n                src={url}\n                width=\"100%\"\n              />\n            );\n          }\n\n          return (\n            <DocViewer\n              className=\"ne-attachments-preview__body-docviewer\"\n              data-testid={ATTACHMENTS_PREVIEW_DATA_CY}\n              documents={[{ uri: url, fileType: contentType }]}\n              pluginRenderers={DocViewerRenderers}\n              config={{\n                header: { disableHeader: true, disableFileName: true },\n              }}\n            />\n          );\n        default:\n          return null;\n      }\n    }\n\n    return (\n      <Typography>\n        <Trans\n          i18nKey=\"neetoEditor.attachments.noPreview\"\n          components={{\n            span: (\n              <span\n                className=\"ne-attachments-preview__body-download\"\n                onClick={handleDownload}\n              />\n            ),\n          }}\n        />\n      </Typography>\n    );\n  };\n\n  return (\n    <Modal\n      {...{ onClose }}\n      className=\"ne-attachments-preview\"\n      isOpen={!isEmpty(selectedAttachment)}\n      size=\"fullScreen\"\n      onKeyDown={handleKeyDown}\n    >\n      <Modal.Header className=\"ne-attachments-preview__header\">\n        <div className=\"ne-attachments-preview__header__fileinfo\">\n          <Typography style=\"h4\">{truncate(filename, 25)}</Typography>\n          <Typography style=\"body2\">{convertToFileSize(size)}</Typography>\n        </div>\n        <Button\n          data-testid=\"download-preview-button\"\n          label={t(\"neetoEditor.common.download\")}\n          ref={downloadRef}\n          style=\"link\"\n          onClick={handleDownload}\n        />\n      </Modal.Header>\n      <Modal.Body className=\"ne-attachments-preview__body\">\n        <Button\n          className=\"ne-attachments-preview__body-left\"\n          icon={Left}\n          size=\"large\"\n          style=\"tertiary\"\n          onClick={handleLeftArrowClick}\n        />\n        <Button\n          className=\"ne-attachments-preview__body-right\"\n          icon={Right}\n          size=\"large\"\n          style=\"tertiary\"\n          onClick={handleRightArrowClick}\n        />\n        {setPreview()}\n      </Modal.Body>\n    </Modal>\n  );\n};\n\nexport default Preview;\n"],"names":["Preview","_ref","onClose","attachments","selectedAttachment","setSelectedAttachment","setDidFetchPreviewBundle","_useTranslation","useTranslation","t","downloadRef","useRef","_selectedAttachment$f","filename","_selectedAttachment$c","contentType","_selectedAttachment$u","url","_selectedAttachment$s","signedId","_selectedAttachment$s2","size","undefined","_selectedAttachment$p","previewUrl","attachmentIndex","findIndexBy","handleRightArrowClick","_downloadRef$current","newIndex","length","current","focus","handleLeftArrowClick","_downloadRef$current2","handleKeyDown","event","key","useEffect","handleDownload","downloadFile","setPreview","isPreviewAvailable","checkPreviewAvailability","split","_jsx","ATTACHMENTS_PREVIEW_DATA_CY","src","controls","width","DocViewer","className","documents","uri","fileType","pluginRenderers","DocViewerRenderers","config","header","disableHeader","disableFileName","Typography","children","Trans","i18nKey","components","span","onClick","_jsxs","Modal","isOpen","isEmpty","onKeyDown","Header","style","truncate","convertToFileSize","Button","label","ref","Body","icon","Left","Right"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAMP;AAAA,EAAA,IALJC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,kBAAkB,GAAAH,IAAA,CAAlBG,kBAAkB;IAClBC,qBAAqB,GAAAJ,IAAA,CAArBI,qBAAqB;IACrBC,wBAAwB,GAAAL,IAAA,CAAxBK,wBAAwB;AAExB,EAAA,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AACT,EAAA,IAAMC,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC;AAEhC,EAAA,IAAAC,qBAAA,GAOIR,kBAAkB,CANpBS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAMXV,kBAAkB,CALpBW,WAAW;AAAXA,IAAAA,WAAW,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAKhBZ,kBAAkB,CAJpBa,GAAG;AAAHA,IAAAA,GAAG,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAINd,kBAAkB,CAHpBe,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,sBAAA,GAGXhB,kBAAkB,CAFpBiB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,sBAAA,KAAA,MAAA,GAAGE,SAAS,GAAAF,sBAAA;IAAAG,qBAAA,GAEdnB,kBAAkB,CADpBoB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,qBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,qBAAA;EAGnB,IAAME,eAAe,GAAGC,qBAAW,CAAC;AAAEP,IAAAA,QAAQ,EAARA;GAAU,EAAEhB,WAAW,CAAC;AAE9D,EAAA,IAAMwB,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAS;AAAA,IAAA,IAAAC,oBAAA;IAClC,IAAMC,QAAQ,GAAG,CAACJ,eAAe,GAAG,CAAC,IAAItB,WAAW,CAAC2B,MAAM;AAC3DzB,IAAAA,qBAAqB,CAACF,WAAW,CAAC0B,QAAQ,CAAC,CAAC;AAC5C,IAAA,CAAAD,oBAAA,GAAAlB,WAAW,CAACqB,OAAO,MAAA,IAAA,IAAAH,oBAAA,KAAA,MAAA,IAAnBA,oBAAA,CAAqBI,KAAK,EAAE;EAC9B,CAAC;AAED,EAAA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAAS;AAAA,IAAA,IAAAC,qBAAA;AACjC,IAAA,IAAML,QAAQ,GACZ,CAACJ,eAAe,GAAG,CAAC,GAAGtB,WAAW,CAAC2B,MAAM,IAAI3B,WAAW,CAAC2B,MAAM;AACjEzB,IAAAA,qBAAqB,CAACF,WAAW,CAAC0B,QAAQ,CAAC,CAAC;AAC5C,IAAA,CAAAK,qBAAA,GAAAxB,WAAW,CAACqB,OAAO,MAAA,IAAA,IAAAG,qBAAA,KAAA,MAAA,IAAnBA,qBAAA,CAAqBF,KAAK,EAAE;EAC9B,CAAC;AAED,EAAA,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,KAAK,EAAI;AAC7B,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,YAAY,EAAE;AAC9BV,MAAAA,qBAAqB,EAAE;AACzB,IAAA,CAAC,MAAM,IAAIS,KAAK,CAACC,GAAG,KAAK,WAAW,EAAE;AACpCJ,MAAAA,oBAAoB,EAAE;AACxB,IAAA;EACF,CAAC;AAEDK,EAAAA,eAAS,CAAC,YAAM;IACdhC,wBAAwB,CAAC,IAAI,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,IAAMiC,cAAc,GAAG,SAAjBA,cAAcA,GAAA;AAAA,IAAA,OAASC,wBAAY,CAACvB,GAAG,EAAEJ,QAAQ,CAAC;AAAA,EAAA,CAAA;AAExD,EAAA,IAAM4B,UAAU,GAAG,SAAbA,UAAUA,GAAS;AACvB,IAAA,IAAMC,kBAAkB,GAAGC,oCAAwB,CACjD5B,WAAW,EACXS,UACF,CAAC;AAED,IAAA,IAAIkB,kBAAkB,EAAE;MACtB,QAAQ3B,WAAW,CAAC6B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/B,QAAA,KAAK,OAAO;AACV,UAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AACE,YAAA,aAAA,EAAaC,uCAA4B;YACzCC,GAAG,EAAEvB,UAAU,IAAIP;AAAI,WACxB,CAAC;AAEN,QAAA,KAAK,OAAO;AACV,UAAA,oBACE4B,cAAA,CAAA,OAAA,EAAA;YACEG,QAAQ,EAAA,IAAA;AACR,YAAA,aAAA,EAAaF,uCAA4B;AACzCC,YAAAA,GAAG,EAAE9B;AAAI,WACV,CAAC;AAEN,QAAA,KAAK,aAAa;AAClB,QAAA,KAAK,MAAM;UACT,IAAIF,WAAW,KAAK,iBAAiB,EAAE;AACrC,YAAA,oBACE8B,cAAA,CAAA,QAAA,EAAA;AACE,cAAA,aAAA,EAAaC,uCAA4B;AACzCC,cAAAA,GAAG,EAAE9B,GAAI;AACTgC,cAAAA,KAAK,EAAC;AAAM,aACb,CAAC;AAEN,UAAA;UAEA,oBACEJ,cAAA,CAACK,eAAS,EAAA;AACRC,YAAAA,SAAS,EAAC,wCAAwC;AAClD,YAAA,aAAA,EAAaL,uCAA4B;AACzCM,YAAAA,SAAS,EAAE,CAAC;AAAEC,cAAAA,GAAG,EAAEpC,GAAG;AAAEqC,cAAAA,QAAQ,EAAEvC;AAAY,aAAC,CAAE;AACjDwC,YAAAA,eAAe,EAAEC,wBAAmB;AACpCC,YAAAA,MAAM,EAAE;AACNC,cAAAA,MAAM,EAAE;AAAEC,gBAAAA,aAAa,EAAE,IAAI;AAAEC,gBAAAA,eAAe,EAAE;AAAK;AACvD;AAAE,WACH,CAAC;AAEN,QAAA;AACE,UAAA,OAAO,IAAI;AACf;AACF,IAAA;IAEA,oBACEf,cAAA,CAACgB,2BAAU,EAAA;MAAAC,QAAA,eACTjB,cAAA,CAACkB,kBAAK,EAAA;AACJC,QAAAA,OAAO,EAAC,mCAAmC;AAC3CC,QAAAA,UAAU,EAAE;AACVC,UAAAA,IAAI,eACFrB,cAAA,CAAA,MAAA,EAAA;AACEM,YAAAA,SAAS,EAAC,uCAAuC;AACjDgB,YAAAA,OAAO,EAAE5B;WACV;AAEL;OACD;AAAC,KACQ,CAAC;EAEjB,CAAC;EAED,oBACE6B,eAAA,CAACC,sBAAK,EAAA;AACEnE,IAAAA,OAAO,EAAPA,OAAO;AACbiD,IAAAA,SAAS,EAAC,wBAAwB;AAClCmB,IAAAA,MAAM,EAAE,CAACC,aAAO,CAACnE,kBAAkB,CAAE;AACrCiB,IAAAA,IAAI,EAAC,YAAY;AACjBmD,IAAAA,SAAS,EAAErC,aAAc;AAAA2B,IAAAA,QAAA,EAAA,cAEzBM,eAAA,CAACC,sBAAK,CAACI,MAAM,EAAA;AAACtB,MAAAA,SAAS,EAAC,gCAAgC;AAAAW,MAAAA,QAAA,gBACtDM,eAAA,CAAA,KAAA,EAAA;AAAKjB,QAAAA,SAAS,EAAC,0CAA0C;QAAAW,QAAA,EAAA,cACvDjB,cAAA,CAACgB,2BAAU,EAAA;AAACa,UAAAA,KAAK,EAAC,IAAI;AAAAZ,UAAAA,QAAA,EAAEa,kBAAQ,CAAC9D,QAAQ,EAAE,EAAE;AAAC,SAAa,CAAC,eAC5DgC,cAAA,CAACgB,2BAAU,EAAA;AAACa,UAAAA,KAAK,EAAC,OAAO;UAAAZ,QAAA,EAAEc,0BAAiB,CAACvD,IAAI;AAAC,SAAa,CAAC;AAAA,OAC7D,CAAC,eACNwB,cAAA,CAACgC,uBAAM,EAAA;AACL,QAAA,aAAA,EAAY,yBAAyB;AACrCC,QAAAA,KAAK,EAAErE,CAAC,CAAC,6BAA6B,CAAE;AACxCsE,QAAAA,GAAG,EAAErE,WAAY;AACjBgE,QAAAA,KAAK,EAAC,MAAM;AACZP,QAAAA,OAAO,EAAE5B;AAAe,OACzB,CAAC;AAAA,KACU,CAAC,eACf6B,eAAA,CAACC,sBAAK,CAACW,IAAI,EAAA;AAAC7B,MAAAA,SAAS,EAAC,8BAA8B;MAAAW,QAAA,EAAA,cAClDjB,cAAA,CAACgC,uBAAM,EAAA;AACL1B,QAAAA,SAAS,EAAC,mCAAmC;AAC7C8B,QAAAA,IAAI,EAAEC,qBAAK;AACX7D,QAAAA,IAAI,EAAC,OAAO;AACZqD,QAAAA,KAAK,EAAC,UAAU;AAChBP,QAAAA,OAAO,EAAElC;AAAqB,OAC/B,CAAC,eACFY,cAAA,CAACgC,uBAAM,EAAA;AACL1B,QAAAA,SAAS,EAAC,oCAAoC;AAC9C8B,QAAAA,IAAI,EAAEE,sBAAM;AACZ9D,QAAAA,IAAI,EAAC,OAAO;AACZqD,QAAAA,KAAK,EAAC,UAAU;AAChBP,QAAAA,OAAO,EAAExC;AAAsB,OAChC,CAAC,EACDc,UAAU,EAAE;AAAA,KACH,CAAC;AAAA,GACR,CAAC;AAEZ;;;;"}

package/dist/cjs/chunk-CCCSexAh.cjs.js

@@ -0,0 +1,206 @@
+'use strict';
+
+var React = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var lucideReact = require('lucide-react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var ramda = require('ramda');
+var index = require('./chunk-C-VxABfm.cjs.js');
+var reactI18next = require('react-i18next');
+var FileIcon = require('./chunk-D6ygkQBu.cjs.js');
+var v2_Attachments = require('./chunk-MxWVMW6e.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('./chunk-BJu3ubxk.cjs.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/slicedToArray');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('@babel/runtime/helpers/asyncToGenerator');
+require('@babel/runtime/regenerator');
+require('zustand/shallow');
+require('axios');
+require('./chunk-D3Unocnm.cjs.js');
+require('@babel/runtime/helpers/defineProperty');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('zustand');
+require('@babel/runtime/helpers/createClass');
+require('@babel/runtime/helpers/classCallCheck');
+require('i18next');
+require('@bigbinary/neeto-commons-frontend/v2/initializers');
+require('./chunk-Bmjmsp-E.cjs.js');
+require('@bigbinary/neeto-icons/LeftAlign');
+require('@bigbinary/neeto-icons/CenterAlign');
+require('@bigbinary/neeto-icons/RightAlign');
+require('@bigbinary/neeto-icons/Delete');
+require('@bigbinary/neeto-icons/CustomSize');
+require('@bigbinary/neeto-icons/BorderDisable');
+require('@bigbinary/neeto-icons/BorderEnable');
+require('@bigbinary/neeto-icons/AspectRatio11');
+require('@bigbinary/neeto-icons/AspectRatio169');
+require('@bigbinary/neeto-icons/AspectRatio916');
+require('@bigbinary/neeto-icons/AspectRatio43');
+require('@bigbinary/neeto-icons/AspectRatio32');
+require('yup');
+require('classnames');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils/useOnClickOutside');
+require('@bigbinary/neeto-commons-frontend/v2/utils');
+
+var Preview = function Preview(_ref) {
+  var onClose = _ref.onClose,
+    attachments = _ref.attachments,
+    selectedAttachment = _ref.selectedAttachment,
+    setSelectedAttachment = _ref.setSelectedAttachment,
+    setDidFetchPreviewBundle = _ref.setDidFetchPreviewBundle;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var downloadRef = React.useRef(null);
+  var _selectedAttachment$f = selectedAttachment.filename,
+    filename = _selectedAttachment$f === void 0 ? "" : _selectedAttachment$f,
+    _selectedAttachment$c = selectedAttachment.contentType,
+    contentType = _selectedAttachment$c === void 0 ? null : _selectedAttachment$c,
+    _selectedAttachment$u = selectedAttachment.url,
+    url = _selectedAttachment$u === void 0 ? "" : _selectedAttachment$u,
+    _selectedAttachment$s = selectedAttachment.signedId,
+    signedId = _selectedAttachment$s === void 0 ? "" : _selectedAttachment$s,
+    _selectedAttachment$s2 = selectedAttachment.size,
+    size = _selectedAttachment$s2 === void 0 ? undefined : _selectedAttachment$s2,
+    _selectedAttachment$p = selectedAttachment.previewUrl,
+    previewUrl = _selectedAttachment$p === void 0 ? null : _selectedAttachment$p;
+  var attachmentIndex = neetoCist.findIndexBy({
+    signedId: signedId
+  }, attachments);
+  var handleRightArrowClick = function handleRightArrowClick() {
+    var _downloadRef$current;
+    var newIndex = (attachmentIndex + 1) % attachments.length;
+    setSelectedAttachment(attachments[newIndex]);
+    (_downloadRef$current = downloadRef.current) === null || _downloadRef$current === void 0 || _downloadRef$current.focus();
+  };
+  var handleLeftArrowClick = function handleLeftArrowClick() {
+    var _downloadRef$current2;
+    var newIndex = (attachmentIndex - 1 + attachments.length) % attachments.length;
+    setSelectedAttachment(attachments[newIndex]);
+    (_downloadRef$current2 = downloadRef.current) === null || _downloadRef$current2 === void 0 || _downloadRef$current2.focus();
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key === "ArrowRight") {
+      handleRightArrowClick();
+    } else if (event.key === "ArrowLeft") {
+      handleLeftArrowClick();
+    }
+  };
+  React.useEffect(function () {
+    setDidFetchPreviewBundle(true);
+  }, []);
+  var handleDownload = function handleDownload() {
+    return v2_Attachments.downloadFile(url, filename);
+  };
+  var setPreview = function setPreview() {
+    var isPreviewAvailable = v2_Attachments.checkPreviewAvailability(contentType, previewUrl);
+    if (isPreviewAvailable) {
+      switch (contentType.split("/")[0]) {
+        case "image":
+          return /*#__PURE__*/jsxRuntime.jsx("img", {
+            "data-testid": FileIcon.ATTACHMENTS_PREVIEW_DATA_CY,
+            src: previewUrl || url
+          });
+        case "video":
+          return /*#__PURE__*/jsxRuntime.jsx("video", {
+            controls: true,
+            "data-testid": FileIcon.ATTACHMENTS_PREVIEW_DATA_CY,
+            src: url
+          });
+        case "application":
+        case "text":
+          if (contentType === "application/pdf") {
+            return /*#__PURE__*/jsxRuntime.jsx("iframe", {
+              "data-testid": FileIcon.ATTACHMENTS_PREVIEW_DATA_CY,
+              src: url,
+              width: "100%"
+            });
+          }
+          return /*#__PURE__*/jsxRuntime.jsx(index.DocViewer, {
+            className: "ne-attachments-preview__body-docviewer",
+            "data-testid": FileIcon.ATTACHMENTS_PREVIEW_DATA_CY,
+            documents: [{
+              uri: url,
+              fileType: contentType
+            }],
+            pluginRenderers: index.DocViewerRenderers,
+            config: {
+              header: {
+                disableHeader: true,
+                disableFileName: true
+              }
+            }
+          });
+        default:
+          return null;
+      }
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoEditor.attachments.noPreview",
+        components: {
+          span: /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "ne-attachments-preview__body-download",
+            onClick: handleDownload
+          })
+        }
+      })
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+    onClose: onClose,
+    className: "ne-attachments-preview p-0",
+    isOpen: !ramda.isEmpty(selectedAttachment),
+    size: "fullScreen",
+    onKeyDown: handleKeyDown,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog.Header, {
+      className: "ne-attachments-preview__header items-center",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "ne-attachments-preview__header__fileinfo min-w-0 overflow-hidden",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+          className: "min-w-0 overflow-hidden",
+          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            className: "truncate",
+            variant: "h5",
+            children: filename
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          className: "shrink-0 whitespace-nowrap",
+          color: "muted",
+          variant: "body2",
+          children: FileIcon.convertToFileSize(size)
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        className: "shrink-0",
+        "data-testid": "download-preview-button",
+        label: t("neetoEditor.common.download"),
+        ref: downloadRef,
+        variant: "link",
+        onClick: handleDownload
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog.Body, {
+      className: "ne-attachments-preview__body w-full",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        className: "ne-attachments-preview__body-left",
+        icon: /*#__PURE__*/jsxRuntime.jsx(lucideReact.ChevronLeft, {
+          className: "size-8"
+        }),
+        size: "lg",
+        variant: "ghost",
+        onClick: handleLeftArrowClick
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        className: "ne-attachments-preview__body-right",
+        icon: /*#__PURE__*/jsxRuntime.jsx(lucideReact.ChevronRight, {
+          className: "size-8"
+        }),
+        size: "lg",
+        variant: "ghost",
+        onClick: handleRightArrowClick
+      }), setPreview()]
+    })]
+  });
+};
+
+exports.default = Preview;
+//# sourceMappingURL=chunk-CCCSexAh.cjs.js.map

package/dist/cjs/chunk-CCCSexAh.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-CCCSexAh.cjs.js","sources":["../../app/javascript/src/v2/components/Attachments/Preview.jsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nimport { Button, Dialog, Typography } from \"@bigbinary/neeto-atoms\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { findIndexBy } from \"neetocist\";\nimport { isEmpty } from \"ramda\";\nimport DocViewer, { DocViewerRenderers } from \"react-doc-viewer\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { convertToFileSize } from \"src/v2/components/Editor/MediaUploader/utils\";\n\nimport { ATTACHMENTS_PREVIEW_DATA_CY } from \"./constants\";\nimport { checkPreviewAvailability, downloadFile } from \"./utils\";\n\nconst Preview = ({\n  onClose,\n  attachments,\n  selectedAttachment,\n  setSelectedAttachment,\n  setDidFetchPreviewBundle,\n}) => {\n  const { t } = useTranslation();\n  const downloadRef = useRef(null);\n\n  const {\n    filename = \"\",\n    contentType = null,\n    url = \"\",\n    signedId = \"\",\n    size = undefined,\n    previewUrl = null,\n  } = selectedAttachment;\n\n  const attachmentIndex = findIndexBy({ signedId }, attachments);\n\n  const handleRightArrowClick = () => {\n    const newIndex = (attachmentIndex + 1) % attachments.length;\n    setSelectedAttachment(attachments[newIndex]);\n    downloadRef.current?.focus();\n  };\n\n  const handleLeftArrowClick = () => {\n    const newIndex =\n      (attachmentIndex - 1 + attachments.length) % attachments.length;\n    setSelectedAttachment(attachments[newIndex]);\n    downloadRef.current?.focus();\n  };\n\n  const handleKeyDown = event => {\n    if (event.key === \"ArrowRight\") {\n      handleRightArrowClick();\n    } else if (event.key === \"ArrowLeft\") {\n      handleLeftArrowClick();\n    }\n  };\n\n  useEffect(() => {\n    setDidFetchPreviewBundle(true);\n  }, []);\n\n  const handleDownload = () => downloadFile(url, filename);\n\n  const setPreview = () => {\n    const isPreviewAvailable = checkPreviewAvailability(\n      contentType,\n      previewUrl\n    );\n\n    if (isPreviewAvailable) {\n      switch (contentType.split(\"/\")[0]) {\n        case \"image\":\n          return (\n            <img\n              data-testid={ATTACHMENTS_PREVIEW_DATA_CY}\n              src={previewUrl || url}\n            />\n          );\n        case \"video\":\n          return (\n            <video\n              controls\n              data-testid={ATTACHMENTS_PREVIEW_DATA_CY}\n              src={url}\n            />\n          );\n        case \"application\":\n        case \"text\":\n          if (contentType === \"application/pdf\") {\n            return (\n              <iframe\n                data-testid={ATTACHMENTS_PREVIEW_DATA_CY}\n                src={url}\n                width=\"100%\"\n              />\n            );\n          }\n\n          return (\n            <DocViewer\n              className=\"ne-attachments-preview__body-docviewer\"\n              data-testid={ATTACHMENTS_PREVIEW_DATA_CY}\n              documents={[{ uri: url, fileType: contentType }]}\n              pluginRenderers={DocViewerRenderers}\n              config={{\n                header: { disableHeader: true, disableFileName: true },\n              }}\n            />\n          );\n        default:\n          return null;\n      }\n    }\n\n    return (\n      <Typography>\n        <Trans\n          i18nKey=\"neetoEditor.attachments.noPreview\"\n          components={{\n            span: (\n              <span\n                className=\"ne-attachments-preview__body-download\"\n                onClick={handleDownload}\n              />\n            ),\n          }}\n        />\n      </Typography>\n    );\n  };\n\n  return (\n    <Dialog\n      {...{ onClose }}\n      className=\"ne-attachments-preview p-0\"\n      isOpen={!isEmpty(selectedAttachment)}\n      size=\"fullScreen\"\n      onKeyDown={handleKeyDown}\n    >\n      <Dialog.Header className=\"ne-attachments-preview__header items-center\">\n        <div className=\"ne-attachments-preview__header__fileinfo min-w-0 overflow-hidden\">\n          <Dialog.Title className=\"min-w-0 overflow-hidden\">\n            <Typography className=\"truncate\" variant=\"h5\">\n              {filename}\n            </Typography>\n          </Dialog.Title>\n          <Typography\n            className=\"shrink-0 whitespace-nowrap\"\n            color=\"muted\"\n            variant=\"body2\"\n          >\n            {convertToFileSize(size)}\n          </Typography>\n        </div>\n        <Button\n          className=\"shrink-0\"\n          data-testid=\"download-preview-button\"\n          label={t(\"neetoEditor.common.download\")}\n          ref={downloadRef}\n          variant=\"link\"\n          onClick={handleDownload}\n        />\n      </Dialog.Header>\n      <Dialog.Body className=\"ne-attachments-preview__body w-full\">\n        <Button\n          className=\"ne-attachments-preview__body-left\"\n          icon={<ChevronLeft className=\"size-8\" />}\n          size=\"lg\"\n          variant=\"ghost\"\n          onClick={handleLeftArrowClick}\n        />\n        <Button\n          className=\"ne-attachments-preview__body-right\"\n          icon={<ChevronRight className=\"size-8\" />}\n          size=\"lg\"\n          variant=\"ghost\"\n          onClick={handleRightArrowClick}\n        />\n        {setPreview()}\n      </Dialog.Body>\n    </Dialog>\n  );\n};\n\nexport default Preview;\n"],"names":["Preview","_ref","onClose","attachments","selectedAttachment","setSelectedAttachment","setDidFetchPreviewBundle","_useTranslation","useTranslation","t","downloadRef","useRef","_selectedAttachment$f","filename","_selectedAttachment$c","contentType","_selectedAttachment$u","url","_selectedAttachment$s","signedId","_selectedAttachment$s2","size","undefined","_selectedAttachment$p","previewUrl","attachmentIndex","findIndexBy","handleRightArrowClick","_downloadRef$current","newIndex","length","current","focus","handleLeftArrowClick","_downloadRef$current2","handleKeyDown","event","key","useEffect","handleDownload","downloadFile","setPreview","isPreviewAvailable","checkPreviewAvailability","split","_jsx","ATTACHMENTS_PREVIEW_DATA_CY","src","controls","width","DocViewer","className","documents","uri","fileType","pluginRenderers","DocViewerRenderers","config","header","disableHeader","disableFileName","Typography","children","Trans","i18nKey","components","span","onClick","_jsxs","Dialog","isOpen","isEmpty","onKeyDown","Header","Title","variant","color","convertToFileSize","Button","label","ref","Body","icon","ChevronLeft","ChevronRight"],"mappings":"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"}

package/dist/cjs/chunk-CNIzgxEP.cjs.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var i18n = require('i18next');
+var yup = require('yup');
+var constants = require('./chunk-Bmjmsp-E.cjs.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+
+var DEFAULT_EDITOR_OPTIONS = [constants.EDITOR_OPTIONS.BOLD, constants.EDITOR_OPTIONS.ITALIC, constants.EDITOR_OPTIONS.UNDERLINE, constants.EDITOR_OPTIONS.STRIKETHROUGH, constants.EDITOR_OPTIONS.LINK, constants.EDITOR_OPTIONS.PARAGRAPH, constants.EDITOR_OPTIONS.H1, constants.EDITOR_OPTIONS.H2, constants.EDITOR_OPTIONS.H3, constants.EDITOR_OPTIONS.H4, constants.EDITOR_OPTIONS.H5, constants.EDITOR_OPTIONS.H6, constants.EDITOR_OPTIONS.LIST_BULLETS, constants.EDITOR_OPTIONS.LIST_ORDERED, constants.EDITOR_OPTIONS.CODE];
+var EDITOR_PADDING_SIZE = 12;
+var EDITOR_BORDER_SIZE = 1;
+var EDITOR_LINE_HEIGHT = 21;
+var IMAGE_REGEX = new RegExp(/(<img[^>]*?>)(?![\s\S]*<\/figure>)/g);
+var IMAGE_REPLACEMENT_PATTERN = "<figure>$1</figure>";
+var EMPTY_DIV_REGEX = new RegExp(/<div[^>]*?>\s*(?:<br[^>]*?>)\s*<\/div>/g);
+var TRAILING_BR_REGEX = new RegExp(/\s*(?:<br[^>]*?>)+\s*$/);
+var LINK_VALIDATION_SCHEMA = yup__namespace.object().shape({
+  textContent: yup__namespace.string().required(i18n.t("neetoEditor.error.textRequired")),
+  urlString: yup__namespace.string().matches(constants.ALL_PROTOCOL_URL_REGEXP, i18n.t("neetoEditor.error.invalidUrl")).required(i18n.t("neetoEditor.error.urlRequired"))
+});
+
+exports.DEFAULT_EDITOR_OPTIONS = DEFAULT_EDITOR_OPTIONS;
+exports.EDITOR_BORDER_SIZE = EDITOR_BORDER_SIZE;
+exports.EDITOR_LINE_HEIGHT = EDITOR_LINE_HEIGHT;
+exports.EDITOR_PADDING_SIZE = EDITOR_PADDING_SIZE;
+exports.EMPTY_DIV_REGEX = EMPTY_DIV_REGEX;
+exports.IMAGE_REGEX = IMAGE_REGEX;
+exports.IMAGE_REPLACEMENT_PATTERN = IMAGE_REPLACEMENT_PATTERN;
+exports.LINK_VALIDATION_SCHEMA = LINK_VALIDATION_SCHEMA;
+exports.TRAILING_BR_REGEX = TRAILING_BR_REGEX;
+//# sourceMappingURL=chunk-CNIzgxEP.cjs.js.map

package/dist/cjs/chunk-CNIzgxEP.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-CNIzgxEP.cjs.js","sources":["../../app/javascript/src/components/Editor/constants.js"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nimport { ALL_PROTOCOL_URL_REGEXP, EDITOR_OPTIONS } from \"common/constants\";\n\nexport const DEFAULT_EDITOR_OPTIONS = [\n  EDITOR_OPTIONS.BOLD,\n  EDITOR_OPTIONS.ITALIC,\n  EDITOR_OPTIONS.UNDERLINE,\n  EDITOR_OPTIONS.STRIKETHROUGH,\n  EDITOR_OPTIONS.LINK,\n  EDITOR_OPTIONS.PARAGRAPH,\n  EDITOR_OPTIONS.H1,\n  EDITOR_OPTIONS.H2,\n  EDITOR_OPTIONS.H3,\n  EDITOR_OPTIONS.H4,\n  EDITOR_OPTIONS.H5,\n  EDITOR_OPTIONS.H6,\n  EDITOR_OPTIONS.LIST_BULLETS,\n  EDITOR_OPTIONS.LIST_ORDERED,\n  EDITOR_OPTIONS.CODE,\n];\nexport const EDITOR_PADDING_SIZE = 12;\n\nexport const EDITOR_BORDER_SIZE = 1;\n\nexport const EDITOR_LINE_HEIGHT = 21;\n\nexport const IMAGE_REGEX = new RegExp(/(<img[^>]*?>)(?![\\s\\S]*<\\/figure>)/g);\nexport const IMAGE_REPLACEMENT_PATTERN = \"<figure>$1</figure>\";\nexport const EMPTY_DIV_REGEX = new RegExp(\n  /<div[^>]*?>\\s*(?:<br[^>]*?>)\\s*<\\/div>/g\n);\nexport const TRAILING_BR_REGEX = new RegExp(/\\s*(?:<br[^>]*?>)+\\s*$/);\n\nexport const LINK_VALIDATION_SCHEMA = yup.object().shape({\n  textContent: yup.string().required(t(\"neetoEditor.error.textRequired\")),\n  urlString: yup\n    .string()\n    .matches(ALL_PROTOCOL_URL_REGEXP, t(\"neetoEditor.error.invalidUrl\"))\n    .required(t(\"neetoEditor.error.urlRequired\")),\n});\n"],"names":["DEFAULT_EDITOR_OPTIONS","EDITOR_OPTIONS","BOLD","ITALIC","UNDERLINE","STRIKETHROUGH","LINK","PARAGRAPH","H1","H2","H3","H4","H5","H6","LIST_BULLETS","LIST_ORDERED","CODE","EDITOR_PADDING_SIZE","EDITOR_BORDER_SIZE","EDITOR_LINE_HEIGHT","IMAGE_REGEX","RegExp","IMAGE_REPLACEMENT_PATTERN","EMPTY_DIV_REGEX","TRAILING_BR_REGEX","LINK_VALIDATION_SCHEMA","yup","object","shape","textContent","string","required","t","urlString","matches","ALL_PROTOCOL_URL_REGEXP"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAMA,sBAAsB,GAAG,CACpCC,wBAAc,CAACC,IAAI,EACnBD,wBAAc,CAACE,MAAM,EACrBF,wBAAc,CAACG,SAAS,EACxBH,wBAAc,CAACI,aAAa,EAC5BJ,wBAAc,CAACK,IAAI,EACnBL,wBAAc,CAACM,SAAS,EACxBN,wBAAc,CAACO,EAAE,EACjBP,wBAAc,CAACQ,EAAE,EACjBR,wBAAc,CAACS,EAAE,EACjBT,wBAAc,CAACU,EAAE,EACjBV,wBAAc,CAACW,EAAE,EACjBX,wBAAc,CAACY,EAAE,EACjBZ,wBAAc,CAACa,YAAY,EAC3Bb,wBAAc,CAACc,YAAY,EAC3Bd,wBAAc,CAACe,IAAI;AAEd,IAAMC,mBAAmB,GAAG;AAE5B,IAAMC,kBAAkB,GAAG;AAE3B,IAAMC,kBAAkB,GAAG;IAErBC,WAAW,GAAG,IAAIC,MAAM,CAAC,qCAAqC;AACpE,IAAMC,yBAAyB,GAAG;IAC5BC,eAAe,GAAG,IAAIF,MAAM,CACvC,yCACF;IACaG,iBAAiB,GAAG,IAAIH,MAAM,CAAC,wBAAwB;AAE7D,IAAMI,sBAAsB,GAAGC,cAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAC;AACvDC,EAAAA,WAAW,EAAEH,cAAG,CAACI,MAAM,EAAE,CAACC,QAAQ,CAACC,MAAC,CAAC,gCAAgC,CAAC,CAAC;EACvEC,SAAS,EAAEP,cAAG,CACXI,MAAM,EAAE,CACRI,OAAO,CAACC,iCAAuB,EAAEH,MAAC,CAAC,8BAA8B,CAAC,CAAC,CACnED,QAAQ,CAACC,MAAC,CAAC,+BAA+B,CAAC;AAChD,CAAC;;;;;;;;;;;;"}