pds-dev-kit-web-test 2.7.2 → 2.7.4

package/dist/src/core/pricing/service.js

@@ -1,157 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PricingService = void 0;
-var i18next_1 = __importDefault(require("i18next"));
-var formatter_1 = require("./formatter");
-var policy_1 = require("./policy");
-var translator_1 = require("./translator");
-var types_1 = require("./types");
-var validator_1 = require("./validator");
-/**
- * PricingService는 상품의 판매가, 할인, 통화 포맷 등 가격 관련 비즈니스 로직을 처리하는 도메인 서비스입니다
- */
-var PricingService = /** @class */ (function () {
-    function PricingService() {
-        this.browserLanguage = null;
-    }
-    PricingService.getInstance = function () {
-        if (!PricingService.instance) {
-            PricingService.instance = new PricingService();
-        }
-        return PricingService.instance;
-    };
-    PricingService.init = function (browserLanguage) {
-        var instance = PricingService.getInstance();
-        instance.setBrowserLanguage(browserLanguage);
-    };
-    PricingService.prototype.setBrowserLanguage = function (locale) {
-        this.browserLanguage = locale;
-        translator_1.PricingTranslator.setBrowserLanguage(locale);
-    };
-    //-----------------------------------------------------------------------------
-    // 유틸리티
-    //-----------------------------------------------------------------------------
-    PricingService.getCurrency = function (currency) {
-        return types_1.CURRENCY_MAP[currency];
-    };
-    /**
-     * publ이 지원하는 통화인지 반환합니다
-     */
-    PricingService.isSupportedCurrency = function (currency) {
-        return policy_1.SUPPORTED_CURRENCIES.includes(currency);
-    };
-    /**
-     * 채널의 통화 가격 정책을 반환합니다
-     */
-    PricingService.getCurrencyPricePolicy = function (channelCode, currency) {
-        var _a;
-        return ((_a = policy_1.CHANNEL_CURRENCY_PRICE_POLICIES[channelCode]) !== null && _a !== void 0 ? _a : policy_1.DEFAULT_CURRENCY_PRICE_POLICIES[currency]);
-    };
-    /**
-     * 유저의 선호 통화 기본값을 반환합니다
-     */
-    PricingService.getDefaultPreferredCurrency = function (userCountryCode) {
-        // #1 사용자 국가 코드
-        if (userCountryCode) {
-            var currency = policy_1.CURRENCY_BY_LOCALE_MAP[userCountryCode];
-            if (currency) {
-                return currency;
-            }
-        }
-        // #2 채널 기준 통화
-        // const { channel } = PricingService.getInstance();
-        // if (!channel) {
-        //   throw new Error('PricingService::getDefaultPreferredCurrency error: INVALID_CHANNEL');
-        // }
-        //
-        // return channel.baseCurrency as CurrencyCode;
-        return types_1.CurrencyCode.USD;
-    };
-    /**
-     * 환율 변환 유틸리티
-     *
-     * @param amount 금액 (from 통화 기준)
-     * @param from 원래 통화
-     * @param to 변환할 대상 통화
-     * @param exchangeRates 기준 통화 대비 환율 테이블 (예: { USD: 1, KRW: 1300, EUR: 0.9 })
-     * @returns 환산된 금액 (소수점 반올림 포함)
-     */
-    PricingService.exchangePrice = function (amount, from, to, exchangeRates) {
-        var _a;
-        var fromRate = exchangeRates[from];
-        var toRate = exchangeRates[to];
-        if (!fromRate || !toRate) {
-            throw new Error("PricingService::exchangePrice error: Missing rate for currency: ".concat(!fromRate ? from : to));
-        }
-        var baseAmount = amount / fromRate; // 기준 통화로 환산
-        var targetAmount = baseAmount * toRate;
-        var decimalDigits = (_a = types_1.CURRENCY_MAP[to].decimalDigits) !== null && _a !== void 0 ? _a : 0;
-        return Number(targetAmount.toFixed(decimalDigits));
-    };
-    /**
-     * 기준 통화 상품 가격을 선호 통화 가격으로 변환합니다
-     * @param price 기준 통화의 상품 가격
-     * @param preferredCurrency 선호 통화
-     * @param exchangeRates 기준 통화 대비 환율 테이블
-     */
-    PricingService.convertToPreferredPrice = function (price, preferredCurrency, exchangeRates) {
-        return {
-            amount: PricingService.exchangePrice(Number(price.amount), price.currency, preferredCurrency, exchangeRates),
-            currency: preferredCurrency
-        };
-    };
-    /**
-     * 채널 가격 정책 기반의 PriceTextField Props를 반환합니다
-     */
-    PricingService.getPriceTextFieldProps = function (channelCode, options) {
-        var _a, _b, _c, _d;
-        var policy = PricingService.getCurrencyPricePolicy(channelCode, options.currency);
-        var useRequiredValidation = (_b = (_a = options.validation) === null || _a === void 0 ? void 0 : _a.useRequiredValidation) !== null && _b !== void 0 ? _b : 'use';
-        var customMinAmount = (_c = options.validation) === null || _c === void 0 ? void 0 : _c.customMinAmount;
-        var customMaxAmount = (_d = options.validation) === null || _d === void 0 ? void 0 : _d.customMaxAmount;
-        var validation = {};
-        // Required validation
-        if (useRequiredValidation === 'use') {
-            validation.required = i18next_1.default.t('str_please_enter_price');
-        }
-        else {
-            validation.required = false;
-        }
-        validation.validate = {
-            min: function (value) {
-                var _a, _b;
-                var minAmount = customMinAmount !== null && customMinAmount !== void 0 ? customMinAmount : (options.isPromotionPrice
-                    ? Math.min(Number(policy.minPayment.amount), Number((_b = (_a = policy.minPromotionPayment) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : policy.minPayment.amount))
-                    : Number(policy.minPayment.amount));
-                return PricingService.validate.min(value, {
-                    minAmount: minAmount,
-                    currency: options.currency
-                });
-            },
-            max: function (value) {
-                var maxAmount = customMaxAmount !== null && customMaxAmount !== void 0 ? customMaxAmount : Number(policy.maxPayment.amount);
-                return PricingService.validate.max(value, {
-                    maxAmount: maxAmount,
-                    currency: options.currency
-                });
-            },
-            format: function (value) {
-                return PricingService.validate.format(value, {
-                    paymentUnit: policy.paymentUnit,
-                    currency: options.currency
-                });
-            }
-        };
-        return {
-            validation: validation
-        };
-    };
-    PricingService.format = formatter_1.PricingFormatter;
-    PricingService.translate = translator_1.PricingTranslator;
-    PricingService.validate = validator_1.PricingValidator;
-    return PricingService;
-}());
-exports.PricingService = PricingService;

package/dist/src/core/pricing/translator.d.ts

@@ -1,27 +0,0 @@
-import type { CurrencyCodeType, Price, TranslationType } from './types';
-export interface PricingTranslateOptions {
-    friendly?: boolean;
-    translation?: TranslationType;
-}
-export declare class PricingTranslator {
-    private static browserLanguage;
-    static setBrowserLanguage(browserLanguage: string): void;
-    /**
-     * 통화 표시가 금액 앞에 오는지 브라우저 언어 기준으로 판단합니다.
-     *
-     * @example
-     * isCurrencyLeading('en-US') // true → "USD 10"
-     * isCurrencyLeading('ko-KR') // false → "10 KRW"
-     */
-    static isCurrencyLeading(browserLanguage: string | null): boolean;
-    /**
-     * 통화 문자열을 반환합니다
-     * @example "KRW" 또는 "원"
-     */
-    static currency(code: CurrencyCodeType, opts?: PricingTranslateOptions): string;
-    /**
-     * 포맷된 금액과 통화 문자열을 결합합니다
-     * @example "10,000 KRW" 또는 "10,000원"
-     */
-    static priceWithCurrency(price: Price, opts?: PricingTranslateOptions): string;
-}

package/dist/src/core/pricing/translator.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PricingTranslator = void 0;
-var formatter_1 = require("./formatter");
-var types_1 = require("./types");
-var PricingTranslator = /** @class */ (function () {
-    function PricingTranslator() {
-    }
-    PricingTranslator.setBrowserLanguage = function (browserLanguage) {
-        PricingTranslator.browserLanguage = browserLanguage;
-    };
-    /**
-     * 통화 표시가 금액 앞에 오는지 브라우저 언어 기준으로 판단합니다.
-     *
-     * @example
-     * isCurrencyLeading('en-US') // true → "USD 10"
-     * isCurrencyLeading('ko-KR') // false → "10 KRW"
-     */
-    PricingTranslator.isCurrencyLeading = function (browserLanguage) {
-        if (!browserLanguage) {
-            return true;
-        }
-        return !['ko', 'ko-kr'].includes(browserLanguage.toLowerCase());
-    };
-    /**
-     * 통화 문자열을 반환합니다
-     * @example "KRW" 또는 "원"
-     */
-    PricingTranslator.currency = function (code, opts) {
-        var currency = types_1.CURRENCY_MAP[code];
-        return (opts === null || opts === void 0 ? void 0 : opts.friendly) ? currency.friendlyName(opts.translation) : currency.name;
-    };
-    /**
-     * 포맷된 금액과 통화 문자열을 결합합니다
-     * @example "10,000 KRW" 또는 "10,000원"
-     */
-    PricingTranslator.priceWithCurrency = function (price, opts) {
-        var formattedAmount = formatter_1.PricingFormatter.price(price);
-        var currencyString = PricingTranslator.currency(price.currency, opts);
-        if (PricingTranslator.isCurrencyLeading(PricingTranslator.browserLanguage)) {
-            return "".concat(currencyString, " ").concat(formattedAmount);
-        }
-        // KRW만 friendly 대응
-        if (price.currency === types_1.CurrencyCode.KRW) {
-            return (opts === null || opts === void 0 ? void 0 : opts.friendly)
-                ? "".concat(formattedAmount).concat(currencyString)
-                : "".concat(formattedAmount, " ").concat(currencyString);
-        }
-        return "".concat(formattedAmount, " ").concat(currencyString);
-    };
-    PricingTranslator.browserLanguage = null;
-    return PricingTranslator;
-}());
-exports.PricingTranslator = PricingTranslator;

package/dist/src/core/pricing/types.d.ts

@@ -1,19 +0,0 @@
-export declare enum CurrencyCode {
-    KRW = "KRW",
-    USD = "USD",
-    JPY = "JPY"
-}
-export type CurrencyCodeType = CurrencyCode | string;
-export type TranslationType = (key: string) => string;
-export interface Currency {
-    code: CurrencyCode;
-    name: string;
-    friendlyName: (translate?: TranslationType) => string;
-    decimalDigits: number;
-}
-export declare const CURRENCY_MAP: Record<CurrencyCode, Currency>;
-export interface Price {
-    amount: number | string;
-    currency: CurrencyCodeType;
-}
-export type ExchangeRateMap = Partial<Record<CurrencyCode, number>>;

package/dist/src/core/pricing/types.js

@@ -1,31 +0,0 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CURRENCY_MAP = exports.CurrencyCode = void 0;
-var CurrencyCode;
-(function (CurrencyCode) {
-    CurrencyCode["KRW"] = "KRW";
-    CurrencyCode["USD"] = "USD";
-    CurrencyCode["JPY"] = "JPY";
-})(CurrencyCode = exports.CurrencyCode || (exports.CurrencyCode = {}));
-var translateFriendlyName = function (key) { return function (t) { var _a; return (_a = t === null || t === void 0 ? void 0 : t(key)) !== null && _a !== void 0 ? _a : key; }; };
-exports.CURRENCY_MAP = (_a = {},
-    _a[CurrencyCode.KRW] = {
-        code: CurrencyCode.KRW,
-        name: CurrencyCode.KRW,
-        friendlyName: translateFriendlyName('str_friendly_currency_won'),
-        decimalDigits: 0
-    },
-    _a[CurrencyCode.USD] = {
-        code: CurrencyCode.USD,
-        name: CurrencyCode.USD,
-        friendlyName: function () { return CurrencyCode.USD; },
-        decimalDigits: 2
-    },
-    _a[CurrencyCode.JPY] = {
-        code: CurrencyCode.JPY,
-        name: CurrencyCode.JPY,
-        friendlyName: translateFriendlyName('str_friendly_currency_jpy'),
-        decimalDigits: 0
-    },
-    _a);

package/dist/src/core/pricing/validator.d.ts

@@ -1,29 +0,0 @@
-import type { PricingTranslateOptions } from './translator';
-import type { CurrencyCode } from './types';
-export declare class PricingValidator {
-    /**
-     * 최소 결제 금액 검증
-     * @returns i18n 오류 메시지 | undefined
-     */
-    static min(value: string, options: {
-        minAmount: number;
-        currency: CurrencyCode;
-    }): string | undefined;
-    /**
-     * 최대 결제 금액 검증
-     * @returns i18n 오류 메시지 | undefined
-     */
-    static max(value: string, options: {
-        maxAmount: number;
-        currency: CurrencyCode;
-    }): string | undefined;
-    /**
-     * 가격 형식 검증: 소수 자릿수 또는 결제 단위
-     * @returns i18n 오류 메시지 | undefined
-     */
-    static format(value: string, options: {
-        paymentUnit: number;
-        currency: CurrencyCode;
-        currencyTranslateOptions?: PricingTranslateOptions;
-    }): string | undefined;
-}

package/dist/src/core/pricing/validator.js

@@ -1,105 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PricingValidator = void 0;
-var i18next_1 = __importDefault(require("i18next"));
-var formatter_1 = require("./formatter");
-var translator_1 = require("./translator");
-var types_1 = require("./types");
-var PricingValidator = /** @class */ (function () {
-    function PricingValidator() {
-    }
-    /**
-     * 최소 결제 금액 검증
-     * @returns i18n 오류 메시지 | undefined
-     */
-    PricingValidator.min = function (value, options) {
-        if (!value)
-            return undefined;
-        var amount = Number(value.replace(/,/g, ''));
-        if (isNaN(amount)) {
-            return i18next_1.default.t('str_please_enter_price');
-        }
-        if (amount < options.minAmount) {
-            return i18next_1.default.t('str_min_price', {
-                minPrice: formatter_1.PricingFormatter.price({
-                    amount: options.minAmount,
-                    currency: options.currency
-                }),
-                currency: translator_1.PricingTranslator.currency(options.currency)
-            });
-        }
-        return undefined;
-    };
-    /**
-     * 최대 결제 금액 검증
-     * @returns i18n 오류 메시지 | undefined
-     */
-    PricingValidator.max = function (value, options) {
-        if (!value)
-            return undefined;
-        var amount = Number(value.replace(/,/g, ''));
-        if (isNaN(amount)) {
-            return i18next_1.default.t('str_please_enter_price');
-        }
-        if (amount > options.maxAmount) {
-            return i18next_1.default.t('str_max_price', {
-                maxPrice: formatter_1.PricingFormatter.price({
-                    amount: options.maxAmount,
-                    currency: options.currency
-                }),
-                currency: translator_1.PricingTranslator.currency(options.currency)
-            });
-        }
-        return undefined;
-    };
-    /**
-     * 가격 형식 검증: 소수 자릿수 또는 결제 단위
-     * @returns i18n 오류 메시지 | undefined
-     */
-    PricingValidator.format = function (value, options) {
-        if (!value)
-            return undefined;
-        var amount = Number(value.replace(/,/g, ''));
-        if (isNaN(amount)) {
-            return i18next_1.default.t('str_please_enter_price');
-        }
-        var decimalDigits = types_1.CURRENCY_MAP[options.currency].decimalDigits;
-        // #1 소수점 자리수 검증
-        var _a = value.split('.'), fraction = _a[1];
-        if (fraction && fraction.length > decimalDigits) {
-            return i18next_1.default.t('str_price_unit', {
-                priceUnit: formatter_1.PricingFormatter.price({
-                    amount: options.paymentUnit,
-                    currency: options.currency
-                }),
-                currency: types_1.CURRENCY_MAP[options.currency].name
-            });
-        }
-        // #2 단위 검증
-        function isDivisible(amount, unit) {
-            var precision = Math.pow(10, Math.max(getDecimalPlaces(amount), getDecimalPlaces(unit)));
-            var intAmount = Math.round(amount * precision);
-            var intUnit = Math.round(unit * precision);
-            return intAmount % intUnit === 0;
-        }
-        function getDecimalPlaces(value) {
-            var decimalStr = value.toString().split('.')[1];
-            return decimalStr ? decimalStr.length : 0;
-        }
-        if (!isDivisible(amount, options.paymentUnit)) {
-            return i18next_1.default.t('str_price_unit', {
-                priceUnit: formatter_1.PricingFormatter.price({
-                    amount: options.paymentUnit,
-                    currency: options.currency
-                }),
-                currency: types_1.CURRENCY_MAP[options.currency].name
-            });
-        }
-        return undefined;
-    };
-    return PricingValidator;
-}());
-exports.PricingValidator = PricingValidator;

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

@@ -1,68 +0,0 @@
-/// <reference types="react" />
-import type { PDSIconType, PDSTextType, UiColors } from '../../../common/types';
-type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
-export type BoxItemProps = {
-    selectionMode?: 'none' | 'use';
-    state?: 'normal' | 'disabled';
-    checkboxMode?: 'none' | 'use';
-    checkboxState?: 'checked' | 'unchecked' | 'indeterminate';
-    indicatorMode?: 'none' | 'use';
-    selectState?: 'unselected' | 'selected';
-    titleText?: PDSTextType;
-    titleFontSize?: 'subTitleBold' | 'leadParaBold' | 'body2Bold' | 'headingBold';
-    titleTextLineLimit?: number;
-    titleTextColorKey?: UiColors;
-    titleTextWordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
-    descText?: PDSTextType;
-    descTextColorKey?: UiColors;
-    descTextWordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
-    descLineLimit?: number;
-    imageMode?: 'use' | 'none';
-    imageShapeType?: 'round' | 'circular' | 'rectangle';
-    imageSrc?: string;
-    imageWidth?: number | 'responsive';
-    imageRatio?: '16_9' | '4_3' | '1_1';
-    imageScaleType?: 'none' | 'cover' | 'contain' | 'fill';
-    chipMode?: 'use' | 'none';
-    chipText?: PDSTextType;
-    chipOverrideTextColorKey?: UiColors;
-    chipOverrideBackgroundColorKey?: UiColors;
-    displayType?: 'none' | 'ibtn_amount1' | 'ibtn_amount2' | 'ibtn_amount3';
-    iBtn1IconName?: PDSIconType;
-    iBtn1IconFillType?: 'fill' | 'line';
-    iBtn1IconColorKey?: UiColors;
-    iBtn2IconName?: PDSIconType;
-    iBtn2IconFillType?: 'fill' | 'line';
-    iBtn2IconColorKey?: UiColors;
-    iBtn3IconName?: PDSIconType;
-    iBtn3IconFillType?: 'fill' | 'line';
-    iBtn3IconColorKey?: UiColors;
-    overrideBorderColorKey?: UiColors;
-    paddingTop?: PaddingSpacingType;
-    paddingRight?: PaddingSpacingType;
-    paddingBottom?: PaddingSpacingType;
-    paddingLeft?: PaddingSpacingType;
-    id: number | string;
-    onClick?: (id: number | string) => void;
-    onClickIBtn1?: (id: number | string) => void;
-    onClickIBtn2?: (id: number | string) => void;
-    onClickIBtn3?: (id: number | string) => void;
-};
-declare const paddingSpacing: {
-    readonly spacing_a: "spacingA";
-    readonly spacing_b: "spacingB";
-    readonly spacing_c: "spacingC";
-    readonly spacing_d: "spacingD";
-    readonly spacing_e: "spacingE";
-    readonly spacing_f: "spacingF";
-    readonly spacing_g: "spacingG";
-    readonly spacing_h: "spacingH";
-    readonly spacing_i: "spacingI";
-    readonly spacing_j: "spacingJ";
-    readonly spacing_k: "spacingK";
-    readonly spacing_l: "spacingL";
-    readonly spacing_m: "spacingM";
-    readonly spacing_n: "spacingN";
-};
-declare function BoxItem({ selectionMode, checkboxMode, checkboxState, indicatorMode, state, selectState, titleText, titleFontSize, titleTextLineLimit, titleTextColorKey, titleTextWordBreak, descText, descTextColorKey, descTextWordBreak, descLineLimit, imageMode, imageShapeType, imageSrc, imageWidth, imageRatio, imageScaleType, chipMode, chipText, chipOverrideTextColorKey, chipOverrideBackgroundColorKey, displayType, iBtn1IconName, iBtn1IconFillType, iBtn1IconColorKey, iBtn2IconName, iBtn2IconFillType, iBtn2IconColorKey, iBtn3IconName, iBtn3IconFillType, iBtn3IconColorKey, overrideBorderColorKey, paddingTop, paddingRight, paddingBottom, paddingLeft, id, onClick, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: BoxItemProps): JSX.Element;
-export default BoxItem;

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

@@ -1,107 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var index_1 = require("../../index");
-var panels_1 = require("../../panels");
-var components_1 = require("../../../hybrid/components");
-var styled_components_1 = __importDefault(require("styled-components"));
-var Chip_1 = require("../Chip");
-var LeftBox_1 = require("./LeftBox");
-var paddingSpacing = {
-    spacing_a: 'spacingA',
-    spacing_b: 'spacingB',
-    spacing_c: 'spacingC',
-    spacing_d: 'spacingD',
-    spacing_e: 'spacingE',
-    spacing_f: 'spacingF',
-    spacing_g: 'spacingG',
-    spacing_h: 'spacingH',
-    spacing_i: 'spacingI',
-    spacing_j: 'spacingJ',
-    spacing_k: 'spacingK',
-    spacing_l: 'spacingL',
-    spacing_m: 'spacingM',
-    spacing_n: 'spacingN'
-};
-function BoxItem(_a) {
-    var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, _c = _a.checkboxMode, checkboxMode = _c === void 0 ? 'none' : _c, _d = _a.checkboxState, checkboxState = _d === void 0 ? 'unchecked' : _d, _e = _a.indicatorMode, indicatorMode = _e === void 0 ? 'none' : _e, _f = _a.state, state = _f === void 0 ? 'normal' : _f, _g = _a.selectState, selectState = _g === void 0 ? 'unselected' : _g, titleText = _a.titleText, titleFontSize = _a.titleFontSize, _h = _a.titleTextLineLimit, titleTextLineLimit = _h === void 0 ? 2 : _h, _j = _a.titleTextColorKey, titleTextColorKey = _j === void 0 ? 'ui_cpnt_textlabel_sys_primary' : _j, _k = _a.titleTextWordBreak, titleTextWordBreak = _k === void 0 ? 'normal' : _k, descText = _a.descText, _l = _a.descTextColorKey, descTextColorKey = _l === void 0 ? 'ui_cpnt_textlabel_sys_secondary' : _l, _m = _a.descTextWordBreak, descTextWordBreak = _m === void 0 ? 'normal' : _m, _o = _a.descLineLimit, descLineLimit = _o === void 0 ? 2 : _o, _p = _a.imageMode, imageMode = _p === void 0 ? 'none' : _p, _q = _a.imageShapeType, imageShapeType = _q === void 0 ? 'round' : _q, imageSrc = _a.imageSrc, imageWidth = _a.imageWidth, _r = _a.imageRatio, imageRatio = _r === void 0 ? '1_1' : _r, _s = _a.imageScaleType, imageScaleType = _s === void 0 ? 'cover' : _s, _t = _a.chipMode, chipMode = _t === void 0 ? 'none' : _t, chipText = _a.chipText, chipOverrideTextColorKey = _a.chipOverrideTextColorKey, chipOverrideBackgroundColorKey = _a.chipOverrideBackgroundColorKey, _u = _a.displayType, displayType = _u === void 0 ? 'none' : _u, iBtn1IconName = _a.iBtn1IconName, _v = _a.iBtn1IconFillType, iBtn1IconFillType = _v === void 0 ? 'line' : _v, iBtn1IconColorKey = _a.iBtn1IconColorKey, iBtn2IconName = _a.iBtn2IconName, _w = _a.iBtn2IconFillType, iBtn2IconFillType = _w === void 0 ? 'line' : _w, iBtn2IconColorKey = _a.iBtn2IconColorKey, iBtn3IconName = _a.iBtn3IconName, _x = _a.iBtn3IconFillType, iBtn3IconFillType = _x === void 0 ? 'line' : _x, iBtn3IconColorKey = _a.iBtn3IconColorKey, overrideBorderColorKey = _a.overrideBorderColorKey, _y = _a.paddingTop, paddingTop = _y === void 0 ? 'spacing_d' : _y, _z = _a.paddingRight, paddingRight = _z === void 0 ? 'spacing_d' : _z, _0 = _a.paddingBottom, paddingBottom = _0 === void 0 ? 'spacing_d' : _0, _1 = _a.paddingLeft, paddingLeft = _1 === void 0 ? 'spacing_d' : _1, id = _a.id, onClick = _a.onClick, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
-    var handleClick = function () {
-        if (state === 'disabled') {
-            return;
-        }
-        if (onClick) {
-            onClick(id);
-        }
-    };
-    var handleIBtn1Click = function (e) {
-        e.stopPropagation();
-        if (state === 'disabled') {
-            return;
-        }
-        if (onClickIBtn1) {
-            onClickIBtn1(id);
-        }
-    };
-    var handleIBtn2Click = function (e) {
-        e.stopPropagation();
-        if (state === 'disabled') {
-            return;
-        }
-        if (onClickIBtn2) {
-            onClickIBtn2(id);
-        }
-    };
-    var handleIBtn3Click = function (e) {
-        e.stopPropagation();
-        if (state === 'disabled') {
-            return;
-        }
-        if (onClickIBtn3) {
-            onClickIBtn3(id);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(S_BoxItem, __assign({ "x-pds-name": "BoxItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", onClick: handleClick }, { children: (0, jsx_runtime_1.jsxs)(panels_1.ContentSheet, __assign({ shapeType: "round", radius: 16, width: "100%", height: "responsive", paddingTop: paddingTop, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingLeft: paddingLeft, borderMode: "use", borderColorTheme: state === 'disabled' ? undefined : selectState === 'selected' ? 'blue' : undefined, overrideBorderColorKey: state === 'disabled'
-                ? 'ui_cpnt_sheet_base'
-                : selectState === 'selected'
-                    ? overrideBorderColorKey
-                        ? overrideBorderColorKey
-                        : undefined
-                    : 'ui_cpnt_sheet_base', borderWidth: selectionMode === 'use' ? 2 : undefined, overrideCSS: {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                maxWidth: '100%',
-                cursor: state === 'disabled' ? 'default' : selectionMode === 'use' ? 'pointer' : 'default'
-            } }, { children: [(0, jsx_runtime_1.jsxs)(LeftBox_1.LeftBox, __assign({ hasRightBox: displayType !== 'none' || chipMode === 'use' }, { children: [checkboxMode !== 'none' && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Checkbox, { checked: checkboxState === 'checked', isIndeterminate: checkboxState === 'indeterminate' })), imageMode === 'use' && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Image, { shape: imageShapeType, src: imageSrc, width: imageWidth, ratio: imageRatio, scaleType: imageScaleType })), (0, jsx_runtime_1.jsxs)(S_TextGroup, { children: [titleText && ((0, jsx_runtime_1.jsx)(index_1.D_TextLabel, { text: titleText, colorOverride: state === 'disabled' ? undefined : titleTextColorKey, colorTheme: state === 'disabled' ? 'sysTextTertiary' : undefined, styleTheme: titleFontSize, lineLimit: titleTextLineLimit, ellipsisMode: "use", wordBreak: titleTextWordBreak })), descText && ((0, jsx_runtime_1.jsx)(index_1.D_TextLabel, { text: descText, colorOverride: state === 'disabled' ? 'ui_cpnt_textlabel_sys_secondary' : descTextColorKey, lineLimit: descLineLimit, ellipsisMode: "use", styleTheme: "caption1Regular", wordBreak: descTextWordBreak }))] })] })), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [displayType !== 'none' ||
-                            (chipMode === 'use' && (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" })), chipMode === 'use' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Chip_1.Chip, { text: chipText, overrideBackgroundColorKey: chipOverrideBackgroundColorKey, displayType: "information", overrideTextColorKey: chipOverrideTextColorKey }) })), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [displayType === 'ibtn_amount1' && ((0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn1IconName || 'ic_arrow_right', baseSize: "medium", fillType: "fill", iconFillType: iBtn1IconFillType, iconColorKey: iBtn1IconColorKey, onClick: handleIBtn1Click, iconSize: 20, state: state, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", shapeType: "rectangle" })), displayType === 'ibtn_amount2' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn1IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn1IconFillType, iconColorKey: iBtn1IconColorKey, onClick: handleIBtn1Click, state: state, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" }), (0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn2IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn2IconFillType, iconColorKey: iBtn2IconColorKey, state: state, onClick: handleIBtn2Click, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" })] })), displayType === 'ibtn_amount3' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn1IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn1IconFillType, iconColorKey: iBtn1IconColorKey, state: state, onClick: handleIBtn1Click, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" }), (0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn2IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn2IconFillType, iconColorKey: iBtn2IconColorKey, state: state, onClick: handleIBtn2Click, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" }), (0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn3IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn3IconFillType, iconColorKey: iBtn3IconColorKey, state: state, onClick: handleIBtn3Click, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" })] }))] }), indicatorMode === 'use' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_right", fillType: "line", size: 20, colorKey: "ui_cpnt_icon_sys_grey_01" })] }))] })] })) })));
-}
-var S_BoxItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  gap: ", ";\n  width: 100%;\n"], ["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  gap: ", ";\n  width: 100%;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-var S_TextGroup = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"], ["\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingA;
-});
-var S_RightBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  min-width: fit-content;\n"], ["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  min-width: fit-content;\n"])));
-exports.default = BoxItem;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/desktop/components/BoxItem/LeftBox/Checkbox.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export type CheckboxPropTypes = {
-    checked?: boolean;
-    isIndeterminate?: boolean;
-};
-declare const Checkbox: React.FC<CheckboxPropTypes>;
-export default Checkbox;

