@antscorp/antsomi-ui 1.3.3-beta.90 → 1.3.3-beta.91

package/es/components/atoms/InputDynamic/utils.js

@@ -107,7 +107,12 @@ export const convertHtmlText = (htmlText, format = 'raw', state, objectWidgetInp
                         else if (found[0] === 'productTemplate') {
                             bgColor = '#9238b5';
                         }
-                        else if (found[0] === 'promotion_code' || foundLink[0] === 'nontrackurl') {
+                        else if (foundLink[0] === 'nontrackurl' ||
+                            foundLink[0] === 'shortlink' ||
+                            foundLink[0] === 'shortlink_static') {
+                            bgColor = '#cae5fe';
+                        }
+                        else if (found[0] === 'promotion_code') {
                             bgColor = '#6750A7';
                         }
                         else if (found[0] === 'custom') {

package/es/components/molecules/UploadImage/VideoThumbnail.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { MediaThumbProps } from './MediaThumb';
-declare const _default: React.NamedExoticComponent<MediaThumbProps>;
-export default _default;
+declare const VideoThumbnail: React.FC<MediaThumbProps>;
+export default VideoThumbnail;

package/es/components/molecules/UploadImage/VideoThumbnail.js

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/media-has-caption */
 // Libraries
-import React, { useState, memo, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 // Assets
 import PlaceholderImage from '@antscorp/antsomi-ui/es/assets/images/placeholder-image.png';
 // Styled
@@ -24,7 +24,10 @@ const VideoThumbnail = props => {
                     setIsShow(true);
                 };
                 video.addEventListener('loadeddata', listener);
-                video.src = media.url;
+                // Set the preload time range
+                video.currentTime = 2;
+                // Start loading the video from the specified time
+                video.load();
             }
         }
         return () => {
@@ -32,8 +35,9 @@ const VideoThumbnail = props => {
         };
     }, [media, mode]);
     return (React.createElement("div", { style: { width: '100%', height: '100%' } },
-        React.createElement("video", { width: 400, height: 400, ref: videoRef, style: { display: 'none' } }),
+        React.createElement("video", { loop: false, muted: true, controls: false, width: 400, height: 400, ref: videoRef, style: { display: 'none' }, preload: "metadata" },
+            React.createElement("source", { src: media === null || media === void 0 ? void 0 : media.url, type: "video/mp4" })),
         React.createElement("canvas", { ref: canvasRef, style: { width: '100%', height: '100%', display: isShow ? 'block' : 'none' } }),
         React.createElement(Image, { src: PlaceholderImage, alt: "placeholder", style: { display: isShow ? 'none' : 'block' } })));
 };
-export default memo(VideoThumbnail);
+export default VideoThumbnail;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.3-beta.90",
+  "version": "1.3.3-beta.91",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",