[Log] add "locDt" props for sendLogShopByMobile funtion

Changed Files:
1. logActions.js
2. MobileSendPopUp.jsx
3. GroupProduct.jsx
4. SingleProduct.jsx
5. HotelProduct.jsx
6. ShowProduct.jsx
7. ShowUnableOption.jsx
8. UnableProduct.jsx
9. EventPopUpBanner.jsx
10. HotPicksPanel.jsx
11. WelcomeEventPanel.jsx

com.twin.app.shoptime/src/actions/logActions.js

@@ -578,6 +578,8 @@ export const sendLogDetail = (params) => (dispatch, getState) => {
  *
  * (O) liveFlag 라이브 여부
  *
+ * (O) locDt 디바이스 로컬 일시
+ *
  * (M) logTpNo 로그 타입 넘버
  *
  * (M) mbphNoFlag 전화 번호 여부 (모바일 폰 넘버 플래그)

com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx

@@ -1,67 +1,49 @@
-import React, {
+import React, { useCallback, useEffect, useMemo, useState } from "react";
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
 
-import classNames from 'classnames';
+import classNames from "classnames";
 import {
   AsYouTypeFormatter,
   PhoneNumberFormat,
   PhoneNumberUtil,
-} from 'google-libphonenumber';
+} from "google-libphonenumber";
-import {
+import { useDispatch, useSelector } from "react-redux";
-  useDispatch,
-  useSelector,
-} from 'react-redux';
 
-import {
+import { off, on } from "@enact/core/dispatcher";
-  off,
+import spotlight, { Spotlight } from "@enact/spotlight";
-  on,
+import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
-} from '@enact/core/dispatcher';
+import { Spottable } from "@enact/spotlight/Spottable";
-import spotlight, { Spotlight } from '@enact/spotlight';
-import {
-  SpotlightContainerDecorator,
-} from '@enact/spotlight/SpotlightContainerDecorator';
-import { Spottable } from '@enact/spotlight/Spottable';
 
-import defaultImage from '../../../assets/images/img-thumb-empty-144@3x.png';
+import defaultImage from "../../../assets/images/img-thumb-empty-144@3x.png";
-import { types } from '../../actions/actionTypes';
+import { types } from "../../actions/actionTypes";
-import {
+import { clearSMS, sendSms } from "../../actions/appDataActions";
-  clearSMS,
-  sendSms,
-} from '../../actions/appDataActions';
 import {
   changeLocalSettings,
   setHidePopup,
   setShowPopup,
-} from '../../actions/commonActions';
+} from "../../actions/commonActions";
 import {
   clearRegisterDeviceInfo,
   getDeviceAdditionInfo,
   registerDeviceInfo,
-} from '../../actions/deviceActions';
+} from "../../actions/deviceActions";
 import {
   clearCurationCoupon,
   setEventIssueReq,
-} from '../../actions/eventActions';
+} from "../../actions/eventActions";
-import { sendLogShopByMobile } from '../../actions/logActions';
+import { sendLogShopByMobile } from "../../actions/logActions";
-import {
+import { ACTIVE_POPUP, LOG_TP_NO } from "../../utils/Config";
-  ACTIVE_POPUP,
-  LOG_TP_NO,
-} from '../../utils/Config';
 import {
   $L,
   decryptPhoneNumber,
   encryptPhoneNumber,
-} from '../../utils/helperMethods';
+  formatLocalDateTime,
-import CustomImage from '../CustomImage/CustomImage';
+} from "../../utils/helperMethods";
-import TButton from '../TButton/TButton';
+import CustomImage from "../CustomImage/CustomImage";
-import TPopUp from '../TPopUp/TPopUp';
+import TButton from "../TButton/TButton";
-import HistoryPhoneNumber from './HistoryPhoneNumber/HistoryPhoneNumber';
+import TPopUp from "../TPopUp/TPopUp";
-import css from './MobileSendPopUp.module.less';
+import HistoryPhoneNumber from "./HistoryPhoneNumber/HistoryPhoneNumber";
-import SMSNumKeyPad from './SMSNumKeyPad';
+import css from "./MobileSendPopUp.module.less";
+import SMSNumKeyPad from "./SMSNumKeyPad";
 
 const SECRET_KEY = "fy7BTKuM9eeTQqEC9sF3Iw5qG43Aaip";
 
