optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[251018] fix: EnergyLabel

Browse Source 
🕐 커밋 시간: 2025. 10. 18. 23:31:25

📊 변경 통계:
  • 총 파일: 7개
  • 추가: +387줄
  • 삭제: -93줄

📁 추가된 파일:
  + com.twin.app.shoptime/assets/mock/EnergyLabelSample.pdf

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/actions/actionTypes.js
  ~ com.twin.app.shoptime/src/actions/convertActions.js
  ~ com.twin.app.shoptime/src/api/TAxios.js
  ~ com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
  ~ com.twin.app.shoptime/src/components/TItemCard/TItemCard.new.jsx
  ~ com.twin.app.shoptime/src/reducers/convertReducer.js

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/components/TItemCard/TItemCard.new.jsx (javascript):
    ✅ Added: hashCode()

🔧 주요 변경 내용:
  • 타입 시스템 안정성 강화
  • 핵심 비즈니스 로직 개선
  • API 서비스 레이어 개선
  • UI 컴포넌트 아키텍처 개선
This commit is contained in:
hyeon soo noh
2025-10-18 23:31:29 +09:00
parent 5bddacb3af
commit 0781bb39b2
7 changed files with 2272 additions and 522 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1504
com.twin.app.shoptime/assets/mock/EnergyLabelSample.pdf Normal file
View File

File diff suppressed because one or more lines are too long

454
com.twin.app.shoptime/src/actions/actionTypes.js
View File

