@antscorp/antsomi-ui 2.0.108 → 2.0.110

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/es/components/organism/ActivityTimeline/ActivityTimeline.js +3 -3
  2. package/es/components/organism/ActivityTimeline/__mocks__/timeline.json +122 -1285
  3. package/es/components/organism/ActivityTimeline/components/ItemEvent/ItemEvent.js +7 -1
  4. package/es/components/organism/ActivityTimeline/components/ItemGroupEvent/ItemGroupEvent.js +14 -2
  5. package/es/components/organism/ActivityTimeline/constants.d.ts +18 -18
  6. package/es/components/organism/ActivityTimeline/constants.js +7 -8
  7. package/es/components/organism/ActivityTimeline/index.d.ts +530 -1
  8. package/es/components/organism/ActivityTimeline/index.js +9 -1
  9. package/es/components/organism/ActivityTimeline/styled.js +4 -0
  10. package/es/components/organism/ActivityTimeline/utils.d.ts +7 -1
  11. package/es/components/organism/ActivityTimeline/utils.js +224 -162
  12. package/es/locales/en/google-sheet.json +109 -8
  13. package/es/locales/i18n.d.ts +306 -3
  14. package/es/locales/ja/google-sheet.json +301 -200
  15. package/es/locales/vi/google-sheet.json +118 -17
  16. package/es/services/MediaTemplateDesign/UploadFile/index.js +4 -4
  17. package/package.json +4 -3
