pds-dev-kit-web 2.2.210 → 2.2.211

package/dist/src/desktop/components/PriceTextField/PriceTextField.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Path } from 'react-hook-form';
-import { CurrencyCode, ExchangeRateMap } from '../../../core/pricing';
+import { CurrencyCode } from '../../../core/pricing';
 import type { IFormValues, PDSTextType } from '../../../common';
 import type { TextFieldBaseProps } from '../../common/components/TextFieldBase/TextFieldBase';
 export declare const DEFAULT_DECIMAL_PLACES: {
@@ -19,12 +19,13 @@ type Props = {
     baseCurrency?: CurrencyCode;
     currencies?: CurrencyCode[];
     decimalPlaces?: Record<string, number>;
-    exchangeRates?: ExchangeRateMap;
+    exchangeRates?: {
+        [key: string]: number;
+    };
     hintTextFontWeight?: 'normal' | 'bold';
     validation?: any;
     useRequiredValidation?: 'none' | 'use';
     useDotBadge?: 'none' | 'use';
-    returnType?: 'object' | 'string' | 'rawValue';
     deleteBtnMode?: 'none' | 'use';
     minPriceAmount?: string | number;
     onExChange?: (e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
@@ -39,5 +40,5 @@ type Props = {
         displayValue: string;
     }) => void;
 } & Omit<Partial<TextFieldBaseProps>, 'textAlign' | 'preventBlankMode' | 'enterSubmitMode' | 'multiRows' | 'colorTheme'>;
-declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, returnType, deleteBtnMode, minPriceAmount, onChange, onExChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
+declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, deleteBtnMode, minPriceAmount, onChange, onExChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
 export default PriceTextField;

package/dist/src/desktop/components/PriceTextField/PriceTextField.js

@@ -66,18 +66,50 @@ exports.DEFAULT_DECIMAL_PLACES = {
 function PriceTextField(_a) {
     var _b;
     var _c;
-    var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.returnType, returnType = _t === void 0 ? 'object' : _t, _u = _a.deleteBtnMode, deleteBtnMode = _u === void 0 ? 'use' : _u, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onExChange = _a.onExChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
+    var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.deleteBtnMode, deleteBtnMode = _t === void 0 ? 'use' : _t, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onExChange = _a.onExChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
     var t = (0, react_i18next_1.useTranslation)('translation').t;
-    var _v = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _v[0], setBaseCurrencyValue = _v[1];
-    var _w = (0, react_1.useState)(''), displayValue = _w[0], setDisplayValue = _w[1];
-    var _x = (0, react_1.useState)(baseCurrency), selectedCurrency = _x[0], setSelectedCurrency = _x[1];
-    var _y = (0, react_1.useState)(false), isDropdownFocused = _y[0], setIsDropdownFocused = _y[1];
-    var _z = (0, react_1.useState)(false), isInputFocused = _z[0], setIsInputFocused = _z[1];
-    var _0 = (0, react_1.useState)(null), contextMenuSizeOffset = _0[0], setContextMenuSizeOffset = _0[1];
-    var _1 = (0, react_1.useState)(null), dropdownPositionOffset = _1[0], setDropdownPositionOffset = _1[1];
+    var _u = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _u[0], setBaseCurrencyValue = _u[1];
+    var _v = (0, react_1.useState)(baseCurrency), selectedCurrency = _v[0], setSelectedCurrency = _v[1];
+    var _w = (0, react_1.useState)(false), isDropdownFocused = _w[0], setIsDropdownFocused = _w[1];
+    var _x = (0, react_1.useState)(false), isInputFocused = _x[0], setIsInputFocused = _x[1];
+    var _y = (0, react_1.useState)(null), contextMenuSizeOffset = _y[0], setContextMenuSizeOffset = _y[1];
+    var _z = (0, react_1.useState)(null), dropdownPositionOffset = _z[0], setDropdownPositionOffset = _z[1];
+    /** 입력 시 천 단위 콤마 추가 함수 */
+    var addCommas = function (value) {
+        if (!value)
+            return '';
+        var parts = value.split('.');
+        var integerPart = parts[0];
+        var decimalPart = parts[1];
+        // 정수 부분에 콤마 추가
+        var formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        // 소수점이 있으면 합치기
+        return decimalPart !== undefined ? "".concat(formattedInteger, ".").concat(decimalPart) : formattedInteger;
+    };
+    var displayValue = (0, react_1.useMemo)(function () {
+        if (!baseCurrencyValue || baseCurrencyValue === '') {
+            return '';
+        }
+        if (selectedCurrency === baseCurrency) {
+            return isInputFocused
+                ? addCommas(baseCurrencyValue)
+                : formatCurrency(Number(baseCurrencyValue), selectedCurrency, decimalPlaces);
+        }
+        var rate = exchangeRates[selectedCurrency] || 1;
+        var baseRate = exchangeRates[baseCurrency] || 1;
+        var convertedValue = (Number(baseCurrencyValue) / baseRate) * rate;
+        return formatCurrency(convertedValue, selectedCurrency, decimalPlaces);
+    }, [
+        baseCurrencyValue,
+        selectedCurrency,
+        baseCurrency,
+        exchangeRates,
+        decimalPlaces,
+        isInputFocused
+    ]);
     var contextMenuRef = (0, react_1.useRef)(null);
     var dropdownRef = (0, react_1.useRef)(null);
-    var _2 = (0, react_hook_form_1.useFormContext)(), register = _2.register, trigger = _2.trigger, errors = _2.formState.errors, setValue = _2.setValue;
+    var _0 = (0, react_hook_form_1.useFormContext)(), register = _0.register, trigger = _0.trigger, errors = _0.formState.errors, setValue = _0.setValue;
     /** 기본 validation */
     var defaultValidation = (0, react_1.useMemo)(function () {
         var validationConfig = {};
@@ -192,30 +224,13 @@ function PriceTextField(_a) {
     };
     // 환율 계산된 값 계산 (항상 baseCurrency 기준으로)
     var calculatedValue = (0, react_1.useMemo)(function () {
-        if (selectedCurrency === baseCurrency) {
+        if (!baseCurrencyValue || selectedCurrency === baseCurrency) {
             return Number(baseCurrencyValue);
         }
-        return pricing_1.PricingService.exchangePrice(Number(baseCurrencyValue), baseCurrency, selectedCurrency, exchangeRates);
-    }, [baseCurrencyValue, selectedCurrency, baseCurrency]);
-    /** 표시되는 값 설정 */
-    (0, react_1.useEffect)(function () {
-        if (isInputFocused && selectedCurrency === baseCurrency) {
-            setDisplayValue(addCommas(baseCurrencyValue) || '');
-        }
-        else if (!baseCurrencyValue || baseCurrencyValue === '') {
-            setDisplayValue('');
-        }
-        else {
-            setDisplayValue(formatCurrency(calculatedValue, selectedCurrency, decimalPlaces));
-        }
-    }, [
-        baseCurrencyValue,
-        calculatedValue,
-        selectedCurrency,
-        isInputFocused,
-        baseCurrency,
-        decimalPlaces
-    ]);
+        var rate = exchangeRates[selectedCurrency] || 1;
+        var baseRate = exchangeRates[baseCurrency] || 1;
+        return (Number(baseCurrencyValue) / baseRate) * rate;
+    }, [baseCurrencyValue, selectedCurrency, baseCurrency, exchangeRates]);
     /** 드롭다운 위치 업데이트 */
     (0, react_1.useEffect)(function () {
         if (!isDropdownFocused && contextMenuRef.current) {
@@ -245,36 +260,16 @@ function PriceTextField(_a) {
         }
         return formatCurrency(calculatedValue || 0, selectedCurrency, decimalPlaces);
     }, [baseCurrencyValue, calculatedValue, selectedCurrency, decimalPlaces]);
-    /** returnType에 따른 폼 값 */
-    var formValue = (0, react_1.useMemo)(function () {
-        if (!baseCurrencyValue || baseCurrencyValue === '') {
-            return '';
-        }
-        switch (returnType) {
-            case 'string':
-                return formattedValue;
-            case 'rawValue':
-                return baseCurrencyValue;
-            case 'object':
-            default:
-                return formattedValue;
-        }
-    }, [baseCurrencyValue, formattedValue, returnType]);
     /** 폼 값 업데이트 */
     (0, react_1.useEffect)(function () {
-        setValue(name, formValue);
-    }, [name, setValue, formValue]);
+        setValue(name, baseCurrencyValue);
+    }, [name, setValue, baseCurrencyValue]);
     /** onChange 콜백 처리 */
     (0, react_1.useEffect)(function () {
-        if (!onChange)
-            return;
-        if (!baseCurrencyValue || baseCurrencyValue === '') {
-            onChange('');
-            return;
+        if (onChange && baseCurrencyValue) {
+            onChange(baseCurrencyValue);
         }
-        var callbackValue = returnType === 'object' ? formattedValue : formValue;
-        onChange(callbackValue);
-    }, [onChange, baseCurrencyValue, formattedValue, formValue, returnType]);
+    }, [onChange, baseCurrencyValue]);
     /** onValueChange 콜백 처리 */
     (0, react_1.useEffect)(function () {
         if (!onValueChange)
@@ -289,18 +284,6 @@ function PriceTextField(_a) {
             displayValue: formattedValue
         });
     }, [baseCurrencyValue, selectedCurrency, calculatedValue, formattedValue]);
-    /** 입력 시 천 단위 콤마 추가 함수 */
-    var addCommas = function (value) {
-        if (!value)
-            return '';
-        var parts = value.split('.');
-        var integerPart = parts[0];
-        var decimalPart = parts[1];
-        // 정수 부분에 콤마 추가
-        var formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-        // 소수점이 있으면 합치기
-        return decimalPart !== undefined ? "".concat(formattedInteger, ".").concat(decimalPart) : formattedInteger;
-    };
     var handleChange = function (e) {
         var _a = e.target, value = _a.value, selectionStart = _a.selectionStart;
         var prevValue = displayValue;
@@ -434,13 +417,13 @@ function PriceTextField(_a) {
     };
     var handleDelete = (0, react_1.useCallback)(function () {
         setBaseCurrencyValue('');
-        setDisplayValue('');
         setValue(name, '');
     }, [name, setValue]);
     return ((0, jsx_runtime_1.jsxs)(S_PriceTextField, __assign({ "x-pds-name": "PriceTextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", inputSize: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsxs)(S_ComponentBox, __assign({ inputSize: size, responsiveMode: responsiveMode, isFocused: isInputFocused, isError: Boolean(isError), state: state, customWidth: customWidth, isInputReadOnly: isInputReadOnly }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldBaseWrapper, __assign({ state: state, isError: Boolean(isError), isFocused: isInputFocused, inputSize: size, isInputReadOnly: isInputReadOnly }, { children: (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText ||
                                 t('str_channel_min_price', {
                                     channelMinPrice: pricing_1.PricingService.format.price({
-                                        amount: minPriceAmount || (baseCurrency === pricing_1.CurrencyCode.KRW ? 300 : 5),
+                                        amount: minPriceAmount ||
+                                            policy_1.DEFAULT_CURRENCY_PRICE_POLICIES[baseCurrency].minPayment.amount,
                                         currency: baseCurrency
                                     })
                                 }), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 12 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [useDotBadge === 'use' && selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "form2Bold", singleLineMode: "use", colorTheme: "sysTextPrimary", ellipsisMode: "use", customFontWeight: "bold", colorOverride: getDropdownTextColorKey(), lineLimit: 1 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isDropdownFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })) }))] })), isDropdownFocused &&

package/dist/src/mobile/components/PriceTextField/PriceTextField.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Path } from 'react-hook-form';
-import { CurrencyCode, ExchangeRateMap } from '../../../core/pricing';
+import { CurrencyCode } from '../../../core/pricing';
 import type { IFormValues, PDSTextType } from '../../../common';
 import type { TextFieldBaseProps } from '../../common/components/TextFieldBase/TextFieldBase';
 export declare const DEFAULT_DECIMAL_PLACES: {
@@ -19,12 +19,13 @@ type Props = {
     baseCurrency?: CurrencyCode;
     currencies?: CurrencyCode[];
     decimalPlaces?: Record<string, number>;
-    exchangeRates?: ExchangeRateMap;
+    exchangeRates?: {
+        [key: string]: number;
+    };
     hintTextFontWeight?: 'normal' | 'bold';
     validation?: any;
     useRequiredValidation?: 'none' | 'use';
     useDotBadge?: 'none' | 'use';
-    returnType?: 'object' | 'string' | 'rawValue';
     deleteBtnMode?: 'none' | 'use';
     minPriceAmount?: string | number;
     onChange?: (value: string) => void;
@@ -38,5 +39,5 @@ type Props = {
         displayValue: string;
     }) => void;
 } & Omit<Partial<TextFieldBaseProps>, 'textAlign' | 'preventBlankMode' | 'enterSubmitMode' | 'multiRows' | 'colorTheme'>;
-declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, returnType, deleteBtnMode, minPriceAmount, onChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
+declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, deleteBtnMode, minPriceAmount, onChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
 export default PriceTextField;

package/dist/src/mobile/components/PriceTextField/PriceTextField.js

@@ -66,18 +66,50 @@ exports.DEFAULT_DECIMAL_PLACES = {
 function PriceTextField(_a) {
     var _b;
     var _c;
-    var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.returnType, returnType = _t === void 0 ? 'object' : _t, _u = _a.deleteBtnMode, deleteBtnMode = _u === void 0 ? 'use' : _u, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
+    var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.deleteBtnMode, deleteBtnMode = _t === void 0 ? 'use' : _t, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
     var t = (0, react_i18next_1.useTranslation)('translation').t;
-    var _v = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _v[0], setBaseCurrencyValue = _v[1];
-    var _w = (0, react_1.useState)(''), displayValue = _w[0], setDisplayValue = _w[1];
-    var _x = (0, react_1.useState)(baseCurrency), selectedCurrency = _x[0], setSelectedCurrency = _x[1];
-    var _y = (0, react_1.useState)(false), isDropdownFocused = _y[0], setIsDropdownFocused = _y[1];
-    var _z = (0, react_1.useState)(false), isInputFocused = _z[0], setIsInputFocused = _z[1];
-    var _0 = (0, react_1.useState)(null), contextMenuSizeOffset = _0[0], setContextMenuSizeOffset = _0[1];
-    var _1 = (0, react_1.useState)(null), dropdownPositionOffset = _1[0], setDropdownPositionOffset = _1[1];
+    var _u = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _u[0], setBaseCurrencyValue = _u[1];
+    var _v = (0, react_1.useState)(baseCurrency), selectedCurrency = _v[0], setSelectedCurrency = _v[1];
+    var _w = (0, react_1.useState)(false), isDropdownFocused = _w[0], setIsDropdownFocused = _w[1];
+    var _x = (0, react_1.useState)(false), isInputFocused = _x[0], setIsInputFocused = _x[1];
+    var _y = (0, react_1.useState)(null), contextMenuSizeOffset = _y[0], setContextMenuSizeOffset = _y[1];
+    var _z = (0, react_1.useState)(null), dropdownPositionOffset = _z[0], setDropdownPositionOffset = _z[1];
+    /** 입력 시 천 단위 콤마 추가 함수 */
+    var addCommas = function (value) {
+        if (!value)
+            return '';
+        var parts = value.split('.');
+        var integerPart = parts[0];
+        var decimalPart = parts[1];
+        // 정수 부분에 콤마 추가
+        var formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        // 소수점이 있으면 합치기
+        return decimalPart !== undefined ? "".concat(formattedInteger, ".").concat(decimalPart) : formattedInteger;
+    };
+    var displayValue = (0, react_1.useMemo)(function () {
+        if (!baseCurrencyValue || baseCurrencyValue === '') {
+            return '';
+        }
+        if (selectedCurrency === baseCurrency) {
+            return isInputFocused
+                ? addCommas(baseCurrencyValue)
+                : formatCurrency(Number(baseCurrencyValue), selectedCurrency, decimalPlaces);
+        }
+        var rate = exchangeRates[selectedCurrency] || 1;
+        var baseRate = exchangeRates[baseCurrency] || 1;
+        var convertedValue = (Number(baseCurrencyValue) / baseRate) * rate;
+        return formatCurrency(convertedValue, selectedCurrency, decimalPlaces);
+    }, [
+        baseCurrencyValue,
+        selectedCurrency,
+        baseCurrency,
+        exchangeRates,
+        decimalPlaces,
+        isInputFocused
+    ]);
     var contextMenuRef = (0, react_1.useRef)(null);
     var dropdownRef = (0, react_1.useRef)(null);
-    var _2 = (0, react_hook_form_1.useFormContext)(), register = _2.register, trigger = _2.trigger, errors = _2.formState.errors, setValue = _2.setValue;
+    var _0 = (0, react_hook_form_1.useFormContext)(), register = _0.register, trigger = _0.trigger, errors = _0.formState.errors, setValue = _0.setValue;
     /** 기본 validation */
     var defaultValidation = (0, react_1.useMemo)(function () {
         var validationConfig = {};
@@ -192,30 +224,13 @@ function PriceTextField(_a) {
     };
     // 환율 계산된 값 계산 (항상 baseCurrency 기준으로)
     var calculatedValue = (0, react_1.useMemo)(function () {
-        if (selectedCurrency === baseCurrency) {
+        if (!baseCurrencyValue || selectedCurrency === baseCurrency) {
             return Number(baseCurrencyValue);
         }
-        return pricing_1.PricingService.exchangePrice(Number(baseCurrencyValue), baseCurrency, selectedCurrency, exchangeRates);
-    }, [baseCurrencyValue, selectedCurrency, baseCurrency]);
-    /** 표시되는 값 설정 */
-    (0, react_1.useEffect)(function () {
-        if (isInputFocused && selectedCurrency === baseCurrency) {
-            setDisplayValue(addCommas(baseCurrencyValue) || '');
-        }
-        else if (!baseCurrencyValue || baseCurrencyValue === '') {
-            setDisplayValue('');
-        }
-        else {
-            setDisplayValue(formatCurrency(calculatedValue, selectedCurrency, decimalPlaces));
-        }
-    }, [
-        baseCurrencyValue,
-        calculatedValue,
-        selectedCurrency,
-        isInputFocused,
-        baseCurrency,
-        decimalPlaces
-    ]);
+        var rate = exchangeRates[selectedCurrency] || 1;
+        var baseRate = exchangeRates[baseCurrency] || 1;
+        return (Number(baseCurrencyValue) / baseRate) * rate;
+    }, [baseCurrencyValue, selectedCurrency, baseCurrency, exchangeRates]);
     /** 드롭다운 위치 업데이트 */
     (0, react_1.useEffect)(function () {
         if (!isDropdownFocused && contextMenuRef.current) {
@@ -245,36 +260,16 @@ function PriceTextField(_a) {
         }
         return formatCurrency(calculatedValue || 0, selectedCurrency, decimalPlaces);
     }, [baseCurrencyValue, calculatedValue, selectedCurrency, decimalPlaces]);
-    /** returnType에 따른 폼 값 */
-    var formValue = (0, react_1.useMemo)(function () {
-        if (!baseCurrencyValue || baseCurrencyValue === '') {
-            return '';
-        }
-        switch (returnType) {
-            case 'string':
-                return formattedValue;
-            case 'rawValue':
-                return baseCurrencyValue;
-            case 'object':
-            default:
-                return formattedValue;
-        }
-    }, [baseCurrencyValue, formattedValue, returnType]);
     /** 폼 값 업데이트 */
     (0, react_1.useEffect)(function () {
-        setValue(name, formValue);
-    }, [name, setValue, formValue]);
+        setValue(name, baseCurrencyValue);
+    }, [name, setValue, baseCurrencyValue]);
     /** onChange 콜백 처리 */
     (0, react_1.useEffect)(function () {
-        if (!onChange)
-            return;
-        if (!baseCurrencyValue || baseCurrencyValue === '') {
-            onChange('');
-            return;
+        if (onChange && baseCurrencyValue) {
+            onChange(baseCurrencyValue);
         }
-        var callbackValue = returnType === 'object' ? formattedValue : formValue;
-        onChange(callbackValue);
-    }, [onChange, baseCurrencyValue, formattedValue, formValue, returnType]);
+    }, [onChange, baseCurrencyValue]);
     /** onValueChange 콜백 처리 */
     (0, react_1.useEffect)(function () {
         if (!onValueChange)
@@ -289,18 +284,6 @@ function PriceTextField(_a) {
             displayValue: formattedValue
         });
     }, [baseCurrencyValue, selectedCurrency, calculatedValue, formattedValue]);
