pds-dev-kit-web-test 2.7.93 → 2.7.94

package/dist/src/sub/DynamicLayout/types.d.ts

@@ -1,11 +1,14 @@
 import type { TypeOfSectionAction } from './sectionActionTypes';
-import type { ComponentBlock } from './sections/CustomSection/types';
+import type { CB_ALL_CODES, ComponentBlock } from './sections/CustomSection/types';
 import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './sections/CustomSection/util/contentPropParsers/parseContentVisibility';
 import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim';
 import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
 import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgColor';
 import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
-import type { Block, ZOrder } from 'publ-echo/dist/lib/GridLayoutEditor/group';
+import type { CB_STYLE_PROP_BORDER_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBorder';
+import type { CB_STYLE_PROP_SHADOW_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropShadow';
+import type { CCB_VALUE_TYPE, COMPOSITION_VALUE_TYPE } from './sections/CustomSection/util/types';
+import type { Block, ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
 import type { Ref } from 'react';
 export { TypeOfSectionAction };
 export type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY' | 'CUSTOM';
@@ -235,6 +238,20 @@ export type DynamicLayoutProps = {
     shortcutKeyMode?: CustomSectionShortcutKeysType;
     dynamicLayoutRef?: Ref<CustomSectionImperativeHandleRef>;
     zoomScale?: number;
+    queryData?: QueryData;
+    placementRestriction?: PlaceRestrictionType;
+};
+export type PlaceRestrictionValue = {
+    columnWInit: number;
+    columnWMin: number;
+    mobileColumnWMax: number;
+    mobileColumnWMin: number;
+    rowHInit: number;
+    rowHMin: number;
+};
+export type PlaceRestrictionType = Record<CB_ALL_CODES, PlaceRestrictionValue>;
+export type QueryData = {
+    [key: string]: Array<Record<string, unknown>>;
 };
 export type NavHandlerAction = {
     openNewTab: boolean;
@@ -344,6 +361,8 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
     CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: string;
     CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: number;
     CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: string;
+    CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: CCB_VALUE_TYPE | COMPOSITION_VALUE_TYPE;
+    CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA: string;
 };
 export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': number | null | undefined;
@@ -377,25 +396,19 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:HOVER'?: string | null;
     'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE'?: string | null;
     'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE:HOVER'?: string | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:HOVER'?: CCB_VALUE_TYPE | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE'?: CCB_VALUE_TYPE | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE:HOVER'?: CCB_VALUE_TYPE | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:HOVER'?: string | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:MOBILE'?: string | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:MOBILE:HOVER'?: string | null;
 };
 export interface IComposition {
     id: number;
     administrativeTitle?: string;
-    display: boolean;
-    order: number;
-    manifest: {
-        schema: TypeOfSectionManifestSchema;
-        availableProperties: Array<KeyOfSectionProperties>;
-        availableStyles: Array<KeyOfSectionStyles>;
-        availableTemplates: Array<TypeofSectionTemplate>;
-    } | Record<string, never>;
-    template: TypeofSectionTemplate;
-    properties: ISectionProperties;
-    styles: ISectionStyles;
-    dynamicLayoutSectionItems: Array<IItem> | null;
+    isDefault: boolean;
     insertedAt: string;
     updatedAt: string;
-    type: TypeOfSectionType;
     program?: 'MEMBERSHIP_DISPLAY';
     programData?: {
         mdid: string;
@@ -409,6 +422,44 @@ export interface IComposition {
             };
         };
     };
-    componentBlocks?: ComponentBlock[];
-    jsonProperties?: ISectionJsonProperties;
+    componentBlocks: ComponentBlock[];
+    jsonProperties: ICompositionJsonProperties;
+    compositionCode: string;
+    compositionTemplateCode: string;
+    dynamicLayoutComponentBlockId: number;
 }
+export type ICompositionJsonProperties = {
+    data: {
+        CB_CONTENT_PROP_COMPOSITIONSMARTARRANGE: {
+            CB_CONTENT_PROP_COMPOSITIONSMARTARRANGE_SPEC_MANUAL: null;
+        };
+        CB_CONTENT_PROP_HOVER: {
+            CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
+        };
+        CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+        CB_PLACEMENT_PROP_COMPOSITION: {
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS: number;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT: number | null;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH: number | null;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT: number | null;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH: number | null;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS: number;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE': number | null;
+        };
+        CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
+        CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
+        CB_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
+        CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
+        CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    };
+    zOrders: ZOrder;
+    pedigree: SectionPedigree;
+    currentVersion: string;
+    minVersion: string;
+    version: string;
+};

package/dist/src/sub/DynamicLayout/utils/groupUtils.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { ComponentBlock } from '../sections/CustomSection/types';
+import type { LayoutItem } from 'publ-echo/dist/lib';
+import type { Block } from 'publ-echo/dist/lib/GridLayoutEditor/group';
+export declare function findAllChildrenCbIds(block: Block, targetGroupId: string): number[];
+export default function RenderPedigreeRecursively({ block, layoutItems, cbs, parentGroupArea }: {
+    block: Block;
+    layoutItems: LayoutItem[];
+    cbs: ComponentBlock[];
+    parentGroupArea?: {
+        rowStart: number;
+        colStart: number;
+        rowEnd: number;
+        colEnd: number;
+    };
+}): JSX.Element;

package/dist/src/sub/DynamicLayout/utils/groupUtils.js

@@ -0,0 +1,156 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findAllChildrenCbIds = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var renderHelpers_1 = require("publ-echo-test/dist/lib/GridLayoutEditor/utils/renderHelpers");
+var styled_components_1 = __importDefault(require("styled-components"));
+var FlexGridItem_1 = require("../CompositionRenderer/FlexGridItem");
+function findAllChildrenCbIds(block, targetGroupId) {
+    // 현재 블록이 target group이면, 모든 하위 컴포넌트 블록 ID를 수집
+    if (block.blockId === targetGroupId) {
+        if (block.type === 'COMPONENT_BLOCK') {
+            return [block.componentBlockId];
+        }
+        // GROUP_BLOCK인 경우 모든 자식들의 ID를 재귀적으로 수집
+        return block.children.reduce(function (acc, child) {
+            return __spreadArray(__spreadArray([], acc, true), findAllChildrenCbIds(child, child.blockId), true);
+        }, []);
+    }
+    // 현재 블록이 target group이 아니고 COMPONENT_BLOCK이면 빈 배열 반환
+    if (block.type === 'COMPONENT_BLOCK') {
+        return [];
+    }
+    // GROUP_BLOCK이면 자식들에 대해 재귀적으로 탐색
+    return block.children.reduce(function (acc, child) {
+        return __spreadArray(__spreadArray([], acc, true), findAllChildrenCbIds(child, targetGroupId), true);
+    }, []);
+}
+exports.findAllChildrenCbIds = findAllChildrenCbIds;
+function RenderPedigreeRecursively(_a) {
+    var block = _a.block, layoutItems = _a.layoutItems, cbs = _a.cbs, parentGroupArea = _a.parentGroupArea;
+    var type = block.type;
+    if (type === 'GROUP_BLOCK') {
+        var childrenIds = findAllChildrenCbIds(block, block.blockId).map(function (i) { return i.toString(); });
+        var bounding = (0, renderHelpers_1.getBoundingArea)(layoutItems, childrenIds);
+        if (!bounding) {
+            return (0, jsx_runtime_1.jsx)("div", { children: "GROUP: NO BOUNDING AREA" });
+        }
+        var gridArea_1 = getGridAreaFromGroup({
+            x: bounding.x,
+            y: bounding.y,
+            cols: bounding.w,
+            rows: bounding.h
+        });
+        return ((0, jsx_runtime_1.jsxs)(S_GridItem, __assign({ style: {
+                gridArea: gridAreaObjToString(gridArea_1),
+                border: '1px solid red',
+                display: 'grid'
+            } }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: {
+                        position: 'absolute',
+                        top: 4,
+                        left: 4,
+                        background: 'rgba(0,0,0,0.6)',
+                        color: '#fff',
+                        padding: '2px 6px',
+                        borderRadius: '4px',
+                        fontSize: '12px',
+                        zIndex: 1,
+                        pointerEvents: 'none'
+                    } }, { children: block.blockId })), block.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(RenderPedigreeRecursively, { block: child, layoutItems: layoutItems, cbs: cbs, parentGroupArea: gridArea_1 }, child.blockId)); })] })));
+    }
+    // default: TYPE === 'COMPONENT_BLOCK'
+    var cb = cbs.find(function (c) { return c.blockId === block.blockId; });
+    var originalGridAreaString = (0, FlexGridItem_1.getGridAreaFromCB)(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, 'DESKTOP');
+    var originalGridArea = parseGridArea(originalGridAreaString);
+    // 부모 그룹이 있는 경우, 상대적 위치 계산
+    var relativeGridArea = parentGroupArea
+        ? calculateRelativeGridArea(originalGridArea, parentGroupArea)
+        : originalGridArea;
+    return ((0, jsx_runtime_1.jsx)(S_GridItem, __assign({ style: {
+            gridArea: gridAreaObjToString(relativeGridArea),
+            border: '1px solid blue'
+        } }, { children: block.blockId })));
+}
+exports.default = RenderPedigreeRecursively;
+function clamp(num, min, max) {
+    return Math.max(Math.min(num, max), min);
+}
+function gridAreaObjToString(area) {
+    var rowStart = area.rowStart, colStart = area.colStart, rowEnd = area.rowEnd, colEnd = area.colEnd;
+    return "".concat(rowStart, " / ").concat(colStart, " / ").concat(rowEnd, " / ").concat(colEnd);
+}
+function getGridAreaFromGroup(position) {
+    var x = position.x, y = position.y, cols = position.cols, rows = position.rows;
+    var colStart = clamp(x + 1, 1, Math.max(1, 25 - cols));
+    var rowStart = clamp(y + 1, 1, Infinity);
+    var rowEnd = clamp(rows + rowStart, rowStart + 1, Infinity);
+    var colEnd = clamp(colStart + cols, colStart + 1, 25);
+    return {
+        rowStart: rowStart,
+        colStart: colStart,
+        rowEnd: rowEnd,
+        colEnd: colEnd
+    };
+    // const startXMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'];
+    // const startYMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'];
+    // const colsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'];
+    // const rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
+    // const colStart = clamp(startXMobile + 1, 1, Math.max(1, 9 - colsMobile));
+    // const rowStart = clamp(startYMobile + 1, 1, Infinity);
+    // const rowEnd = clamp(rowsMobile + rowStart, rowStart + 1, Infinity);
+    // const colEnd = clamp(colStart + colsMobile, colStart + 1, 9);
+    // return `${rowStart} / ${colStart} / ${rowEnd} / ${colEnd}`;
+}
+/**
+ * grid-area 문자열을 파싱하여 객체로 변환합니다.
+ * 예: "1 / 2 / 3 / 4" => { rowStart: 1, colStart: 2, rowEnd: 3, colEnd: 4 }
+ */
+function parseGridArea(gridArea) {
+    var _a = gridArea
+        .split('/')
+        .map(function (str) { return parseInt(str.trim(), 10); }), rowStart = _a[0], colStart = _a[1], rowEnd = _a[2], colEnd = _a[3];
+    return { rowStart: rowStart, colStart: colStart, rowEnd: rowEnd, colEnd: colEnd };
+}
+/**
+ * 부모 그룹 영역을 기준으로 컴포넌트의 상대적 위치를 계산합니다.
+ * 예: 부모가 row 21에서 시작하고 컴포넌트가 row 21에 있다면, 상대적으로는 row 1에 위치하게 됩니다.
+ */
+function calculateRelativeGridArea(componentArea, parentArea) {
+    return {
+        // 컴포넌트의 시작 위치에서 부모의 시작 위치를 빼서 상대적 위치 계산
+        rowStart: componentArea.rowStart - parentArea.rowStart + 1,
+        colStart: componentArea.colStart - parentArea.colStart + 1,
+        // 상대적 끝 위치도 같은 방식으로 계산
+        rowEnd: componentArea.rowEnd - parentArea.rowStart + 1,
+        colEnd: componentArea.colEnd - parentArea.colStart + 1
+    };
+}
+var S_GridItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  position: relative;\n  width: 100%;\n"], ["\n  height: 100%;\n  position: relative;\n  width: 100%;\n"])));
+var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.93",
+  "version": "2.7.94",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -12,37 +12,32 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
-    "@tinymce/tinymce-react": "^4.3.0",
+    "@types/google-spreadsheet": "^3.1.5",
+    "@types/react": "^17.0.27",
+    "@types/react-dom": "^17.0.9",
     "dotenv": "^8.2.0",