@@ -2,220 +2,220 @@
export const types = {
// panel actions
PUSH_PANEL: "PUSH_PANEL",
POP_PANEL: "POP_PANEL",
UPDATE_PANEL: "UPDATE_PANEL",
RESET_PANELS: "RESET_PANELS",
PUSH_PANEL: 'PUSH_PANEL',
POP_PANEL: 'POP_PANEL',
UPDATE_PANEL: 'UPDATE_PANEL',
RESET_PANELS: 'RESET_PANELS',
// device actions
GET_AUTHENTICATION_CODE: "GET_AUTHENTICATION_CODE",
REGISTER_DEVICE: "REGISTER_DEVICE",
REGISTER_DEVICE_INFO: "REGISTER_DEVICE_INFO",
GET_DEVICE_INFO: "GET_DEVICE_INFO",
CLEAR_REGISTER_DEVICE_INFO: "CLEAR_REGISTER_DEVICE_INFO",
REGISTER_DEVICE_RESET: "REGISTER_DEVICE_RESET",
GET_AUTHENTICATION_CODE: 'GET_AUTHENTICATION_CODE',
REGISTER_DEVICE: 'REGISTER_DEVICE',
REGISTER_DEVICE_INFO: 'REGISTER_DEVICE_INFO',
GET_DEVICE_INFO: 'GET_DEVICE_INFO',
CLEAR_REGISTER_DEVICE_INFO: 'CLEAR_REGISTER_DEVICE_INFO',
REGISTER_DEVICE_RESET: 'REGISTER_DEVICE_RESET',
// common actions
GET_HTTP_HEADER: "GET_HTTP_HEADER",
CHANGE_APP_STATUS: "CHANGE_APP_STATUS",
SEND_BROADCAST: "SEND_BROADCAST",
CHANGE_LOCAL_SETTINGS: "CHANGE_LOCAL_SETTINGS",
GNB_OPENED: "GNB_OPENED",
SET_SHOW_POPUP: "SET_SHOW_POPUP",
SET_SHOW_SECONDARY_POPUP: "SET_SHOW_SECONDARY_POPUP",
SET_HIDE_POPUP: "SET_HIDE_POPUP",
SET_HIDE_SECONDARY_POPUP: "SET_HIDE_SECONDARY_POPUP",
SHOW_OPTIONAL_TERMS_CONFIRM_POPUP: "SHOW_OPTIONAL_TERMS_CONFIRM_POPUP",
HIDE_OPTIONAL_TERMS_CONFIRM_POPUP: "HIDE_OPTIONAL_TERMS_CONFIRM_POPUP",
TOGGLE_OPTIONAL_TERMS_CONFIRM: "TOGGLE_OPTIONAL_TERMS_CONFIRM",
GET_HTTP_HEADER: 'GET_HTTP_HEADER',
CHANGE_APP_STATUS: 'CHANGE_APP_STATUS',
SEND_BROADCAST: 'SEND_BROADCAST',
CHANGE_LOCAL_SETTINGS: 'CHANGE_LOCAL_SETTINGS',
GNB_OPENED: 'GNB_OPENED',
SET_SHOW_POPUP: 'SET_SHOW_POPUP',
SET_SHOW_SECONDARY_POPUP: 'SET_SHOW_SECONDARY_POPUP',
SET_HIDE_POPUP: 'SET_HIDE_POPUP',
SET_HIDE_SECONDARY_POPUP: 'SET_HIDE_SECONDARY_POPUP',
SHOW_OPTIONAL_TERMS_CONFIRM_POPUP: 'SHOW_OPTIONAL_TERMS_CONFIRM_POPUP',
HIDE_OPTIONAL_TERMS_CONFIRM_POPUP: 'HIDE_OPTIONAL_TERMS_CONFIRM_POPUP',
TOGGLE_OPTIONAL_TERMS_CONFIRM: 'TOGGLE_OPTIONAL_TERMS_CONFIRM',
// 선택약관 팝업 상태 관리
SET_OPTIONAL_TERMS_POPUP_SHOWN: "SET_OPTIONAL_TERMS_POPUP_SHOWN",
SET_OPTIONAL_TERMS_USER_DECISION: "SET_OPTIONAL_TERMS_USER_DECISION",
RESET_OPTIONAL_TERMS_SESSION: "RESET_OPTIONAL_TERMS_SESSION",
SET_OPTIONAL_TERMS_POPUP_SHOWN: 'SET_OPTIONAL_TERMS_POPUP_SHOWN',
SET_OPTIONAL_TERMS_USER_DECISION: 'SET_OPTIONAL_TERMS_USER_DECISION',
RESET_OPTIONAL_TERMS_SESSION: 'RESET_OPTIONAL_TERMS_SESSION',
// 선택약관 직접 상태 업데이트 (API 호출 없이)
UPDATE_OPTIONAL_TERMS_AGREE_DIRECT: "UPDATE_OPTIONAL_TERMS_AGREE_DIRECT",
UPDATE_TERMS_AGREEMENT_STATUS_DIRECT: "UPDATE_TERMS_AGREEMENT_STATUS_DIRECT",
SET_EXIT_APP: "SET_EXIT_APP",
GET_LOGIN_USER_DATA: "GET_LOGIN_USER_DATA",
GET_TERMS_AGREE_YN: "GET_TERMS_AGREE_YN",
LAUNCH_MEMBERSHIP_APP: "LAUNCH_MEMBERSHIP_APP",
SET_FOCUS: "SET_FOCUS",
SET_GNB_MENU: "SET_GNB_MENU",
SET_SYSTEM_NOTICE: "SET_SYSTEM_NOTICE",
SET_SYSTEM_TERMINATION: "SET_SYSTEM_TERMINATION",
SET_DEEP_LINK: "SET_DEEP_LINK",
SET_SECOND_LAYER_INFO: "SET_SECOND_LAYER_INFO",
SET_ERROR_MESSAGE: "SET_ERROR_MESSAGE",
CLEAR_ERROR_MESSAGE: "CLEAR_ERROR_MESSAGE",
GET_DEVICE_MACADDRESS: "GET_DEVICE_MACADDRESS",
SET_DEVICE_REGISTERED: "SET_DEVICE_REGISTERED",
UPDATE_OPTIONAL_TERMS_AGREE_DIRECT: 'UPDATE_OPTIONAL_TERMS_AGREE_DIRECT',
UPDATE_TERMS_AGREEMENT_STATUS_DIRECT: 'UPDATE_TERMS_AGREEMENT_STATUS_DIRECT',
SET_EXIT_APP: 'SET_EXIT_APP',
GET_LOGIN_USER_DATA: 'GET_LOGIN_USER_DATA',
GET_TERMS_AGREE_YN: 'GET_TERMS_AGREE_YN',
LAUNCH_MEMBERSHIP_APP: 'LAUNCH_MEMBERSHIP_APP',
SET_FOCUS: 'SET_FOCUS',
SET_GNB_MENU: 'SET_GNB_MENU',
SET_SYSTEM_NOTICE: 'SET_SYSTEM_NOTICE',
SET_SYSTEM_TERMINATION: 'SET_SYSTEM_TERMINATION',
SET_DEEP_LINK: 'SET_DEEP_LINK',
SET_SECOND_LAYER_INFO: 'SET_SECOND_LAYER_INFO',
SET_ERROR_MESSAGE: 'SET_ERROR_MESSAGE',
CLEAR_ERROR_MESSAGE: 'CLEAR_ERROR_MESSAGE',
GET_DEVICE_MACADDRESS: 'GET_DEVICE_MACADDRESS',
SET_DEVICE_REGISTERED: 'SET_DEVICE_REGISTERED',
// billing actions
GET_MY_INFO_BILLING_SEARCH: "GET_MY_INFO_BILLING_SEARCH",
GET_MY_INFO_BILLING_SEARCH: 'GET_MY_INFO_BILLING_SEARCH',
// card actions
GET_MY_INFO_CARD_SEARCH: "GET_MY_INFO_CARD_SEARCH",
GET_MY_INFO_CARD_SEARCH: 'GET_MY_INFO_CARD_SEARCH',
// shipping actions
GET_MY_INFO_SHIPPING_SEARCH: "GET_MY_INFO_SHIPPING_SEARCH",
GET_MY_INFO_SHIPPING_SEARCH: 'GET_MY_INFO_SHIPPING_SEARCH',
// cart actions
GET_MY_INFO_CART_SEARCH: "GET_MY_INFO_CART_SEARCH",
ADD_TO_CART: "ADD_TO_CART",
REMOVE_FROM_CART: "REMOVE_FROM_CART",
UPDATE_CART_ITEM: "UPDATE_CART_ITEM",
CLEAR_CART: "CLEAR_CART",
GET_MY_INFO_CART_SEARCH: 'GET_MY_INFO_CART_SEARCH',
ADD_TO_CART: 'ADD_TO_CART',
REMOVE_FROM_CART: 'REMOVE_FROM_CART',
UPDATE_CART_ITEM: 'UPDATE_CART_ITEM',
CLEAR_CART: 'CLEAR_CART',
// appData actions
ADD_MAIN_INDEX: "ADD_MAIN_INDEX",
SEND_SMS: "SEND_SMS",
CLEAR_SMS: "CLEAR_SMS",
ADD_MAIN_INDEX: 'ADD_MAIN_INDEX',
SEND_SMS: 'SEND_SMS',
CLEAR_SMS: 'CLEAR_SMS',
// home actions
GET_HOME_TERMS: "GET_HOME_TERMS",
SET_TERMS_ID_MAP: "SET_TERMS_ID_MAP",
SET_OPTIONAL_TERMS_AVAILABILITY: "SET_OPTIONAL_TERMS_AVAILABILITY",
GET_HOME_MENU: "GET_HOME_MENU",
GET_HOME_LAYOUT: "GET_HOME_LAYOUT",
GET_HOME_MAIN_CONTENTS: "GET_HOME_MAIN_CONTENTS",
GET_HOME_FULL_VIDEO_INFO: "GET_HOME_FULL_VIDEO_INFO",
GET_THEME_CURATION_INFO: "GET_THEME_CURATION_INFO",
GET_THEME_CURATION_DETAIL_INFO: "GET_THEME_CURATION_DETAIL_INFO",
GET_THEME_HOTEL_DETAIL_INFO: "GET_THEME_HOTEL_DETAIL_INFO",
GET_THEME_MENU_SHELF_INFO: "GET_THEME_MENU_SHELF_INFO",
CLEAR_THEME_MENU_SHELF_INFO: "CLEAR_THEME_MENU_SHELF_INFO",
CLEAR_THEME_DETAIL: "CLEAR_THEME_DETAIL",
CHECK_ENTER_THROUGH_GNB: "CHECK_ENTER_THROUGH_GNB",
SET_DEFAULT_FOCUS: "SET_DEFAULT_FOCUS",
SET_BANNER_INDEX: "SET_BANNER_INDEX",
RESET_HOME_INFO: "RESET_HOME_INFO",
UPDATE_HOME_INFO: "UPDATE_HOME_INFO",
GET_HOME_TERMS: 'GET_HOME_TERMS',
SET_TERMS_ID_MAP: 'SET_TERMS_ID_MAP',
SET_OPTIONAL_TERMS_AVAILABILITY: 'SET_OPTIONAL_TERMS_AVAILABILITY',
GET_HOME_MENU: 'GET_HOME_MENU',
GET_HOME_LAYOUT: 'GET_HOME_LAYOUT',
GET_HOME_MAIN_CONTENTS: 'GET_HOME_MAIN_CONTENTS',
GET_HOME_FULL_VIDEO_INFO: 'GET_HOME_FULL_VIDEO_INFO',
GET_THEME_CURATION_INFO: 'GET_THEME_CURATION_INFO',
GET_THEME_CURATION_DETAIL_INFO: 'GET_THEME_CURATION_DETAIL_INFO',
GET_THEME_HOTEL_DETAIL_INFO: 'GET_THEME_HOTEL_DETAIL_INFO',
GET_THEME_MENU_SHELF_INFO: 'GET_THEME_MENU_SHELF_INFO',
CLEAR_THEME_MENU_SHELF_INFO: 'CLEAR_THEME_MENU_SHELF_INFO',
CLEAR_THEME_DETAIL: 'CLEAR_THEME_DETAIL',
CHECK_ENTER_THROUGH_GNB: 'CHECK_ENTER_THROUGH_GNB',
SET_DEFAULT_FOCUS: 'SET_DEFAULT_FOCUS',
SET_BANNER_INDEX: 'SET_BANNER_INDEX',
RESET_HOME_INFO: 'RESET_HOME_INFO',
UPDATE_HOME_INFO: 'UPDATE_HOME_INFO',
// brand actions
GET_BRAND_LIST: "GET_BRAND_LIST",
GET_BRAND_LAYOUT_INFO: "GET_BRAND_LAYOUT_INFO",
GET_BRAND_LIVE_CHANNEL_INFO: "GET_BRAND_LIVE_CHANNEL_INFO",
GET_BRAND_CHAN_INFO: "GET_BRAND_CHAN_INFO",
GET_BRAND_TSV_INFO: "GET_BRAND_TSV_INFO",
GET_BRAND_RECOMMENDED_SHOW_INFO: "GET_BRAND_RECOMMENDED_SHOW_INFO",
GET_BRAND_SERIES_INFO: "GET_BRAND_SERIES_INFO",
GET_BRAND_CATEGORY_INFO: "GET_BRAND_CATEGORY_INFO",
GET_BRAND_CATEGORY_PRODUCT_INFO: "GET_BRAND_CATEGORY_PRODUCT_INFO",
GET_BRAND_BEST_SELLER: "GET_BRAND_BEST_SELLER",
GET_BRAND_CREATORS_INFO: "GET_BRAND_CREATORS_INFO",
GET_BRAND_SHOWROOM: "GET_BRAND_SHOWROOM",
GET_BRAND_RECENTLY_AIRED: "GET_BRAND_RECENTLY_AIRED",
SET_BRAND_LIVE_CHANNEL_UPCOMING: "SET_BRAND_LIVE_CHANNEL_UPCOMING",
SET_BRAND_CHAN_INFO: "SET_BRAND_CHAN_INFO",
RESET_BRAND_STATE: "RESET_BRAND_STATE",
RESET_BRAND_STATE_EXCEPT_BRAND_INFO: "RESET_BRAND_STATE_EXCEPT_BRAND_INFO",
RESET_BRAND_LAYOUT_INFO: "RESET_BRAND_LAYOUT_INFO",
GET_BRAND_LIST: 'GET_BRAND_LIST',
GET_BRAND_LAYOUT_INFO: 'GET_BRAND_LAYOUT_INFO',
GET_BRAND_LIVE_CHANNEL_INFO: 'GET_BRAND_LIVE_CHANNEL_INFO',
GET_BRAND_CHAN_INFO: 'GET_BRAND_CHAN_INFO',
GET_BRAND_TSV_INFO: 'GET_BRAND_TSV_INFO',
GET_BRAND_RECOMMENDED_SHOW_INFO: 'GET_BRAND_RECOMMENDED_SHOW_INFO',
GET_BRAND_SERIES_INFO: 'GET_BRAND_SERIES_INFO',
GET_BRAND_CATEGORY_INFO: 'GET_BRAND_CATEGORY_INFO',
GET_BRAND_CATEGORY_PRODUCT_INFO: 'GET_BRAND_CATEGORY_PRODUCT_INFO',
GET_BRAND_BEST_SELLER: 'GET_BRAND_BEST_SELLER',
GET_BRAND_CREATORS_INFO: 'GET_BRAND_CREATORS_INFO',
GET_BRAND_SHOWROOM: 'GET_BRAND_SHOWROOM',
GET_BRAND_RECENTLY_AIRED: 'GET_BRAND_RECENTLY_AIRED',
SET_BRAND_LIVE_CHANNEL_UPCOMING: 'SET_BRAND_LIVE_CHANNEL_UPCOMING',
SET_BRAND_CHAN_INFO: 'SET_BRAND_CHAN_INFO',
RESET_BRAND_STATE: 'RESET_BRAND_STATE',
RESET_BRAND_STATE_EXCEPT_BRAND_INFO: 'RESET_BRAND_STATE_EXCEPT_BRAND_INFO',
RESET_BRAND_LAYOUT_INFO: 'RESET_BRAND_LAYOUT_INFO',
// main actions
GET_SUB_CATEGORY: "GET_SUB_CATEGORY",
APPEND_SUB_CATEGORY: "APPEND_SUB_CATEGORY",
GET_TOP_20_SHOW: "GET_TOP_20_SHOW",
GET_PRODUCT_DETAIL: "GET_PRODUCT_DETAIL",
GET_YOUMAYLIKE: "GET_YOUMAYLIKE",
SET_MAIN_LIKE_CATEGORY: "SET_MAIN_LIKE_CATEGORY",
SET_MAIN_LIVE_UPCOMING_ALARM: "SET_MAIN_LIVE_UPCOMING_ALARM",
GET_MAIN_LIVE_SHOW_NOW_PRODUCT: "GET_MAIN_LIVE_SHOW_NOW_PRODUCT",
GET_MAIN_LIVE_SHOW: "GET_MAIN_LIVE_SHOW",
GET_MAIN_CATEGORY_SHOW_DETAIL: "GET_MAIN_CATEGORY_SHOW_DETAIL",
CLEAR_PRODUCT_DETAIL: "CLEAR_PRODUCT_DETAIL",
CLEAR_SUB_CATEGORY: "CLEAR_SUB_CATEGORY",
CLEAR_SHOPNOW_INFO: "CLEAR_SHOPNOW_INFO",
GET_SUB_CATEGORY: 'GET_SUB_CATEGORY',
APPEND_SUB_CATEGORY: 'APPEND_SUB_CATEGORY',
GET_TOP_20_SHOW: 'GET_TOP_20_SHOW',
GET_PRODUCT_DETAIL: 'GET_PRODUCT_DETAIL',
GET_YOUMAYLIKE: 'GET_YOUMAYLIKE',
SET_MAIN_LIKE_CATEGORY: 'SET_MAIN_LIKE_CATEGORY',
SET_MAIN_LIVE_UPCOMING_ALARM: 'SET_MAIN_LIVE_UPCOMING_ALARM',
GET_MAIN_LIVE_SHOW_NOW_PRODUCT: 'GET_MAIN_LIVE_SHOW_NOW_PRODUCT',
GET_MAIN_LIVE_SHOW: 'GET_MAIN_LIVE_SHOW',
GET_MAIN_CATEGORY_SHOW_DETAIL: 'GET_MAIN_CATEGORY_SHOW_DETAIL',
CLEAR_PRODUCT_DETAIL: 'CLEAR_PRODUCT_DETAIL',
CLEAR_SUB_CATEGORY: 'CLEAR_SUB_CATEGORY',
CLEAR_SHOPNOW_INFO: 'CLEAR_SHOPNOW_INFO',
// myPage actions
GET_MY_RECOMMANDED_KEYWORD: "GET_MY_RECOMMANDED_KEYWORD",
GET_MY_FAQ_INFO: "GET_MY_FAQ_INFO",
GET_NOTICE: "GET_NOTICE",
GET_MY_CUSTOMERS: "GET_MY_CUSTOMERS",
GET_MY_FAVORITE: "GET_MY_FAVORITE",
DELETE_MY_FAVORITE: "DELETE_MY_FAVORITE",
GET_MY_FAVORITE_FLAG: "GET_MY_FAVORITE_FLAG",
SET_MY_TERMS_WITHDRAW: "SET_MY_TERMS_WITHDRAW",
GET_MY_UPCOMING_CHANGE_INFO: "GET_MY_UPCOMING_CHANGE_INFO",
GET_MY_UPCOMING_ALERT_SHOW: "GET_MY_UPCOMING_ALERT_SHOW",
DELETE_MY_UPCOMING_ALERT_SHOW: "DELETE_MY_UPCOMING_ALERT_SHOW",
GET_MY_UPCOMING_ALERT_SHOW_KEYS: "GET_MY_UPCOMING_ALERT_SHOW_KEYS",
SET_MY_UPCOMING_USE_ALERT: "SET_MY_UPCOMING_USE_ALERT",
GET_UPCOMING_ALERT_SHOW_CHANGE_INFO: "GET_UPCOMING_ALERT_SHOW_CHANGE_INFO",
GET_MY_RECENTLY_VIEWED_INFO: "GET_MY_RECENTLY_VIEWED_INFO",
CLEAR_RECENTLY_VIEWED_INFO: "CLEAR_RECENTLY_VIEWED_INFO",
CLEAR_FAVORITES: "CLEAR_FAVORITES",
SET_MYPAGE_TERMS_AGREE: "SET_MYPAGE_TERMS_AGREE",
SET_MYPAGE_TERMS_AGREE_SUCCESS: "SET_MYPAGE_TERMS_AGREE_SUCCESS",
SET_MYPAGE_TERMS_AGREE_FAIL: "SET_MYPAGE_TERMS_AGREE_FAIL",
GET_MY_RECOMMANDED_KEYWORD: 'GET_MY_RECOMMANDED_KEYWORD',
GET_MY_FAQ_INFO: 'GET_MY_FAQ_INFO',
GET_NOTICE: 'GET_NOTICE',
GET_MY_CUSTOMERS: 'GET_MY_CUSTOMERS',
GET_MY_FAVORITE: 'GET_MY_FAVORITE',
DELETE_MY_FAVORITE: 'DELETE_MY_FAVORITE',
GET_MY_FAVORITE_FLAG: 'GET_MY_FAVORITE_FLAG',
SET_MY_TERMS_WITHDRAW: 'SET_MY_TERMS_WITHDRAW',
GET_MY_UPCOMING_CHANGE_INFO: 'GET_MY_UPCOMING_CHANGE_INFO',
GET_MY_UPCOMING_ALERT_SHOW: 'GET_MY_UPCOMING_ALERT_SHOW',
DELETE_MY_UPCOMING_ALERT_SHOW: 'DELETE_MY_UPCOMING_ALERT_SHOW',
GET_MY_UPCOMING_ALERT_SHOW_KEYS: 'GET_MY_UPCOMING_ALERT_SHOW_KEYS',
SET_MY_UPCOMING_USE_ALERT: 'SET_MY_UPCOMING_USE_ALERT',
GET_UPCOMING_ALERT_SHOW_CHANGE_INFO: 'GET_UPCOMING_ALERT_SHOW_CHANGE_INFO',
GET_MY_RECENTLY_VIEWED_INFO: 'GET_MY_RECENTLY_VIEWED_INFO',
CLEAR_RECENTLY_VIEWED_INFO: 'CLEAR_RECENTLY_VIEWED_INFO',
CLEAR_FAVORITES: 'CLEAR_FAVORITES',
SET_MYPAGE_TERMS_AGREE: 'SET_MYPAGE_TERMS_AGREE',
SET_MYPAGE_TERMS_AGREE_SUCCESS: 'SET_MYPAGE_TERMS_AGREE_SUCCESS',
SET_MYPAGE_TERMS_AGREE_FAIL: 'SET_MYPAGE_TERMS_AGREE_FAIL',
// onSale actions
GET_HOME_ON_SALE_INFO: "GET_HOME_ON_SALE_INFO",
GET_ON_SALE_INFO: "GET_ON_SALE_INFO",
COPY_CATEGORY_INFO: "COPY_CATEGORY_INFO",
RESET_ON_SALE_STATE: "RESET_ON_SALE_STATE",
GET_HOME_ON_SALE_INFO: 'GET_HOME_ON_SALE_INFO',
GET_ON_SALE_INFO: 'GET_ON_SALE_INFO',
COPY_CATEGORY_INFO: 'COPY_CATEGORY_INFO',
RESET_ON_SALE_STATE: 'RESET_ON_SALE_STATE',
// product actions
GET_BEST_SELLER: "GET_BEST_SELLER",
GET_PRODUCT_GROUP: "GET_PRODUCT_GROUP",
GET_PRODUCT_OPTION: "GET_PRODUCT_OPTION",
GET_PRODUCT_IMAGE_LENGTH: "GET_PRODUCT_IMAGE_LENGTH",
GET_VIDEO_INDECATOR_FOCUS: "GET_VIDEO_INDECATOR_FOCUS",
GET_PRODUCT_OPTION_ID: "GET_PRODUCT_OPTION_ID",
CLEAR_PRODUCT_OPTIONS: "CLEAR_PRODUCT_OPTIONS",
GET_USER_REVIEW: "GET_USER_REVIEW",
TOGGLE_SHOW_ALL_REVIEWS: "TOGGLE_SHOW_ALL_REVIEWS",
RESET_SHOW_ALL_REVIEWS: "RESET_SHOW_ALL_REVIEWS",
GET_BEST_SELLER: 'GET_BEST_SELLER',
GET_PRODUCT_GROUP: 'GET_PRODUCT_GROUP',
GET_PRODUCT_OPTION: 'GET_PRODUCT_OPTION',
GET_PRODUCT_IMAGE_LENGTH: 'GET_PRODUCT_IMAGE_LENGTH',
GET_VIDEO_INDECATOR_FOCUS: 'GET_VIDEO_INDECATOR_FOCUS',
GET_PRODUCT_OPTION_ID: 'GET_PRODUCT_OPTION_ID',
CLEAR_PRODUCT_OPTIONS: 'CLEAR_PRODUCT_OPTIONS',
GET_USER_REVIEW: 'GET_USER_REVIEW',
TOGGLE_SHOW_ALL_REVIEWS: 'TOGGLE_SHOW_ALL_REVIEWS',
RESET_SHOW_ALL_REVIEWS: 'RESET_SHOW_ALL_REVIEWS',
// search actions
GET_SEARCH: "GET_SEARCH",
GET_SHOPPERHOUSE_SEARCH: "GET_SHOPPERHOUSE_SEARCH",
RESET_SEARCH: "RESET_SEARCH",
GET_SEARCH_PROCESSED: "GET_SEARCH_PROCESSED",
SET_SEARCH_INIT_PERFORMED: "SET_SEARCH_INIT_PERFORMED",
UPDATE_SEARCH_TIMESTAMP: "UPDATE_SEARCH_TIMESTAMP",
GET_SEARCH: 'GET_SEARCH',
GET_SHOPPERHOUSE_SEARCH: 'GET_SHOPPERHOUSE_SEARCH',
RESET_SEARCH: 'RESET_SEARCH',
GET_SEARCH_PROCESSED: 'GET_SEARCH_PROCESSED',
SET_SEARCH_INIT_PERFORMED: 'SET_SEARCH_INIT_PERFORMED',
UPDATE_SEARCH_TIMESTAMP: 'UPDATE_SEARCH_TIMESTAMP',
// event actions
GET_WELCOME_EVENT_INFO: "GET_WELCOME_EVENT_INFO",
GET_EVENT_ISSUED_STATUS: "GET_EVENT_ISSUED_STATUS",
SET_EVENT_ISSUE_REQ: "SET_EVENT_ISSUE_REQ",
SET_EVENT_POP_CLICK_INFO: "SET_EVENT_POP_CLICK_INFO",
CLEAR_EVENT_INFO: "CLEAR_EVENT_INFO",
SKIP_CLICK_INFO: "SKIP_CLICK_INFO",
CLEAR_CURATION_COUPON: "CLEAR_CURATION_COUPON",
CLEAR_EVENT_ISSUED_STATUS_SUCCEESS: "CLEAR_EVENT_ISSUED_STATUS_SUCCEESS",
GET_WELCOME_EVENT_INFO: 'GET_WELCOME_EVENT_INFO',
GET_EVENT_ISSUED_STATUS: 'GET_EVENT_ISSUED_STATUS',
SET_EVENT_ISSUE_REQ: 'SET_EVENT_ISSUE_REQ',
SET_EVENT_POP_CLICK_INFO: 'SET_EVENT_POP_CLICK_INFO',
CLEAR_EVENT_INFO: 'CLEAR_EVENT_INFO',
SKIP_CLICK_INFO: 'SKIP_CLICK_INFO',
CLEAR_CURATION_COUPON: 'CLEAR_CURATION_COUPON',
CLEAR_EVENT_ISSUED_STATUS_SUCCEESS: 'CLEAR_EVENT_ISSUED_STATUS_SUCCEESS',
// coupon actions
GET_PRODUCT_COUPON_INFO: "GET_PRODUCT_COUPON_INFO",
GET_PRODUCT_COUPON_SEARCH: "GET_PRODUCT_COUPON_SEARCH",
GET_PRODUCT_COUPON_DOWNLOAD: "GET_PRODUCT_COUPON_DOWNLOAD",
GET_PRODUCT_COUPON_TOTDOWNLOAD: "GET_PRODUCT_COUPON_TOTDOWNLOAD",
CLEAR_COUPON_INFO: "CLEAR_COUPON_INFO",
CLEAR_GET_PRODUCT_COUPON_DOWNLOAD: "CLEAR_GET_PRODUCT_COUPON_DOWNLOAD",
GET_PRODUCT_COUPON_INFO: 'GET_PRODUCT_COUPON_INFO',
GET_PRODUCT_COUPON_SEARCH: 'GET_PRODUCT_COUPON_SEARCH',
GET_PRODUCT_COUPON_DOWNLOAD: 'GET_PRODUCT_COUPON_DOWNLOAD',
GET_PRODUCT_COUPON_TOTDOWNLOAD: 'GET_PRODUCT_COUPON_TOTDOWNLOAD',
CLEAR_COUPON_INFO: 'CLEAR_COUPON_INFO',
CLEAR_GET_PRODUCT_COUPON_DOWNLOAD: 'CLEAR_GET_PRODUCT_COUPON_DOWNLOAD',
// checkout actions
GET_CHECKOUT_INFO: "GET_CHECKOUT_INFO",
INSERT_MY_INFO_CHECKOUT_ORDER: "INSERT_MY_INFO_CHECKOUT_ORDER",
GET_TAX_INFOS: "GET_TAX_INFOS",
UPDATE_SELECTED_SHIPPING_ADDR: "UPDATE_SELECTED_SHIPPING_ADDR",
UPDATE_SELECTED_BILLING_ADDR: "UPDATE_SELECTED_BILLING_ADDR",
UPDATE_SELECTED_COUPON: "UPDATE_SELECTED_COUPON",
GET_CHECKOUT_TOTAL_AMT: "GET_CHECKOUT_TOTAL_AMT",
CHECKOUT_DATA_RESET: "CHECKOUT_DATA_RESET",
GET_CHECKOUT_INFO: 'GET_CHECKOUT_INFO',
INSERT_MY_INFO_CHECKOUT_ORDER: 'INSERT_MY_INFO_CHECKOUT_ORDER',
GET_TAX_INFOS: 'GET_TAX_INFOS',
UPDATE_SELECTED_SHIPPING_ADDR: 'UPDATE_SELECTED_SHIPPING_ADDR',
UPDATE_SELECTED_BILLING_ADDR: 'UPDATE_SELECTED_BILLING_ADDR',
UPDATE_SELECTED_COUPON: 'UPDATE_SELECTED_COUPON',
GET_CHECKOUT_TOTAL_AMT: 'GET_CHECKOUT_TOTAL_AMT',
CHECKOUT_DATA_RESET: 'CHECKOUT_DATA_RESET',
// order actions
SET_PURCHASE_TERMS_AGREE: "SET_PURCHASE_TERMS_AGREE",
SET_PURCHASE_TERMS_WITHDRAW: "SET_PURCHASE_TERMS_WITHDRAW",
GET_MY_INFO_ORDER_SEARCH: "GET_MY_INFO_ORDER_SEARCH",
GET_MY_INFO_ORDER_SEARCH_CANCEL: "GET_MY_INFO_ORDER_SEARCH_CANCEL",
GET_MY_INFO_ORDER_DETAIL_SEARCH: "GET_MY_INFO_ORDER_DETAIL_SEARCH",
GET_MY_INFO_ORDER_SHIPPING_SEARCH: "GET_MY_INFO_ORDER_SHIPPING_SEARCH",
CLEAR_MY_INFO_ORDER_SEARCH: "CLEAR_MY_INFO_ORDER_SEARCH",
SET_PURCHASE_TERMS_AGREE: 'SET_PURCHASE_TERMS_AGREE',
SET_PURCHASE_TERMS_WITHDRAW: 'SET_PURCHASE_TERMS_WITHDRAW',
GET_MY_INFO_ORDER_SEARCH: 'GET_MY_INFO_ORDER_SEARCH',
GET_MY_INFO_ORDER_SEARCH_CANCEL: 'GET_MY_INFO_ORDER_SEARCH_CANCEL',
GET_MY_INFO_ORDER_DETAIL_SEARCH: 'GET_MY_INFO_ORDER_DETAIL_SEARCH',
GET_MY_INFO_ORDER_SHIPPING_SEARCH: 'GET_MY_INFO_ORDER_SHIPPING_SEARCH',
CLEAR_MY_INFO_ORDER_SEARCH: 'CLEAR_MY_INFO_ORDER_SEARCH',
// play controller
GET_CHAT_LOG: "GET_CHAT_LOG",
GET_SUBTITLE: "GET_SUBTITLE",
CLEAR_PLAYER_INFO: "CLEAR_PLAYER_INFO",
UPDATE_VIDEO_PLAY_STATE: "UPDATE_VIDEO_PLAY_STATE",
GET_CHAT_LOG: 'GET_CHAT_LOG',
GET_SUBTITLE: 'GET_SUBTITLE',
CLEAR_PLAYER_INFO: 'CLEAR_PLAYER_INFO',
UPDATE_VIDEO_PLAY_STATE: 'UPDATE_VIDEO_PLAY_STATE',
// 🔽 [추가] 플레이 제어 매니저 액션 타입
/**
@@ -226,88 +226,88 @@ export const types = {
* SET_PLAYER_CONTROL: 특정 컴포넌트에게 비디오 재생 제어권을 부여합니다.
* CLEAR_PLAYER_CONTROL: 컴포넌트로부터 비디오 재생 제어권을 회수합니다.
*/
SET_PLAYER_CONTROL: "SET_PLAYER_CONTROL",
CLEAR_PLAYER_CONTROL: "CLEAR_PLAYER_CONTROL",
SET_PLAYER_CONTROL: 'SET_PLAYER_CONTROL',
CLEAR_PLAYER_CONTROL: 'CLEAR_PLAYER_CONTROL',
// reset action
RESET_REDUX_STATE: "RESET_REDUX_STATE",
RESET_REDUX_STATE: 'RESET_REDUX_STATE',
// cancel actions
GET_MY_INFO_ORDER_CANCEL_SEARCH: "GET_MY_INFO_ORDER_CANCEL_SEARCH",
GET_MY_INFO_ORDER_CANCEL_COLUMNS_SEARCH:
"GET_MY_INFO_ORDER_CANCEL_COLUMNS_SEARCH",
UPDATE_ORDER_PARTIAL_CANCEL: "UPDATE_ORDER_PARTIAL_CANCEL",
PAYMENT_TOTAL_CANCEL: "PAYMENT_TOTAL_CANCEL",
GET_MY_INFO_ORDER_CANCEL_SEARCH: 'GET_MY_INFO_ORDER_CANCEL_SEARCH',
GET_MY_INFO_ORDER_CANCEL_COLUMNS_SEARCH: 'GET_MY_INFO_ORDER_CANCEL_COLUMNS_SEARCH',
UPDATE_ORDER_PARTIAL_CANCEL: 'UPDATE_ORDER_PARTIAL_CANCEL',
PAYMENT_TOTAL_CANCEL: 'PAYMENT_TOTAL_CANCEL',
// emp actions
GET_SHOPTIME_TERMS: "GET_SHOPTIME_TERMS",
GET_SHOPTIME_TERMS: 'GET_SHOPTIME_TERMS',
// pinCode actions
GET_MY_INFO_CARD_PINCODE_CHECK: "GET_MY_INFO_CARD_PINCODE_CHECK",
GET_MY_INFO_CARD_PINCODE_CHECK: 'GET_MY_INFO_CARD_PINCODE_CHECK',
// new actions
CANCEL_FOCUS_ELEMENT: "CANCEL_FOCUS_ELEMENT",
CANCEL_FOCUS_ELEMENT: 'CANCEL_FOCUS_ELEMENT',
// 약관동의 여부 확인 상태
GET_TERMS_AGREE_YN_START: "GET_TERMS_AGREE_YN_START",
GET_TERMS_AGREE_YN_SUCCESS: "GET_TERMS_AGREE_YN_SUCCESS",
GET_TERMS_AGREE_YN_FAILURE: "GET_TERMS_AGREE_YN_FAILURE",
GET_TERMS_AGREE_YN_START: 'GET_TERMS_AGREE_YN_START',
GET_TERMS_AGREE_YN_SUCCESS: 'GET_TERMS_AGREE_YN_SUCCESS',
GET_TERMS_AGREE_YN_FAILURE: 'GET_TERMS_AGREE_YN_FAILURE',
// device
REQ_REG_DEVICE_INFO: "REQ_REG_DEVICE_INFO",
REQ_REG_DEVICE_INFO: 'REQ_REG_DEVICE_INFO',
// 🔽 [추가] 영구재생 비디오 정보 저장
SET_PERSISTENT_VIDEO_INFO: "SET_PERSISTENT_VIDEO_INFO",
SET_PERSISTENT_VIDEO_INFO: 'SET_PERSISTENT_VIDEO_INFO',
// 🔽 [추가] 배너 비디오 제어 액션 타입
/**
* HomeBanner의 배너 간 비디오 재생 제어를 위한 액션 타입들.
* 첫 번째 배너 상시 재생과 두 번째 배너 포커스 재생을 관리합니다.
*/
SET_BANNER_STATE: "SET_BANNER_STATE",
SET_BANNER_FOCUS: "SET_BANNER_FOCUS",
SET_BANNER_AVAILABILITY: "SET_BANNER_AVAILABILITY",
SET_BANNER_TRANSITION: "SET_BANNER_TRANSITION",
PAUSE_PLAYER_CONTROL: "PAUSE_PLAYER_CONTROL",
RESUME_PLAYER_CONTROL: "RESUME_PLAYER_CONTROL",
SET_BANNER_STATE: 'SET_BANNER_STATE',
SET_BANNER_FOCUS: 'SET_BANNER_FOCUS',
SET_BANNER_AVAILABILITY: 'SET_BANNER_AVAILABILITY',
SET_BANNER_TRANSITION: 'SET_BANNER_TRANSITION',
PAUSE_PLAYER_CONTROL: 'PAUSE_PLAYER_CONTROL',
RESUME_PLAYER_CONTROL: 'RESUME_PLAYER_CONTROL',
// 🔽 [추가] HomeBanner 동영상 포커스 정책 관리
SET_CURRENT_FOCUS_BANNER: "SET_CURRENT_FOCUS_BANNER",
UPDATE_VIDEO_POLICY: "UPDATE_VIDEO_POLICY",
SET_MODAL_BORDER: "SET_MODAL_BORDER",
SET_BANNER_VISIBILITY: "SET_BANNER_VISIBILITY",
SET_CURRENT_FOCUS_BANNER: 'SET_CURRENT_FOCUS_BANNER',
UPDATE_VIDEO_POLICY: 'UPDATE_VIDEO_POLICY',
SET_MODAL_BORDER: 'SET_MODAL_BORDER',
SET_BANNER_VISIBILITY: 'SET_BANNER_VISIBILITY',
// 🔽 [추가] JustForYou 상품 관리 부분
GET_RECENTLY_SAW_ITEM: "GET_RECENTLY_SAW_ITEM",
GET_LIKE_BRAND_PRODUCT: "GET_LIKE_BRAND_PRODUCT",
GET_MORE_TO_CONCIDER_AT_THIS_PRICE: "GET_MORE_TO_CONCIDER_AT_THIS_PRICE",
GET_JUSTFORYOU_INFO: "GET_JUSTFORYOU_INFO",
GET_RECENTLY_SAW_ITEM: 'GET_RECENTLY_SAW_ITEM',
GET_LIKE_BRAND_PRODUCT: 'GET_LIKE_BRAND_PRODUCT',
GET_MORE_TO_CONCIDER_AT_THIS_PRICE: 'GET_MORE_TO_CONCIDER_AT_THIS_PRICE',
GET_JUSTFORYOU_INFO: 'GET_JUSTFORYOU_INFO',
// 🔽 Voice Conductor 관련 액션 타입
VOICE_REGISTER_SUCCESS: "VOICE_REGISTER_SUCCESS",
VOICE_REGISTER_FAILURE: "VOICE_REGISTER_FAILURE",
VOICE_SET_TICKET: "VOICE_SET_TICKET",
VOICE_SET_CONTEXT_SUCCESS: "VOICE_SET_CONTEXT_SUCCESS",
VOICE_SET_CONTEXT_FAILURE: "VOICE_SET_CONTEXT_FAILURE",
VOICE_PERFORM_ACTION: "VOICE_PERFORM_ACTION",
VOICE_REPORT_RESULT_SUCCESS: "VOICE_REPORT_RESULT_SUCCESS",
VOICE_REPORT_RESULT_FAILURE: "VOICE_REPORT_RESULT_FAILURE",
VOICE_UPDATE_INTENTS: "VOICE_UPDATE_INTENTS",
VOICE_CLEAR_STATE: "VOICE_CLEAR_STATE",
VOICE_ADD_LOG: "VOICE_ADD_LOG",
VOICE_CLEAR_LOGS: "VOICE_CLEAR_LOGS",
VOICE_STT_TEXT_RECEIVED: "VOICE_STT_TEXT_RECEIVED", // STT 텍스트 수신
VOICE_REGISTER_SUCCESS: 'VOICE_REGISTER_SUCCESS',
VOICE_REGISTER_FAILURE: 'VOICE_REGISTER_FAILURE',
VOICE_SET_TICKET: 'VOICE_SET_TICKET',
VOICE_SET_CONTEXT_SUCCESS: 'VOICE_SET_CONTEXT_SUCCESS',
VOICE_SET_CONTEXT_FAILURE: 'VOICE_SET_CONTEXT_FAILURE',
VOICE_PERFORM_ACTION: 'VOICE_PERFORM_ACTION',
VOICE_REPORT_RESULT_SUCCESS: 'VOICE_REPORT_RESULT_SUCCESS',
VOICE_REPORT_RESULT_FAILURE: 'VOICE_REPORT_RESULT_FAILURE',
VOICE_UPDATE_INTENTS: 'VOICE_UPDATE_INTENTS',
VOICE_CLEAR_STATE: 'VOICE_CLEAR_STATE',
VOICE_ADD_LOG: 'VOICE_ADD_LOG',
VOICE_CLEAR_LOGS: 'VOICE_CLEAR_LOGS',
VOICE_STT_TEXT_RECEIVED: 'VOICE_STT_TEXT_RECEIVED', // STT 텍스트 수신
// 🔽 Web Speech API 관련
WEB_SPEECH_INITIALIZED: "WEB_SPEECH_INITIALIZED",
WEB_SPEECH_START: "WEB_SPEECH_START",
WEB_SPEECH_INTERIM_RESULT: "WEB_SPEECH_INTERIM_RESULT",
WEB_SPEECH_END: "WEB_SPEECH_END",
WEB_SPEECH_ERROR: "WEB_SPEECH_ERROR",
WEB_SPEECH_CLEANUP: "WEB_SPEECH_CLEANUP",
WEB_SPEECH_INITIALIZED: 'WEB_SPEECH_INITIALIZED',
WEB_SPEECH_START: 'WEB_SPEECH_START',
WEB_SPEECH_INTERIM_RESULT: 'WEB_SPEECH_INTERIM_RESULT',
WEB_SPEECH_END: 'WEB_SPEECH_END',
WEB_SPEECH_ERROR: 'WEB_SPEECH_ERROR',
WEB_SPEECH_CLEANUP: 'WEB_SPEECH_CLEANUP',
//convert img
CONVERT_PDF_TO_IMAGE: "CONVERT_PDF_TO_IMAGE",
CONVERT_PDF_TO_IMAGE_SUCCESS: "CONVERT_PDF_TO_IMAGE_SUCCESS",
CONVERT_PDF_TO_IMAGE_FAILURE: "CONVERT_PDF_TO_IMAGE_FAILURE",
CLEAR_CONVERTED_IMAGE: "CLEAR_CONVERTED_IMAGE",
CONVERT_PDF_TO_IMAGE: 'CONVERT_PDF_TO_IMAGE',
CONVERT_PDF_TO_IMAGE_SUCCESS: 'CONVERT_PDF_TO_IMAGE_SUCCESS',
CONVERT_PDF_TO_IMAGE_FAILURE: 'CONVERT_PDF_TO_IMAGE_FAILURE',
CLEAR_CONVERTED_IMAGE: 'CLEAR_CONVERTED_IMAGE',
CLEAR_CONVERTED_IMAGE_BY_URL: 'CLEAR_CONVERTED_IMAGE_BY_URL', // ⭐ 새로 추가
};

