@rchemist/listgrid 0.2.6

package/dist/listgrid/components/fields/view/PhoneNumberFieldView.js

@@ -0,0 +1,82 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { IconCopy, IconMessage } from '@tabler/icons-react';
+import { Tooltip } from '../../../ui';
+import { useModalManagerStore } from '../../../store';
+import { showToast } from '../../../message';
+import { readonlyClass } from '../../../ui';
+import { formatPhoneNumber, removePhoneNumberHyphens } from '../../../utils/PhoneUtil';
+import { SmsModal } from './SmsModal';
+export const PhoneNumberFieldView = ({ name, value, onChange, onError, readonly = false, placeHolder, regex, enableSms, session, renderType, }) => {
+    const { openModal, closeModal } = useModalManagerStore();
+    const [displayValue, setDisplayValue] = useState('');
+    // Sync displayValue when external value changes
+    useEffect(() => {
+        if (value) {
+            const formatted = formatPhoneNumber(value);
+            setDisplayValue(formatted);
+        }
+        else {
+            setDisplayValue('');
+        }
+    }, [value]);
+    // Check if user has admin role
+    const roles = session?.authentication?.roles ?? session?.roles ?? [];
+    const isAdmin = roles.includes('ROLE_ADMIN');
+    // SMS can be sent if: admin + enableSms + phoneNumber + update mode
+    const canSendSms = isAdmin && enableSms && displayValue && renderType === 'update';
+    // Copy is always available when there's a phone number
+    const canCopy = !!displayValue;
+    const handleChange = (e) => {
+        const inputValue = e.target.value;
+        const digitsOnly = removePhoneNumberHyphens(inputValue);
+        const truncated = digitsOnly.substring(0, 11);
+        const formatted = formatPhoneNumber(truncated);
+        setDisplayValue(formatted);
+        onChange(truncated, false);
+    };
+    const handleBlur = () => {
+        const digitsOnly = removePhoneNumberHyphens(displayValue);
+        if (regex && digitsOnly) {
+            const isValid = regex.pattern.test(digitsOnly);
+            if (!isValid) {
+                onError?.(regex.message);
+            }
+            else {
+                onError?.('');
+            }
+        }
+        onChange(digitsOnly, true);
+    };
+    const handleCopy = async () => {
+        try {
+            const rawNumber = removePhoneNumberHyphens(displayValue);
+            await navigator.clipboard.writeText(rawNumber);
+            showToast({
+                message: '전화번호가 복사되었습니다.',
+                color: 'success',
+            });
+        }
+        catch (error) {
+            console.error('Failed to copy:', error);
+            showToast({
+                message: '복사에 실패했습니다.',
+                color: 'danger',
+            });
+        }
+    };
+    const handleSms = () => {
+        const rawNumber = removePhoneNumberHyphens(displayValue);
+        const modalId = `sms-modal-${rawNumber}-${Date.now()}`;
+        openModal({
+            modalId,
+            title: 'SMS 발송',
+            size: 'md',
+            content: _jsx(SmsModal, { phoneNumber: displayValue, onClose: () => closeModal(modalId) }),
+        });
+    };
+    // Determine if buttons should be shown
+    const showButtons = canCopy || canSendSms;
+    return (_jsxs("div", { className: "rcm-input-group", children: [_jsx("div", { className: "rcm-input-group-input", children: _jsx("input", { type: "text", className: readonlyClass(readonly, `rcm-input ${showButtons ? 'rcm-input-group-input-with-addon' : ''}`), id: name, value: displayValue, placeholder: placeHolder, disabled: readonly, onChange: handleChange, onBlur: handleBlur }) }), showButtons && (_jsxs("div", { className: "rcm-input-addon", children: [canCopy && (_jsx(Tooltip, { label: "\uC804\uD654\uBC88\uD638 \uBCF5\uC0AC", children: _jsx("button", { type: "button", className: "rcm-icon-btn", "data-size": "sm", onClick: handleCopy, children: _jsx(IconCopy, { className: "rcm-icon", "data-size": "sm" }) }) })), canSendSms && (_jsx(Tooltip, { label: "SMS \uBCF4\uB0B4\uAE30", children: _jsx("button", { type: "button", className: "rcm-icon-btn", "data-size": "sm", onClick: handleSms, children: _jsx(IconMessage, { className: "rcm-icon", "data-size": "sm" }) }) }))] }))] }));
+};

