@desynova-digital/components 9.1.51 → 9.2.0

package/atoms/icon/icons.json

@@ -1219,14 +1219,18 @@
       "height": 20,
       "width": 20
     },
-    "av_cut":{
-      "paths": ["M2.10547 0C3.26808 0.000110239 4.21094 0.93582 4.21094 2.08984C4.21091 2.47621 4.10321 2.83694 3.91895 3.14746L5.26465 4.4834L9.10254 0.676758C9.30808 0.472809 9.64116 0.472764 9.84668 0.676758C10.0519 0.880718 10.0519 1.2111 9.84668 1.41504L3.91895 7.29785C4.1032 7.60837 4.21094 7.96908 4.21094 8.35547C4.21084 9.50941 3.26802 10.4452 2.10547 10.4453C0.942823 10.4453 9.54067e-05 9.50948 0 8.35547C0 7.20138 0.942764 6.26562 2.10547 6.26562C2.49659 6.26566 2.86193 6.37312 3.17578 6.55762L4.52051 5.22266L3.1748 3.88672C2.86103 4.07113 2.49645 4.17965 2.10547 4.17969C0.942823 4.17969 9.54067e-05 3.24386 0 2.08984C0 0.935752 0.942764 0 2.10547 0ZM6.18945 6.15332C6.39482 5.94938 6.72795 5.94861 6.93359 6.15234L9.84375 9.03613C10.0495 9.23995 10.05 9.57119 9.84473 9.77539C9.63952 9.97945 9.30635 9.97976 9.10059 9.77637L6.18945 6.89258C5.98373 6.68875 5.9841 6.35752 6.18945 6.15332ZM2.10352 7.3125C1.52216 7.3125 1.05078 7.78038 1.05078 8.35742C1.05083 8.93443 1.52219 9.40234 2.10352 9.40234C2.68479 9.40229 3.1562 8.93439 3.15625 8.35742C3.15625 8.07122 3.04038 7.81177 2.85254 7.62305C2.85177 7.62229 2.85037 7.62185 2.84961 7.62109C2.84797 7.61947 2.84634 7.61785 2.84473 7.61621C2.65443 7.42873 2.39275 7.31253 2.10352 7.3125ZM2.10352 1.04688C1.52216 1.04688 1.05078 1.51475 1.05078 2.0918C1.05083 2.6688 1.52219 3.13672 2.10352 3.13672C2.3885 3.13669 2.64637 3.02348 2.83594 2.84082C2.84064 2.83578 2.84467 2.8301 2.84961 2.8252C2.85386 2.82098 2.85893 2.81752 2.86328 2.81348C3.04427 2.62581 3.15623 2.37203 3.15625 2.0918C3.15625 1.51478 2.68482 1.04693 2.10352 1.04688Z"],
+    "av_cut": {
+      "paths": [
+        "M2.10547 0C3.26808 0.000110239 4.21094 0.93582 4.21094 2.08984C4.21091 2.47621 4.10321 2.83694 3.91895 3.14746L5.26465 4.4834L9.10254 0.676758C9.30808 0.472809 9.64116 0.472764 9.84668 0.676758C10.0519 0.880718 10.0519 1.2111 9.84668 1.41504L3.91895 7.29785C4.1032 7.60837 4.21094 7.96908 4.21094 8.35547C4.21084 9.50941 3.26802 10.4452 2.10547 10.4453C0.942823 10.4453 9.54067e-05 9.50948 0 8.35547C0 7.20138 0.942764 6.26562 2.10547 6.26562C2.49659 6.26566 2.86193 6.37312 3.17578 6.55762L4.52051 5.22266L3.1748 3.88672C2.86103 4.07113 2.49645 4.17965 2.10547 4.17969C0.942823 4.17969 9.54067e-05 3.24386 0 2.08984C0 0.935752 0.942764 0 2.10547 0ZM6.18945 6.15332C6.39482 5.94938 6.72795 5.94861 6.93359 6.15234L9.84375 9.03613C10.0495 9.23995 10.05 9.57119 9.84473 9.77539C9.63952 9.97945 9.30635 9.97976 9.10059 9.77637L6.18945 6.89258C5.98373 6.68875 5.9841 6.35752 6.18945 6.15332ZM2.10352 7.3125C1.52216 7.3125 1.05078 7.78038 1.05078 8.35742C1.05083 8.93443 1.52219 9.40234 2.10352 9.40234C2.68479 9.40229 3.1562 8.93439 3.15625 8.35742C3.15625 8.07122 3.04038 7.81177 2.85254 7.62305C2.85177 7.62229 2.85037 7.62185 2.84961 7.62109C2.84797 7.61947 2.84634 7.61785 2.84473 7.61621C2.65443 7.42873 2.39275 7.31253 2.10352 7.3125ZM2.10352 1.04688C1.52216 1.04688 1.05078 1.51475 1.05078 2.0918C1.05083 2.6688 1.52219 3.13672 2.10352 3.13672C2.3885 3.13669 2.64637 3.02348 2.83594 2.84082C2.84064 2.83578 2.84467 2.8301 2.84961 2.8252C2.85386 2.82098 2.85893 2.81752 2.86328 2.81348C3.04427 2.62581 3.15623 2.37203 3.15625 2.0918C3.15625 1.51478 2.68482 1.04693 2.10352 1.04688Z"
+      ],
       "height": 11,
       "width": 10
     },
-    "shot_replacement":{
-       "viewBox": "0 -960 960 960",
-      "paths": ["M140-640q38-109 131.5-174.5T480-880q82 0 155.5 35T760-746v-134h80v240H600v-80h76q-39-39-90-59.5T480-800q-81 0-149.5 43T227-640h-87ZM280-80q-33 0-56.5-23.5T200-160v-320q0-33 23.5-56.5T280-560h320q33 0 56.5 23.5T680-480v120l120-120v320L680-280v120q0 33-23.5 56.5T600-80H280Z"],
+    "shot_replacement": {
+      "viewBox": "0 -960 960 960",
+      "paths": [
+        "M140-640q38-109 131.5-174.5T480-880q82 0 155.5 35T760-746v-134h80v240H600v-80h76q-39-39-90-59.5T480-800q-81 0-149.5 43T227-640h-87ZM280-80q-33 0-56.5-23.5T200-160v-320q0-33 23.5-56.5T280-560h320q33 0 56.5 23.5T680-480v120l120-120v320L680-280v120q0 33-23.5 56.5T600-80H280Z"
+      ],
       "height": 960,
       "width": 960
     },
@@ -1863,6 +1867,58 @@
       ],
       "width": 10,
       "height": 10
+    },
+    "sync-time": {
+      "paths": [
+        "M5 10C4.30556 10 3.65509 9.86806 3.04861 9.60417C2.44213 9.34028 1.91435 8.9838 1.46528 8.53472C1.0162 8.08565 0.659722 7.55787 0.395833 6.95139C0.131944 6.34491 0 5.69444 0 5C0 4.30556 0.131944 3.65509 0.395833 3.04861C0.659722 2.44213 1.0162 1.91435 1.46528 1.46528C1.91435 1.0162 2.44213 0.659722 3.04861 0.395833C3.65509 0.131944 4.30556 0 5 0C5.75926 0 6.47917 0.162037 7.15972 0.486111C7.84028 0.810185 8.41667 1.26852 8.88889 1.86111V0.555556H10V3.88889H6.66667V2.77778H8.19444C7.81482 2.25926 7.34722 1.85185 6.79167 1.55556C6.23611 1.25926 5.63889 1.11111 5 1.11111C3.91667 1.11111 2.99769 1.48843 2.24306 2.24306C1.48843 2.99769 1.11111 3.91667 1.11111 5C1.11111 6.08333 1.48843 7.00231 2.24306 7.75694C2.99769 8.51157 3.91667 8.88889 5 8.88889C5.97222 8.88889 6.82176 8.57407 7.54861 7.94444C8.27546 7.31481 8.7037 6.51852 8.83333 5.55556H9.97222C9.83333 6.82407 9.28935 7.88194 8.34028 8.72917C7.3912 9.57639 6.27778 10 5 10ZM6.55556 7.33333L4.44444 5.22222V2.22222H5.55556V4.77778L7.33333 6.55556L6.55556 7.33333Z"
+      ],
+      "width": 10,
+      "height": 10
+    },
+    "files-associated": {
+      "paths": [
+        "M7.11111 7.11111H0.888889V0.888889H4V0H0.888889C0.395556 0 0 0.4 0 0.888889V7.11111C0 7.6 0.395556 8 0.888889 8H7.11111C7.6 8 8 7.6 8 7.11111V4H7.11111V7.11111ZM4.88889 0V0.888889H6.48444L2.11556 5.25778L2.74222 5.88444L7.11111 1.51556V3.11111H8V0H4.88889Z"
+      ],
+      "width": 8,
+      "height": 8,
+      "fill": "#AFB2BA"
+    },
+    "upload_dubbing": {
+      "paths": [
+        "M6 11.6387L6.88125 12.5712L10.375 8.88072V16.9297H11.625V8.88072L15.1125 12.5778L16 11.6387L11 6.34766L6 11.6387Z"
+      ],
+      "width": 22,
+      "height": 24,
+      "fill": "#AFB2BA"
+    },
+    "download_dubbing": {
+      "paths": [
+        "M16 11.6387L15.1188 10.7061L11.625 14.3966V6.34768H10.375V14.3966L6.8875 10.6995L6 11.6387L11 16.9297L16 11.6387Z"
+      ],
+      "width": 22,
+      "height": 24,
+      "fill": "#AFB2BA"
+    },
+    "dubbing_review": {
+      "paths": [
+        "M2.4375 5.85526C2.14583 5.54825 2 5.17544 2 4.73684V1.57895C2 1.14035 2.14583 0.767544 2.4375 0.460526C2.72917 0.153509 3.08333 0 3.5 0C3.91667 0 4.27083 0.153509 4.5625 0.460526C4.85417 0.767544 5 1.14035 5 1.57895V4.73684C5 5.17544 4.85417 5.54825 4.5625 5.85526C4.27083 6.16228 3.91667 6.31579 3.5 6.31579C3.08333 6.31579 2.72917 6.16228 2.4375 5.85526ZM3 10V8.38158C2.13333 8.25877 1.41667 7.85088 0.85 7.1579C0.283333 6.46491 0 5.6579 0 4.73684H1C1 5.46491 1.24375 6.08553 1.73125 6.59868C2.21875 7.11184 2.80833 7.36842 3.5 7.36842C4.19167 7.36842 4.78125 7.11184 5.26875 6.59868C5.75625 6.08553 6 5.46491 6 4.73684H7C7 5.6579 6.71667 6.46491 6.15 7.1579C5.58333 7.85088 4.86667 8.25877 4 8.38158V10H3Z"
+      ],
+      "width": 7,
+      "height": 10
+    },
+    "pgm_edit_V2": {
+      "paths": [
+        "M12.3916 0C12.5115 0.000132674 12.6084 0.0976382 12.6084 0.217773V9.78223C12.6084 9.90236 12.5115 9.99987 12.3916 10H0.217773C0.0977729 10 0 9.90244 0 9.78223V0.217773C0 0.0975561 0.0977729 0 0.217773 0H12.3916ZM0.43457 9.56348H2.17383V7.60742H0.43457V9.56348ZM10.4346 9.56348H12.1738V7.60742H10.4346V9.56348ZM0.43457 4.78809H2.17383V5.22363H0.43457V7.17969H2.17383V5.22363H10.4346V4.78809H12.1738V2.83203H10.4346V4.78809H2.17383V2.83203H0.43457V4.78809ZM10.4346 7.17969H12.1738V5.22363H10.4346V7.17969ZM0.43457 2.39551H2.17383V0.439453H0.43457V2.39551ZM10.4346 0.439453V2.39551H12.1738V0.439453H10.4346Z"
+      ],
+      "width": 13,
+      "height": 10
+    },
+    "file_ingest": {
+      "paths": [
+        "M3.17653 10.3237H7.94132V5.55892H11.1178L5.55892 0L0 5.55892H3.17653V10.3237ZM0 11.912H11.1178V13.5002H0V11.912Z"
+      ],
+      "width": 12,
+      "height": 14
     }
   }
 }

