pds-dev-kit-web-test 2.2.99 → 2.2.652

package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js

@@ -0,0 +1,212 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-unused-vars */
+var react_1 = __importStar(require("react"));
+var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
+var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
+var styled_components_1 = __importDefault(require("styled-components"));
+var components_1 = require("../components");
+var gleStyles_1 = require("../gleStyles");
+var FlexGridItem_1 = __importDefault(require("./CustomSection/FlexGridItem"));
+var useResizableObserver_1 = require("./CustomSection/hooks/useResizableObserver");
+var util_1 = require("./CustomSection/util");
+var parseSectionPadding_1 = __importDefault(require("./CustomSection/util/layoutPropParsers/parseSectionPadding"));
+var GRID_CELL_MIN = 24;
+var DESKTOP_GRID_COLS = 24;
+var MOBILE_GRID_COLS = 8;
+var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
+var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
+var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
+    var _a;
+    var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, editingSectionId = _b.editingSectionId, mode = _b.mode, shortcutKeyMode = _b.shortcutKeyMode, sectionActionHandler = _b.sectionActionHandler;
+    var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
+    var _c = jsonProperties, _d = _c.data, CB_PLACEMENT_PROP_SECTION = _d.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _d.CB_LAYOUT_PROP_PADDING, zOrders = _c.zOrders;
+    var containerRef = (0, react_1.useRef)(null);
+    var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
+    var _e = (0, react_1.useState)(null), selectedCB = _e[0], setSelectedCB = _e[1];
+    var gleRef = (0, react_1.useRef)(null);
+    var isMobile = device === 'MOBILE';
+    var isEditMode = mode === 'EDIT';
+    // const layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
+    // const [layouts] = useState<LayoutsType>(() => {
+    //   const { lg, sm } = parsePlacement(componentBlocks ?? []);
+    //   return {
+    //     lg,
+    //     sm
+    //   };
+    // });
+    (0, react_1.useEffect)(function () {
+        if (editingSectionId !== props.id) {
+            setSelectedCB(null);
+            // breakGroupCB();
+        }
+    }, [editingSectionId]);
+    // NOTE: 추후에 event를 외부에서 전달받게하거나, 아예 상태를 끌어올리거나 해야합니다.
+    (0, react_1.useLayoutEffect)(function () {
+        if (props.id !== editingSectionId) {
+            return;
+        }
+        if (!shortcutKeyMode) {
+            return;
+        }
+        if (shortcutKeyMode === 'SELECT_ALL') {
+            if ((componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) === 1) {
+                setSelectedCB(componentBlocks[0].id);
+                return;
+            }
+            // makeAllInOneGroup();
+            return;
+        }
+        if (shortcutKeyMode === 'MANUAL_BULK_BREAK') {
+            // breakGroupCB();
+            setSelectedCB(null);
+            return;
+        }
+    }, [shortcutKeyMode, setSelectedCB]);
+    (0, react_1.useLayoutEffect)(function () {
+        if (props.id !== editingSectionId) {
+            return;
+        }
+        if (shortcutKeyMode === 'MANUAL_COLLISION_SELECT') {
+            if (!selectedCB || selectedCB === 'BULK') {
+                return;
+            }
+            // makeCollisionGroup(selectedCB);
+            // sectionActionHandler &&
+            //   sectionActionHandler({
+            //     type: '@CUSTOMSECTION/BLOCK_CLICKED',
+            //     payload: {
+            //      block:
+            //     }
+            //   });
+            setSelectedCB('BULK');
+        }
+    }, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
+    var _f = (0, util_1.parseCustomSectionPlacement)({
+        isMobile: isMobile,
+        customSectionProps: CB_PLACEMENT_PROP_SECTION
+    }), width = _f.width, minHeight = _f.minHeight, isFullWidth = _f.isFullWidth;
+    var customSectionStyles = {
+        minHeight: "".concat(minHeight, "vh"),
+        width: '100%',
+        maxWidth: isFullWidth ? '' : "".concat(width, "px")
+    };
+    var onClickSection = function () {
+        if (!isEditMode) {
+            return;
+        }
+        setSelectedCB(null);
+        sectionActionHandler &&
+            sectionActionHandler({
+                type: '@CUSTOMSECTION/SECTION_CLICKED',
+                payload: {
+                    sectionId: props.id
+                }
+            });
+    };
+    var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
+    var sectionRow = CB_PLACEMENT_PROP_SECTION[device === 'DESKTOP'
+        ? 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS'
+        : 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE'];
+    var rowHeight = (function () {
+        if (!size.width) {
+            return 50;
+        }
+        if (device === 'MOBILE') {
+            var cellWidth_1 = size.width / MOBILE_GRID_COLS;
+            return cellWidth_1 * 0.56;
+        }
+        var cellWidth = size.width / DESKTOP_GRID_COLS;
+        return cellWidth * 0.56;
+    })();
+    var baseFontSize = (function () {
+        var _a, _b;
+        if (!size.width) {
+            return 16;
+        }
+        var responsiveFontMode = !!((_b = (_a = props.jsonProperties) === null || _a === void 0 ? void 0 : _a.data.CB_CONTENT_PROP_SECTION) === null || _b === void 0 ? void 0 : _b.CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE);
+        if (device === 'MOBILE') {
+            if (responsiveFontMode) {
+                return size.width * 0.0421;
+            }
+            if (size.width < 327) {
+                return Math.max(getDefensiveFontSize(device, size.width), 14);
+            }
+            return 16;
+        }
+        if (responsiveFontMode) {
+            return size.width * 0.0133;
+        }
+        if (size.width < 1200) {
+            return Math.max(getDefensiveFontSize(device, size.width), 16);
+        }
+        return 16;
+    })();
+    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
+                        minHeight: customSectionStyles.minHeight,
+                        paddingTop: padding.top,
+                        paddingBottom: padding.bottom,
+                        paddingRight: padding.right,
+                        paddingLeft: padding.left
+                    } }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: isMobile ? 8 : 24, rowHeight: rowHeight, sectionRow: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0, style: {
+                            width: customSectionStyles.width,
+                            maxWidth: customSectionStyles.maxWidth,
+                            minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
+                            fontSize: "".concat(baseFontSize, "px")
+                        } }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) {
+                            var _a;
+                            return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
+                        }) })) })) })) }) }));
+});
+var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
+var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+exports.default = react_1.default.memo(FlexGridCustomSection);
+function getDefensiveFontSize(device, width) {
+    if (device === 'MOBILE') {
+        return width * (0.0000868 * width + 0.0202);
+    }
+    return width * (0.0000246 * width - 0.01618);
+}
+var templateObject_1, templateObject_2;

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