-    /** 입력 시 천 단위 콤마 추가 함수 */
-    var addCommas = function (value) {
-        if (!value)
-            return '';
-        var parts = value.split('.');
-        var integerPart = parts[0];
-        var decimalPart = parts[1];
-        // 정수 부분에 콤마 추가
-        var formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-        // 소수점이 있으면 합치기
-        return decimalPart !== undefined ? "".concat(formattedInteger, ".").concat(decimalPart) : formattedInteger;
-    };
     var handleChange = function (e) {
         var _a = e.target, value = _a.value, selectionStart = _a.selectionStart;
         var prevValue = displayValue;
@@ -431,13 +414,13 @@ function PriceTextField(_a) {
     };
     var handleDelete = (0, react_1.useCallback)(function () {
         setBaseCurrencyValue('');
-        setDisplayValue('');
         setValue(name, '');
     }, [name, setValue]);
     return ((0, jsx_runtime_1.jsxs)(S_PriceTextField, __assign({ "x-pds-name": "PriceTextField", "x-pds-element-type": "component", "x-pds-device-type": "mobile", inputSize: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsxs)(S_ComponentBox, __assign({ inputSize: size, responsiveMode: responsiveMode, isFocused: isInputFocused, isError: Boolean(isError), state: state, customWidth: customWidth, isInputReadOnly: isInputReadOnly }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldBaseWrapper, __assign({ state: state, isError: Boolean(isError), isFocused: isInputFocused, inputSize: size, isInputReadOnly: isInputReadOnly }, { children: (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText ||
                                 t('str_channel_min_price', {
                                     channelMinPrice: pricing_1.PricingService.format.price({
-                                        amount: minPriceAmount || (baseCurrency === pricing_1.CurrencyCode.KRW ? 300 : 5),
+                                        amount: minPriceAmount ||
+                                            policy_1.DEFAULT_CURRENCY_PRICE_POLICIES[baseCurrency].minPayment.amount,
                                         currency: baseCurrency
                                     })
                                 }), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 12 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [useDotBadge === 'use' && selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "form2Bold", singleLineMode: "use", colorTheme: "sysTextPrimary", ellipsisMode: "use", customFontWeight: "bold", colorOverride: getDropdownTextColorKey(), lineLimit: 1 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isDropdownFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })) }))] })), isDropdownFocused &&

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.2.210",
+  "version": "2.2.211",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.210]
+## [v2.2.211]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1340] AdminList/AdminListHeader에 TooltipText Prop 추가
+* [FIX] 17. 프로모션 혜택 추가 마법사에서 혜택가 KRW 입력 > USD 확인 > 저장 시 USD 숫자로 저장됨