@antscorp/antsomi-ui 2.0.109 → 2.0.110

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

@@ -1,100 +1,100 @@
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 import { Typography } from 'antd';
 import styled from 'styled-components';
-export const WrapCard = styled.div `
-  display: flex;
-  padding: 12px;
-  background-color: #fff;
-  border: none;
-  border-radius: 10px;
+export const WrapCard = styled.div `
+  display: flex;
+  padding: 12px;
+  background-color: #fff;
+  border: none;
+  border-radius: 10px;
 `;
-export const ImgPanel = styled.div `
-  overflow: hidden;
-  width: 6.25rem;
-  height: 6.25rem;
-  position: relative;
-  border: 1px solid rgb(230, 230, 230);
-  border-radius: 10px;
-
-  @media screen and (max-width: 767px) {
-    width: 80px;
-    height: 80px;
-  }
-
-  &:before {
-    content: '';
-    position: absolute;
-    top: -10px;
-    bottom: -44px;
-    width: 100px;
-    left: 0;
-    background-color: #fff;
-    opacity: 0.7;
-    z-index: 2;
-    transform: skew(15deg, 15deg) translateX(-120px);
-    transition: all 0.4s ease-in-out;
-  }
-
-  &:hover {
-    &:before {
-      transform: skew(0, 0) translateX(100px);
-    }
-    a {
-      span {
-        transform: scale(1.2);
-      }
-    }
-  }
-
-  a {
-    width: 100%;
-    height: 100%;
-
-    & > span {
-      display: block;
-      width: 100%;
-      height: 100%;
-      transition: all 0.2s ease-in-out;
-    }
-  }
-
-  > .antsomi-image {
-    height: 100%;
-    width: 100%;
-
-    > img.antsomi-image-img {
-      height: 100%;
-      width: 100%;
-      object-fit: contain;
-    }
-  }
+export const ImgPanel = styled.div `
+  overflow: hidden;
+  width: 6.25rem;
+  height: 6.25rem;
+  position: relative;
+  border: 1px solid rgb(230, 230, 230);
+  border-radius: 10px;
+
+  @media screen and (max-width: 767px) {
+    width: 80px;
+    height: 80px;
+  }
+
+  &:before {
+    content: '';
+    position: absolute;
+    top: -10px;
+    bottom: -44px;
+    width: 100px;
+    left: 0;
+    background-color: #fff;
+    opacity: 0.7;
+    z-index: 2;
+    transform: skew(15deg, 15deg) translateX(-120px);
+    transition: all 0.4s ease-in-out;
+  }
+
+  &:hover {
+    &:before {
+      transform: skew(0, 0) translateX(100px);
+    }
+    a {
+      span {
+        transform: scale(1.2);
+      }
+    }
+  }
+
+  a {
+    width: 100%;
+    height: 100%;
+
+    & > span {
+      display: block;
+      width: 100%;
+      height: 100%;
+      transition: all 0.2s ease-in-out;
+    }
+  }
+
+  > .antsomi-image {
+    height: 100%;
+    width: 100%;
+
+    > img.antsomi-image-img {
+      height: 100%;
+      width: 100%;
+      object-fit: contain;
+    }
+  }
 `;
-export const InfoPanel = styled.div `
-  padding-left: 12px;
-  width: calc(100% - 6.25rem);
-  display: flex !important;
-  flex-direction: column;
-  justify-content: space-between;
+export const InfoPanel = styled.div `
+  padding-left: 12px;
+  width: calc(100% - 6.25rem);
+  display: flex !important;
+  flex-direction: column;
+  justify-content: space-between;
 `;
-export const LinkExtendTitle = styled(Typography.Link) `
-  font-size: 0.75rem;
-  font-weight: bold;
-  margin-bottom: 0.5rem;
-  white-space: nowrap;
-  overflow: hidden;
-  display: block;
-  text-overflow: ellipsis;
-  text-decoration: none;
-  color: rgb(0, 94, 184);
-  width: 100%;
-  span {
-    color: ${globalToken?.colorPrimary};
-  }
-  &:hover {
-    text-decoration: underline;
-  }
+export const LinkExtendTitle = styled(Typography.Link) `
+  font-size: 0.75rem;
+  font-weight: bold;
+  margin-bottom: 0.5rem;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
+  text-overflow: ellipsis;
+  text-decoration: none;
+  color: rgb(0, 94, 184);
+  width: 100%;
+  span {
+    color: ${globalToken?.colorPrimary};
+  }
+  &:hover {
+    text-decoration: underline;
+  }
 `;