package/atoms/timeCodeDisplay/timeCodeDisplay.js

@@ -12,7 +12,8 @@ var TimeCodeDisplay = function TimeCodeDisplay(_ref) {
   var timecode = _ref.timecode,
     selectedTimecodeFormat = _ref.selectedTimecodeFormat,
     _ref$fps = _ref.fps,
-    fps = _ref$fps === void 0 ? 25 : _ref$fps;
+    fps = _ref$fps === void 0 ? 25 : _ref$fps,
+    color = _ref.color;
   var displayValue = "00:00:00:00";
   switch (selectedTimecodeFormat) {
     case "HH:MM:SS":
@@ -28,7 +29,11 @@ var TimeCodeDisplay = function TimeCodeDisplay(_ref) {
       displayValue = timecode;
       break;
   }
-  return /*#__PURE__*/_react["default"].createElement("span", null, displayValue);
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      color: color
+    }
+  }, displayValue);
 };
 TimeCodeDisplay.propTypes = {
   timecode: _propTypes["default"].string.isRequired,

package/atoms/timeCodeInput/timeCodeMSInput.js

@@ -66,6 +66,7 @@ var TimeCodeMSInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     isValid = _useState4[0],
     setIsValid = _useState4[1];
+  var inputRef = (0, _react.useRef)(null);
   var onTimePickerChange = function onTimePickerChange(value, e) {
     var _e$target;
     var inputTime = value;
@@ -155,6 +156,13 @@ var TimeCodeMSInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       inputFieldType: inputFieldType,
       returnValidity: function returnValidity() {
         return isValid;
+      },
+      focus: function focus() {
+        // Get the actual input element and focus it
+        if (inputRef && inputRef.current) {
+          var _inputRef$current;
+          (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+        }
       }
     };
   });
