pds-dev-kit-web-test 2.7.8 → 2.7.9

package/dist/src/common/hooks/usePackageTranslation.d.ts

@@ -0,0 +1,4 @@
+export declare function usePackageTranslation(): {
+    t: import("i18next").TFunction;
+    i18n: import("i18next").i18n;
+};

package/dist/src/common/hooks/usePackageTranslation.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePackageTranslation = void 0;
+var i18n_1 = __importDefault(require("../services/i18n"));
+function usePackageTranslation() {
+    return {
+        t: i18n_1.default.t.bind(i18n_1.default),
+        i18n: i18n_1.default
+    };
+}
+exports.usePackageTranslation = usePackageTranslation;

package/dist/src/common/services/i18n/i18n.d.ts

@@ -1,2 +1,2 @@
-declare const moduleI18n: import("i18next").i18n;
+export declare const moduleI18n: import("i18next").i18n;
 export default moduleI18n;

package/dist/src/common/services/i18n/i18n.js

@@ -12,6 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.moduleI18n = void 0;
 var i18next_1 = __importDefault(require("i18next"));
 var i18next_browser_languagedetector_1 = __importDefault(require("i18next-browser-languagedetector"));
 var i18next_intervalplural_postprocessor_1 = __importDefault(require("i18next-intervalplural-postprocessor"));
@@ -19,8 +20,8 @@ var react_i18next_1 = require("react-i18next");
 var index_1 = __importDefault(require("./resources/index"));
 var availableLanguages = ['ko', 'en', 'ja', 'es', 'zh', 'zh-cn', 'zh-hk', 'zh-tw', 'fil'];
 // 완전히 새로운 독립 인스턴스 생성
-var moduleI18n = i18next_1.default.createInstance();
-moduleI18n
+exports.moduleI18n = i18next_1.default.createInstance();
+exports.moduleI18n
     .use(i18next_browser_languagedetector_1.default)
     .use(i18next_intervalplural_postprocessor_1.default)
     .use(react_i18next_1.initReactI18next)
@@ -32,8 +33,8 @@ moduleI18n
     lowerCaseLng: true
 });
 // override getSuffix method to support plurals in 'ko'