package/dist/listgrid/components/fields/view/PhoneNumberListView.d.ts

@@ -0,0 +1,9 @@
+import { Session } from '../../../auth';
+interface PhoneNumberListViewProps {
+    phoneNumber: string;
+    formattedValue: string;
+    enableSms?: boolean | undefined;
+    session?: Session | undefined;
+}
+export declare const PhoneNumberListView: ({ phoneNumber, formattedValue, enableSms, session, }: PhoneNumberListViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/listgrid/components/fields/view/PhoneNumberListView.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconCopy, IconDotsVertical, IconMessage } from '@tabler/icons-react';
+import { Popover } from '../../../ui';
+import { Tooltip } from '../../../ui';
+import { getOverlayZIndex, POPOVER_Z_INDEX, useModalManagerStore } from '../../../store';
+import { showToast } from '../../../message';
+import { SmsModal } from './SmsModal';
+import { formatPhoneNumber } from '../../../utils/PhoneUtil';
+export const PhoneNumberListView = ({ phoneNumber, formattedValue, enableSms, session, }) => {
+    const { openModal, closeModal } = useModalManagerStore();
+    // Check if user has admin role
+    const roles = session?.authentication?.roles ?? session?.roles ?? [];
+    const isAdmin = roles.includes('ROLE_ADMIN');
+    // SMS can be sent if: admin + enableSms + phoneNumber
+    const canSendSms = isAdmin && enableSms && phoneNumber;
+    const handleCopy = async (e) => {
+        e.stopPropagation();
+        try {
+            await navigator.clipboard.writeText(phoneNumber);
+            showToast({
+                message: '전화번호가 복사되었습니다.',
+                color: 'success',
+            });
+        }
+        catch (error) {
+            console.error('Failed to copy:', error);
+            showToast({
+                message: '복사에 실패했습니다.',
+                color: 'danger',
+            });
+        }
+    };
+    const handleSms = (e) => {
+        e.stopPropagation();
+        const modalId = `sms-modal-${phoneNumber}-${Date.now()}`;
+        openModal({
+            modalId,
+            title: 'SMS 발송',
+            size: 'md',
+            content: (_jsx(SmsModal, { phoneNumber: formatPhoneNumber(phoneNumber), onClose: () => closeModal(modalId) })),
+        });
+    };
+    // If no actions available, just show the formatted value
+    if (!canSendSms) {
+        return _jsx("span", { children: formattedValue });
+    }
+    return (_jsxs("div", { className: "rcm-phone-list-wrap", children: [_jsx("span", { children: formattedValue }), _jsxs(Popover, { position: "bottom", withArrow: true, shadow: "md", zIndex: getOverlayZIndex(POPOVER_Z_INDEX), children: [_jsx(Popover.Target, { children: _jsx(Tooltip, { label: "\uBA54\uB274", children: _jsx("button", { className: "rcm-phone-list-menu-btn", children: _jsx(IconDotsVertical, { className: "rcm-m2o-action-icon" }) }) }) }), _jsx(Popover.Dropdown, { onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "rcm-phone-list-dropdown", children: [_jsxs("button", { className: "rcm-phone-list-dropdown-item", onClick: handleCopy, children: [_jsx(IconCopy, { className: "rcm-m2o-action-icon" }), _jsx("span", { children: "\uC804\uD654\uBC88\uD638 \uBCF5\uC0AC" })] }), canSendSms && (_jsxs("button", { className: "rcm-phone-list-dropdown-item", onClick: handleSms, children: [_jsx(IconMessage, { className: "rcm-m2o-action-icon" }), _jsx("span", { children: "SMS \uBCF4\uB0B4\uAE30" })] }))] }) })] })] }));
+};