-    "google-spreadsheet": "^3.3.0",
+    "google-spreadsheet": "^3.1.15",
+    "i18next": "^21.3.2",
+    "i18next-browser-languagedetector": "^6.1.2",
+    "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "publ-echo": "^0.0.120",
+    "publ-echo": "^0.0.119",
+    "publ-echo-test": "^0.0.331",
     "react-hook-form": "^7.28.1",
+    "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
     "smoothscroll-polyfill": "^0.4.4",
     "styled-components": "^5.2.1",
-    "swiper": "^8.4.5",
-    "tinymce": "^6.3.1",
+    "swiper": "^9.4.1",
     "tsc-init": "^2.1.0",
-    "uuid": "^8.3.2",
     "web-vitals": "^1.1.2"
   },
-  "peerDependencies": {
-    "i18next": "^21.3.2 || ^20.3.1",
-    "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0",
-    "react-i18next": "^11.12.0|| ^12.0.0",
-    "i18next-browser-languagedetector": "^6.1.2 || ^7.0.0",
-    "i18next-intervalplural-postprocessor": "^3.0.0"
-  },
   "scripts": {
-    "build": "rm -rf ./dist && tsc && tsc-alias && npm run copy:tinymce",
-    "copy:tinymce": "node scripts/copy-tinymce.js",
+    "build": "rm -rf ./dist && tsc && tsc-alias",
     "prepare": "npm run build | husky install",
     "sync:color": "dotenv -e env/.env node syncColor.ts",
-    "sync:i18n": "dotenv -e env/.env node syncI18n.ts",
     "storybook": "start-storybook -p 6006",
     "build:storybook": "build-storybook",
     "chromatic": "chromatic --project-token=f76344f57b83"
@@ -120,11 +115,7 @@
     "tsconfig-paths": "^4.1.2",
     "typescript": "^4.9.5",
     "webpack": "^4.46.0",
-    "webpack-cli": "^4.9.0",
-    "@types/google-spreadsheet": "^3.1.5",
-    "@types/react": "^17.0.27",
-    "@types/react-dom": "^17.0.9",
-    "@types/uuid": "^8.3.4"
+    "webpack-cli": "^4.9.0"
   },
   "overrides": {
     "@storybook/react-docgen-typescript-plugin": "1.0.2--canary.12.cf35881ff63bf958b8998e8dd1dfd5626ee868c2.0"

package/release-note.md

@@ -1,7 +1,6 @@
-# PDS-DEV-KIT-WEB-TEST Release Notes
-## [v2.2.245]
+# PDS-DEV-KIT-WEB Release Notes
+## [v2.2.178]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-
-* LocalizedButton - 이미지 업로드 및 삭제 시 이미지뷰 리렌더링 되도록 수정
+* [FIX- BGMEDIA 영상fallbackurl적용]

package/dist/scripts/copy-tinymce.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/scripts/copy-tinymce.js

@@ -1,32 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-var fs = require('fs');
-var path = require('path');
-var sourceDir = path.join(__dirname, '../node_modules/tinymce');
-var targetDir = path.join(__dirname, '../dist/tinymce');
-function copyDir(src, dest) {
-    if (!fs.existsSync(dest)) {
-        fs.mkdirSync(dest, { recursive: true });
-    }
-    var items = fs.readdirSync(src);
-    items.forEach(function (item) {
-        var srcPath = path.join(src, item);
-        var destPath = path.join(dest, item);
-        if (fs.statSync(srcPath).isDirectory()) {
-            copyDir(srcPath, destPath);
-        }
-        else {
-            fs.copyFileSync(srcPath, destPath);
-        }
-    });
-}
-console.log('Copying TinyMCE static files to dist...');
-if (fs.existsSync(sourceDir)) {
-    copyDir(sourceDir, targetDir);
-    console.log('TinyMCE static files copied successfully!');
-    console.log("Files copied to: ".concat(targetDir));
-}
-else {
-    console.error('TinyMCE source directory not found:', sourceDir);
-    console.log('Make sure tinymce is installed: npm install tinymce');
-    process.exit(1);
-}

package/dist/src/common/assets/icons/fill/Gift.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const Gift: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default Gift;

package/dist/src/common/assets/icons/fill/Gift.js

@@ -1,30 +0,0 @@
-"use strict";
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Gift = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ fill: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M13.8,2.3596 C14.591,1.3776 15.88,0.9926 17.082,1.3776 C17.856,1.6256 18.486,2.1596 18.857,2.8796 C19.228,3.6006 19.295,4.4236 19.047,5.1976 C18.7037773,6.26707486 17.787759,7.05249947 16.6941925,7.25484256 L19.2831,7.2539 C20.9401,7.2539 22.2831,8.5969 22.2831,10.2539 L22.2831,12.1399 C22.2831,12.4159 22.0591,12.6399 21.7831,12.6399 L14.5291,12.6399 L14.5283,7.40538409 L13.25,7.4816 L13.25,22.0926 L10.75,22.0926 L10.75,7.4816 L9.4703,7.40538409 L9.4713,12.6399 L2.2173,12.6399 C1.9403,12.6399 1.7173,12.4159 1.7173,12.1399 L1.7173,10.2539 C1.7173,8.5969 3.0603,7.2539 4.7173,7.2539 L7.29874246,7.25515148 C6.21528902,7.05511083 5.29679344,6.26885328 4.953,5.1976 C4.442,3.6026 5.323,1.8896 6.918,1.3776 C8.12,0.9926 9.408,1.3776 10.199,2.3586 L12,4.5986 Z M21.5839,13.7451 L21.5839,19.0921 C21.5839,20.7491 20.2409,22.0921 18.5839,22.0921 L14.5289,22.0921 L14.5289,13.7451 L21.5839,13.7451 Z M9.4713,13.7451 L9.4713,22.0921 L5.4163,22.0921 C3.7593,22.0921 2.4163,20.7491 2.4163,19.0921 L2.4163,13.7451 L9.4713,13.7451 Z M16.154,3.7326 C15.998,3.7326 15.849,3.8016 15.748,3.9276 L14.99,4.8696 L16.141,4.8066 C16.354,4.7976 16.587,4.6806 16.666,4.4346 C16.758,4.1476 16.605,3.8506 16.319,3.7586 C16.264,3.7416 16.208,3.7326 16.154,3.7326 Z M7.846,3.7326 C7.791,3.7326 7.736,3.7416 7.681,3.7586 C7.395,3.8506 7.242,4.1476 7.334,4.4346 C7.413,4.6806 7.645,4.7976 7.841,4.8056 L9.01,4.8696 L8.252,3.9266 C8.151,3.8016 8.002,3.7326 7.846,3.7326 Z" }) })) })));
-};
-exports.default = Gift;