-var originalGetSuffix = moduleI18n.services.pluralResolver.getSuffix;
-moduleI18n.services.pluralResolver.getSuffix = function (code, count) {
+var originalGetSuffix = exports.moduleI18n.services.pluralResolver.getSuffix;
+exports.moduleI18n.services.pluralResolver.getSuffix = function (code, count) {
     var other = [];
     for (var _i = 2; _i < arguments.length; _i++) {
         other[_i - 2] = arguments[_i];
@@ -41,6 +42,6 @@ moduleI18n.services.pluralResolver.getSuffix = function (code, count) {
     if (code === 'ko') {
         return count > 1 ? '_plural' : '';
     }
-    return originalGetSuffix.call.apply(originalGetSuffix, __spreadArray([moduleI18n.services.pluralResolver, code, count], other, false));
+    return originalGetSuffix.call.apply(originalGetSuffix, __spreadArray([exports.moduleI18n.services.pluralResolver, code, count], other, false));
 };
-exports.default = moduleI18n;
+exports.default = exports.moduleI18n;

package/dist/src/desktop/components/AdminList/BulkActionBar.js

@@ -8,7 +8,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importDefault(require("styled-components"));
 var hybrid_1 = require("../../../hybrid");
 var Dropdown_1 = require("../Dropdown");
@@ -16,7 +16,7 @@ var TextButton_1 = require("../TextButton");
 var TextLabel_1 = require("../TextLabel");
 function BulkActionBar(_a) {
     var _b = _a.itemCount, itemCount = _b === void 0 ? 1 : _b, _c = _a.dropdownMode, dropdownMode = _c === void 0 ? 'dropdown_amount1' : _c, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1HintText = _a.dropdown1HintText, dropdown2HintText = _a.dropdown2HintText, dropdown3HintText = _a.dropdown3HintText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     return ((0, jsx_runtime_1.jsxs)(S_BulkActionBar, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_e", spacingType: "width" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: t('str_n_selected', {
                     itemSelected: itemCount
                 }), styleTheme: "body2Bold", colorTheme: "sysTextWhite" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_e", spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Divider, { direction: "vertical", height: 16 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_e", spacingType: "width" }), dropdownMode !== 'none' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [dropdown1ValueArray && ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { valueArray: dropdown1ValueArray, defaultValue: dropdown1DefaultText, hintText: dropdown1HintText, value: dropdown1Value, onChange: onChangeDropdown1, size: "small", colorTheme: "dark" })), (dropdownMode === 'dropdown_amount2' || dropdownMode === 'dropdown_amount3') &&

package/dist/src/desktop/components/AdminListHeader/HeaderBar.js

@@ -39,7 +39,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importStar(require("styled-components"));
 var hybrid_1 = require("../../../hybrid");
 var Dropdown_1 = require("../Dropdown");
@@ -47,7 +47,7 @@ var IconButton_1 = require("../IconButton");
 var TextLabel_1 = require("../TextLabel");
 function HeaderBar(_a) {
     var titleText = _a.titleText, tooltipText = _a.tooltipText, _b = _a.size, size = _b === void 0 ? 'regular' : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.totalPage, totalPage = _d === void 0 ? 1 : _d, dropdownTextArray = _a.dropdownTextArray, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeDropdown = _a.onChangeDropdown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var handleDropdown = function (option) {
         if (onChangeDropdown) {
             onChangeDropdown(option);

package/dist/src/desktop/components/Calendar/AllDaySchedulesSection.js

@@ -21,14 +21,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AllDaySchedulesSection = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importDefault(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 var CalendarContext_1 = require("./CalendarContext");
 var calendarUtils_1 = require("./calendarUtils");
 var AllDaySchedulesSection = function (_a) {
     var calendarDates = _a.calendarDates, _b = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _b === void 0 ? 'use' : _b, getSchedulesForDate = _a.getSchedulesForDate, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop;
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var renderScheduleItem = (0, CalendarContext_1.useCalendarContext)().renderScheduleItem;
     // 다중 날짜 종일 이벤트 계산
     var multiDayAllDaySchedules = (0, react_1.useMemo)(function () {

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

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var dateHelper_1 = require("../../../common/utils/dateHelper");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Dropdown_1 = require("../Dropdown");
@@ -46,7 +46,7 @@ var YearlyView_1 = require("./YearlyView");
 var Calendar = function (_a) {
     var _b;
     var _c = _a.defaultViewType, defaultViewType = _c === void 0 ? 'str_fm_month' : _c, _d = _a.viewTypes, viewTypes = _d === void 0 ? ['str_fm_month', 'str_fm_week', 'str_fm_day', 'str_fm_year'] : _d, _e = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _e === void 0 ? 'none' : _e, _f = _a.startOfWeek, startOfWeek = _f === void 0 ? 'sunday' : _f, _g = _a.todayBtnMode, todayBtnMode = _g === void 0 ? 'use' : _g, _h = _a.schedules, schedules = _h === void 0 ? [] : _h, config = _a.config, onActionDispatch = _a.onActionDispatch;
-    var _j = (0, react_i18next_1.useTranslation)('translation'), t = _j.t, i18n = _j.i18n;
+    var _j = (0, usePackageTranslation_1.usePackageTranslation)(), t = _j.t, i18n = _j.i18n;
     var _k = (0, react_1.useState)(defaultViewType), currentViewType = _k[0], setCurrentViewType = _k[1];
     var _l = (0, react_1.useState)(new Date()), selectedDate = _l[0], setSelectedDate = _l[1];
     var _m = (0, react_1.useState)(null), dragStartDate = _m[0], setDragStartDate = _m[1];

package/dist/src/desktop/components/Calendar/CurrentTimeIndicator.js

@@ -11,12 +11,12 @@ exports.CurrentTimeIndicator = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var i18next_1 = __importDefault(require("i18next"));
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importDefault(require("styled-components"));
 var constants_1 = require("./constants");
 var CurrentTimeIndicator = function (_a) {
     var show = _a.show, _b = _a.leftOffset, leftOffset = _b === void 0 ? '80px' : _b;
-    var i18n = (0, react_i18next_1.useTranslation)('translation').i18n;
+    var i18n = (0, usePackageTranslation_1.usePackageTranslation)().i18n;
     var getCurrentTime = (0, react_1.useCallback)(function () {
         var now = new Date();
         var locale = (0, constants_1.getLocaleFromLang)(i18next_1.default.language);

package/dist/src/desktop/components/Calendar/DailyView.js

@@ -41,7 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DailyView = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importStar(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 var AllDaySchedulesSection_1 = require("./AllDaySchedulesSection");
@@ -51,7 +51,7 @@ var TimeBasedScheduleItem_1 = require("./TimeBasedScheduleItem");
 var timeFormatUtils_1 = require("./timeFormatUtils");
 var DailyView = function (_a) {
     var schedules = _a.schedules, config = _a.config;
-    var i18n = (0, react_i18next_1.useTranslation)('translation').i18n;
+    var i18n = (0, usePackageTranslation_1.usePackageTranslation)().i18n;
     var _b = (0, CalendarContext_1.useCalendarContext)(), selectedDate = _b.selectedDate, selectedSchedules = _b.selectedSchedules, displayAllDayScheduleMode = _b.displayAllDayScheduleMode, getSchedulesForDate = _b.getSchedulesForDate, isDragOverDate = _b.isDragOverDate, handleDateDragOver = _b.handleDateDragOver, handleDateDragLeave = _b.handleDateDragLeave, handleDateDrop = _b.handleDateDrop, handleDateClick = _b.handleDateClick, handleDateDrag = _b.handleDateDrag, handleScheduleDragStart = _b.handleScheduleDragStart, handleScheduleDragEnd = _b.handleScheduleDragEnd, handleScheduleClick = _b.handleScheduleClick;
     // 시간 드래그 상태
     var _c = (0, react_1.useState)(null), timeSelectionStart = _c[0], setTimeSelectionStart = _c[1];

package/dist/src/desktop/components/Calendar/MonthlyView.js

@@ -30,7 +30,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonthlyView = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var useResizeObserver_1 = require("../../../common/hooks/useResizeObserver");
 var useWindowSize_1 = require("../../../common/hooks/useWindowSize");
 var dateHelper_1 = require("../../../common/utils/dateHelper");
@@ -42,7 +42,7 @@ var calendarUtils_1 = require("./calendarUtils");
 var MultiWeekSchedulesLayer_1 = require("./MultiWeekSchedulesLayer");
 var MonthlyView = function (_a) {
     var getDayTextByDate = _a.getDayTextByDate, startOfWeek = _a.startOfWeek, selectedDate = _a.selectedDate, selectedDates = _a.selectedDates, selectedSchedules = _a.selectedSchedules, dragStartDate = _a.dragStartDate, dragEndDate = _a.dragEndDate, isDragOverDate = _a.isDragOverDate, schedules = _a.schedules, getSchedulesForDate = _a.getSchedulesForDate, isToday = _a.isToday, isPastDate = _a.isPastDate, handleDateClick = _a.handleDateClick, handleScheduleClick = _a.handleScheduleClick, handleMouseUp = _a.handleMouseUp, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, onSwitchToWeeklyView = _a.onSwitchToWeeklyView, config = _a.config;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var _c = (0, CalendarContext_1.useCalendarContext)(), renderScheduleItem = _c.renderScheduleItem, handleDateDrag = _c.handleDateDrag;
     var height = (0, useWindowSize_1.useWindowSize)().height;
     var calendarCellRef = (0, react_1.useRef)(null);

package/dist/src/desktop/components/Calendar/TimeBasedScheduleItem.js

@@ -30,14 +30,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimeBasedScheduleItem = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importDefault(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 var calendarUtils_1 = require("./calendarUtils");
 var timeFormatUtils_1 = require("./timeFormatUtils");
 var TimeBasedScheduleItem = function (_a) {
     var schedules = _a.schedules, selectedSchedules = _a.selectedSchedules, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, onClick = _a.onClick, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd;
-    var _c = (0, react_i18next_1.useTranslation)('translation'), i18n = _c.i18n, t = _c.t;
+    var _c = (0, usePackageTranslation_1.usePackageTranslation)(), i18n = _c.i18n, t = _c.t;
     // 시간별 스케줄 계산 및 grid 위치 할당
     var timedSchedulesWithGrid = (0, react_1.useMemo)(function () {
         var filteredSchedules = schedules.filter(function (schedule) { return !(0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate)); });

package/dist/src/desktop/components/Calendar/WeeklyView.js

@@ -41,7 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WeeklyView = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var dateHelper_1 = require("../../../common/utils/dateHelper");
 var styled_components_1 = __importStar(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
@@ -52,7 +52,7 @@ var TimeBasedScheduleItem_1 = require("./TimeBasedScheduleItem");
 var timeFormatUtils_1 = require("./timeFormatUtils");
 var WeeklyView = function (_a) {
     var startOfWeek = _a.startOfWeek, schedules = _a.schedules, config = _a.config;
-    var _b = (0, react_i18next_1.useTranslation)('translation'), t = _b.t, i18n = _b.i18n;
+    var _b = (0, usePackageTranslation_1.usePackageTranslation)(), t = _b.t, i18n = _b.i18n;
     var _c = (0, CalendarContext_1.useCalendarContext)(), selectedDate = _c.selectedDate, selectedSchedules = _c.selectedSchedules, displayAllDayScheduleMode = _c.displayAllDayScheduleMode, getSchedulesForDate = _c.getSchedulesForDate, isToday = _c.isToday, isDragOverDate = _c.isDragOverDate, handleDateDragOver = _c.handleDateDragOver, handleDateDragLeave = _c.handleDateDragLeave, handleDateDrop = _c.handleDateDrop, handleDateClick = _c.handleDateClick, handleDateDrag = _c.handleDateDrag, handleScheduleDragStart = _c.handleScheduleDragStart, handleScheduleDragEnd = _c.handleScheduleDragEnd, isDraggable = _c.isDraggable, handleScheduleClick = _c.handleScheduleClick, getDayTextByDate = _c.getDayTextByDate;
     var _d = (0, react_1.useState)(null), timeSelectionStart = _d[0], setTimeSelectionStart = _d[1];
     var _e = (0, react_1.useState)(null), timeSelectionEnd = _e[0], setTimeSelectionEnd = _e[1];

package/dist/src/desktop/components/Calendar/YearlyView.js

@@ -20,12 +20,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YearlyView = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importDefault(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 var YearlyView = function (_a) {
     var selectedDate = _a.selectedDate, getMonthDates = _a.getMonthDates, getDayTextByDate = _a.getDayTextByDate, startOfWeek = _a.startOfWeek, isToday = _a.isToday, handleDateClick = _a.handleDateClick, getSchedulesForDate = _a.getSchedulesForDate;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var currentYear = selectedDate.getFullYear();
     var orderedDayTexts = (function () {
         var weekDates = [];

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

@@ -47,7 +47,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
 var react_hook_form_1 = require("react-hook-form");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var types_1 = require("../../../common/types");
 var clickTypeSystemUICssGenerator_1 = __importDefault(require("../../../common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator"));
 var pricing_1 = require("../../../core/pricing");
@@ -67,7 +67,7 @@ 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.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 t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     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];

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

@@ -23,12 +23,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var pricing_1 = require("../../../core/pricing");
 var TextLabel_1 = require("../TextLabel");
 function PriceTextLabel(_a) {
     var price = _a.price, _b = _a.useFriendlyName, useFriendlyName = _b === void 0 ? 'none' : _b, _c = _a.useMinus, useMinus = _c === void 0 ? 'none' : _c, selectedCurrency = _a.selectedCurrency, exchangeRates = _a.exchangeRates, userCountryCode = _a.userCountryCode, args = __rest(_a, ["price", "useFriendlyName", "useMinus", "selectedCurrency", "exchangeRates", "userCountryCode"]);
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var targetPrice = price;
     var formattedAmount = useMinus === 'use' ? "-".concat(targetPrice.amount) : targetPrice.amount;
     var priceText = pricing_1.PricingService.translate.priceWithCurrency(exchangeRates && selectedCurrency

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

@@ -47,9 +47,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable prefer-promise-reject-errors */
 var tinymce_react_1 = require("@tinymce/tinymce-react");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
 var uuid_1 = require("uuid");
 var components_1 = require("../../../common/components");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importDefault(require("styled-components"));
 var DesktopAlertDialog_1 = require("../DesktopAlertDialog");
 var DEFAULT_ELEMENT_COUNT = 7;
@@ -57,7 +57,7 @@ function RichTextEditor(_a) {
     var _this = this;
     var _b, _c, _d;
     var toolbar = _a.toolbar, defaultText = _a.defaultText, hintText = _a.hintText, maxLength = _a.maxLength, minLength = _a.minLength, maxFileSize = _a.maxFileSize, _e = _a.requirementMode, requirementMode = _e === void 0 ? 'none' : _e, lengthValidationText = _a.lengthValidationText, requiredValidationText = _a.requiredValidationText, fileSizeValidationText = _a.fileSizeValidationText, _f = _a.height, height = _f === void 0 ? 600 : _f, _g = _a.tinymceScriptSrc, tinymceScriptSrc = _g === void 0 ? '/tinymce/tinymce.min.js' : _g, onChange = _a.onChange, onBlur = _a.onBlur, onCountCharacter = _a.onCountCharacter, onImageUpload = _a.onImageUpload, _h = _a.isLoadingUsed, isLoadingUsed = _h === void 0 ? true : _h;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var _j = (0, react_1.useState)(0), count = _j[0], setCount = _j[1];
     var _k = (0, react_1.useState)(true), isEditorLoading = _k[0], setIsEditorLoading = _k[1];
     var _l = (0, react_1.useState)(false), isEditorDirty = _l[0], setIsEditorDirty = _l[1];

package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.js

@@ -57,7 +57,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_hook_form_1 = require("react-hook-form");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var editorContentStyle_1 = require("../../../common/styles/editorContentStyle");
 var components_1 = require("../../components");
 var HTMLReader_1 = require("../../components/RichTextEditor/HTMLReader");
@@ -88,7 +88,7 @@ var LANGUAGE_DESC_TEXT_KEYS = {
 function LocalizedContentModal(_a) {
     var _this = this;
     var isOpen = _a.isOpen, _b = _a.originalFieldType, originalFieldType = _b === void 0 ? 'text' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, textFieldLineType = _a.textFieldLineType, originalText = _a.originalText, initialValues = _a.initialValues, visibleLanguages = _a.visibleLanguages, readonly = _a.readonly, richEditorConfig = _a.richEditorConfig, imageConfig = _a.imageConfig, onClose = _a.onClose, onApply = _a.onApply;
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var form = (0, react_hook_form_1.useForm)({
         defaultValues: initialValues
     });

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

@@ -43,7 +43,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var dateHelper_1 = require("../../../common/utils/dateHelper");
 var components_1 = require("../../../hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
@@ -52,7 +52,7 @@ var DatePickerHeader_1 = __importDefault(require("./DatePickerHeader"));
 var Day_1 = __importDefault(require("./Day"));
 var DatePicker = function (_a) {
     var id = _a.id, type = _a.type, date = _a.date, endDate = _a.endDate, minDate = _a.minDate, maxDate = _a.maxDate, _b = _a.startOfWeek, startOfWeek = _b === void 0 ? 'sunday' : _b, _c = _a.quickActionMode, quickActionMode = _c === void 0 ? 'none' : _c, quickActionBtnText = _a.quickActionBtnText, onChange = _a.onChange;
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var startDate = date || dateHelper_1.DateHelper.formatDate(new Date());
     var _d = (0, react_1.useState)(function () {
         return dateHelper_1.DateHelper.startOfMonth(dateHelper_1.DateHelper.parseDate(startDate));

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

@@ -47,7 +47,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
 var react_hook_form_1 = require("react-hook-form");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var types_1 = require("../../../common/types");
 var clickTypeSystemUICssGenerator_1 = __importDefault(require("../../../common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator"));
 var pricing_1 = require("../../../core/pricing");
@@ -67,7 +67,7 @@ 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.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 t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     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];

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

@@ -23,12 +23,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var pricing_1 = require("../../../core/pricing");
 var TextLabel_1 = require("../TextLabel");
 function PriceTextLabel(_a) {
     var price = _a.price, _b = _a.useFriendlyName, useFriendlyName = _b === void 0 ? 'none' : _b, _c = _a.useMinus, useMinus = _c === void 0 ? 'none' : _c, selectedCurrency = _a.selectedCurrency, exchangeRates = _a.exchangeRates, userCountryCode = _a.userCountryCode, args = __rest(_a, ["price", "useFriendlyName", "useMinus", "selectedCurrency", "exchangeRates", "userCountryCode"]);
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var targetPrice = price;
     var formattedAmount = useMinus === 'use' ? "-".concat(targetPrice.amount) : targetPrice.amount;
     var priceText = pricing_1.PricingService.translate.priceWithCurrency(exchangeRates && selectedCurrency

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

@@ -47,9 +47,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable prefer-promise-reject-errors */
 var tinymce_react_1 = require("@tinymce/tinymce-react");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
 var uuid_1 = require("uuid");
 var components_1 = require("../../../common/components");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importDefault(require("styled-components"));
 var MobileAlertDialog_1 = require("../MobileAlertDialog");
 var DEFAULT_ELEMENT_COUNT = 7;
@@ -57,7 +57,7 @@ function RichTextEditor(_a) {
     var _this = this;
     var _b, _c, _d;
     var toolbar = _a.toolbar, defaultText = _a.defaultText, hintText = _a.hintText, maxLength = _a.maxLength, minLength = _a.minLength, maxFileSize = _a.maxFileSize, required = _a.required, lengthValidationText = _a.lengthValidationText, requiredValidationText = _a.requiredValidationText, fileSizeValidationText = _a.fileSizeValidationText, _e = _a.height, height = _e === void 0 ? 600 : _e, _f = _a.tinymceScriptSrc, tinymceScriptSrc = _f === void 0 ? '/tinymce/tinymce.min.js' : _f, onChange = _a.onChange, onBlur = _a.onBlur, onCountCharacter = _a.onCountCharacter, onImageUpload = _a.onImageUpload, _g = _a.isLoadingUsed, isLoadingUsed = _g === void 0 ? true : _g;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var _h = (0, react_1.useState)(0), count = _h[0], setCount = _h[1];
     var _j = (0, react_1.useState)(true), isEditorLoading = _j[0], setIsEditorLoading = _j[1];
     var _k = (0, react_1.useState)(false), isEditorDirty = _k[0], setIsEditorDirty = _k[1];

package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.js

@@ -39,13 +39,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var components_1 = require("../../../desktop/components");
 var components_2 = require("../../../hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
 function HeaderBar(_a) {
     var titleText = _a.titleText, tooltipText = _a.tooltipText, _b = _a.size, size = _b === void 0 ? 'regular' : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.totalPage, totalPage = _d === void 0 ? 1 : _d, dropdownTextArray = _a.dropdownTextArray, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeDropdown = _a.onChangeDropdown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var handleDropdown = function (option) {
         if (onChangeDropdown) {
             onChangeDropdown(option);

package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.js

@@ -8,13 +8,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
 var components_1 = require("../../../desktop/components");
 var components_2 = require("../../../hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 function BulkActionBar(_a) {
     var itemCount = _a.itemCount, _b = _a.dropdownMode, dropdownMode = _b === void 0 ? 'dropdown_amount1' : _b, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1HintText = _a.dropdown1HintText, dropdown2HintText = _a.dropdown2HintText, dropdown3HintText = _a.dropdown3HintText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     return ((0, jsx_runtime_1.jsxs)(S_BulkActionBar, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_e", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t('str_n_selected', {
                     itemSelected: itemCount
                 }), styleTheme: "body2Bold", colorTheme: "sysTextWhite" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_e", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_2.Divider, { direction: "vertical", height: 16 }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_e", spacingType: "width" }), dropdownMode !== 'none' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [dropdown1ValueArray && ((0, jsx_runtime_1.jsx)(components_1.Dropdown, { valueArray: dropdown1ValueArray, defaultValue: dropdown1DefaultText, hintText: dropdown1HintText, value: dropdown1Value, onChange: onChangeDropdown1, size: "small", colorTheme: "dark" })), (dropdownMode === 'dropdown_amount2' || dropdownMode === 'dropdown_amount3') &&

package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js

@@ -20,14 +20,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../common/hooks/usePackageTranslation");
 var styled_components_1 = __importDefault(require("styled-components"));
 var desktop_1 = require("../../../../desktop");
 var useLazyUnmount_1 = require("../../hooks/useLazyUnmount");
 var OverlayBorders_1 = __importDefault(require("./OverlayBorders"));
 function SectionBox(_a) {
     var scrollIntoThisSection = _a.scrollIntoThisSection, isIframeSection = _a.isIframeSection, isEditing = _a.isEditing, children = _a.children, onClick = _a.onClick;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var sectionRef = (0, react_1.useRef)(null);
     var _b = (0, react_1.useState)(false), isHover = _b[0], setIsHover = _b[1];
     var _c = (0, react_1.useState)(false), fadeOut = _c[0], setFadeout = _c[1];

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js

@@ -9,11 +9,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../../../../../common/hooks/usePackageTranslation");
 var components_1 = require("../../../../../../../DynamicLayout/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 function IframeDenied() {
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     return ((0, jsx_runtime_1.jsx)(S_Denied, { children: (0, jsx_runtime_1.jsx)(components_1.D_TextLabel, { text: t('str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info'), styleTheme: "caption1Regular", colorTheme: "sysTextSecondary", textAlign: "center" }) }));
 }
 var S_Denied = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: #ddd;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n"], ["\n  align-items: center;\n  background-color: #ddd;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n"])));

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.js

@@ -13,13 +13,13 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../../../../../../common/hooks/usePackageTranslation");
 var panels_1 = require("../../../../../../../../../desktop/panels");
 var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
 var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function EmptyMembershipSheet() {
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var section = (0, react_1.useContext)(Section_1.sectionContext);
     if (!section) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../../../../../../common/hooks/usePackageTranslation");
 var panels_1 = require("../../../../../../../../../desktop/panels");
 var components_1 = require("../../../../../../../../../hybrid/components");
 var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
@@ -29,7 +29,7 @@ var formatCurrency_1 = __importDefault(require("../../../../../../../../DynamicL
 var styled_components_1 = __importDefault(require("styled-components"));
 function MembershipPlanSheet(_a) {
     var connectedSubscriptionProducts = _a.connectedSubscriptionProducts, sectionStyles = _a.sectionStyles;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var subscriptionProduct = connectedSubscriptionProducts.subscriptionProduct;
     var type = subscriptionProduct.type, alias = subscriptionProduct.alias, fee = subscriptionProduct.fee, isDeactivated = subscriptionProduct.isDeactivated;
     var itemToneType = sectionStyles.itemToneType, itemHighlightingColorInHex = sectionStyles.itemHighlightingColorInHex, programmedItemActionButtonTextType = sectionStyles.programmedItemActionButtonTextType;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/UnavailableMembershipPlanSheet.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../../../../../../common/hooks/usePackageTranslation");
 var panels_1 = require("../../../../../../../../../desktop/panels");
 var components_1 = require("../../../../../../../../../hybrid/components");
 var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function UnavailableMembershipPlanSheet(_a) {
     var sectionStyles = _a.sectionStyles;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var itemToneType = sectionStyles.itemToneType, programmedItemActionButtonTextType = sectionStyles.programmedItemActionButtonTextType;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_g" }), (0, jsx_runtime_1.jsx)(panels_1.ContentSheet, __assign({ width: "100%", height: "auto", shapeType: "round", overrideCSS: {
                     display: 'flex',

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/EmptyMembershipSheet.js

@@ -13,13 +13,13 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../../../../../../common/hooks/usePackageTranslation");
 var panels_1 = require("../../../../../../../../../desktop/panels");
 var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
 var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function MembershipSheet() {
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var section = (0, react_1.useContext)(Section_1.sectionContext);
     if (!section) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipSheet.js

@@ -13,13 +13,13 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../../../../../../common/hooks/usePackageTranslation");
 var panels_1 = require("../../../../../../../../../desktop/panels");
 var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
 var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function EmptyMembershipSheet() {
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var section = (0, react_1.useContext)(Section_1.sectionContext);
     if (!section) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../../../../../../common/hooks/usePackageTranslation");
 var panels_1 = require("../../../../../../../../../desktop/panels");
 var components_1 = require("../../../../../../../../../hybrid/components");
 var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
@@ -29,7 +29,7 @@ var formatCurrency_1 = __importDefault(require("../../../../../../../../DynamicL
 var styled_components_1 = __importDefault(require("styled-components"));
 function MembershipPlanSheet(_a) {
     var connectedSubscriptionProduct = _a.connectedSubscriptionProduct, sectionStyles = _a.sectionStyles;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var subscriptionProduct = connectedSubscriptionProduct.subscriptionProduct;
     var type = subscriptionProduct.type, alias = subscriptionProduct.alias, fee = subscriptionProduct.fee, isDeactivated = subscriptionProduct.isDeactivated;
     var itemToneType = sectionStyles.itemToneType, itemHighlightingColorInHex = sectionStyles.itemHighlightingColorInHex, programmedItemActionButtonTextType = sectionStyles.programmedItemActionButtonTextType;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/UnavailableMembershipPlanSheet.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../../../../../../common/hooks/usePackageTranslation");
 var panels_1 = require("../../../../../../../../../desktop/panels");
 var components_1 = require("../../../../../../../../../hybrid/components");
 var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function UnavailableMembershipPlanSheet(_a) {
     var sectionStyles = _a.sectionStyles;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var itemToneType = sectionStyles.itemToneType, programmedItemActionButtonTextType = sectionStyles.programmedItemActionButtonTextType;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_g" }), (0, jsx_runtime_1.jsx)(panels_1.ContentSheet, __assign({ width: "100%", height: "auto", shapeType: "round", overrideCSS: {
                     display: 'flex',

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.js

@@ -13,13 +13,13 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
+var usePackageTranslation_1 = require("../../../../../../../../../common/hooks/usePackageTranslation");
 var panels_1 = require("../../../../../../../../../desktop/panels");
 var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
 var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function MembershipSheet() {
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
     var section = (0, react_1.useContext)(Section_1.sectionContext);
     if (!section) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});

package/package.json

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