@@ -68,7 +68,7 @@ function MembershipPlanSheet(_a) {
             case 'COUPON_FREE_INFINITE':
             case 'FREE_FINITE':
             case 'FREE_INFINITE':
-                return t('str_start');
+                return t('str_1460');
             default:
                 return t(itemActionButtonTextType);
         }

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

@@ -68,7 +68,7 @@ function MembershipPlanSheet(_a) {
             case 'COUPON_FREE_INFINITE':
             case 'FREE_FINITE':
             case 'FREE_INFINITE':
-                return t('str_start');
+                return t('str_1460');
             default:
                 return t(itemActionButtonTextType);
         }

package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys } from '../../../../../DynamicLayout/components/pdsOriginal/common';
+import type { PDSIconType } from '../../../../../DynamicLayout/components/pdsOriginal/common';
 import type { TextLabelProps } from '../../../../../DynamicLayout/components/pdsOriginal/desktop/TextLabel/TextLabel';
 import type { IItemButton, IItemDescription, IItemTitle, IMembershipCardTemplate } from '../../../../../DynamicLayout/types';
 declare function MembershipSectionItem(): JSX.Element;
@@ -23,7 +23,7 @@ type IconButtonProps = {
     iconButtonBorderColor: string;
     iconButtonDisabledBackgroundColor: string;
     isDisabled?: boolean;
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     state?: 'normal' | 'disabled';
     onClick?: (value?: number | string) => void;
 };