package/dist/src/common/assets/icons/fill/Translate.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const Translate: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default Translate;

package/dist/src/common/assets/icons/fill/Translate.js

@@ -1,30 +0,0 @@
-"use strict";
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Translate = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M7.097,7.947 C6.356,6.96 5.801,5.917 5.413,4.781 L8.679,4.781 C8.263,6.029 7.742,7.072 7.097,7.947 L7.097,7.947 Z M16.353,12.562 L13.833,12.562 L15.099,8.982 L16.353,12.562 Z M16.608,5.369 L16.497,5.076 L13.666,5.076 L11.391,11.25 C10.424,10.814 9.569,10.32 8.882,9.798 C9.972,8.418 10.808,6.734 11.37,4.781 L13.655,4.781 L13.655,2.413 L8.256,2.413 L8.256,0 L5.743,0 L5.743,2.413 L0.454,2.413 L0.454,4.781 L2.778,4.781 C3.348,6.624 4.211,8.335 5.295,9.767 C4.321,10.562 2.798,11.553 0.706,12.205 L0,12.431 L1.355,14.732 L1.819,14.559 C3.726,13.858 5.579,12.815 7.075,11.604 C7.998,12.353 9.19,13.082 10.491,13.693 L8.813,18.245 L11.805,18.245 L12.945,15.022 L17.221,15.022 L18.363,18.245 L21.389,18.245 L16.608,5.369 Z", transform: "translate(2 2.85)" }) })));
-};
-exports.default = Translate;