@@ -192,7 +200,7 @@ var TimeCodeMSInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     value: customInputValue,
     onFocus: onFocus,
     onBlur: onBlurFn,
-    ref: ref,
+    ref: inputRef,
     onKeyDown: onKeyDownFn,
     onChange: function onChange(e) {
       return onChangeFn(e);

package/atoms/timeCodeInput/timeCodeMainInput.js

@@ -66,6 +66,7 @@ var TimeCodeMainInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     isValid = _useState4[0],
     setIsValid = _useState4[1];
+  var inputRef = (0, _react.useRef)(null);
   var onTimePickerChange = function onTimePickerChange(value, e) {
     var inputTime = value;
     var formattedTime = inputTime;
@@ -148,6 +149,13 @@ var TimeCodeMainInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
       inputFieldType: inputFieldType,
       returnValidity: function returnValidity() {
         return isValid;
+      },
+      focus: function focus() {
+        // Get the actual input element and focus it
+        if (inputRef && inputRef.current) {
+          var _inputRef$current;
+          (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+        }
       }
     };
   });
@@ -188,9 +196,10 @@ var TimeCodeMainInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     height: 7
   }))), /*#__PURE__*/_react["default"].createElement(StyledInput, {
     name: inputFieldType,
+    id: inputFieldType,
     theme: theme,
     width: width,
-    ref: ref,
+    ref: inputRef,
     value: customInputValue,
     onFocus: onFocus,
     onKeyDown: function onKeyDown(e) {

package/atoms/timeCodeInput/timeCodeStandardInput.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
@@ -163,6 +162,13 @@ var TimeCodeStandardInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
       inputFieldType: inputFieldType,
       returnValidity: function returnValidity() {
         return isValid;
+      },
+      focus: function focus() {
+        // Get the actual input element and focus it
+        if (inputRef && inputRef.current) {
+          var _inputRef$current;
+          (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+        }
       }
     };
   });
@@ -193,17 +199,23 @@ var TimeCodeStandardInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     name: "cross",
     width: 7,
     height: 7
-  }))), /*#__PURE__*/_react["default"].createElement(StyledInput, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
+  }))), /*#__PURE__*/_react["default"].createElement(StyledInput, {
     name: inputFieldType,
     theme: theme,
     width: width,
-    ref: ref,
+    ref: inputRef,
     value: customInputValue,
     onFocus: onFocus,
-    onBlur: onBlurFn
-  }, "ref", ref), "onKeyDown", onKeyDownFn), "onChange", function onChange(e) {
-    return onChangeFn(e);
-  }), "isValid", isValid), "maxLength", "8"), "checkBaiscErrorProp", checkBaiscError || false), "errorStatement", errorStatement || "")), showError && errorStatement.length > 0 && /*#__PURE__*/_react["default"].createElement(ErrorContainer, {
+    onBlur: onBlurFn,
+    onKeyDown: onKeyDownFn,
+    onChange: function onChange(e) {
+      return onChangeFn(e);
+    },
+    isValid: isValid,
+    maxLength: "8",
+    checkBaiscErrorProp: checkBaiscError || false,
+    errorStatement: errorStatement || ""
+  }), showError && errorStatement.length > 0 && /*#__PURE__*/_react["default"].createElement(ErrorContainer, {
     inputFieldType: inputFieldType
   }, " ", errorStatement));
 });