package/es/components/organism/ActivityTimeline/components/ItemEvent/ItemEvent.js CHANGED
@@ -21,7 +21,13 @@ export const ItemEvent = forwardRef((props, ref) => {
21
21
  const { etype: eType } = item;
22
22
  const renderSingleEvent = (dataEvent) => {
23
23
  const dataActivity = dataEvent.data.firstActivities;
24
- const { titleEvent: title, fullContentEvent = '', infoEvent, validateExtra, perShow, limitShowSlide, } = getInfoEvent(eType, dataActivity[0], eventTracking, objectName, appConfig);
24
+ const { titleEvent: title, fullContentEvent = '', infoEvent, validateExtra, perShow, limitShowSlide, } = getInfoEvent({
25
+ eType,
26
+ itemEvent: dataActivity[0],
27
+ eventTracking,
28
+ customerName: objectName,
29
+ config: appConfig,
30
+ });
25
31
  return (_jsxs(TimelineSection, { title: title, bgIcon: infoEvent.backgroundIcon, iconName: infoEvent.iconName, children: [_jsx(List, { type: "timeline", children: _jsxs(ListItem, { children: [_jsx(ListItemTimeLine, { children: _jsx(ListItemTitle, { ellipsis: { tooltip: true }, children: htmlParse(fullContentEvent) }) }), _jsx(ListItemTime, { ellipsis: { tooltip: true }, children: formatDateHeader(dataActivity[0].trackedDateTimeUTC) })] }) }), infoEvent.showRedeem && validateExtra.loyalty_card ? (_jsxs(WrapperContainerRedeem, { children: [_jsx(CardMember, { info: validateExtra.loyalty_card }), checkShowRedeem(validateExtra) && (_jsx(Redeem, { point: safeParse(validateExtra.point, 'N/A'), redeemType: safeParse(validateExtra.point_type, 'N/A') }))] })) : (infoEvent.showRedeem &&
26
32
  checkShowRedeem(validateExtra) && (_jsx(Redeem, { point: safeParse(validateExtra.point, 'N/A'), redeemType: safeParse(validateExtra.point_type, 'N/A') }))), dataActivity[0].items.length > 0 && dataActivity[0].items[0].item_type === 'product' && (_jsx(ListItemContent, { children: _jsx(ActionHistory, { revenue: infoEvent.showRevenue
27
33
  ? `${safeParse(validateExtra.revenue, '--') === '--'
package/es/components/organism/ActivityTimeline/components/ItemGroupEvent/ItemGroupEvent.js CHANGED
@@ -45,12 +45,24 @@ export const ItemGroupEvent = forwardRef((props, ref) => {
45
45
  const { etype: eType } = item;
46
46
  const renderGroupEvent = (dataEvent) => {
47
47
  const dataActivity = dataEvent.data.firstActivities;
48
- const { titleEvent: title, infoEvent: infoEventLast } = getInfoEvent(eType, dataActivity[0], eventTracking, objectName, appConfig);
48
+ const { titleEvent: title, infoEvent: infoEventLast } = getInfoEvent({
49
+ eType,
50
+ itemEvent: dataActivity[0],
51
+ eventTracking,
52
+ customerName: objectName,
53
+ config: appConfig,
54
+ });
49
55
  const rearTitle = translate(translations._EVENT_DES_PERFORM_OTHER_EVENT, 'and performed other {{x}} actions', { x: dataActivity.length - 1 });
50
56
  if (isEmpty(dataActivity))
51
57
  return null;
52
58
  return (_jsx(TimelineSection, { title: `${title}, ${rearTitle}`, bgIcon: infoEventLast.backgroundIcon, iconName: infoEventLast.iconName ? infoEventLast.iconName : 'cus web', children: _jsx(List, { type: "timeline", loadMore: true, limit: 5, noPaddingBottom: true, children: dataActivity.map((itemEvent, index) => {
53
- const { titleEvent, fullContentEvent = '', infoEvent, validateExtra, perShow, limitShowSlide, } = getInfoEvent(eType, itemEvent, eventTracking, objectName, appConfig);
59
+ const { titleEvent, fullContentEvent = '', infoEvent, validateExtra, perShow, limitShowSlide, } = getInfoEvent({
60
+ eType,
61
+ itemEvent,
62
+ eventTracking,
63
+ customerName: objectName,
64
+ config: appConfig,
65
+ });
54
66
  return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { children: [_jsx(ListItemTimeLine, { children: _jsx(ListItemTitle, { ellipsis: { tooltip: true }, children: htmlParse(fullContentEvent) }) }), _jsx(ListItemTime, { ellipsis: { tooltip: true }, children: formatDateHeader(itemEvent.trackedDateTimeUTC, timezone) })] }), infoEvent.showRedeem && validateExtra.loyalty_card ? (_jsxs(WrapperContainerRedeem, { children: [_jsx(CardMember, { info: validateExtra.loyalty_card }), checkShowRedeem(validateExtra) && (_jsx(Redeem, { point: safeParse(validateExtra.point, 'N/A'), redeemType: safeParse(validateExtra.point_type, 'N/A') }))] })) : (infoEvent.showRedeem &&
55
67
  checkShowRedeem(validateExtra) && (_jsx(Redeem, { point: safeParse(validateExtra.point, 'N/A'), redeemType: safeParse(validateExtra.point_type, 'N/A') }))), itemEvent.items.length > 0 && itemEvent.items[0].item_type === 'product' && (_jsx(ListItemContent, { children: _jsx(ActionHistory, { revenue: infoEvent.showRevenue
56
68
  ? `${safeParse(validateExtra.revenue, '--') === '--'
package/es/components/organism/ActivityTimeline/constants.d.ts CHANGED
@@ -210,11 +210,11 @@ export declare const MAP_LIST_INFO_EVENT: {
210
210
  readonly 'view page': {
211
211
  readonly eventType: "view page";
212
212
  readonly iconCode: "_EVENT_VIEW_PAGE";
213
- readonly translateCode: "_EVENT_DES_VIEW_PAGE";
213
+ readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
214
214
  readonly showSlideImageAndPrice: false;
215
215
  readonly showQuantity: false;
216
216
  readonly showRevenue: false;
217
- readonly objectReplace: readonly ["customer_name", "page_name"];
217
+ readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
218
218
  readonly iconName: "cus web_asset";
219
219
  readonly backgroundIcon: "#005fd8";
220
220
  readonly showRedeem: false;
@@ -353,11 +353,11 @@ export declare const MAP_LIST_INFO_EVENT: {
353
353
  readonly 'view pageview': {
354
354
  readonly eventType: "view pageview";
355
355
  readonly iconCode: "_EVENT_VIEW_PAGE";
356
- readonly translateCode: "_EVENT_DES_VIEW_PAGE";
356
+ readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
357
357
  readonly showSlideImageAndPrice: false;
358
358
  readonly showQuantity: false;
359
359
  readonly showRevenue: false;
360
- readonly objectReplace: readonly ["customer_name", "page_name"];
360
+ readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
361
361
  readonly iconName: "cus web_asset";
362
362
  readonly backgroundIcon: "#005fd8";
363
363
  readonly showRedeem: false;
@@ -366,11 +366,11 @@ export declare const MAP_LIST_INFO_EVENT: {
366
366
  readonly 'view screenview': {
367
367
  readonly eventType: "view screenview";
368
368
  readonly iconCode: "";
369
- readonly translateCode: "_EVENT_VIEW_SCREEN";
369
+ readonly translateCode: "_EVENT_VIEW_SCREEN_NEW";
370
370
  readonly showSlideImageAndPrice: false;
371
371
  readonly showQuantity: false;
372
372
  readonly showRevenue: false;
373
- readonly objectReplace: readonly ["customer_name", "screen_type"];
373
+ readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
374
374
  readonly iconName: "cus mobile_friendly";
375
375
  readonly backgroundIcon: "#005fd8";
376
376
  readonly showRedeem: false;
@@ -690,11 +690,11 @@ export declare const DATA_EVENT: {
690
690
  } | {
691
691
  readonly eventType: "view page";
692
692
  readonly iconCode: "_EVENT_VIEW_PAGE";
693
- readonly translateCode: "_EVENT_DES_VIEW_PAGE";
693
+ readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
694
694
  readonly showSlideImageAndPrice: false;
695
695
  readonly showQuantity: false;
696
696
  readonly showRevenue: false;
697
- readonly objectReplace: readonly ["customer_name", "page_name"];
697
+ readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
698
698
  readonly iconName: "cus web_asset";
699
699
  readonly backgroundIcon: "#005fd8";
700
700
  readonly showRedeem: false;
@@ -822,11 +822,11 @@ export declare const DATA_EVENT: {
822
822
  } | {
823
823
  readonly eventType: "view pageview";
824
824
  readonly iconCode: "_EVENT_VIEW_PAGE";
825
- readonly translateCode: "_EVENT_DES_VIEW_PAGE";
825
+ readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
826
826
  readonly showSlideImageAndPrice: false;
827
827
  readonly showQuantity: false;
828
828
  readonly showRevenue: false;
829
- readonly objectReplace: readonly ["customer_name", "page_name"];
829
+ readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
830
830
  readonly iconName: "cus web_asset";
831
831
  readonly backgroundIcon: "#005fd8";
832
832
  readonly showRedeem: false;
@@ -834,11 +834,11 @@ export declare const DATA_EVENT: {
834
834
  } | {
835
835
  readonly eventType: "view screenview";
836
836
  readonly iconCode: "";
837
- readonly translateCode: "_EVENT_VIEW_SCREEN";
837
+ readonly translateCode: "_EVENT_VIEW_SCREEN_NEW";
838
838
  readonly showSlideImageAndPrice: false;
839
839
  readonly showQuantity: false;
840
840
  readonly showRevenue: false;
841
- readonly objectReplace: readonly ["customer_name", "screen_type"];
841
+ readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
842
842
  readonly iconName: "cus mobile_friendly";
843
843
  readonly backgroundIcon: "#005fd8";
844
844
  readonly showRedeem: false;
@@ -1164,11 +1164,11 @@ export declare const DATA_EVENT: {
1164
1164
  readonly 'view page': {
1165
1165
  readonly eventType: "view page";
1166
1166
  readonly iconCode: "_EVENT_VIEW_PAGE";
1167
- readonly translateCode: "_EVENT_DES_VIEW_PAGE";
1167
+ readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
1168
1168
  readonly showSlideImageAndPrice: false;
1169
1169
  readonly showQuantity: false;
1170
1170
  readonly showRevenue: false;
1171
- readonly objectReplace: readonly ["customer_name", "page_name"];
1171
+ readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
1172
1172
  readonly iconName: "cus web_asset";
1173
1173
  readonly backgroundIcon: "#005fd8";
1174
1174
  readonly showRedeem: false;
@@ -1307,11 +1307,11 @@ export declare const DATA_EVENT: {
1307
1307
  readonly 'view pageview': {
1308
1308
  readonly eventType: "view pageview";
1309
1309
  readonly iconCode: "_EVENT_VIEW_PAGE";
1310
- readonly translateCode: "_EVENT_DES_VIEW_PAGE";
1310
+ readonly translateCode: "_EVENT_DES_VIEW_PAGE_NEW";
1311
1311
  readonly showSlideImageAndPrice: false;
1312
1312
  readonly showQuantity: false;
1313
1313
  readonly showRevenue: false;
1314
- readonly objectReplace: readonly ["customer_name", "page_name"];
1314
+ readonly objectReplace: readonly ["customer_name", "page_type", "event_source_name"];
1315
1315
  readonly iconName: "cus web_asset";
1316
1316
  readonly backgroundIcon: "#005fd8";
1317
1317
  readonly showRedeem: false;
@@ -1320,11 +1320,11 @@ export declare const DATA_EVENT: {
1320
1320
  readonly 'view screenview': {
1321
1321
  readonly eventType: "view screenview";
1322
1322
  readonly iconCode: "";
1323
- readonly translateCode: "_EVENT_VIEW_SCREEN";
1323
+ readonly translateCode: "_EVENT_VIEW_SCREEN_NEW";
1324
1324
  readonly showSlideImageAndPrice: false;
1325
1325
  readonly showQuantity: false;
1326
1326
  readonly showRevenue: false;
1327
- readonly objectReplace: readonly ["customer_name", "screen_type"];
1327
+ readonly objectReplace: readonly ["customer_name", "screen_type", "event_source_name"];
1328
1328
  readonly iconName: "cus mobile_friendly";
1329
1329
  readonly backgroundIcon: "#005fd8";
1330
1330
  readonly showRedeem: false;
package/es/components/organism/ActivityTimeline/constants.js CHANGED
@@ -1,5 +1,4 @@
1
- /* eslint-disable no-underscore-dangle */
2
- import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
1
+ import { translations } from '@antscorp/antsomi-locales';
3
2
  export const MAP_LIST_INFO_EVENT = {
4
3
  'click product': {
5
4
  eventType: 'click product',
@@ -225,11 +224,11 @@ export const MAP_LIST_INFO_EVENT = {
225
224
  'view page': {
226
225
  eventType: 'view page',
227
226
  iconCode: '_EVENT_VIEW_PAGE',
228
- translateCode: '_EVENT_DES_VIEW_PAGE',
227
+ translateCode: '_EVENT_DES_VIEW_PAGE_NEW',
229
228
  showSlideImageAndPrice: false,
230
229
  showQuantity: false,
231
230
  showRevenue: false,
232
- objectReplace: ['customer_name', 'page_name'],
231
+ objectReplace: ['customer_name', 'page_type', 'event_source_name'],
233
232
  iconName: 'cus web_asset',
234
233
  backgroundIcon: '#005fd8',
235
234
  showRedeem: false,
@@ -368,11 +367,11 @@ export const MAP_LIST_INFO_EVENT = {
368
367
  'view pageview': {
369
368
  eventType: 'view pageview',
370
369
  iconCode: '_EVENT_VIEW_PAGE',
371
- translateCode: '_EVENT_DES_VIEW_PAGE',
370
+ translateCode: '_EVENT_DES_VIEW_PAGE_NEW',
372
371
  showSlideImageAndPrice: false,
373
372
  showQuantity: false,
374
373
  showRevenue: false,
375
- objectReplace: ['customer_name', 'page_name'],
374
+ objectReplace: ['customer_name', 'page_type', 'event_source_name'],
376
375
  iconName: 'cus web_asset',
377
376
  backgroundIcon: '#005fd8',
378
377
  showRedeem: false,
@@ -381,11 +380,11 @@ export const MAP_LIST_INFO_EVENT = {
381
380
  'view screenview': {
382
381
  eventType: 'view screenview',
383
382
  iconCode: '',
384
- translateCode: '_EVENT_VIEW_SCREEN',
383
+ translateCode: '_EVENT_VIEW_SCREEN_NEW',
385
384
  showSlideImageAndPrice: false,
386
385
  showQuantity: false,
387
386
  showRevenue: false,
388
- objectReplace: ['customer_name', 'screen_type'],
387
+ objectReplace: ['customer_name', 'screen_type', 'event_source_name'],
389
388
  iconName: 'cus mobile_friendly',
390
389
  backgroundIcon: '#005fd8',
391
390
  showRedeem: false,