package/dist/src/common/assets/icons/line/Gift.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const Gift: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default Gift;

package/dist/src/common/assets/icons/line/Gift.js

@@ -1,30 +0,0 @@
-"use strict";
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Gift = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeWidth: "1.5", d: "M14.7435,3.0896 C15.3015,2.3966 16.2405,2.0886 17.1355,2.3756 C18.3065,2.7506 18.9475,3.9956 18.5725,5.1676 C18.2765,6.0906 17.4285,6.6696 16.5245,6.7056 L14.0885,6.8386 L12.3581175,6.94762172 L12.3973,6.997 L11.9921175,6.97062172 L11.6005,6.9966 L11.6381175,6.94762172 L9.9103,6.838 L7.4733,6.706 C6.5693,6.67 5.7223,6.091 5.4263,5.167 C5.0513,3.996 5.6913,2.751 6.8623,2.376 C7.7583,2.089 8.6963,2.397 9.2553,3.09 L11.9981175,6.50062172 Z M11.9991,5.9648 L11.9991,20.8798" }), (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M19.0068,6.4449 C20.9398,6.4449 22.5068,8.0119 22.5068,9.9449 L22.5068,11.1159 C22.5068,11.8346198 22.1274815,12.465185 21.5578445,12.817768 L21.5573,18.5922 C21.5573,20.5252 19.9903,22.0922 18.0573,22.0922 L5.9413,22.0922 C4.0083,22.0922 2.4413,20.5252 2.4413,18.5922 L2.44075546,12.817768 C1.87111853,12.465185 1.4918,11.8346198 1.4918,11.1159 L1.4918,9.9449 C1.4918,8.0119 3.0588,6.4449 4.9918,6.4449 Z M20.0573,13.1242 L3.9413,13.1242 L3.9413,18.5922 C3.9413,19.6952 4.8383,20.5922 5.9413,20.5922 L18.0573,20.5922 C19.1603,20.5922 20.0573,19.6952 20.0573,18.5922 L20.0573,13.1242 Z M19.0068,7.9449 L4.9918,7.9449 C3.8888,7.9449 2.9918,8.8419 2.9918,9.9449 L2.9918,11.1159 C2.9918,11.3919 3.2158,11.6159 3.4918,11.6159 L20.5068,11.6159 C20.7828,11.6159 21.0068,11.3919 21.0068,11.1159 L21.0068,9.9449 C21.0068,8.8419 20.1098,7.9449 19.0068,7.9449 Z" })] })) })));
-};
-exports.default = Gift;