137
com.twin.app.shoptime/src/actions/convertActions.js
View File

@@ -1,72 +1,137 @@
import { URLS } from '../api/apiConfig';
import { TAxios } from '../api/TAxios';
import { get } from '../utils/fp';
import { types } from './actionTypes';
import { changeAppStatus } from './commonActions';
/**
* PDF를 이미지로 변환하는 액션
* PDF를 이미지로 변환
* @param {string} pdfUrl - 변환할 PDF URL
* @param {function} callback - 성공/실패 후 실행할 콜백 함수
* @param {function} callback - 성공/실패 후 실행할 콜백 (error, imageUrl)
*/
export const convertPdfToImage = (pdfUrl, callback) => (dispatch, getState) => {
// 로딩 시작
dispatch(changeAppStatus({ showLoadingPanel: { show: true } }));
dispatch({
type: types.CONVERT_PDF_TO_IMAGE,
payload: pdfUrl,
});
const onSuccess = (response) => {
const blob = new Blob([response.data], { type: "image/png;charset=UTF-8" });
const imageUrl = URL.createObjectURL(blob);
console.log("convertPdfToImage onSuccess", response.data);
console.log("imageUrl onSuccess", imageUrl);
// const imageData = get("data.data", imageUrl);
// retCode 체크 (프로젝트 API 규약: 200이어도 retCode로 성공/실패 구분)
const retCode = response.headers?.retcode || response.headers?.retCode;
dispatch({
type: types.CONVERT_PDF_TO_IMAGE_SUCCESS,
// payload: imageData,
payload: imageUrl,
});
if (retCode !== undefined && retCode !== 0 && retCode !== '0') {
const error = new Error(`API Error: retCode=${retCode}`);
dispatch({
type: types.CONVERT_PDF_TO_IMAGE_FAILURE,
payload: { pdfUrl, error },
});
callback && callback(error, null);
return;
}
dispatch(changeAppStatus({ showLoadingPanel: { show: false } }));
let imageUrl;
try {
if (response.data instanceof Blob) {
if (response.data.size < 100) {
throw new Error('Invalid image data (size too small)');
}
imageUrl = URL.createObjectURL(response.data);
} else if (response.data instanceof ArrayBuffer) {
if (response.data.byteLength < 100) {
throw new Error('Invalid image data (size too small)');
}
const blob = new Blob([response.data], { type: 'image/png' });
imageUrl = URL.createObjectURL(blob);
} else {
const blob = new Blob([response.data], { type: 'image/png' });
imageUrl = URL.createObjectURL(blob);
}
// 콜백이 있으면 변환된 이미지 데이터와 함께 호출
// callback && callback(null, imageData);
callback && callback(null, imageUrl);
dispatch({
type: types.CONVERT_PDF_TO_IMAGE_SUCCESS,
payload: { pdfUrl, imageUrl },
});
callback && callback(null, imageUrl);
} catch (error) {
dispatch({
type: types.CONVERT_PDF_TO_IMAGE_FAILURE,
payload: { pdfUrl, error },
});
callback && callback(error, null);
}
};
const onFail = (error) => {
console.error("convertPdfToImage onFail", error);
dispatch({
type: types.CONVERT_PDF_TO_IMAGE_FAILURE,
payload: error,
payload: { pdfUrl, error },
});
dispatch(changeAppStatus({ showLoadingPanel: { show: false } }));
// 콜백이 있으면 에러와 함께 호출
callback && callback(error, null);
};
// API 요청 파라미터
const params = {
pdfUrl: pdfUrl,
};
TAxios(
dispatch,
getState,
"post",
'post',
URLS.CONVERT_IMG,
{},
params,
{ pdfUrl },
onSuccess,
onFail
onFail,
false,
'blob'
);
};
/**
* 변환된 이미지 데이터를 초기화하는 액션
* 여러 PDF를 순차적으로 변환 (백그라운드)
* @param {Array<string>} pdfUrls - 변환할 PDF URL 배열
* @param {function} callback - 완료 후 실행할 콜백 (errors, results)
*/
export const convertMultiplePdfs = (pdfUrls, callback) => async (dispatch, getState) => {
if (!pdfUrls || pdfUrls.length === 0) {
callback && callback(null, []);
return;
}
const results = [];
const errors = [];
for (let i = 0; i < pdfUrls.length; i++) {
const pdfUrl = pdfUrls[i];
await new Promise((resolve) => {
dispatch(
convertPdfToImage(pdfUrl, (error, imageUrl) => {
if (error) {
errors.push({ pdfUrl, error });
} else {
results.push({ pdfUrl, imageUrl });
}
resolve();
})
);
});
if (i < pdfUrls.length - 1) {
await new Promise((resolve) => setTimeout(resolve, 100));
}
}
callback && callback(errors.length > 0 ? errors : null, results);
};
/**
* 변환된 이미지 데이터 초기화 (전체)
*/
export const clearConvertedImage = () => ({
type: types.CLEAR_CONVERTED_IMAGE,
});
/**
* 특정 PDF의 변환된 이미지 데이터 제거
* @param {string} pdfUrl - 제거할 PDF URL
*/
export const clearConvertedImageByUrl = (pdfUrl) => ({
type: types.CLEAR_CONVERTED_IMAGE_BY_URL,
payload: pdfUrl,
});