package/dist/listgrid/components/fields/view/SelectBoxManyToOneView.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { CustomFieldRendererProps } from '../../form/types/ViewEntityFormTheme.types';
+export declare function invalidateSelectBoxCache(urlPattern?: string): void;
+/**
+ * SelectBoxManyToOneView Props
+ */
+export interface SelectBoxManyToOneViewProps extends CustomFieldRendererProps {
+    /** 표시할 라벨 필드 이름 또는 함수 (기본: 'name') */
+    labelField?: string | ((item: any) => string);
+    /** 값 필드 이름 (기본: 'id') */
+    valueField?: string;
+    /** 플레이스홀더 텍스트 */
+    placeholder?: string;
+    /** 선택 안함 옵션 라벨 */
+    nullValueLabel?: string;
+    /** 검색 가능 여부 */
+    isSearchable?: boolean;
+    /** 메뉴 포지션 */
+    menuPosition?: 'fixed' | 'absolute';
+    /** 메뉴 배치 */
+    menuPlacement?: 'auto' | 'bottom' | 'top';
+    /** 선택 가능한 아이템 목록 (직접 제공하는 경우) */
+    items?: any[];
+    /** 아이템 목록 로드 함수 (커스텀 로드 로직) */
+    loadItems?: () => Promise<any[]>;
+}
+/**
+ * SelectBoxManyToOneView
+ *
+ * ManyToOne 필드를 SelectBox(드롭다운) 형태로 표시하는 커스텀 렌더러입니다.
+ * 전체 옵션을 미리 로딩하여 드롭다운으로 표시합니다.
+ *
+ * @example
+ * ```tsx
+ * ManyToOneField.create({
+ *   name: 'country',
+ *   order: 1,
+ *   config: { entityForm: CountryEntityForm() }
+ * })
+ * .withSelectBoxView({
+ *   labelField: 'name',
+ *   placeholder: '국가를 선택하세요',
+ * })
+ * ```
+ */
+export declare const SelectBoxManyToOneView: React.FC<SelectBoxManyToOneViewProps>;
+export default SelectBoxManyToOneView;

package/dist/listgrid/components/fields/view/SelectBoxManyToOneView.js

