@antscorp/antsomi-ui 1.3.5-beta.832 → 1.3.5-beta.834

package/es/components/molecules/AddDynamicContent/components/DisplayFormat/DisplayFormat.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 type DisplayFormatProps = {

package/es/components/organism/AccountProfile/components/AccountSetting/AccountSetting.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
 import axios from 'axios';
 import clsx from 'clsx';
@@ -860,15 +860,15 @@ export const AccountSetting = memo(forwardRef((props, ref) => {
         (logoManual && logoManual.url) ||
         (!loading ? Image : '');
     try {
-        return (_jsxs(Spin, { spinning: loading, children: [_jsxs(AccountDetail, { className: "wrap-table", children: [_jsxs("div", { className: "form-profile", children: [_jsxs("div", { className: "left-profile", children: [logo && _jsx("img", { src: avatarUrl, alt: "" }), _jsxs("div", { className: "preview mt-10", children: [isDisabledEdit || isPreview ? null : (_jsxs(_Fragment, { children: [_jsx("div", { className: "block-choose-input-file", children: _jsx(UploadAvatar
+        return (_jsxs(Spin, { spinning: loading, children: [_jsxs(AccountDetail, { className: "wrap-table", children: [_jsxs("div", { className: "form-profile", children: [_jsxs("div", { className: "left-profile", children: [logo && _jsx("img", { src: avatarUrl, alt: "" }), _jsxs("div", { className: "preview mt-10", children: [isDisabledEdit || isPreview ? null : (_jsxs("div", { className: "block-choose-input-file", children: [_jsx(UploadAvatar
+                                                        // ref={input => {
+                                                        //   this.fileInput = input;
+                                                        // }}
+                                                        , { 
                                                             // ref={input => {
                                                             //   this.fileInput = input;
                                                             // }}
-                                                            , { 
-                                                                // ref={input => {
-                                                                //   this.fileInput = input;
-                                                                // }}
-                                                                onFileUploading: onFileUploading, onFileUploaded: handleChangeLogo, callbackFileError: showFileError, dimensions: { width: 5000, height: 5000 }, extensions: ['png', 'jpg', 'PNG', 'JPG'], maxFileSize: 3072, iamDomain: iamDomain, authStr: `?_token=${token}&_user_id=${accountId}&_account_id=${accountId}`, setLoading: setLoading }) }), _jsx("span", { className: "choose-file-text", children: "Change avatar" })] })), errors.avatar ? (_jsxs("div", { className: "error", style: {
+                                                            onFileUploading: onFileUploading, onFileUploaded: handleChangeLogo, callbackFileError: showFileError, dimensions: { width: 5000, height: 5000 }, extensions: ['png', 'jpg', 'PNG', 'JPG'], maxFileSize: 3072, iamDomain: iamDomain, authStr: `?_token=${token}&_user_id=${accountId}&_account_id=${accountId}`, setLoading: setLoading }), _jsx("span", { className: "choose-file-text", children: "Change avatar" })] })), errors.avatar ? (_jsxs("div", { className: "error", style: {
                                                         width: 'fit-content',
                                                         textAlign: 'left',
                                                         margin: '0 auto',

package/es/components/organism/ActivityTimeline/__mocks__/timeline.json

@@ -23,7 +23,12 @@
             "url": "",
             "urlName": "",
             "userId": "1256187161",
-            "items": [{ "name": "", "url": "https://sandbox-magento.antsomi.com/" }],
+            "items": [
+              {
+                "name": "",
+                "url": "https://sandbox-magento.antsomi.com/"
+              }
+            ],
             "extra": {
               "prop_id": "556300706",
               "utm_type": "referrer",
@@ -46,8 +51,12 @@
               "utm_source": "google.com",
               "visitor_type": "returning",
               "click_bc": "1256187161b1724237350",
-              "users": { "fb_uid": "fb.1.1723618150894.718581077124049320" },
-              "customers": { "customer_id": "211" },
+              "users": {
+                "fb_uid": "fb.1.1723618150894.718581077124049320"
+              },
+              "customers": {
+                "customer_id": "211"
+              },
               "title": ""
             },
             "context": {
@@ -1478,11 +1487,11 @@
                 "id": "469",
                 "type": "product",
                 "sale_price": 32,
-                "item_quantity": 1,
-                "quantity": 1,
+                "item_quantity": 10,
+                "quantity": 11,
                 "page_url": "https://sandbox-magento.antsomi.com/ryker-lumatech-trade-tee-crew-neck.html",
                 "last_updated": "2024-08-01 17:08:02",
-                "image_url": "https://sandbox-magento.antsomi.com/media/catalog/product/m/s/ms09-blue_main_1.jpg",
+                "image_url": "https://www.antsomi.com/wp-content/uploads/2021/04/Antsomi_Infinity_Marketing_Framework_CDP365.png",
                 "date_created": "2023-03-06 17:29:11",
                 "category_level_1": "Tops",
                 "category_level_2": "Tees",
@@ -1504,7 +1513,7 @@
                 "quantity": 1,
                 "page_url": "https://sandbox-magento.antsomi.com/minerva-lumatech-trade-v-tee.html",
                 "last_updated": "2024-06-13 13:41:37",
-                "image_url": "https://sandbox-magento.antsomi.com/media/catalog/product/w/s/ws08-blue_main_1.jpg",
+                "image_url": "https://www.antsomi.com/wp-content/uploads/2021/05/Media-coverage-DAVI-Antsomi-21_Apr_2021-455x1024.png",
                 "date_created": "2023-03-06 17:29:11",
                 "category_level_1": "Tops",
                 "category_level_2": "Tees",
@@ -1522,8 +1531,8 @@
                 "id": "565",
                 "type": "product",
                 "sale_price": 28,
-                "item_quantity": 1,
-                "quantity": 1,
+                "item_quantity": 24,
+                "quantity": 52,
                 "page_url": "https://sandbox-magento.antsomi.com/ryker-lumatech-trade-tee-v-neck.html",
                 "last_updated": "2024-07-31 19:47:26",
                 "image_url": "https://sandbox-magento.antsomi.com/media/catalog/product/m/s/ms02-gray_main_1.jpg",

package/es/components/organism/ActivityTimeline/components/ProductCard/ProductCard.js

@@ -4,5 +4,5 @@ import { translate } from '@antscorp/antsomi-ui/es/locales';
 import { Flex, Image, Tooltip } from 'antd';
 export const ProductCard = (props) => {
     const { href = '/', urlImg = '/', title = null, quantity = 0, price = '' } = props;
-    return (_jsxs(WrapCard, { children: [_jsx(ImgPanel, { children: _jsx(Image, { src: urlImg }) }), _jsxs(InfoPanel, { children: [_jsxs(Flex, { children: [_jsx(Tooltip, { title: title, arrow: true, children: href && href.length > 0 ? (_jsx(LinkExtendTitle, { href: href, target: "_blank", children: title })) : (_jsx(LinkExtendTitle, { children: title })) }), quantity && (_jsxs(PlainCard, { children: [translate('_TITL_QUANTITY', 'Quantity'), ": ", quantity] }))] }), _jsx(PlainCard, { children: price })] })] }));
+    return (_jsxs(WrapCard, { children: [_jsx(ImgPanel, { children: _jsx(Image, { src: urlImg }) }), _jsxs(InfoPanel, { children: [_jsxs(Flex, { vertical: true, children: [_jsx(Tooltip, { title: title, arrow: true, children: href && href.length > 0 ? (_jsx(LinkExtendTitle, { href: href, target: "_blank", children: title })) : (_jsx(LinkExtendTitle, { children: title })) }), quantity && (_jsxs(PlainCard, { children: [translate('_TITL_QUANTITY', 'Quantity'), ": ", quantity] }))] }), _jsx(PlainCard, { children: price })] })] }));
 };

package/es/components/organism/ActivityTimeline/components/ProductCard/styled.js

@@ -63,7 +63,9 @@ export const ImgPanel = styled.div `
     width: 100%;
 
     > img.antsomi-image-img {
-      object-fit: cover;
+      height: 100%;
+      width: 100%;
+      object-fit: contain;
     }
   }
 `;
@@ -76,7 +78,7 @@ export const InfoPanel = styled.div `
 `;
 export const LinkExtendTitle = styled(Typography.Link) `
   font-size: 0.75rem;
-  font-family: Roboto-Bold, sans-serif;
+  font-weight: bold;
   margin-bottom: 0.5rem;
   white-space: nowrap;
   overflow: hidden;
@@ -93,6 +95,6 @@ export const LinkExtendTitle = styled(Typography.Link) `
   }
 `;
 export const PlainCard = styled.div `
-  font-size: 0.875rem;
+  font-size: 12px;
   line-height: 1.25;
 `;

package/es/components/organism/ActivityTimeline/styled.js

@@ -4,6 +4,14 @@ export const StyledRoot = styled.div `
   display: flex;
   flex-direction: column;
   height: 100%;
+
+  a.title-have-url {
+    font-weight: bold;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
 `;
 export const StyldTitle = styled.div `
   font-size: 16px;

package/es/components/template/TemplateListing/Loadable.d.ts

@@ -3,4 +3,5 @@
  * Asynchronously loads the component for TemplateListing
  *
  */
+/// <reference types="react" />
 export declare const TemplateListing: (props: import("./types").TemplateListingProps<{}>) => JSX.Element;

package/es/locales/en/google-sheet.json

@@ -1288,7 +1288,7 @@
     "_TITL_TOTAL_TESTING_INPUT": "Total testing input",
     "_TITL_TRACKED_TIME": "Tracked time",
     "_TITL_TREAT_AS_CONVERSION_OBECJT": "Treat as Conversion Object",
-    "_TOOLTIP__TITL_TREAT_AS_CONVERSION_OBECJT": "Loading...",
+    "_TOOLTIP__TITL_TREAT_AS_CONVERSION_OBECJT": "Coi như đối tượng chuyển đổi",
     "_TITL_TRIGGER_EVENT": "{{trigger_event_name}}, where:",
     "_TITL_TRIGGER_TIME": "Trigger time",
     "_TITL_UNTITLED_MEASURE": "Untitled Measure",