ordering-ui-admin-external 1.45.4 → 1.45.6

package/_modules/components/Settings/InsertImage/index.js

@@ -62,9 +62,14 @@ var InsertImage = exports.InsertImage = function InsertImage(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    altText = _useState8[0],
+    setAltText = _useState8[1];
   var handleInsertClick = function handleInsertClick() {
     handleRestoreEditor();
-    editorContext.invoke('editor.insertImage', imageUrl);
+    var imgTag = "<img src=\"".concat(imageUrl, "\" alt=\"").concat(altText || t('IMAGE', 'Image'), "\" />");
+    editorContext.invoke('editor.pasteHTML', imgTag);
     onClose();
   };
   var handleClickImage = function handleClickImage(type) {
@@ -120,6 +125,12 @@ var InsertImage = exports.InsertImage = function InsertImage(props) {
     onChange: function onChange(e) {
       return setImageUrl(e.target.value);
     }
+  })), /*#__PURE__*/_react.default.createElement(_styles2.WrapperInput, null, /*#__PURE__*/_react.default.createElement("label", null, t('ALT_TEXT', 'Alt text')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    value: insertImageState.alt,
+    onChange: function onChange(e) {
+      return setAltText(e.target.value);
+    },
+    placeholder: t('ENTER_ALT_TEXT', 'Enter alt text')
   })), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     borderRadius: "8px",
     color: "primary",

package/_modules/components/Stores/ProductDetailsAdvanced/index.js

@@ -315,7 +315,7 @@ var ProductDetailsAdvancedUI = function ProductDetailsAdvancedUI(props) {
   }, [productState === null || productState === void 0 ? void 0 : productState.weight]);
   (0, _react.useEffect)(function () {
     var _formState$changes8, _formState$changes9;
-    if (formState !== null && formState !== void 0 && (_formState$changes8 = formState.changes) !== null && _formState$changes8 !== void 0 && _formState$changes8.weight && !(formState !== null && formState !== void 0 && (_formState$changes9 = formState.changes) !== null && _formState$changes9 !== void 0 && _formState$changes9.weight_unit)) {
+    if (formState !== null && formState !== void 0 && (_formState$changes8 = formState.changes) !== null && _formState$changes8 !== void 0 && _formState$changes8.weight && !(productState !== null && productState !== void 0 && productState.weight_unit) && !(formState !== null && formState !== void 0 && (_formState$changes9 = formState.changes) !== null && _formState$changes9 !== void 0 && _formState$changes9.weight_unit)) {
       handleClickProperty('weight_unit', 'grams');
     }
   }, [formState === null || formState === void 0 || (_formState$changes10 = formState.changes) === null || _formState$changes10 === void 0 ? void 0 : _formState$changes10.weight]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.45.04",
+  "version": "1.45.06",
   "description": "Ordering UI Admin Components",
   "main": "./_modules/index.js",
   "exports": {

package/src/components/Settings/InsertImage/index.js

@@ -41,10 +41,12 @@ export const InsertImage = (props) => {
   const imageInputRef = useRef(null)
   const [alertState, setAlertState] = useState({ open: false, content: [] })
   const [confirm, setConfirm] = useState({ open: false, content: null, handleOnAccept: null })
+  const [altText, setAltText] = useState('')
 
   const handleInsertClick = () => {
     handleRestoreEditor()
-    editorContext.invoke('editor.insertImage', imageUrl)
+    const imgTag = `<img src="${imageUrl}" alt="${altText || t('IMAGE', 'Image')}" />`
+    editorContext.invoke('editor.pasteHTML', imgTag)
     onClose()
   }
 
@@ -107,6 +109,14 @@ export const InsertImage = (props) => {
           onChange={e => setImageUrl(e.target.value)}
         />
       </WrapperInput>
+      <WrapperInput>
+        <label>{t('ALT_TEXT', 'Alt text')}</label>
+        <Input
+          value={insertImageState.alt}
+          onChange={(e) => setAltText(e.target.value)}
+          placeholder={t('ENTER_ALT_TEXT', 'Enter alt text')}
+        />
+      </WrapperInput>
       <Button
         borderRadius='8px'
         color='primary'

package/src/components/Stores/ProductDetailsAdvanced/index.js

@@ -279,7 +279,7 @@ const ProductDetailsAdvancedUI = (props) => {
   }, [productState?.weight])
 
   useEffect(() => {
-    if (formState?.changes?.weight && !(formState?.changes?.weight_unit)) {
+    if (formState?.changes?.weight && !productState?.weight_unit && !(formState?.changes?.weight_unit)) {
       handleClickProperty('weight_unit', 'grams')
     }
   }, [formState?.changes?.weight])