package/dist/src/common/assets/icons/line/TimeExtension.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const TimeExtension: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default TimeExtension;

package/dist/src/common/assets/icons/line/TimeExtension.js

@@ -1,30 +0,0 @@
-"use strict";
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var TimeExtension = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", fill: "none", fillRule: "evenodd", strokeWidth: "1" }, { children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12.07,21.75 C11.66,21.75 11.32,21.41 11.32,21 C11.32,20.59 11.66,20.25 12.07,20.25 C16.62,20.25 20.32,16.55 20.32,12 C20.32,7.45 16.62,3.75 12.07,3.75 C7.52,3.75 3.82,7.45 3.82,12 C3.82,12.41 3.48,12.75 3.07,12.75 C2.66,12.75 2.32,12.41 2.32,12 C2.32,6.62 6.69,2.25 12.07,2.25 C17.45,2.25 21.82,6.62 21.82,12 C21.82,17.38 17.45,21.75 12.07,21.75 Z", id: "Path", fill: color, fillRule: "nonzero" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.59,15.78 C15.49,15.78 15.39,15.76 15.29,15.72 L11.42,14.02 C11.15,13.9 10.97,13.63 10.97,13.33 L10.97,7.94 C10.97,7.53 11.31,7.19 11.72,7.19 C12.13,7.19 12.47,7.53 12.47,7.94 L12.47,12.84 L15.89,14.34 C16.27,14.51 16.44,14.95 16.27,15.33 C16.15,15.61 15.87,15.78 15.58,15.78 L15.59,15.78 Z", id: "Path", fill: color, fillRule: "nonzero" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.98,17.48 L6.28,17.48 L6.28,15.78 C6.28,15.34 5.92,14.98 5.48,14.98 C5.04,14.98 4.68,15.34 4.68,15.78 L4.68,17.48 L2.98,17.48 C2.54,17.48 2.18,17.84 2.18,18.28 C2.18,18.72 2.54,19.08 2.98,19.08 L4.68,19.08 L4.68,20.78 C4.68,21.22 5.04,21.58 5.48,21.58 C5.92,21.58 6.28,21.22 6.28,20.78 L6.28,19.08 L7.98,19.08 C8.42,19.08 8.78,18.72 8.78,18.28 C8.78,17.84 8.42,17.48 7.98,17.48 Z", id: "Path", fill: color, fillRule: "nonzero" })] }) })) })));
-};
-exports.default = TimeExtension;