@@ -0,0 +1,286 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import Select from 'react-select';
+import { AbstractManyToOneField } from '../abstract';
+import { SearchForm } from '../../../form/SearchForm';
+import { getManyToOneEntityValue } from '../ManyToOneField';
+import { PageResult } from '../../../form/Type';
+import { isTrue } from '../../../utils/BooleanUtil';
+const CACHE_TTL = 5 * 60 * 1000; // 5분
+const dataCache = new Map();
+function getCachedData(cacheKey) {
+    const entry = dataCache.get(cacheKey);
+    if (!entry)
+        return null;
+    // TTL 체크
+    if (Date.now() - entry.timestamp > CACHE_TTL) {
+        dataCache.delete(cacheKey);
+        return null;
+    }
+    return entry.data;
+}
+function setCachedData(cacheKey, data) {
+    dataCache.set(cacheKey, {
+        data,
+        timestamp: Date.now(),
+    });
+}
+// 캐시 무효화 함수 (필요시 외부에서 호출 가능)
+export function invalidateSelectBoxCache(urlPattern) {
+    if (urlPattern) {
+        for (const key of dataCache.keys()) {
+            if (key.includes(urlPattern)) {
+                dataCache.delete(key);
+            }
+        }
+    }
+    else {
+        dataCache.clear();
+    }
+}
+/**
+ * SelectBoxManyToOneView
+ *
+ * ManyToOne 필드를 SelectBox(드롭다운) 형태로 표시하는 커스텀 렌더러입니다.
+ * 전체 옵션을 미리 로딩하여 드롭다운으로 표시합니다.
+ *
+ * @example
+ * ```tsx
+ * ManyToOneField.create({
+ *   name: 'country',
+ *   order: 1,
+ *   config: { entityForm: CountryEntityForm() }
+ * })
+ * .withSelectBoxView({
+ *   labelField: 'name',
+ *   placeholder: '국가를 선택하세요',
+ * })
+ * ```
+ */
+export const SelectBoxManyToOneView = ({ field, entityForm, value, onChange, readonly, required, labelField = 'name', valueField = 'id', placeholder = '선택하세요', nullValueLabel = '선택 안함', isSearchable = false, menuPosition = 'fixed', menuPlacement = 'auto', items: providedItems, loadItems, }) => {
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [selectedOption, setSelectedOption] = useState(null);
+    const [mounted, setMounted] = useState(false);
+    const fieldName = field.getName();
+    const config = useMemo(() => {
+        if (field instanceof AbstractManyToOneField) {
+            return field.config;
+        }
+        return undefined;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [fieldName]);
+    // 안정적인 URL을 의존성으로 사용 (config 객체 대신)
+    const configUrl = config?.entityForm?.getUrl();
+    // 라벨 가져오기 함수
+    const getLabel = useCallback((item) => {
+        if (!item)
+            return '';
+        try {
+            if (typeof labelField === 'function') {
+                const result = labelField(item);
+                return result ?? '';
+            }
+            // config.field.name도 체크
+            if (config?.field?.name) {
+                if (typeof config.field.name === 'function') {
+                    return config.field.name(item) ?? '';
+                }
+                return item[config.field.name] ?? item[labelField] ?? '';
+            }
+            return item[labelField] ?? item.name ?? item.title ?? '';
+        }
+        catch (e) {
+            console.error('[SelectBoxManyToOneView] getLabel error:', e);
+            return item.name ?? item.title ?? '';
+        }
+    }, [labelField, config]);
+    // 값 가져오기 함수
+    const getValue = useCallback((item) => {
+        if (!item)
+            return '';
+        return item[valueField] ?? item.id ?? '';
+    }, [valueField]);
+    // value의 ID 추출
+    const getValueId = useCallback((val) => {
+        if (!val)
+            return undefined;
+        if (typeof val === 'string')
+            return val;
+        return val[valueField] ?? val.id;
+    }, [valueField]);
+    const currentValueId = useMemo(() => getValueId(value), [value, getValueId]);
+    // EntityForm ref 유지
+    const entityFormRef = useRef(entityForm);
+    entityFormRef.current = entityForm;
+    // 이미 로딩되었는지 추적
+    const loadedRef = useRef(false);
+    // 캐시 키 생성
+    const cacheKey = useMemo(() => {
+        if (!configUrl)
+            return null;
+        // neverDelete 여부도 캐시 키에 포함
+        const neverDelete = config?.entityForm?.neverDelete ? '_active' : '';
+        return `${configUrl}${neverDelete}`;
+    }, [configUrl, config?.entityForm?.neverDelete]);
+    // 아이템 목록 로드 - 캐시 우선 사용
+    useEffect(() => {
+        // 이미 로딩되었으면 스킵
+        if (loadedRef.current && items.length > 0) {
+            return;
+        }
+        let cancelled = false;
+        (async () => {
+            try {
+                if (providedItems) {
+                    setItems(providedItems);
+                    loadedRef.current = true;
+                    setLoading(false);
+                    setMounted(true);
+                    return;
+                }
+                if (loadItems) {
+                    setLoading(true);
+                    const loadedItems = await loadItems();
+                    if (!cancelled) {
+                        setItems(loadedItems);
+                        loadedRef.current = true;
+                    }
+                    return;
+                }
+                if (config?.entityForm && cacheKey) {
+                    // 캐시 확인
+                    const cachedData = getCachedData(cacheKey);
+                    if (cachedData) {
+                        setItems(cachedData);
+                        loadedRef.current = true;
+                        setLoading(false);
+                        setMounted(true);
+                        return;
+                    }
+                    // 캐시 없으면 서버에서 로드
+                    setLoading(true);
+                    const searchForm = SearchForm.create();
+                    if (config.filter) {
+                        for (const filterItem of config.filter) {
+                            if (filterItem) {
+                                searchForm.withFilter('AND', ...(await filterItem(entityFormRef.current)));
+                            }
+                        }
+                    }
+                    if (config.entityForm.neverDelete) {
+                        searchForm.handleAndFilter('active', 'true');
+                    }
+                    searchForm.withPage(0).withPageSize(500);
+                    const url = config.entityForm.getUrl();
+                    const result = await PageResult.fetchListData(url, searchForm);
+                    if (!cancelled) {
+                        const loadedData = result?.list ?? [];
+                        setItems(loadedData);
+                        loadedRef.current = true;
+                        // 캐시에 저장
+                        setCachedData(cacheKey, loadedData);
+                    }
+                }
+            }
+            catch (e) {
+                console.error(`[SelectBoxManyToOneView:${fieldName}] Failed to load items:`, e);
+                if (!cancelled)
+                    setItems([]);
+            }
+            finally {
+                if (!cancelled) {
+                    setLoading(false);
+                    setMounted(true);
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [cacheKey, fieldName]);
+    // SelectOption 목록 생성
+    const options = useMemo(() => {
+        const opts = items.map((item) => ({
+            label: getLabel(item),
+            value: getValue(item),
+            data: item,
+        }));
+        // required가 아니면 빈 옵션 추가
+        if (!isTrue(required)) {
+            opts.unshift({
+                label: nullValueLabel,
+                value: '',
+                data: null,
+            });
+        }
+        return opts;
+    }, [items, getLabel, getValue, required, nullValueLabel]);
+    // 현재 선택된 값 설정
+    useEffect(() => {
+        if (!mounted)
+            return;
+        (async () => {
+            if (value && config) {
+                const entity = await getManyToOneEntityValue(field.getName(), value, config);
+                if (entity) {
+                    const id = getValue(entity);
+                    const found = options.find((opt) => opt.value === id);
+                    setSelectedOption(found ?? null);
+                }
+                else {
+                    setSelectedOption(null);
+                }
+            }
+            else {
+                // required가 아니면 빈 옵션 선택
+                if (!isTrue(required)) {
+                    const emptyOption = options.find((opt) => opt.value === '');
+                    setSelectedOption(emptyOption ?? null);
+                }
+                else {
+                    setSelectedOption(null);
+                }
+            }
+        })();
+    }, [value, config, field, options, mounted, getValue, required]);
+    // 선택 변경 핸들러
+    const handleChange = useCallback((newValue) => {
+        if (readonly)
+            return;
+        if (!newValue || newValue.value === '') {
+            setSelectedOption(null);
+            onChange(undefined, true);
+        }
+        else {
+            setSelectedOption(newValue);
+            onChange(newValue.data, true);
+        }
+    }, [readonly, onChange]);
+    if (loading || !mounted) {
+        return (_jsx("div", { className: "rcm-select-loading-wrapper", children: _jsxs("div", { className: "rcm-select-loading", children: [_jsxs("svg", { className: "rcm-select-loading-spinner", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "rcm-spinner-track", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "rcm-spinner-head", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), _jsx("span", { className: "rcm-select-loading-text", children: "\uBD88\uB7EC\uC624\uB294 \uC911..." })] }) }));
+    }
+    return (_jsx("div", { className: "custom-select whitespace-nowrap", children: _jsx(Select, { classNamePrefix: "react-select", options: options, value: selectedOption, isSearchable: isSearchable, menuPortalTarget: typeof document !== 'undefined' ? document.body : null, menuPosition: menuPosition, menuPlacement: menuPlacement, isDisabled: isTrue(readonly), placeholder: placeholder, onChange: handleChange, isClearable: false, noOptionsMessage: () => '선택 가능한 항목이 없습니다.', styles: {
+                control: (base) => ({
+                    ...base,
+                    minHeight: '36px',
+                    height: '36px',
+                }),
+                valueContainer: (base) => ({
+                    ...base,
+                    height: '36px',
+                    padding: '0 8px',
+                }),
+                indicatorsContainer: (base) => ({
+                    ...base,
+                    height: '36px',
+                }),
+                menuPortal: (base) => ({
+                    ...base,
+                    zIndex: 9999,
+                }),
+            } }) }));
+};
+export default SelectBoxManyToOneView;

package/dist/listgrid/components/fields/view/SmsModal.d.ts

@@ -0,0 +1,6 @@
+interface SmsModalProps {
+    phoneNumber: string;
+    onClose: () => void;
+}
+export declare const SmsModal: ({ phoneNumber, onClose }: SmsModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/listgrid/components/fields/view/SmsModal.js

@@ -0,0 +1,124 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { RequestUtil } from '../../../misc';
+import { showAlert, showSuccess } from '../../../message';
+export const SmsModal = ({ phoneNumber, onClose }) => {
+    const [senderAddress, setSenderAddress] = useState('');
+    const [content, setContent] = useState('');
+    const [loading, setLoading] = useState(false);
+    const [senderList, setSenderList] = useState([]);
+    const [loadingSenderList, setLoadingSenderList] = useState(false);
+    // SMS content length calculation (in bytes for Korean)
+    const getByteLength = (str) => {
+        let byteLength = 0;
+        for (let i = 0; i < str.length; i++) {
+            const charCode = str.charCodeAt(i);
+            if (charCode <= 0x7f) {
+                byteLength += 1;
+            }
+            else if (charCode <= 0x7ff) {
+                byteLength += 2;
+            }
+            else {
+                byteLength += 2; // Korean characters are typically 2 bytes in EUC-KR
+            }
+        }
+        return byteLength;
+    };
+    const byteLength = getByteLength(content);
+    const isLms = byteLength > 90;
+    // Fetch sender list on modal mount
+    useEffect(() => {
+        const fetchSenderList = async () => {
+            setLoadingSenderList(true);
+            try {
+                const response = await RequestUtil.getExternalApiDataWithError({
+                    url: '/api/v1/sms-sender/list',
+                    method: 'GET',
+                });
+                const senderCache = response.data;
+                if (senderCache && senderCache.permittedPhoneNumbers) {
+                    setSenderList(senderCache.permittedPhoneNumbers);
+                    // If there's only one sender, auto-select it
+                    if (senderCache.permittedPhoneNumbers.length === 1) {
+                        setSenderAddress(senderCache.permittedPhoneNumbers[0].phoneNumber);
+                    }
+                }
+            }
+            catch (error) {
+                console.error('Failed to fetch sender list:', error);
+                showAlert({
+                    message: '발신번호 목록을 불러올 수 없습니다.',
+                    title: '오류',
+                    icon: 'error',
+                });
+            }
+            finally {
+                setLoadingSenderList(false);
+            }
+        };
+        fetchSenderList();
+    }, []);
+    const handleSend = async (senderAddress) => {
+        if (!senderAddress) {
+            showAlert({
+                message: '발신번호를 선택해주세요.',
+                title: '알림',
+                icon: 'error',
+            });
+            return;
+        }
+        if (!content.trim()) {
+            showAlert({
+                message: '메시지 내용을 입력해주세요.',
+                title: '알림',
+                icon: 'error',
+            });
+            return;
+        }
+        setLoading(true);
+        try {
+            const notificationQueue = {
+                senderAddress: senderAddress,
+                notificationType: 'SMS',
+                content: content,
+                toList: [{ address: phoneNumber }],
+            };
+            const response = await RequestUtil.getExternalApiDataWithError({
+                url: '/notification/send',
+                method: 'POST',
+                formData: notificationQueue,
+            });
+            if (response.data) {
+                showSuccess({
+                    message: 'SMS가 성공적으로 전송되었습니다.',
+                });
+                onClose();
+            }
+            else {
+                showAlert({
+                    message: response.error || 'SMS 전송에 실패했습니다.',
+                    title: '오류',
+                    icon: 'error',
+                });
+            }
+        }
+        catch (error) {
+            console.error('Failed to send SMS:', error);
+            showAlert({
+                message: 'SMS 전송 중 오류가 발생했습니다.',
+                title: '오류',
+                icon: 'error',
+            });
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsxs("div", { className: "rcm-modal-body", children: [_jsxs("div", { className: "rcm-modal-field-group", children: [_jsx("label", { className: "rcm-modal-label", children: "\uBC1C\uC2E0\uBC88\uD638 *" }), _jsxs("select", { className: "rcm-select", value: senderAddress, onChange: (e) => setSenderAddress(e.target.value), disabled: loadingSenderList || senderList.length === 0, children: [_jsx("option", { value: "", children: "\uBC1C\uC2E0\uBC88\uD638\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694" }), senderList.map((sender, index) => (_jsxs("option", { value: sender.phoneNumber, children: [sender.name, " (", sender.phoneNumber, ")"] }, index)))] }), senderList.length === 0 && !loadingSenderList && (_jsx("p", { className: "rcm-modal-warning", children: "\uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uBC1C\uC2E0\uBC88\uD638\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }))] }), _jsxs("div", { className: "rcm-modal-field-group", children: [_jsx("label", { className: "rcm-modal-label", children: "\uC218\uC2E0\uC790 \uC804\uD654\uBC88\uD638" }), _jsx("input", { type: "text", className: "rcm-input", value: phoneNumber, disabled: true, readOnly: true })] }), _jsxs("div", { className: "rcm-modal-field-group", children: [_jsx("label", { className: "rcm-modal-label", children: "\uBA54\uC2DC\uC9C0 \uB0B4\uC6A9" }), _jsx("textarea", { className: "rcm-textarea rcm-sms-textarea", value: content, onChange: (e) => setContent(e.target.value), placeholder: "\uBA54\uC2DC\uC9C0 \uB0B4\uC6A9\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694." }), _jsxs("div", { className: "rcm-sms-meta", children: [_jsx("span", { children: isLms ? (_jsx("span", { className: "rcm-sms-lms-notice", children: "LMS\uB85C \uBC1C\uC1A1\uB429\uB2C8\uB2E4 (90\uBC14\uC774\uD2B8 \uCD08\uACFC)" })) : (_jsxs("span", { children: ["SMS (", byteLength, "/90 \uBC14\uC774\uD2B8)"] })) }), _jsxs("span", { children: [content.length, "\uC790"] })] })] }), _jsxs("div", { className: "rcm-modal-footer", children: [_jsx("button", { type: "button", className: "rcm-button", "data-variant": "outline", onClick: onClose, disabled: loading, children: "\uCDE8\uC18C" }), _jsx("button", { type: "button", className: "rcm-button", "data-variant": "primary", onClick: () => {
+                            (async () => {
+                                await handleSend(senderAddress);
+                            })();
+                        }, disabled: loading || !content.trim() || !senderAddress, children: loading ? '발송 중...' : '발송' })] })] }));
+};

package/dist/listgrid/components/fields/view/TreeSelectView.d.ts

@@ -0,0 +1,11 @@
+import { EntityForm } from '../../../config/EntityForm';
+import { ManyToOneTreeView } from '../../../config/Config';
+interface TreeSelectViewProps {
+    entityForm: EntityForm;
+    tree: ManyToOneTreeView;
+    onSelect: (item: any) => void;
+    selectable?: boolean;
+    readonly?: boolean;
+}
+export declare const TreeSelectView: ({ readonly, ...props }: TreeSelectViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};