@designbasekorea/figma-ui 0.1.66 → 0.1.68

package/dist/index.esm.js

@@ -2,7 +2,6 @@ import React, { useRef, useEffect, useState } from 'react';
 import { HeartFilledIcon, CoffeeFilledIcon, AppWindowIcon, YoutubeIcon, InstagramIcon, FigmaIcon, MailIcon, ExternalLinkIcon, MoreHorizontalIcon, CloseIcon, CircleCheckFilledIcon, ResizableIcon, GripVerticalIcon } from '@designbasekorea/icons';
 import { SplitView, Button, Toggle, Spinner, Badge, SegmentControl, Logo, Input, Modal, Progressbar } from '@designbasekorea/ui';
 export * from '@designbasekorea/ui';
-import { useTranslation } from 'react-i18next';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -296,15 +295,24 @@ const PaymentBadge = ({ isActive, onClick, isLoading = false, text, t = (key) =>
 };
 PaymentBadge.displayName = 'PaymentBadge';
 
+let useTranslation = null;
+try {
+    const reactI18next = require('react-i18next');
+    useTranslation = reactI18next.useTranslation;
+}
+catch (e) {
+}
 const DEFAULT_LANGUAGES = [
     { code: 'ko', label: 'KO' },
     { code: 'en', label: 'EN' },
 ];
 const LanguageSelector = ({ currentLanguage, languages = DEFAULT_LANGUAGES, onLanguageChange, size = 's', className, t }) => {
-    const { i18n } = useTranslation();
-    const activeLanguage = currentLanguage || i18n.language || 'ko';
+    const i18n = useTranslation ? useTranslation().i18n : null;
+    const activeLanguage = currentLanguage || (i18n?.language) || 'ko';
     const handleLanguageChange = (languageCode) => {
-        i18n.changeLanguage(languageCode);
+        if (i18n) {
+            i18n.changeLanguage(languageCode);
+        }
         if (onLanguageChange) {
             onLanguageChange(languageCode);
         }