package/dist/src/common/assets/icons/line/Translate.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const Translate: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default Translate;

package/dist/src/common/assets/icons/line/Translate.js

@@ -1,30 +0,0 @@
-"use strict";
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Translate = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M6.497,8.1963 C5.449,6.9073 4.718,5.5273 4.267,3.9813 L8.624,3.9813 C8.109,5.7143 7.413,7.0933 6.497,8.1963 L6.497,8.1963 Z M14.519,7.4273 L16.317,12.5623 L12.667,12.5623 L14.483,7.4273 L14.519,7.4273 Z M15.634,5.1083 L15.622,5.0763 L13.345,5.0763 L11.021,11.3853 C9.701,10.8303 8.56,10.1643 7.716,9.4583 C8.954,8.0013 9.879,6.1593 10.467,3.9813 L12.655,3.9813 L12.655,2.4133 L7.256,2.4133 L7.256,0.0003 L5.543,0.0003 L5.543,2.4133 L0.254,2.4133 L0.254,3.9813 L2.476,3.9813 C3.068,6.0193 4.025,7.9003 5.247,9.4253 C4.261,10.2833 2.599,11.4483 0.228,12.1863 L8.8817842e-16,12.2593 L0.911,13.8033 L0.932,13.8403 L1.081,13.7843 C3.06,13.0563 4.974,11.9563 6.476,10.6833 C7.479,11.5503 8.867,12.4003 10.394,13.0843 L8.788,17.4453 L10.923,17.4453 L12.062,14.2223 L16.904,14.2223 L18.031,17.4123 L18.043,17.4453 L20.215,17.4453 L15.634,5.1083 Z", transform: "translate(2 3.2)" }) })));
-};
-exports.default = Translate;

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

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

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

@@ -1,14 +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.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/hooks/useParentResizeObserver.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function useParentResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>, callback: () => void, delay?: number): void;