232
com.twin.app.shoptime/src/api/TAxios.js
View File

@@ -14,31 +14,22 @@ import {
setSystemTermination,
showError,
} from '../actions/commonActions';
import {
getAuthenticationCode,
getReAuthenticationCode,
} from '../actions/deviceActions';
import {
pushPanel,
resetPanels,
} from '../actions/panelActions';
import { getAuthenticationCode, getReAuthenticationCode } from '../actions/deviceActions';
import { pushPanel, resetPanels } from '../actions/panelActions';
import * as Config from '../utils/Config';
import { ACTIVE_POPUP } from '../utils/Config';
import * as HelperMethods from '../utils/helperMethods';
import {
getUrl,
URLS,
} from './apiConfig';
import { getUrl, URLS } from './apiConfig';
let tokenRefreshing = false;
const axiosQueue = [];
export const setTokenRefreshing = (value) => {
console.log("TAxios setTokenRefreshing ", value);
console.log('TAxios setTokenRefreshing ', value);
tokenRefreshing = value;
};
export const runDelayedAction = (dispatch, getState) => {
console.log("runDelayedAction axiosQueue size", axiosQueue.length);
console.log('runDelayedAction axiosQueue size', axiosQueue.length);
while (axiosQueue.length > 0) {
const requestConfig = axiosQueue.shift(); // queue에서 요청을 하나씩 shift
TAxios(
@@ -49,7 +40,9 @@ export const runDelayedAction = (dispatch, getState) => {
requestConfig.urlParams,
requestConfig.params,
requestConfig.onSuccess,
requestConfig.onFail
requestConfig.onFail,
false, // noTokenRefresh
requestConfig.responseType // ⭐ responseType 전달
);
}
};
@@ -62,23 +55,24 @@ export const TAxios = (
params = {},
onSuccess,
onFail,
noTokenRefresh = false
noTokenRefresh = false,
responseType = undefined // ⭐ 선택적 파라미터 추가 (기존 코드 영향 없음)
) => {
const pushQueue = () => {
if (!noTokenRefresh) {
axiosQueue.push({ type, baseUrl, urlParams, params, onSuccess, onFail });
axiosQueue.push({ type, baseUrl, urlParams, params, onSuccess, onFail, responseType });
}
};
const decodeMessage = (apiSysMessage) => {
try {
const decodedBase64 = atob(apiSysMessage);
const decodedText = new TextDecoder("utf-8").decode(
new Uint8Array(decodedBase64.split("").map((c) => c.charCodeAt(0)))
const decodedText = new TextDecoder('utf-8').decode(
new Uint8Array(decodedBase64.split('').map((c) => c.charCodeAt(0)))
);
return decodedText;
} catch (error) {
console.error("Decoding error:", error);
console.error('Decoding error:', error);
return apiSysMessage;
}
};
@@ -90,31 +84,34 @@ export const TAxios = (
const AUTHORIZATION = { headers: { ...httpHeader } };
if (accessToken) {
AUTHORIZATION.headers["lgsp_auth"] = accessToken;
AUTHORIZATION.headers['lgsp_auth'] = accessToken;
}
AUTHORIZATION.headers["dvc_id"] = deviceId;
AUTHORIZATION.headers["refresh_token"] = refreshToken;
AUTHORIZATION.headers['dvc_id'] = deviceId;
AUTHORIZATION.headers['refresh_token'] = refreshToken;
if (typeof window === "object") {
let url = Array.isArray(baseUrl)
? getUrl(getState, baseUrl[0])
: getUrl(getState, baseUrl);
// ⭐ responseType 옵션 추가 (이미지, PDF 등 바이너리 데이터용)
if (responseType) {
AUTHORIZATION.responseType = responseType;
}
if (typeof window === 'object') {
let url = Array.isArray(baseUrl) ? getUrl(getState, baseUrl[0]) : getUrl(getState, baseUrl);
if (!url) {
//todo error page
return;
}
if (type === "get") {
if (type === 'get') {
const _urlparams = HelperMethods.createQueryString(urlParams);
url += _urlparams ? `?${_urlparams}` : "";
url += _urlparams ? `?${_urlparams}` : '';
}
let axiosInstance;
switch (type) {
case "get":
case 'get':
axiosInstance = axios.get(url, AUTHORIZATION);
break;
case "post":
case 'post':
axiosInstance = axios.post(url, params, AUTHORIZATION);
break;
// TODO: 다른 HTTP 메소드 있다면 처리 (chw)
@@ -123,18 +120,17 @@ export const TAxios = (
if (axiosInstance) {
axiosInstance
.then((res) => {
console.log("TAxios response", url, res);
console.log('TAxios response', url, res);
const apiSysStatus = res.headers["api-sys-status"];
const apiSysMessage = res.headers["api-sys-message"];
const apiSysStatus = res.headers['api-sys-status'];
const apiSysMessage = res.headers['api-sys-message'];
const { systemNotice, systemTermination, appStatus } =
getState().common;
const { systemNotice, systemTermination, appStatus } = getState().common;
const isInitialLoad = !appStatus.loadingComplete;
if (apiSysStatus === "800" && !systemNotice) {
if (apiSysStatus === '800' && !systemNotice) {
dispatch(setSystemNotice());
} else if (apiSysStatus === "900" && !systemTermination) {
} else if (apiSysStatus === '900' && !systemTermination) {
const decodedMessage = decodeMessage(apiSysMessage);
dispatch(setSystemTermination(isInitialLoad));
@@ -147,7 +143,7 @@ export const TAxios = (
},
})
);
} else if (apiSysStatus === "901" && !systemTermination) {
} else if (apiSysStatus === '901' && !systemTermination) {
const decodedMessage = decodeMessage(apiSysMessage);
dispatch(setSystemTermination(isInitialLoad));
@@ -164,14 +160,9 @@ export const TAxios = (
if (baseUrl === URLS.GET_AUTHENTICATION_CODE) {
if (res?.data?.retCode !== 0) {
console.error("accessToken failed", res.data.retCode);
console.error('accessToken failed', res.data.retCode);
dispatch(
showError(
res.data.retCode,
res.data.retMsg,
false,
res.data.retDetailCode
)
showError(res.data.retCode, res.data.retMsg, false, res.data.retDetailCode)
);
return;
}
@@ -234,7 +225,7 @@ export const TAxios = (
if (onSuccess) onSuccess(res);
})
.catch((error) => {
console.error("TAxios ", url, error);
console.error('TAxios ', url, error);
if (onFail) onFail(error);
});
}
@@ -276,7 +267,7 @@ export const TAxiosPromise = (
success: true,
data: response.data,
response: response,
error: null
error: null,
});
},
// onFail - 에러도 resolve로 처리하여 throw 방지
@@ -286,7 +277,7 @@ export const TAxiosPromise = (
success: false,
data: null,
response: null,
error: error
error: error,
});
},
noTokenRefresh
@@ -329,7 +320,7 @@ export const TAxiosAdvancedPromise = (
success: false,
data: null,
response: null,
error: timeoutError
error: timeoutError,
});
}
}, timeout);
@@ -349,14 +340,14 @@ export const TAxiosAdvancedPromise = (
success: true,
data: response.data,
response: response,
error: null
error: null,
});
},
// onFail
(error) => {
clearTimeout(timeoutId);
console.error(`TAxiosPromise error on attempt ${attempts} for ${baseUrl}:`, error);
// 재시도 로직
if (attempts < maxAttempts) {
console.log(`Retrying in ${retryDelay}ms... (${attempts}/${maxAttempts})`);
@@ -372,7 +363,7 @@ export const TAxiosAdvancedPromise = (
success: false,
data: null,
response: null,
error: error
error: error,
});
}
}
@@ -387,22 +378,38 @@ export const TAxiosAdvancedPromise = (
// HTTP 메소드별 편의 함수들 (안전한 버전)
export const TAxiosGet = async (dispatch, getState, baseUrl, urlParams = {}, options = {}) => {
return await TAxiosPromise(dispatch, getState, 'get', baseUrl, urlParams, {}, options.noTokenRefresh);
return await TAxiosPromise(
dispatch,
getState,
'get',
baseUrl,
urlParams,
{},
options.noTokenRefresh
);
};
export const TAxiosPost = async (dispatch, getState, baseUrl, params = {}, options = {}) => {
return await TAxiosPromise(dispatch, getState, 'post', baseUrl, {}, params, options.noTokenRefresh);
return await TAxiosPromise(
dispatch,
getState,
'post',
baseUrl,
{},
params,
options.noTokenRefresh
);
};
// 안전한 다중 요청 처리
export const TAxiosAll = async (requests) => {
try {
const results = await Promise.all(requests);
// 모든 결과를 안전하게 처리
const successResults = [];
const failedResults = [];
results.forEach((result, index) => {
if (result.success) {
successResults.push({ index, result: result.data });
@@ -410,12 +417,12 @@ export const TAxiosAll = async (requests) => {
failedResults.push({ index, error: result.error });
}
});
return {
success: failedResults.length === 0,
successResults,
failedResults,
allResults: results
allResults: results,
};
} catch (error) {
console.error('TAxiosAll unexpected error:', error);
@@ -423,7 +430,7 @@ export const TAxiosAll = async (requests) => {
success: false,
successResults: [],
failedResults: [{ index: -1, error }],
allResults: []
allResults: [],
};
}
};
@@ -432,7 +439,7 @@ export const TAxiosAll = async (requests) => {
export const TAxiosSequential = async (requests) => {
const results = [];
const errors = [];
for (let i = 0; i < requests.length; i++) {
try {
const result = await requests[i];
@@ -447,44 +454,42 @@ export const TAxiosSequential = async (requests) => {
console.error(`TAxiosSequential unexpected error at request ${i}:`, error);
}
}
return {
success: errors.length === 0,
results,
errors
errors,
};
};
// 안전한 Redux Thunk 헬퍼
export const createSafeApiThunk = (apiCall) => {
return (...args) => async (dispatch, getState) => {
try {
const result = await apiCall(dispatch, getState, ...args);
return result; // 이미 안전한 형태로 반환됨
} catch (error) {
console.error('API thunk unexpected error:', error);
return {
success: false,
data: null,
response: null,
error
};
}
};
return (...args) =>
async (dispatch, getState) => {
try {
const result = await apiCall(dispatch, getState, ...args);
return result; // 이미 안전한 형태로 반환됨
} catch (error) {
console.error('API thunk unexpected error:', error);
return {
success: false,
data: null,
response: null,
error,
};
}
};
};
// 실제 사용 예시들 (안전한 버전)
export const safeUsageExamples = {
// 1. 기본 안전한 사용법
basicSafeUsage: async (dispatch, getState) => {
const result = await TAxiosPromise(
dispatch,
getState,
'get',
URLS.GET_HOME_TERMS,
{ trmsTpCdList: "MST00401, MST00402", mbrNo: "12345" }
);
const result = await TAxiosPromise(dispatch, getState, 'get', URLS.GET_HOME_TERMS, {
trmsTpCdList: 'MST00401, MST00402',
mbrNo: '12345',
});
if (result.success) {
console.log('Success:', result.data);
return result.data;
@@ -497,78 +502,75 @@ export const safeUsageExamples = {
// 2. retCode 체크를 포함한 안전한 처리
safeWithRetCodeCheck: async (dispatch, getState) => {
const result = await TAxiosGet(
dispatch,
getState,
URLS.GET_HOME_TERMS,
{ trmsTpCdList: "MST00401, MST00402", mbrNo: "12345" }
);
const result = await TAxiosGet(dispatch, getState, URLS.GET_HOME_TERMS, {
trmsTpCdList: 'MST00401, MST00402',
mbrNo: '12345',
});
if (!result.success) {
console.error('Network error:', result.error);
return { success: false, message: '네트워크 오류가 발생했습니다.' };
}
if (result.data.retCode !== 0) {
console.error('API error:', result.data.retCode, result.data.retMsg);
return {
success: false,
message: result.data.retMsg || 'API 오류가 발생했습니다.'
return {
success: false,
message: result.data.retMsg || 'API 오류가 발생했습니다.',
};
}
return { success: true, data: result.data };
},
// 3. 여러 요청의 안전한 처리
safeParallelRequests: async (dispatch, getState) => {
const requests = [
TAxiosGet(dispatch, getState, URLS.GET_HOME_TERMS, { mbrNo: "12345" }),
TAxiosGet(dispatch, getState, URLS.GET_USER_INFO, { mbrNo: "12345" }),
TAxiosPost(dispatch, getState, URLS.UPDATE_SETTINGS, { setting: "value" })
TAxiosGet(dispatch, getState, URLS.GET_HOME_TERMS, { mbrNo: '12345' }),
TAxiosGet(dispatch, getState, URLS.GET_USER_INFO, { mbrNo: '12345' }),
TAxiosPost(dispatch, getState, URLS.UPDATE_SETTINGS, { setting: 'value' }),
];
const result = await TAxiosAll(requests);
if (result.success) {
console.log('All requests succeeded');
return result.successResults.map(item => item.result);
return result.successResults.map((item) => item.result);
} else {
console.error('Some requests failed:', result.failedResults);
// 부분적 성공도 처리 가능
return {
successData: result.successResults.map(item => item.result),
errors: result.failedResults
successData: result.successResults.map((item) => item.result),
errors: result.failedResults,
};
}
}
},
};
// 컴포넌트에서의 안전한 사용법
export const ComponentUsageExample = () => {
const dispatch = useDispatch();
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const handleFetchTerms = async () => {
setLoading(true);
setError(null);
const result = await dispatch(fetchCurrentUserHomeTermsSafe());
setLoading(false);
if (result.success) {
console.log("Terms fetched successfully");
console.log('Terms fetched successfully');
// 성공 처리 (예: 성공 토스트 표시)
} else {
console.error("Failed to fetch terms:", result.message);
console.error('Failed to fetch terms:', result.message);
setError(result.message);
// 에러 처리 (예: 에러 토스트 표시)
}
};
return (
<div>
<button onClick={handleFetchTerms} disabled={loading}>
@@ -577,4 +579,4 @@ export const ComponentUsageExample = () => {
{error && <div className="error-message">{error}</div>}
</div>
);
};
};

26
com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
View File

@@ -515,3 +515,29 @@
}
}
}
// 🔽 에너지 라벨 팝업 스타일 (1920x1080 TV 화면 기준)
.energyPopupContent {
width: 100%;
max-height: 800px; // 팝업 타이틀/버튼 영역 제외한 콘텐츠 최대 높이
overflow-y: auto;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.energyImagesContainer {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.energyImage {
max-width: 100%;
max-height: 750px; // 1080px - 타이틀(~120px) - 버튼(~120px) - 여백(~90px)
width: auto;
height: auto;
object-fit: contain; // 비율 유지하면서 컨테이너에 맞춤
}

341
com.twin.app.shoptime/src/components/TItemCard/TItemCard.new.jsx
View File

@@ -1,75 +1,62 @@
import React, {
memo,
useCallback,
useEffect,
useMemo,
useState,
} from 'react';
import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
import classNames from 'classnames';
import {
useDispatch,
useSelector,
} from 'react-redux';
import { useDispatch, useSelector } from 'react-redux';
import Spotlight from '@enact/spotlight';
import Spottable from '@enact/spotlight/Spottable';
import defaultLogoImg
from '../../../assets/images/ic-tab-partners-default@3x.png';
import defaultimgHorizontal
from '../../../assets/images/img-thumb-empty-hor@3x.png';
import defaultImageItem
from '../../../assets/images/img-thumb-empty-product@3x.png';
import defaultimgVertical
from '../../../assets/images/img-thumb-empty-ver@3x.png';
import defaultLogoImg from '../../../assets/images/ic-tab-partners-default@3x.png';
import defaultimgHorizontal from '../../../assets/images/img-thumb-empty-hor@3x.png';
import defaultImageItem from '../../../assets/images/img-thumb-empty-product@3x.png';
import defaultimgVertical from '../../../assets/images/img-thumb-empty-ver@3x.png';
import IcLiveShow from '../../../assets/images/tag/tag-liveshow.png';
import testPdf from '../../../assets/mock/test.pdf';
import {
setHidePopup,
setShowPopup,
} from '../../actions/commonActions';
// 🧪 테스트용 에너지 라벨 (실제 PDF 변환 테스트)
import testEnergyIconA from '../../../assets/images/energyLabel/labelgradeA.png';
import testEnergyIconB from '../../../assets/images/energyLabel/labelgradeB.png';
import testEnergyIconC from '../../../assets/images/energyLabel/labelgradeC.png';
import testEnergyPdf from '../../../assets/mock/EnergyLabelSample.pdf';
import { setHidePopup, setShowPopup } from '../../actions/commonActions';
import {
clearConvertedImage,
convertPdfToImage,
convertMultiplePdfs,
} from '../../actions/convertActions';
import { sendLogTotalRecommend } from '../../actions/logActions';
import usePriceInfo from '../../hooks/usePriceInfo';
import * as Config from '../../utils/Config';
import {
$L,
getQRCodeUrl,
removeSpecificTags,
} from '../../utils/helperMethods';
import { $L, getQRCodeUrl, removeSpecificTags } from '../../utils/helperMethods';
import { SpotlightIds } from '../../utils/SpotlightIds';
import CustomImage from '../CustomImage/CustomImage';
import TPopUp from '../TPopUp/TPopUp';
import css from './TItemCard.module.less';
const SpottableComponent = Spottable("div");
const SpottableTemp = Spottable("div");
const SpottableComponent = Spottable('div');
const SpottableTemp = Spottable('div');
const TYPES = {
vertical: "vertical",
horizontal: "horizontal",
videoShow: "videoShow",
vertical: 'vertical',
horizontal: 'horizontal',
videoShow: 'videoShow',
};
const IMAGETYPES = {
imgHorizontal: "imgHorizontal",
imgVertical: "imgVertical",
imgHorizontal: 'imgHorizontal',
imgVertical: 'imgVertical',
};
const STRING_CONF = {
SOLD_OUT: "SOLD OUT",
ENERGY_LOADING: "Loading energy label...",
ENERGY_ERROR: "Failed to load energy label",
SOLD_OUT: 'SOLD OUT',
ENERGY_LOADING: 'Loading energy label...',
ENERGY_ERROR: 'Failed to load energy label',
};
export const removeDotAndColon = (string) => {
return /[.:]/.test(string) ? string.replace(/[.:]/g, "") : string;
return /[.:]/.test(string) ? string.replace(/[.:]/g, '') : string;
};
const parsePrice = (price) => {
return parseFloat(price?.replace(/[^0-9.-]+/g, "") || "0");
return parseFloat(price?.replace(/[^0-9.-]+/g, '') || '0');
};
export default memo(function TItemCardNew({
@@ -126,25 +113,28 @@ export default memo(function TItemCardNew({
const [currentPdfUrl, setCurrentPdfUrl] = useState(null);
const countryCode = useSelector((state) => state.common.httpHeader.cntry_cd);
const cursorVisible = useSelector(
(state) => state.common.appStatus.cursorVisible
);
const { activePopup, popupVisible } = useSelector(
(state) => state.common.popup
);
const cursorVisible = useSelector((state) => state.common.appStatus.cursorVisible);
const { activePopup, popupVisible } = useSelector((state) => state.common.popup);
const convert = useSelector((state) => state.convert);
const serverHOST = useSelector((state) => state.common.appStatus.serverHOST);
const serverType = useSelector((state) => state.localSettings.serverType);
// 컴포넌트 unmount 시 메모리 정리
useEffect(() => {
return () => {
if (convert?.convertedImage) {
URL.revokeObjectURL(convert.convertedImage);
}
};
}, [convert?.convertedImage]);
useEffect(() => {
if (!imageSource) {
if (type === "videoShow") {
if (type === 'videoShow') {
setDefaultImage(
imgType === IMAGETYPES.imgHorizontal
? defaultimgHorizontal
: defaultimgVertical
imgType === IMAGETYPES.imgHorizontal ? defaultimgHorizontal : defaultimgVertical
);
} else {
setDefaultImage(defaultImageItem);
@@ -152,8 +142,27 @@ export default memo(function TItemCardNew({
}
}, [imageSource, type, imgType]);
const { originalPrice, discountedPrice, discountRate } =
usePriceInfo(priceInfo) || {};
// ⚠️ 자동 변환 비활성화 (클릭 시에만 변환 테스트)
// useEffect(() => {
// if (euEnrgLblInfos && euEnrgLblInfos.length > 0) {
// const pdfUrls = euEnrgLblInfos
// .filter((info) => info?.enrgLblUrl && !info.enrgLblUrl.endsWith('.png'))
// .map((info) => info.enrgLblUrl);
//
// if (pdfUrls.length > 0) {
// console.log(`🔄 [EnergyLabel] Auto-converting ${pdfUrls.length} PDFs for product:`, productId);
// dispatch(convertMultiplePdfs(pdfUrls, (errors, results) => {
// if (errors) {
// console.error(`❌ [EnergyLabel] Some conversions failed for product:`, productId, errors);
// } else {
// console.log(`✅ [EnergyLabel] All conversions successful for product:`, productId);
// }
// }));
// }
// }
// }, [euEnrgLblInfos, productId, dispatch]);
const { originalPrice, discountedPrice, discountRate } = usePriceInfo(priceInfo) || {};
const _onBlur = useCallback(() => {
if (onBlur) {
@@ -241,25 +250,23 @@ export default memo(function TItemCardNew({
);
const ariaLabel = useMemo(() => {
const soldOutText = soldoutFlag === "Y" ? "Sold Out " : "";
const firstLabelText = firstLabel ? `${firstLabel} ` : "";
const discountLabel = discountRate ? `${discountRate} discount, ` : "";
const discountPriceLabel = discountRate
? `Sale price ${discountedPrice}, `
: "";
const soldOutText = soldoutFlag === 'Y' ? 'Sold Out ' : '';
const firstLabelText = firstLabel ? `${firstLabel} ` : '';
const discountLabel = discountRate ? `${discountRate} discount, ` : '';
const discountPriceLabel = discountRate ? `Sale price ${discountedPrice}, ` : '';
const parsedPrice = parsePrice(originalPrice);
const priceLabel =
parsedPrice === 0
? offerInfo
? ` ${offerInfo}`
: ""
: ''
: originalPrice
? ` Original price ${originalPrice}, `
: "";
: '';
const productLabel = label || "";
const lastLabelText = lastLabel || "";
const productLabel = label || '';
const lastLabelText = lastLabel || '';
return `${soldOutText}${firstLabelText}${discountLabel}${productName}${discountPriceLabel}${priceLabel}${productLabel}${lastLabelText}`;
}, [
@@ -279,28 +286,50 @@ export default memo(function TItemCardNew({
return sanitizedString;
}, [productName]);
// 🔽 팝업 닫기
// 🔽 팝업 닫기 + 메모리 정리
const handleClosePopup = useCallback(() => {
// Object URL 메모리 해제
if (convert?.convertedImage) {
URL.revokeObjectURL(convert.convertedImage);
}
dispatch(setHidePopup());
dispatch(clearConvertedImage());
setCurrentPdfUrl(null);
}, [dispatch]);
}, [dispatch, convert?.convertedImage]);
const { setupPinUrl } = useMemo(() => {
return getQRCodeUrl({ serverHOST, serverType });
}, [serverHOST, serverType]);
// 🔽 에너지 라벨 클릭 - PDF 변환 시작
const onEnergyClick = useCallback(
(e, pdfUrl) => {
e.stopPropagation();
setCurrentPdfUrl(pdfUrl);
dispatch(setShowPopup(Config.ACTIVE_POPUP.energyPopup));
// PDF를 이미지로 변환
// dispatch(convertPdfToImage(pdfUrl));
dispatch(convertPdfToImage(testPdf));
// PNG 이미지는 직접 표시
if (pdfUrl.endsWith('.png')) {
dispatch({
type: 'CONVERT_PDF_TO_IMAGE_SUCCESS',
payload: { pdfUrl, imageUrl: pdfUrl },
});
dispatch(setShowPopup(Config.ACTIVE_POPUP.energyPopup));
return;
}
// PDF 변환 시작 (성공 시에만 팝업)
dispatch(
convertPdfToImage(pdfUrl, (error, imageUrl) => {
if (error) {
console.error('[EnergyLabel] 변환 실패:', error.message || error);
} else {
dispatch(setShowPopup(Config.ACTIVE_POPUP.energyPopup));
setTimeout(() => {
Spotlight.focus(SpotlightIds.TPOPUP);
}, 250);
}
})
);
},
[dispatch]
);
@@ -311,15 +340,13 @@ export default memo(function TItemCardNew({
className={classNames(
css[type],
nonPosition && css.nonPosition,
type === "videoShow" && css[imgType],
type === 'videoShow' && css[imgType],
className && className
)}
onBlur={_onBlur}
onClick={_onClick}
onFocus={_onFocus}
spotlightId={
spotlightId ?? "spotlightId-" + removeDotAndColon(productId)
}
spotlightId={spotlightId ?? 'spotlightId-' + removeDotAndColon(productId)}
aria-label={ariaLabel}
role="button"
{...rest}
@@ -330,7 +357,7 @@ export default memo(function TItemCardNew({
delay={0}
src={imageSource}
fallbackSrc={
type === "videoShow"
type === 'videoShow'
? imgType === IMAGETYPES.imgHorizontal
? defaultimgHorizontal
: defaultimgVertical
@@ -338,24 +365,15 @@ export default memo(function TItemCardNew({
}
onError={addDefaultImg}
/>
{priceInfo &&
discountRate &&
Number(discountRate.replace("%", "")) > 4 && (
<span className={css.discount}>{discountRate}</span>
)}
{soldoutFlag && soldoutFlag === "Y" && (
<div
className={classNames(
css.soldout,
countryCode === "DE" && css.de
)}
>
{priceInfo && discountRate && Number(discountRate.replace('%', '')) > 4 && (
<span className={css.discount}>{discountRate}</span>
)}
{soldoutFlag && soldoutFlag === 'Y' && (
<div className={classNames(css.soldout, countryCode === 'DE' && css.de)}>
{$L(STRING_CONF.SOLD_OUT)}
</div>
)}
{isLive && (
<img className={css.liveTag} src={IcLiveShow} alt="Live Show" />
)}
{isLive && <img className={css.liveTag} src={IcLiveShow} alt="Live Show" />}
</div>
<div className={css.flexBox}>
<div
@@ -383,17 +401,14 @@ export default memo(function TItemCardNew({
{children}
{priceInfo ? (
<p className={css.priceInfo}>
{parseFloat(originalPrice?.replace(/[^0-9.-]+/g, "") || "0") ===
0 ? (
{parseFloat(originalPrice?.replace(/[^0-9.-]+/g, '') || '0') === 0 ? (
<strong>{offerInfo}</strong>
) : discountRate ? (
discountedPrice
) : (
originalPrice
)}
{discountRate && (
<span className={css.originalPrice}>{originalPrice}</span>
)}
{discountRate && <span className={css.originalPrice}>{originalPrice}</span>}
</p>
) : (
<p className={css.offerInfo}>{offerInfo}</p>
@@ -402,12 +417,68 @@ export default memo(function TItemCardNew({
{originPrice && (
<p className={css.priceInfo}>
{dcPrice ? dcPrice : originPrice}
{dcPrice && (
<span className={css.originalPrice}>{originPrice}</span>
)}
{dcPrice && <span className={css.originalPrice}>{originPrice}</span>}
</p>
)}
</div>
{/* 🧪 테스트: 모든 상품에 [EnergyLabel] 표시 (test.pdf 변환 확인용) */}
{/* ✅ 실제 운영: 아래 주석 삭제하고 원래 조건문으로 복구 */}
{(() => {
let energyLabels;
// 실제 API 데이터가 있으면 사용
if (euEnrgLblInfos?.length > 0 && euEnrgLblInfos[0]?.enrgLblIcnUrl !== null) {
energyLabels = euEnrgLblInfos;
} else {
// 🧪 테스트: 랜덤으로 1~3개 생성
// productId 전체를 해시해서 균등한 분산 (같은 상품은 항상 같은 개수)
const hashCode = (str) => {
let hash = 0;
const s = String(str);
for (let i = 0; i < s.length; i++) {
hash = (hash << 5) - hash + s.charCodeAt(i);
hash = hash & hash; // Convert to 32bit integer
}
return Math.abs(hash);
};
const seed = productId ? hashCode(productId) : Math.floor(Math.random() * 1000);
const randomCount = (seed % 3) + 1; // 1, 2, 3 중 하나
const testIcons = [testEnergyIconA, testEnergyIconB, testEnergyIconC];
const testGrades = ['A (TEST)', 'B (TEST)', 'C (TEST)'];
energyLabels = Array.from({ length: randomCount }, (_, index) => ({
enrgLblUrl: testEnergyPdf,
enrgLblIcnUrl: testIcons[index],
enrgGrade: testGrades[index],
}));
}
// 하나의 labelImgBox 안에 모든 라벨 배치 (세로로 쌓임)
return (
<div className={css.labelImgBox}>
{energyLabels
.filter((info, index) => index < 3)
.map((info, index) => (
<SpottableTemp
key={index}
spotlightDisabled={Boolean(!cursorVisible)}
onClick={(e) => onEnergyClick(e, info.enrgLblUrl)}
aria-label={`Energy Efficiency ${info.enrgGrade || ''}`}
>
<CustomImage
alt={`Energy Label ${info.enrgGrade || index + 1}`}
delay={0}
src={info.enrgLblIcnUrl}
/>
</SpottableTemp>
))}
</div>
);
})()}
{/*
원래 코드 (테스트 완료 후 복구):
{euEnrgLblInfos &&
euEnrgLblInfos.length > 0 &&
euEnrgLblInfos[0]?.enrgLblIcnUrl !== null &&
@@ -429,6 +500,7 @@ export default memo(function TItemCardNew({
</div>
)
)}
*/}
</div>
{isBestSeller && rank && (
<div className={css.bestSeller}>
@@ -437,30 +509,53 @@ export default memo(function TItemCardNew({
)}
</SpottableComponent>
{activePopup === Config.ACTIVE_POPUP.energyPopup && currentPdfUrl && (
<TPopUp
kind="energyPopup"
title={$L("Energy Efficiency")}
hasText
open={popupVisible}
hasButton
button1Text={$L("CLOSE")}
onClose={handleClosePopup}
>
<div className={css.energyPopupContent}>
{convert && (
<div className={css.energyImagesContainer}>
<img
alt="Energy Label"
// delay={0}
src={convert.convertedImage}
className={css.energyImage}
/>
</div>
)}
</div>
</TPopUp>
)}
{(() => {
const showPopup = activePopup === Config.ACTIVE_POPUP.energyPopup && currentPdfUrl;
if (!showPopup) return null;
return (
<TPopUp
kind="energyPopup"
title={$L('Energy Efficiency')}
hasText
open={popupVisible}
hasButton
button1Text={$L('CLOSE')}
onClose={handleClosePopup}
>
<div className={css.energyPopupContent}>
{convert ? (
<>
<div className={css.energyImagesContainer}>
{convert.convertedImage ? (
<img
alt="Energy Label"
src={convert.convertedImage}
className={css.energyImage}
/>
) : convert.error ? (
<div>
<p>{$L(STRING_CONF.ENERGY_ERROR)}</p>
<p style={{ fontSize: '0.8em', marginTop: '10px' }}>
{convert.error?.message || String(convert.error)}
</p>
</div>
) : (
<div>
<p>{$L(STRING_CONF.ENERGY_LOADING)}</p>
</div>
)}
</div>
</>
) : (
<div>
<p>{$L(STRING_CONF.ENERGY_ERROR)}</p>
</div>
)}
</div>
</TPopUp>
);
})()}
</>
);
});

100
com.twin.app.shoptime/src/reducers/convertReducer.js
View File

@@ -1,32 +1,75 @@
import { types } from '../actions/actionTypes';
import {
curry,
get,
set,
} from '../utils/fp';
import { curry, get } from '../utils/fp';
// 초기 상태 정의
const initialState = {
convertedImage: null,
convertedImages: {},
error: null,
errors: {},
isConverting: false,
converting: {},
};
// 변환 성공 핸들러
const convertSuccess = curry((state, action) =>
set(
"convertedImage",
get("payload", action),
set("error", null, set("isConverting", false, state))
)
);
const convertSuccess = curry((state, action) => {
const payload = get('payload', action);
let imageUrl;
let pdfUrl;
// 변환 실패 핸들러
const convertFailure = curry((state, action) =>
set("error", get("payload", action), set("isConverting", false, state))
);
if (typeof payload === 'string') {
imageUrl = payload;
} else if (payload && typeof payload === 'object') {
pdfUrl = payload.pdfUrl;
imageUrl = payload.imageUrl;
} else {
return state;
}
return {
...state,
convertedImage: imageUrl,
convertedImages: pdfUrl
? {
...state.convertedImages,
[pdfUrl]: imageUrl,
}
: state.convertedImages,
error: null,
isConverting: false,
};
});
const convertStart = curry((state, action) => {
const pdfUrl = get('payload', action);
return {
...state,
isConverting: true,
converting: {
...state.converting,
[pdfUrl]: true,
},
};
});
const convertFailure = curry((state, action) => {
const payload = get('payload', action);
const { pdfUrl, error } = payload;
return {
...state,
error: error,
errors: {
...state.errors,
[pdfUrl]: error,
},
isConverting: false,
converting: {
...state.converting,
[pdfUrl]: false,
},
};
});
// 변환 데이터 초기화 핸들러
const clearConverted = curry((state) => ({
...state,
convertedImage: null,
@@ -34,15 +77,30 @@ const clearConverted = curry((state) => ({
isConverting: false,
}));
// 액션 타입별 핸들러 매핑
const clearConvertedByUrl = curry((state, action) => {
const pdfUrl = get('payload', action);
const { [pdfUrl]: removedImage, ...restImages } = state.convertedImages;
const { [pdfUrl]: removedError, ...restErrors } = state.errors;
const { [pdfUrl]: removedConverting, ...restConverting } = state.converting;
return {
...state,
convertedImages: restImages,
errors: restErrors,
converting: restConverting,
};
});
const handlers = {
[types.CONVERT_PDF_TO_IMAGE]: convertStart,
[types.CONVERT_PDF_TO_IMAGE_SUCCESS]: convertSuccess,
[types.CONVERT_PDF_TO_IMAGE_FAILURE]: convertFailure,
[types.CLEAR_CONVERTED_IMAGE]: clearConverted,
[types.CLEAR_CONVERTED_IMAGE_BY_URL]: clearConvertedByUrl,
};
export const convertReducer = (state = initialState, action = {}) => {
const type = get("type", action);
const type = get('type', action);
const handler = handlers[type];
return handler ? handler(state, action) : state;
};