-export const PlainCard = styled.div `
-  font-size: 12px;
-  line-height: 1.25;
+export const PlainCard = styled.div `
+  font-size: 12px;
+  line-height: 1.25;
 `;

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

@@ -1,10 +1,10 @@
 import styled from 'styled-components';
-export const WrapperRedeem = styled.div `
-  display: flex;
-  flex-direction: column;
+export const WrapperRedeem = styled.div `
+  display: flex;
+  flex-direction: column;
 `;
-export const ValueWrap = styled.div `
-  text-align: right;
-  max-width: 100%;
-  width: 100%;
+export const ValueWrap = styled.div `
+  text-align: right;
+  max-width: 100%;
+  width: 100%;
 `;

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

@@ -1,25 +1,25 @@
 import { Button } from 'antd';
 import styled from 'styled-components';
 import { Swiper } from 'swiper/react';
-export const StyledBtnNavigation = styled(Button) `
-  &.antsomi-btn {
-    position: absolute;
-    top: 50%;
-    z-index: 1000;
-
-    &.next {
-      transform: translateY(-50%) rotate(-90deg);
-      right: 4px;
-    }
-
-    &.prev {
-      transform: translateY(-50%) rotate(-90deg);
-      left: 4px;
-    }
-  }
+export const StyledBtnNavigation = styled(Button) `
+  &.antsomi-btn {
+    position: absolute;
+    top: 50%;
+    z-index: 1000;
+
+    &.next {
+      transform: translateY(-50%) rotate(-90deg);
+      right: 4px;
+    }
+
+    &.prev {
+      transform: translateY(-50%) rotate(-90deg);
+      left: 4px;
+    }
+  }
 `;
-export const StyledSwiper = styled(Swiper) `
-  &:not(:hover) ${StyledBtnNavigation}.antsomi-btn {
-    display: none !important;
-  }
+export const StyledSwiper = styled(Swiper) `
+  &:not(:hover) ${StyledBtnNavigation}.antsomi-btn {
+    display: none !important;
+  }
 `;

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

@@ -1,11 +1,11 @@
 import { Typography } from 'antd';
 import styled from 'styled-components';
-export const TimelineTitleRoot = styled.div `
-  font-size: 12px;
-  line-height: 1.0625rem;
-  margin-top: 12px;
-  margin-bottom: 16px;
-  padding-left: 0.375rem;
-  font-size: 0.75rem;
+export const TimelineTitleRoot = styled.div `
+  font-size: 12px;
+  line-height: 1.0625rem;
+  margin-top: 12px;
+  margin-bottom: 16px;
+  padding-left: 0.375rem;
+  font-size: 0.75rem;
 `;
 export const DateTitle = styled(Typography.Text) ``;

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

@@ -4,79 +4,79 @@ export const fonts = {
     roBold: 'Roboto-Bold',
     roMedium: 'Roboto-Medium',
 };
-export const TimelineContainer = styled.div `
-  position: relative;
-  padding-left: 0.25rem;
-  &:before {
-    content: '';
-    position: absolute;
-    top: -10px;
-    bottom: 0;
-    left: 1.188rem;
-    width: 0.063rem;
-    z-index: 1;
-    background-color: rgb(230, 230, 230);
-    height: calc(100% + 5px);
-  }
+export const TimelineContainer = styled.div `
+  position: relative;
+  padding-left: 0.25rem;
+  &:before {
+    content: '';
+    position: absolute;
+    top: -10px;
+    bottom: 0;
+    left: 1.188rem;
+    width: 0.063rem;
+    z-index: 1;
+    background-color: rgb(230, 230, 230);
+    height: calc(100% + 5px);
+  }
 `;
-export const TimelinePanel = styled.div `
-  position: relative;
-  padding-left: 3rem;
-
-  &:not(:last-child) {
-    margin-bottom: 2.5rem;
-    margin-bottom: 2rem;
-  }
+export const TimelinePanel = styled.div `
+  position: relative;
+  padding-left: 3rem;
+
+  &:not(:last-child) {
+    margin-bottom: 2.5rem;
+    margin-bottom: 2rem;
+  }
 `;