package/dist/src/desktop/components/BoxItem/LeftBox/Checkbox.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
-var Checkbox = function (_a) {
-    var checked = _a.checked, isIndeterminate = _a.isIndeterminate;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [checked ? ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_on", colorKey: "ui_cpnt_selcontrols_icon_primary", fillType: "fill" })) : isIndeterminate ? ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_indeterminate", colorKey: "ui_cpnt_selcontrols_icon_primary", fillType: "fill" })) : ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_off", colorKey: "ui_cpnt_selcontrols_icon_default", fillType: "line" })), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
-};
-exports.default = Checkbox;

package/dist/src/desktop/components/BoxItem/LeftBox/Image.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { BoxItemProps } from '../BoxItem';
-export type ImagePropTypes = {
-    src: BoxItemProps['imageSrc'];
-    shape: BoxItemProps['imageShapeType'];
-    ratio: BoxItemProps['imageRatio'];
-    width: BoxItemProps['imageWidth'];
-    scaleType: BoxItemProps['imageScaleType'];
-};
-declare const Image: React.FC<ImagePropTypes>;
-export default Image;

package/dist/src/desktop/components/BoxItem/LeftBox/Image.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
-var Image = function (_a) {
-    var src = _a.src, shape = _a.shape, ratio = _a.ratio, width = _a.width, scaleType = _a.scaleType;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.ImageView, { width: width, height: 40, src: src, scaleType: scaleType, shapeType: shape, ratio: ratio }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
-};
-exports.default = Image;