@@ -426,6 +408,7 @@ export default function MobileSendPopUp({
       if (shopByMobileLogRef) {
         let params = {
           ...shopByMobileLogRef.current,
+          locDt: formatLocalDateTime(new Date()),
           logTpNo: LOG_TP_NO.SHOP_BY_MOBILE.AGREE_AND_SEND,
           mbphNoFlag: "Y",
           trmsAgrFlag: "Y",

com.twin.app.shoptime/src/views/DetailPanel/GroupProduct/GroupProduct.jsx

@@ -11,7 +11,10 @@ import {
   sendLogShopByMobile,
 } from "../../../actions/logActions";
 import { LOG_MENU, LOG_TP_NO } from "../../../utils/Config";
-import { formatGMTString } from "../../../utils/helperMethods";
+import {
+  formatGMTString,
+  formatLocalDateTime,
+} from "../../../utils/helperMethods";
 import Indicator from "../components/indicator/Indicator";
 import IndicatorOptions from "../components/indicator/IndicatorOptions";
 import ProductOption from "../components/ProductOption";
@@ -106,6 +109,7 @@ export default function GroupProduct({
         lgCatCd: productData?.catCd ?? "",
         lgCatNm: productData?.catNm ?? "",
         liveFlag: panelInfo?.liveFlag ?? "N",
+        locDt: formatLocalDateTime(new Date()),
         logTpNo: LOG_TP_NO.SHOP_BY_MOBILE.SHOP_BY_MOBILE,
         mbphNoFlag: "N",
         patncNm: productData?.patncNm,

com.twin.app.shoptime/src/views/DetailPanel/SingleProduct/SingleProduct.jsx

@@ -11,7 +11,10 @@ import {
   sendLogShopByMobile,
 } from "../../../actions/logActions";
 import { LOG_MENU, LOG_TP_NO } from "../../../utils/Config";
-import { formatGMTString } from "../../../utils/helperMethods";
+import {
+  formatGMTString,
+  formatLocalDateTime,
+} from "../../../utils/helperMethods";
 import Indicator from "../components/indicator/Indicator";
 import IndicatorOptions from "../components/indicator/IndicatorOptions";
 import ProductOption from "../components/ProductOption";
@@ -106,6 +109,7 @@ export default function SingleProduct({
         lgCatCd: productData?.catCd ?? "",
         lgCatNm: productData?.catNm ?? "",
         liveFlag: panelInfo?.liveFlag ?? "N",
+        locDt: formatLocalDateTime(new Date()),
         logTpNo: LOG_TP_NO.SHOP_BY_MOBILE.SHOP_BY_MOBILE,
         mbphNoFlag: "N",
         patncNm: productData?.patncNm,

com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/HotelProduct.jsx

@@ -21,7 +21,11 @@ import {
 import TButton from "../../../components/TButton/TButton";
 import TQRCode from "../../../components/TQRCode/TQRCode";
 import * as Config from "../../../utils/Config";
-import { $L, formatGMTString } from "../../../utils/helperMethods";
+import {
+  $L,
+  formatGMTString,
+  formatLocalDateTime,
+} from "../../../utils/helperMethods";
 import IndicatorOptions from "../components/indicator/IndicatorOptions";
 import ThemeIndicator from "../components/indicator/ThemeIndicator";
 import StarRating from "../components/StarRating";
@@ -165,6 +169,7 @@ export default function HotelOption({
       lgCatCd: "",
       lgCatNm: "",
       liveFlag: "N",
+      locDt: formatLocalDateTime(new Date()),
       logTpNo: Config.LOG_TP_NO.SHOP_BY_MOBILE.SHOP_BY_MOBILE,
       mbphNoFlag: "N",
       patncNm: selectedHotelInfo.patncNm,

com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/ShowOptions/ShowUnableOption.jsx

@@ -9,6 +9,7 @@ export default function ThemeUnableOption({
   soldoutFlag,
   selectedCurationId,
   selectedCurationNm,
+  handleMobileSendPopupOpen,
 }) {
   return (
     <>
@@ -25,6 +26,7 @@ export default function ThemeUnableOption({
           selectedCurationId={selectedCurationId}
           selectedCurationNm={selectedCurationNm}
           smsTpCd={"APP00204"}
+          handleMobileSendPopupOpen={handleMobileSendPopupOpen}
         />
       </ProductOption>
     </>

com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/ShowProduct.jsx

@@ -11,7 +11,10 @@ import {
   sendLogShopByMobile,
 } from "../../../actions/logActions";
 import { LOG_MENU, LOG_TP_NO } from "../../../utils/Config";
-import { formatGMTString } from "../../../utils/helperMethods";
+import {
+  formatGMTString,
+  formatLocalDateTime,
+} from "../../../utils/helperMethods";
 import IndicatorOptions from "../components/indicator/IndicatorOptions";
 import ThemeIndicator from "../components/indicator/ThemeIndicator";
 import ShowSingleOption from "./ShowOptions/ShowSingleOption";
@@ -163,6 +166,7 @@ export default function ShowOption({
         lastPrice: productData?.priceInfo?.split("|")[1],
         lgCatCd: productData?.catCd ?? "",
         lgCatNm: productData?.catNm ?? "",
+        locDt: formatLocalDateTime(new Date()),
         liveFlag: panelInfo?.liveFlag ?? "N",
         logTpNo: LOG_TP_NO.SHOP_BY_MOBILE.SHOP_BY_MOBILE,
         mbphNoFlag: "N",
@@ -251,6 +255,7 @@ export default function ShowOption({
                   selectedCurationId={selectedCurationId}
                   selectedCurationNm={selectedCurationNm}
                   soldoutFlag={isSoldout}
+                  handleMobileSendPopupOpen={handleMobileSendPopupOpen}
                 />
               )}
             </div>

com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableProduct.jsx

@@ -11,7 +11,10 @@ import {
   sendLogShopByMobile,
 } from "../../../actions/logActions";
 import { LOG_MENU, LOG_TP_NO } from "../../../utils/Config";
-import { formatGMTString } from "../../../utils/helperMethods";
+import {
+  formatGMTString,
+  formatLocalDateTime,
+} from "../../../utils/helperMethods";
 import Indicator from "../components/indicator/Indicator";
 import IndicatorOptions from "../components/indicator/IndicatorOptions";
 import ProductOption from "../components/ProductOption";
@@ -106,6 +109,7 @@ export default function UnableProduct({
         lgCatCd: productData?.catCd ?? "",
         lgCatNm: productData?.catNm ?? "",
         liveFlag: panelInfo?.liveFlag ?? "N",
+        locDt: formatLocalDateTime(new Date()),
         logTpNo: LOG_TP_NO.SHOP_BY_MOBILE.SHOP_BY_MOBILE,
         mbphNoFlag: "N",
         patncNm: productData?.patncNm,

com.twin.app.shoptime/src/views/HomePanel/EventPopUpBanner/EventPopUpBanner.jsx

@@ -1,46 +1,36 @@
-import React, {
+import React, { useCallback, useEffect, useRef, useState } from "react";
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-} from 'react';
 
-import {
+import { useDispatch, useSelector } from "react-redux";
-  useDispatch,
-  useSelector,
-} from 'react-redux';
 
-import Spotlight from '@enact/spotlight';
+import Spotlight from "@enact/spotlight";
-import {
+import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
-  SpotlightContainerDecorator,
-} from '@enact/spotlight/SpotlightContainerDecorator';
 
-import { clearSMS } from '../../../actions/appDataActions';
+import { clearSMS } from "../../../actions/appDataActions";
 import {
   alertToast,
   setHidePopup,
   setShowPopup,
-} from '../../../actions/commonActions';
+} from "../../../actions/commonActions";
 import {
   clearGetProductCouponDownload,
   getProductCouponDownload,
-} from '../../../actions/couponActions';
+} from "../../../actions/couponActions";
-import { setEventPopClickInfo } from '../../../actions/eventActions';
+import { setEventPopClickInfo } from "../../../actions/eventActions";
-import { pushPanel } from '../../../actions/panelActions';
+import { sendLogGNB, sendLogShopByMobile } from "../../../actions/logActions";
-import { startVideoPlayer } from '../../../actions/playActions';
+import { pushPanel } from "../../../actions/panelActions";
-import MobileSendPopUp from '../../../components/MobileSend/MobileSendPopUp';
+import { startVideoPlayer } from "../../../actions/playActions";
-import TPopUp from '../../../components/TPopUp/TPopUp';
+import MobileSendPopUp from "../../../components/MobileSend/MobileSendPopUp";
-import { launchMembershipApp } from '../../../lunaSend';
+import TPopUp from "../../../components/TPopUp/TPopUp";
+import { launchMembershipApp } from "../../../lunaSend";
 import {
   ACTIVE_POPUP,
   LOG_MENU,
   LOG_TP_NO,
   MYINFO_TABS,
   panel_names,
-} from '../../../utils/Config';
+} from "../../../utils/Config";
-import { $L } from '../../../utils/helperMethods';
+import { $L, formatLocalDateTime } from "../../../utils/helperMethods";
-import css from '../EventPopUpBanner/EventPopUpBanner.module.less';
+import css from "../EventPopUpBanner/EventPopUpBanner.module.less";
-import { sendLogGNB, sendLogShopByMobile } from '../../../actions/logActions';
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "last-focused" },
@@ -121,6 +111,7 @@ export default function EventPopUpBanner() {
             lgCatCd: "",
             lgCatNm: "",
             liveFlag: "N",
+            locDt: formatLocalDateTime(new Date()),
             logTpNo: LOG_TP_NO.SHOP_BY_MOBILE.SHOP_BY_MOBILE,
             mbphNoFlag: "N",
             patncNm: eventPopData?.patncNm,

com.twin.app.shoptime/src/views/HotPicksPanel/HotPicksPanel.jsx

@@ -4,72 +4,65 @@ import React, {
   useMemo,
   useRef,
   useState,
-} from 'react';
+} from "react";
 
-import classNames from 'classnames';
+import classNames from "classnames";
-import {
+import { useDispatch, useSelector } from "react-redux";
-  useDispatch,
-  useSelector,
-} from 'react-redux';
 
-import { Job } from '@enact/core/util';
+import { Job } from "@enact/core/util";
-import Spotlight from '@enact/spotlight';
+import Spotlight from "@enact/spotlight";
-import SpotlightContainerDecorator
+import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-  from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from "@enact/spotlight/Spottable";
-import Spottable from '@enact/spotlight/Spottable';
 
-import { clearSMS } from '../../actions/appDataActions';
+import { clearSMS } from "../../actions/appDataActions";
 import {
   alertToast,
   setHidePopup,
   setShowPopup,
-} from '../../actions/commonActions';
+} from "../../actions/commonActions";
 import {
   clearGetProductCouponDownload,
   getProductCouponDownload,
-} from '../../actions/couponActions';
+} from "../../actions/couponActions";
-import { setEventIssueReq } from '../../actions/eventActions';
+import { setEventIssueReq } from "../../actions/eventActions";
-import { getThemeCurationInfo } from '../../actions/homeActions';
+import { getThemeCurationInfo } from "../../actions/homeActions";
 import {
   sendLogCuration,
   sendLogGNB,
   sendLogShopByMobile,
-} from '../../actions/logActions';
+} from "../../actions/logActions";
 import {
   popPanel,
   pushPanel,
   resetPanels,
   updatePanel,
-} from '../../actions/panelActions';
+} from "../../actions/panelActions";
 import {
   finishVideoPreview,
   startVideoPlayer,
-} from '../../actions/playActions';
+} from "../../actions/playActions";
-import MobileSendPopUp from '../../components/MobileSend/MobileSendPopUp';
+import MobileSendPopUp from "../../components/MobileSend/MobileSendPopUp";
-import TBody from '../../components/TBody/TBody';
+import TBody from "../../components/TBody/TBody";
-import TButton, { TYPES } from '../../components/TButton/TButton';
+import TButton, { TYPES } from "../../components/TButton/TButton";
-import TPanel from '../../components/TPanel/TPanel';
+import TPanel from "../../components/TPanel/TPanel";
-import usePrevious from '../../hooks/usePrevious';
+import usePrevious from "../../hooks/usePrevious";
-import useScrollTo from '../../hooks/useScrollTo';
+import useScrollTo from "../../hooks/useScrollTo";
-import { launchMembershipApp } from '../../lunaSend';
+import { launchMembershipApp } from "../../lunaSend";
-import * as Config from '../../utils/Config';
+import * as Config from "../../utils/Config";
-import {
+import { LOG_TP_NO, panel_names } from "../../utils/Config";
-  LOG_TP_NO,
+import { $L, formatLocalDateTime } from "../../utils/helperMethods";
-  panel_names,
+import { SpotlightIds } from "../../utils/SpotlightIds";
-} from '../../utils/Config';
+import css from "./HotPicks.module.less";
-import { $L } from '../../utils/helperMethods';
+import NoDataType from "./Type/NoDataType/NoDataType";
-import { SpotlightIds } from '../../utils/SpotlightIds';
+import TCFI from "./Type/TCFI/TCFI";
-import css from './HotPicks.module.less';
+import TCFI_2 from "./Type/TCFI_2/TCFI_2";
-import NoDataType from './Type/NoDataType/NoDataType';
+import TCFI_3 from "./Type/TCFI_3/TCFI_3";
-import TCFI from './Type/TCFI/TCFI';
+import TCFI_4 from "./Type/TCFI_4/TCFI_4";
-import TCFI_2 from './Type/TCFI_2/TCFI_2';
+import TCFV from "./Type/TCFV/TCFV";
-import TCFI_3 from './Type/TCFI_3/TCFI_3';
+import TCFV_2 from "./Type/TCFV_2/TCFV_2";
-import TCFI_4 from './Type/TCFI_4/TCFI_4';
+import TCFV_3 from "./Type/TCFV_3/TCFV_3";
-import TCFV from './Type/TCFV/TCFV';
+import TCFV_4 from "./Type/TCFV_4/TCFV_4";
-import TCFV_2 from './Type/TCFV_2/TCFV_2';
+import TCHH from "./Type/TCHH/TCHH";
-import TCFV_3 from './Type/TCFV_3/TCFV_3';
-import TCFV_4 from './Type/TCFV_4/TCFV_4';
-import TCHH from './Type/TCHH/TCHH';
 
 const SpottableComponent = Spottable("button");
 
@@ -489,6 +482,7 @@ const HotPicksPanel = ({ panelInfo, isOnTop, spotlightId }) => {
         lgCatCd: themeCurationInfoData[currentPage].lgCatCd ?? "",
         lgCatNm: "",
         liveFlag: "N",
+        locDt: formatLocalDateTime(new Date()),
         logTpNo: Config.LOG_TP_NO.SHOP_BY_MOBILE.SHOP_BY_MOBILE,
         mbphNoFlag: "N",
         patncNm: themeCurationInfoData[currentPage].patncNm,

com.twin.app.shoptime/src/views/WelcomeEventPanel/WelcomeEventPanel.jsx

@@ -20,6 +20,7 @@ import {
   getEventIssuedStaus,
   getWelcomeEventInfo,
 } from "../../actions/eventActions";
+import { sendLogGNB, sendLogShopByMobile } from "../../actions/logActions";
 import { popPanel, pushPanel } from "../../actions/panelActions";
 import { startVideoPlayer } from "../../actions/playActions";
 import MobileSendPopUp from "../../components/MobileSend/MobileSendPopUp";
@@ -29,9 +30,13 @@ import TButtonTab from "../../components/TButtonTab/TButtonTab";
 import TPanel from "../../components/TPanel/TPanel";
 import TPopUp from "../../components/TPopUp/TPopUp";
 import * as Config from "../../utils/Config";
-import { $L, scaleH, scaleW } from "../../utils/helperMethods";
+import {
+  $L,
+  formatLocalDateTime,
+  scaleH,
+  scaleW,
+} from "../../utils/helperMethods";
 import css from "../WelcomeEventPanel/WelcomeEventPanel.module.less";
-import { sendLogGNB, sendLogShopByMobile } from "../../actions/logActions";
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "last-focused" },
@@ -50,7 +55,6 @@ const getShopTpNm = (evntTpCd) => {
 };
 
 const WelcomeEventPanel = ({ spotlightId }) => {
-
   const dispatch = useDispatch();
 
   const eventDatas = useSelector((state) => state.event.eventData);
@@ -142,6 +146,7 @@ const WelcomeEventPanel = ({ spotlightId }) => {
         lgCatCd: eventInfo?.shptmLnkInfo?.lnkLgCatCd ?? "",
         lgCatNm: "",
         liveFlag: "N",
+        locDt: formatLocalDateTime(new Date()),
         logTpNo: Config.LOG_TP_NO.SHOP_BY_MOBILE.SHOP_BY_MOBILE,
         mbphNoFlag: "N",
         patncNm: "",