@@ -32,7 +32,7 @@ type MembershipCardProps = {
 };
 type ColorOverrideIconProps = {
     iconColor: string;
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
 };
 type XlargeMainButtonProps = {
     buttonTextColor?: string;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys } from '../../../../../DynamicLayout/components/pdsOriginal/common';
+import type { PDSIconType } from '../../../../../DynamicLayout/components/pdsOriginal/common';
 import type { TextLabelProps } from '../../../../../DynamicLayout/components/pdsOriginal/desktop/TextLabel/TextLabel';
 import type { IItemButton, IItemDescription, IItemTitle, IMembershipCardTemplate } from '../../../../../DynamicLayout/types';
 declare function MembershipSectionItem(): JSX.Element;
@@ -23,7 +23,7 @@ type IconButtonProps = {
     iconButtonBackgroundColor: string;
     iconButtonDisabledBackgroundColor: string;
     isDisabled?: boolean;
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     state?: 'normal' | 'disabled';
     onClick?: (value?: number | string) => void;
 };
@@ -33,7 +33,7 @@ type MembershipCardProps = {
 };
 type ColorOverrideIconProps = {
     iconColor: string;
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
 };
 type XlargeMainButtonProps = {
     buttonTextColor?: string;

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

@@ -1,11 +1,11 @@
 import type { TypeOfSectionAction } from './sectionActionTypes';
-import type { CustomSectionImperativeHandleRef } from './sections/CustomSection/CustomSection';
 import type { 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 { 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';
@@ -60,6 +60,7 @@ export interface ISection {
     componentBlocks?: ComponentBlock[];
     jsonProperties?: ISectionJsonProperties;
 }
+export type SectionPedigree = Block;
 export interface SubscriptionProductInList {
     id: number;
     type: SubscriptionProductType;
@@ -212,6 +213,11 @@ export interface IItemDescription extends IDescription {
     color?: string;
 }
 export type CustomSectionShortcutKeysType = 'BULK_SELECT' | 'COLLISION_SELECT' | 'SELECT_ALL' | 'MANUAL_COLLISION_SELECT' | 'MANUAL_BULK_BREAK' | null;
+export type CustomSectionImperativeHandleRef = {
+    selectCB: (cbId: string) => void;
+    selectCBInBulk: (cbIds: string[]) => void;
+    selectGroup: (groupBlockId: string) => void;
+};
 export type DynamicLayoutProps = {
     device: 'DESKTOP' | 'MOBILE';
     /** @default 'NORMAL */
@@ -228,6 +234,7 @@ export type DynamicLayoutProps = {
     width?: number;
     shortcutKeyMode?: CustomSectionShortcutKeysType;
     dynamicLayoutRef?: Ref<CustomSectionImperativeHandleRef>;
+    zoomScale?: number;
 };
 export type NavHandlerAction = {
     openNewTab: boolean;
@@ -299,6 +306,8 @@ export type IMembershipDisplay = {
     connectedMemberships: IConnectedMembership[];
 };
 export type ISectionJsonProperties = {
+    zOrders?: ZOrder;
+    pedigree?: SectionPedigree;
     data: {
         CB_CONTENT_PROP_SECTION: {
             CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE: boolean;
@@ -315,6 +324,8 @@ export type ISectionJsonProperties = {
             'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
             CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
             'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
+            CB_PLACEMENT_PROP_SECTION_SPEC_COLS?: number;
+            'CB_PLACEMENT_PROP_SECTION_SPEC_COLS:MOBILE': number | null | undefined;
         };
         CB_STYLE_PROP_BGCOLOR?: CB_STYLE_PROP_BGCOLOR_SPECS;
         CB_STYLE_PROP_BGMEDIA?: CB_STYLE_PROP_BGMEDIA_SPECS;
@@ -332,6 +343,7 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
     CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: string;
     CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: string;
     CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: number;
+    CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: string;
 };
 export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': number | null | undefined;
@@ -362,4 +374,41 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': string | null | undefined;
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': string | null | undefined;
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': string | null | undefined;
+    '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;
 };
+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;
+    insertedAt: string;
+    updatedAt: string;
+    type: TypeOfSectionType;
+    program?: 'MEMBERSHIP_DISPLAY';
+    programData?: {
+        mdid: string;
+        preview: {
+            availableResources: ['REAL.MEMBERSHIP_DISPLAY'];
+            resources: {
+                mock: Record<string, never>;
+                real: {
+                    membershipDisplay: IMembershipDisplay;
+                };
+            };
+        };
+    };
+    componentBlocks?: ComponentBlock[];
+    jsonProperties?: ISectionJsonProperties;
+}

package/dist/src/sub/GoogleFontkit/headless/GoogleFontsList.js

@@ -67,7 +67,7 @@ function GoogleFontsList(_a) {
     var _d = (0, react_1.useState)({
         searchQuery: '',
         categories: DEFAULT_CATEGORIES,
-        subsets: []
+        subsets: ['korean']
     }), filterOptions = _d[0], setFilterOptions = _d[1];
     (0, react_1.useEffect)(function () {
         function call() {

package/dist/src/sub/SandollFontKit/api/getSandollFonts.d.ts

@@ -0,0 +1,4 @@
+import type { FontResponse, PublHeaders, SandollFontsQueryParams } from './types';
+export declare function fetchSandollFonts(baseURL: string, searchParams: SandollFontsQueryParams, publHeaders: PublHeaders): Promise<FontResponse | {
+    error: any;
+}>;

package/dist/src/sub/SandollFontKit/api/getSandollFonts.js

@@ -0,0 +1,80 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchSandollFonts = void 0;
+var SANDOLL_API_PATH = '/seller/api/v2/channel-management/font-manager/sandoll/available-fonts';
+function fetchSandollFonts(baseURL, searchParams, publHeaders) {
+    return __awaiter(this, void 0, void 0, function () {
+        var url, searchQuery, pagination, filter, categories, isGlobal, response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    url = new URL(SANDOLL_API_PATH, baseURL);
+                    searchQuery = searchParams.searchQuery, pagination = searchParams.pagination, filter = searchParams.filter, categories = searchParams.categories, isGlobal = searchParams.isGlobal;
+                    url.searchParams.append('usecase', searchQuery.usecase || 'EDITOR');
+                    if (searchQuery.searchTerm) {
+                        url.searchParams.append('searchTerm', searchQuery.searchTerm);
+                    }
+                    url.searchParams.append('page', pagination.page.toString());
+                    url.searchParams.append('limit', pagination.limit.toString());
+                    url.searchParams.append('sort', filter.sort);
+                    url.searchParams.append('order', filter.order);
+                    url.searchParams.append('styles', categories.join(','));
+                    url.searchParams.append('isGlobal', isGlobal ? 'true' : 'false');
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, fetch(url.toString(), {
+                            method: 'GET',
+                            headers: {
+                                Authorization: "Bearer ".concat(publHeaders.channelToken),
+                                'x-publ-channel-id': "".concat(publHeaders.channelId)
+                            }
+                        })];
+                case 2:
+                    response = _a.sent();
+                    return [2 /*return*/, response.json()];
+                case 3:
+                    error_1 = _a.sent();
+                    return [2 /*return*/, { error: error_1 }];
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.fetchSandollFonts = fetchSandollFonts;

package/dist/src/sub/SandollFontKit/api/types.d.ts

@@ -0,0 +1,51 @@
+import type { SANDOLL_CategoryType } from '../types';
+export type Pagination = {
+    page: number;
+    limit: number;
+};
+export type Filter = {
+    sort: 'trending' | 'popularity' | 'date' | 'alpha';
+    order: 'ASC' | 'DESC';
+};
+export type SearchQuery = {
+    usecase?: 'EDITOR';
+    searchTerm?: string;
+};
+export type SandollFont = {
+    id: string;
+    distinctId: string;
+    fontEnumValue: string;
+    provider: string;
+    fontName: string;
+    fontFamilyName: string;
+    supportedWeights: number[];
+    providerFontId: string;
+    providerFontName: string;
+    providerFontFamilyId: string;
+    providerFontFamilyName: string;
+    providerCssInfoDict: CSSInfoDict;
+    category: SANDOLL_CategoryType;
+};
+export type CSSInfoDict = {
+    fontFamily: string;
+    fontWeight: number;
+};
+export type SupportedOptionMap = {};
+export type FontResponse = {
+    data: {
+        availableFonts: SandollFont[];
+        supportedOptions: SupportedOptionMap;
+        pagination: Pagination;
+    };
+};
+export type SandollFontsQueryParams = {
+    pagination: Pagination;
+    searchQuery: SearchQuery;
+    filter: Filter;
+    categories: SANDOLL_CategoryType[];
+    isGlobal: boolean;
+};
+export type PublHeaders = {
+    channelToken: string;
+    channelId: string;
+};

package/dist/src/sub/SandollFontKit/constants.d.ts

@@ -0,0 +1,9 @@
+import type { SANDOLL_CategoryType, SANDOLL_CategoryIconType, SANDOLL_SortOptionType } from './types';
+export declare const SANDOLL_SORT_OPTIONS: SANDOLL_SortOptionType[];
+export declare const SANDOLL_DEFAULT_SORT: {
+    text: string;
+    value: SANDOLL_SortOptionType;
+};
+export declare const SANDOLL_SORT_OPTION_KEY_MAP: Record<SANDOLL_SortOptionType, string>;
+export declare const SANDOLL_CATEGORIES: SANDOLL_CategoryType[];
+export declare const SANDOLL_CATEGORY_ICONS: SANDOLL_CategoryIconType;

package/dist/src/sub/SandollFontKit/constants.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SANDOLL_CATEGORY_ICONS = exports.SANDOLL_CATEGORIES = exports.SANDOLL_SORT_OPTION_KEY_MAP = exports.SANDOLL_DEFAULT_SORT = exports.SANDOLL_SORT_OPTIONS = void 0;
+exports.SANDOLL_SORT_OPTIONS = ['date', 'alpha'];
+exports.SANDOLL_DEFAULT_SORT = {
+    text: 'str_key_seller_scene_x00001pages_dleditor_modal_fontselect_section_sandoll_filter_viewoption_option_latest',
+    value: 'date'
+};
+exports.SANDOLL_SORT_OPTION_KEY_MAP = {
+    date: 'str_key_seller_scene_x00001pages_dleditor_modal_fontselect_section_sandoll_filter_viewoption_option_latest',
+    alpha: 'str_key_seller_scene_x00001pages_dleditor_modal_fontselect_section_sandoll_filter_viewoption_option_name'
+};
+exports.SANDOLL_CATEGORIES = [
+    'buri',
+    'min-buri',
+    'symbol',
+    'round',
+    'display',
+    'script'
+];
+// NOTE: remove as
+exports.SANDOLL_CATEGORY_ICONS = {
+    buri: 'ic_typeface_serif_20',
+    'min-buri': 'ic_typeface_sans_serif_20',
+    slab: 'ic_typeface_slab_20',
+    round: 'ic_typeface_round_20',
+    script: 'ic_typeface_script_20',
+    deco: 'ic_typeface_deco_20',
+    symbol: 'ic_typeface_symbol_20',
+    blackLetter: 'ic_typeface_blackletter_20',
+    display: 'ic_typeface_display_20'
+};

package/dist/src/sub/SandollFontKit/headless/SandollFontsList.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { QueryParamDispatchFunction } from '../hooks/useQueryParamsReducer';
+import type { PublHeaders, SandollFontsQueryParams } from '../api/types';
+import type { SANDOLL_Font } from '../types';
+type HeadlessProps = {
+    isLoading: boolean;
+    fonts: SANDOLL_Font[];
+    queryParams: SandollFontsQueryParams;
+    queryParamDispatch: QueryParamDispatchFunction;
+};
+type Props = {
+    baseURL: string;
+    defaultQueryParams?: SandollFontsQueryParams;
+    publHeaders: PublHeaders;
+    children: (args: HeadlessProps) => JSX.Element;
+};
+declare function SandollFontsList({ baseURL, defaultQueryParams, publHeaders, children }: Props): JSX.Element;
+export default SandollFontsList;