-export const TimelineHead = styled.div `
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-  padding-top: 15px;
-  margin-top: 5px;
-  flex-direction: column;
-  align-items: flex-start;
+export const TimelineHead = styled.div `
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  padding-top: 15px;
+  margin-top: 5px;
+  flex-direction: column;
+  align-items: flex-start;
 `;
-export const WrapIcon = styled.div `
-  border-radius: 50%;
-  width: 30px;
-  height: 30px;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  z-index: 2;
-  top: 15px;
-  left: 0;
-  color: #fff !important;
-
-  span {
-    font-size: 1rem !important;
-  }
-
-  ${({ bgIcon }) => (bgIcon ? `background-color:${bgIcon};` : `background-color: #646fef;`)}
+export const WrapIcon = styled.div `
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  z-index: 2;
+  top: 15px;
+  left: 0;
+  color: #fff !important;
+
+  span {
+    font-size: 1rem !important;
+  }
+
+  ${({ bgIcon }) => (bgIcon ? `background-color:${bgIcon};` : `background-color: #646fef;`)}
 `;
-export const TimelineDate = styled.div `
-  font-size: 12px;
-  color: #595959;
-  line-height: 1.33;
-  line-height: 1rem;
+export const TimelineDate = styled.div `
+  font-size: 12px;
+  color: #595959;
+  line-height: 1.33;
+  line-height: 1rem;
 `;
-export const TitleTimeline = styled.div `
-  font-size: 14px;
-  color: #000;
-  font-weight: bold;
-  margin-right: 1rem;
-  line-height: 1.2rem;
-  display: flex;
-  flex-direction: column;
-  line-height: 1rem;
+export const TitleTimeline = styled.div `
+  font-size: 14px;
+  color: #000;
+  font-weight: bold;
+  margin-right: 1rem;
+  line-height: 1.2rem;
+  display: flex;
+  flex-direction: column;
+  line-height: 1rem;
 `;
-export const TimelineContent = styled.div `
-  padding: 0.5rem 1rem;
-  background-color: #deeffe;
-  border-radius: 10px;
-  font-size: 0.875rem;
-  font-size: 0.75rem;
-  line-height: 1rem;
+export const TimelineContent = styled.div `
+  padding: 0.5rem 1rem;
+  background-color: #deeffe;
+  border-radius: 10px;
+  font-size: 0.875rem;
+  font-size: 0.75rem;
+  line-height: 1rem;
 `;

package/es/components/organism/ActivityTimeline/constants.d.ts