package/components.js

@@ -257,6 +257,12 @@ Object.defineProperty(exports, "RichTextInput", {
     return _richTextInput["default"];
   }
 });
+Object.defineProperty(exports, "RichTextInputV2", {
+  enumerable: true,
+  get: function get() {
+    return _richTextInputV["default"];
+  }
+});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function get() {
@@ -418,5 +424,6 @@ var _Shimmer = _interopRequireDefault(require("./atoms/loader/ShimmerComponent/S
 var _timeCodeInput = _interopRequireDefault(require("./atoms/timeCodeInput/timeCodeInput"));
 var _timeCodeDisplay = _interopRequireDefault(require("./atoms/timeCodeDisplay/timeCodeDisplay"));
 var _richTextInput = _interopRequireDefault(require("./molecules/richTextInput"));
+var _richTextInputV = _interopRequireDefault(require("./molecules/richTextInputV2"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/index.js

@@ -255,6 +255,12 @@ Object.defineProperty(exports, "RichTextInput", {
     return _components.RichTextInput;
   }
 });
+Object.defineProperty(exports, "RichTextInputV2", {
+  enumerable: true,
+  get: function get() {
+    return _components.RichTextInputV2;
+  }
+});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function get() {

package/molecules/richTextInput/RichTextInput.js

@@ -49,7 +49,7 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setCharCount = _useState4[1];
   var quillRef = (0, _react.useRef)(null);
   var quillInstance = (0, _react.useRef)(null);
-  var clickedKey = (0, _react.useRef)('');
+  var clickedKey = (0, _react.useRef)("");
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       getEditorContent: function getEditorContent() {
@@ -57,7 +57,7 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           var html = quillInstance.current.root.innerHTML;
           return changeEmToI(html);
         }
-        return '';
+        return "";
       },
       setEditorContent: function setEditorContent(content) {
         if (quillInstance.current) {
@@ -74,8 +74,8 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
    * @returns
    */
   var changeEmToI = function changeEmToI(str) {
-    var updatedStr = str.replace(/\n/g, '').replace(/<br\s*\/?>/gi, '').replace(/<\/?p>/gi, '').replace(/<[/]?em>/g, function (match) {
-      return match === '<em>' ? '<i>' : '</i>';
+    var updatedStr = str.replace(/\n/g, "").replace(/<br\s*\/?>/gi, "").replace(/<\/?p>/gi, "").replace(/<[/]?em>/g, function (match) {
+      return match === "<em>" ? "<i>" : "</i>";
     });
 
     // Remove surrounding <p> tags if present
@@ -88,7 +88,7 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   (0, _react.useEffect)(function () {
     if (!(quillInstance !== null && quillInstance !== void 0 && quillInstance.current)) {
       var quill = new _quill["default"](quillRef.current, {
-        theme: 'snow',
+        theme: "snow",
         modules: {
           toolbar: false,
           keyboard: {
@@ -99,9 +99,9 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
                 // Tab key
                 handler: function handler() {
                   var currentEditor = quillInstance.current.root;
-                  var editors = document.querySelectorAll('.ql-editor');
+                  var editors = document.querySelectorAll(".ql-editor");
                   var currentIndex = Array.from(editors).indexOf(currentEditor);
-                  if (editType === 'mainEdit' && currentIndex !== -1 && currentIndex < editors.length - 1) {
+                  if (editType === "mainEdit" && currentIndex !== -1 && currentIndex < editors.length - 1) {
                     editors[currentIndex + 1].focus();
                   }
                 }
@@ -114,9 +114,9 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
                 // Shift key combination
                 handler: function handler() {
                   var currentEditor = quillInstance.current.root;
-                  var editors = document.querySelectorAll('.ql-editor');
+                  var editors = document.querySelectorAll(".ql-editor");
                   var currentIndex = Array.from(editors).indexOf(currentEditor);
-                  if (editType === 'mainEdit' && currentIndex !== -1 && currentIndex > 0) {
+                  if (editType === "mainEdit" && currentIndex !== -1 && currentIndex > 0) {
                     editors[currentIndex - 1].focus(); // Move focus to the previous editor
                   }
                 }
@@ -138,9 +138,9 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       quillInstance.current.setSelection(length - 1, 0);
     };
     var editorRoot = quillInstance.current.root;
-    editorRoot.addEventListener('focus', handleFocus);
+    editorRoot.addEventListener("focus", handleFocus);
     var updateCharCount = function updateCharCount() {
-      var text = quillInstance.current.getText().replace(/\n/g, '');
+      var text = quillInstance.current.getText().replace(/\n/g, "");
       var characterCount = text.length;
       setCharCount(characterCount);
       var selection = quillInstance.current.getSelection();
@@ -150,13 +150,13 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           var startDeleteIndex = selection.index - excessCharacters;
           var safeDeleteIndex = Math.max(0, startDeleteIndex);
           quillInstance.current.deleteText(safeDeleteIndex, excessCharacters);
-          text = quillInstance.current.getText().replace(/\n/g, '');
+          text = quillInstance.current.getText().replace(/\n/g, "");
           characterCount = text.length;
         }
         setCharCount(characterCount);
         var html = quillInstance.current.getSemanticHTML();
         html = changeEmToI((0, _utils.cleanHtml)(html));
-        if (onChange && clickedKey.current !== 'enter') {
+        if (onChange && clickedKey.current !== "enter") {
           onChange({
             target: {
               value: html,
@@ -166,13 +166,13 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         }
       }
     };
-    quillInstance.current.on('text-change', updateCharCount);
+    quillInstance.current.on("text-change", updateCharCount);
     var editorContainer = quillInstance.current.root;
-    editorContainer.classList.add('quill-editor-content');
+    editorContainer.classList.add("quill-editor-content");
     return function () {
-      quillInstance.current.off('text-change', updateCharCount);
-      quillRef.current.innerHTML = '';
-      editorRoot.removeEventListener('focus', handleFocus);
+      quillInstance.current.off("text-change", updateCharCount);
+      quillRef.current.innerHTML = "";
+      editorRoot.removeEventListener("focus", handleFocus);
     };
   }, []);
 
@@ -188,21 +188,21 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         handleSave(html);
       }, 0);
       var handleKeyDown = function handleKeyDown(event) {
-        if (event.key === 'Enter') {
+        if (event.key === "Enter") {
           event.preventDefault();
           var html = quillInstance.current.getSemanticHTML();
           html = changeEmToI(html);
-          clickedKey.current = 'enter';
+          clickedKey.current = "enter";
           debouncedHandleSave(html);
-        } else if (event.key === 'Backspace' || event.key === 'Delete') {
-          clickedKey.current = 'backspace';
+        } else if (event.key === "Backspace" || event.key === "Delete") {
+          clickedKey.current = "backspace";
         } else {
-          clickedKey.current = '';
+          clickedKey.current = "";
         }
       };
-      editorContainer.addEventListener('keydown', handleKeyDown);
+      editorContainer.addEventListener("keydown", handleKeyDown);
       return function () {
-        editorContainer.removeEventListener('keydown', handleKeyDown);
+        editorContainer.removeEventListener("keydown", handleKeyDown);
         debouncedHandleSave.cancel(); // Clean up debounce
       };
     }
@@ -215,22 +215,22 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       if (value && currentContent !== value) {
         var selection = quillInstance.current.getSelection(); // Capture cursor position
 
-        var content = changeEmToI(value) || '';
+        var content = changeEmToI(value) || "";
         quillInstance.current.clipboard.dangerouslyPasteHTML(content); // Insert HTML content in Quill editor
         var textLength = quillInstance.current.getLength();
         if (selection && selection.index !== 0) {
           quillInstance.current.setSelection(selection.index, selection.length); // Restore previous cursor position
-        } else if (selection && selection.index === 0 && clickedKey.current === 'backspace') {
+        } else if (selection && selection.index === 0 && clickedKey.current === "backspace") {
           quillInstance.current.setSelection(0, 0); // Keep cursor at start when pressing backspace
         } else {
           quillInstance.current.setSelection(charCount || textLength - 1, (selection === null || selection === void 0 ? void 0 : selection.length) || 0); // Move cursor right for other cases
 
-          if (editType === 'mainEdit' && !selection) {
+          if (editType === "mainEdit" && !selection) {
             quillInstance.current.blur();
             // Select the first video element
-            var videoElement = document.getElementsByTagName('video')[0];
+            var videoElement = document.getElementsByTagName("video")[0];
             // Add a tabindex attribute to make it focusable
-            videoElement.setAttribute('tabindex', '0');
+            videoElement.setAttribute("tabindex", "0");
             videoElement.focus();
           }
         }
@@ -254,14 +254,14 @@ var RichTextInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     value: value,
     defaultValue: defaultValue
   }, props, {
-    maxLength: maxLength || '',
+    maxLength: maxLength || "",
     showLengthCount: showLengthCount || false
   }), /*#__PURE__*/_react["default"].createElement("div", {
     ref: quillRef
   })), label && /*#__PURE__*/_react["default"].createElement("label", {
     htmlFor: props.id,
-    className: charCount || focus ? 'floaton' : ''
-  }, "".concat(label).concat(props.required ? '*' : '')), errorMessage && /*#__PURE__*/_react["default"].createElement(RichTextInputError, {
+    className: charCount || focus ? "floaton" : ""
+  }, "".concat(label).concat(props.required ? "*" : "")), errorMessage && /*#__PURE__*/_react["default"].createElement(RichTextInputError, {
     value: value,
     theme: props.theme,
     error: props.error
@@ -277,39 +277,39 @@ var returnPadding = function returnPadding(props) {
   var digitCount = props.maxLength.toString().length;
   switch (digitCount) {
     case 0:
-      return '7px 0px 2px 0px';
+      return "7px 0px 2px 0px";
     case 1:
-      return '7px 40px 2px 0px';
+      return "7px 40px 2px 0px";
     case 2:
-      return '7px 60px 2px 0px';
+      return "7px 60px 2px 0px";
     case 3:
-      return '7px 75px 2px 0px';
+      return "7px 75px 2px 0px";
     case 4:
-      return '7px 90px 2px 0px';
+      return "7px 90px 2px 0px";
     case 5:
-      return '7px 110px 2px 0px';
+      return "7px 110px 2px 0px";
     default:
-      return '7px 0px 2px 0px';
+      return "7px 0px 2px 0px";
   }
 };
 var RichTextEditorContainer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  max-height: 48px;\n  overflow-y: scroll;\n  ::-webkit-scrollbar {\n    width: 0; /* Remove scrollbar space */\n    background: transparent; /* Optional: just make scrollbar invisible */\n  }\n  white-space: nowrap;\n  width: 100%;\n  text-wrap: wrap;\n  box-sizing: border-box;\n  border-bottom: 1px solid\n    ", ";\n\n  font-family: \"SFUIText-Medium\";\n  font-size: 14px;\n  color: ", ";\n\n  display: inline-block;\n  position: relative;\n  padding: ", ";\n  &:hover {\n    border-color: ", ";\n  }\n\n  &:focus-within {\n    border-color: ", ";\n  }\n\n  &::placeholder {\n    color: ", ";\n    opacity: ", ";\n    transition: 0.2s ease all;\n  }\n\n  &:focus-within::placeholder {\n    color: ", ";\n    opacity: ", ";\n  }\n"])), function (props) {
-  return props.theme === 'light' ? _tokens.colors.light.inputCommon.border : _tokens.colors.dark.inputCommon.border;
+  return props.theme === "light" ? _tokens.colors.light.inputCommon.border : _tokens.colors.dark.inputCommon.border;
 }, function (props) {
-  return props.theme === 'light' ? _tokens.colors.light.inputCommon.color : _tokens.colors.dark.inputCommon.color;
+  return props.theme === "light" ? _tokens.colors.light.inputCommon.color : _tokens.colors.dark.inputCommon.color;
 }, function (props) {
-  return returnPadding(props || '');
+  return returnPadding(props || "");
 }, function (props) {
-  return props.theme === 'light' ? _tokens.colors.light.inputCommon.borderHover : _tokens.colors.dark.inputCommon.borderHover;
+  return props.theme === "light" ? _tokens.colors.light.inputCommon.borderHover : _tokens.colors.dark.inputCommon.borderHover;
 }, function (props) {
-  return props.theme === 'light' ? _tokens.colors.light.inputCommon.borderHover : _tokens.colors.dark.inputCommon.borderHover;
+  return props.theme === "light" ? _tokens.colors.light.inputCommon.borderHover : _tokens.colors.dark.inputCommon.borderHover;
 }, function (props) {
-  return props.theme === 'light' ? _tokens.colors.light.inputCommon.placeholder : _tokens.colors.dark.inputCommon.placeholder;
+  return props.theme === "light" ? _tokens.colors.light.inputCommon.placeholder : _tokens.colors.dark.inputCommon.placeholder;
 }, function (props) {
-  return props.label ? '0' : '1';
+  return props.label ? "0" : "1";
 }, function (props) {
-  return props.theme === 'light' ? _tokens.colors.light.inputCommon.placeholder : _tokens.colors.dark.inputCommon.placeholder;
+  return props.theme === "light" ? _tokens.colors.light.inputCommon.placeholder : _tokens.colors.dark.inputCommon.placeholder;
 }, function (props) {
-  return props.label ? '1' : '1';
+  return props.label ? "1" : "1";
 });
 RichTextInput.propTypes = {
   masked: _propTypes["default"].bool,
@@ -343,18 +343,18 @@ RichTextInput.propTypes = {
   simpleEdit: _propTypes["default"].bool,
   required: _propTypes["default"].bool,
   autoFocus: _propTypes["default"].bool,
-  theme: _propTypes["default"].oneOf(['light', 'dark', 'nexc']),
-  fieldType: _propTypes["default"].oneOf(['inputField', 'textArea'])
+  theme: _propTypes["default"].oneOf(["light", "dark", "nexc"]),
+  fieldType: _propTypes["default"].oneOf(["inputField", "textArea"])
 };
 RichTextInput.defaultProps = {
   autoFocus: false,
-  fieldType: 'textArea',
+  fieldType: "textArea",
   readOnly: false,
   code: false,
   error: null,
   onChange: null,
-  type: 'text',
-  theme: 'light',
+  type: "text",
+  theme: "light",
   showLengthCount: false,
   simpleEdit: false
 };