@@ -210,11 +210,11 @@ export declare const MAP_LIST_INFO_EVENT: {
     readonly 'view page': {
         readonly eventType: "view page";
         readonly iconCode: "_EVENT_VIEW_PAGE";
-        readonly translateCode: "_EVENT_DES_VIEW_PAGE";
+        readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "page_name"];
+        readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
         readonly iconName: "cus web_asset";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -353,11 +353,11 @@ export declare const MAP_LIST_INFO_EVENT: {
     readonly 'view pageview': {
         readonly eventType: "view pageview";
         readonly iconCode: "_EVENT_VIEW_PAGE";
-        readonly translateCode: "_EVENT_DES_VIEW_PAGE";
+        readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "page_name"];
+        readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
         readonly iconName: "cus web_asset";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -366,11 +366,11 @@ export declare const MAP_LIST_INFO_EVENT: {
     readonly 'view screenview': {
         readonly eventType: "view screenview";
         readonly iconCode: "";
-        readonly translateCode: "_EVENT_VIEW_SCREEN";
+        readonly translateCode: "_EVENT_VIEW_SCREEN_NEW";
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "screen_type"];
+        readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
         readonly iconName: "cus mobile_friendly";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -690,11 +690,11 @@ export declare const DATA_EVENT: {
     } | {
         readonly eventType: "view page";
         readonly iconCode: "_EVENT_VIEW_PAGE";
-        readonly translateCode: "_EVENT_DES_VIEW_PAGE";
+        readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "page_name"];
+        readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
         readonly iconName: "cus web_asset";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -822,11 +822,11 @@ export declare const DATA_EVENT: {
     } | {
         readonly eventType: "view pageview";
         readonly iconCode: "_EVENT_VIEW_PAGE";
-        readonly translateCode: "_EVENT_DES_VIEW_PAGE";
+        readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "page_name"];
+        readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
         readonly iconName: "cus web_asset";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -834,11 +834,11 @@ export declare const DATA_EVENT: {
     } | {
         readonly eventType: "view screenview";
         readonly iconCode: "";
-        readonly translateCode: "_EVENT_VIEW_SCREEN";
+        readonly translateCode: "_EVENT_VIEW_SCREEN_NEW";
         readonly showSlideImageAndPrice: false;
         readonly showQuantity: false;
         readonly showRevenue: false;
-        readonly objectReplace: readonly ["customer_name", "screen_type"];
+        readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
         readonly iconName: "cus mobile_friendly";
         readonly backgroundIcon: "#005fd8";
         readonly showRedeem: false;
@@ -1164,11 +1164,11 @@ export declare const DATA_EVENT: {
         readonly 'view page': {
             readonly eventType: "view page";
             readonly iconCode: "_EVENT_VIEW_PAGE";
-            readonly translateCode: "_EVENT_DES_VIEW_PAGE";
+            readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
             readonly showSlideImageAndPrice: false;
             readonly showQuantity: false;
             readonly showRevenue: false;
-            readonly objectReplace: readonly ["customer_name", "page_name"];
+            readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
             readonly iconName: "cus web_asset";
             readonly backgroundIcon: "#005fd8";
             readonly showRedeem: false;
@@ -1307,11 +1307,11 @@ export declare const DATA_EVENT: {
         readonly 'view pageview': {
             readonly eventType: "view pageview";
             readonly iconCode: "_EVENT_VIEW_PAGE";
-            readonly translateCode: "_EVENT_DES_VIEW_PAGE";
+            readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
             readonly showSlideImageAndPrice: false;
             readonly showQuantity: false;
             readonly showRevenue: false;
-            readonly objectReplace: readonly ["customer_name", "page_name"];
+            readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
             readonly iconName: "cus web_asset";
             readonly backgroundIcon: "#005fd8";
             readonly showRedeem: false;
@@ -1320,11 +1320,11 @@ export declare const DATA_EVENT: {
         readonly 'view screenview': {
             readonly eventType: "view screenview";
             readonly iconCode: "";
-            readonly translateCode: "_EVENT_VIEW_SCREEN";
+            readonly translateCode: "_EVENT_VIEW_SCREEN_NEW";
             readonly showSlideImageAndPrice: false;
             readonly showQuantity: false;
             readonly showRevenue: false;
-            readonly objectReplace: readonly ["customer_name", "screen_type"];
+            readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
             readonly iconName: "cus mobile_friendly";
             readonly backgroundIcon: "#005fd8";
             readonly showRedeem: false;

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

@@ -1,5 +1,4 @@
-/* eslint-disable no-underscore-dangle */
-import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+import { translations } from '@antscorp/antsomi-locales';
 export const MAP_LIST_INFO_EVENT = {
     'click product': {
         eventType: 'click product',
@@ -225,11 +224,11 @@ export const MAP_LIST_INFO_EVENT = {
     'view page': {
         eventType: 'view page',
         iconCode: '_EVENT_VIEW_PAGE',
-        translateCode: '_EVENT_DES_VIEW_PAGE',
+        translateCode: '_EVENT_DES_VIEW_PAGE_NEW',
         showSlideImageAndPrice: false,
         showQuantity: false,
         showRevenue: false,
-        objectReplace: ['customer_name', 'page_name'],
+        objectReplace: ['customer_name', 'page_type', 'event_source_name'],
         iconName: 'cus web_asset',
         backgroundIcon: '#005fd8',
         showRedeem: false,
@@ -368,11 +367,11 @@ export const MAP_LIST_INFO_EVENT = {
     'view pageview': {
         eventType: 'view pageview',
         iconCode: '_EVENT_VIEW_PAGE',
-        translateCode: '_EVENT_DES_VIEW_PAGE',
+        translateCode: '_EVENT_DES_VIEW_PAGE_NEW',
         showSlideImageAndPrice: false,
         showQuantity: false,
         showRevenue: false,
-        objectReplace: ['customer_name', 'page_name'],
+        objectReplace: ['customer_name', 'page_type', 'event_source_name'],
         iconName: 'cus web_asset',
         backgroundIcon: '#005fd8',
         showRedeem: false,
@@ -381,11 +380,11 @@ export const MAP_LIST_INFO_EVENT = {
     'view screenview': {
         eventType: 'view screenview',
         iconCode: '',
-        translateCode: '_EVENT_VIEW_SCREEN',
+        translateCode: '_EVENT_VIEW_SCREEN_NEW',
         showSlideImageAndPrice: false,
         showQuantity: false,
         showRevenue: false,
-        objectReplace: ['customer_name', 'screen_type'],
+        objectReplace: ['customer_name', 'screen_type', 'event_source_name'],
         iconName: 'cus mobile_friendly',
         backgroundIcon: '#005fd8',
         showRedeem: false,