pds-dev-kit-web-test 2.4.14 → 2.4.15

package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MEMBERSHIP_SECTION_SUBSCRIPTION_PRODUCT_TYPE_TEXT = exports.MEMBERSHIP_SECTION_ACTION_BUTTON_TEXT = exports.MEMBERSHIP_SECTION_TONE_COLOR = exports.COMMON_OVERLAY_IMAGE_SRC = exports.MEMBERSHIP_SECTION_PREVIEW_WIDTH = void 0;
+exports.MEMBERSHIP_SECTION_PREVIEW_WIDTH = 375;
+exports.COMMON_OVERLAY_IMAGE_SRC = 'https://static.publ.site/membership_card_deco.png';
+exports.MEMBERSHIP_SECTION_TONE_COLOR = {
+    LIGHT: {
+        contentBackgroundDimColor: '#F5F5F8CC',
+        iconButtonBackgroundColor: '#FFFFFFFF',
+        iconButtonBorderColor: '#E3E5E9FF',
+        iconButtonDisabledBackgroundColor: '#FFFFFFFF',
+        iconButtonDisabledIconColor: '#AAAAB1FF',
+        iconButtonIconColor: '#1E1E20FF',
+        membershipPlanSheetBackgroundColor: '#EAEBEFFF',
+        membershipSheetBackgroundColor: '#F5F5F8FF',
+        membershipSheetTextLabelColor: '#1E1E20FF',
+        scrollbarColor: '#E3E5E9FF',
+        disabledProgrammedItemActionButtonTextColor: '#AAAAB1FF',
+        disabledProgrammedItemActionButtonBackgroundColor: '#E3E5E9FF',
+        emptyMembershipSheetTextLabelColor: '#68686BFF'
+    },
+    DARK: {
+        contentBackgroundDimColor: '#252526B3',
+        iconButtonBackgroundColor: '#1E1E20FF',
+        iconButtonBorderColor: '#404042FF',
+        iconButtonDisabledBackgroundColor: '#151515FF',
+        iconButtonDisabledIconColor: '#68686CFF',
+        iconButtonIconColor: '#FDFDFDFF',
+        membershipPlanSheetBackgroundColor: '#303032FF',
+        membershipSheetBackgroundColor: '#252526FF',
+        membershipSheetTextLabelColor: '#FDFDFDFF',
+        scrollbarColor: '#404042FF',
+        disabledProgrammedItemActionButtonTextColor: '#68686CFF',
+        disabledProgrammedItemActionButtonBackgroundColor: '#404042FF',
+        emptyMembershipSheetTextLabelColor: '#A5A5ABFF'
+    }
+};
+exports.MEMBERSHIP_SECTION_ACTION_BUTTON_TEXT = {
+    A: 'str_5350',
+    B: 'str_5351',
+    C: 'str_5352',
+    D: 'str_5353',
+    E: 'str_5354'
+};
+exports.MEMBERSHIP_SECTION_SUBSCRIPTION_PRODUCT_TYPE_TEXT = {
+    COUPON_FREE_FINITE: 'str_payment_option_coupon_free_finite',
+    COUPON_FREE_INFINITE: 'str_payment_option_coupon_free_infinite',
+    COUPON_ONCE_FINITE: 'str_payment_option_coupon_one_time',
+    COUPON_ONCE_INFINITE: 'str_payment_option_coupon_one_time',
+    FREE_FINITE: 'str_payment_option_subs_temporary_free',
+    FREE_INFINITE: 'str_payment_option_unlimited_free',
+    ONCE_FINITE: 'str_payment_option_one_time',
+    ONCE_INFINITE: 'str_payment_option_one_time',
+    SUBSCRIPTION_30DAYS: 'str_payment_option_subs_regularly',
+    SUBSCRIPTION_90DAYS: 'str_payment_option_subs_regularly',
+    SUBSCRIPTION_180DAYS: 'str_payment_option_subs_regularly',
+    SUBSCRIPTION_365DAYS: 'str_payment_option_subs_regularly'
+};

package/dist/src/sub/DynamicLayout/sections/MembershipSection/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NormalTypeMembershipSection = exports.EditTypeMembershipSection = void 0;
+var EditType_1 = require("./EditType");
+Object.defineProperty(exports, "EditTypeMembershipSection", { enumerable: true, get: function () { return EditType_1.EditTypeMembershipSection; } });
+var NormalType_1 = require("./NormalType");
+Object.defineProperty(exports, "NormalTypeMembershipSection", { enumerable: true, get: function () { return NormalType_1.NormalTypeMembershipSection; } });

package/dist/src/sub/DynamicLayout/sections/MembershipSection/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomSection = exports.FullscreenIframeSection = exports.NormalTypeMembershipSection = exports.EditTypeMembershipSection = exports.IntroSection = exports.InfoBoxSection = exports.FooterSection = exports.ContentsSection = exports.ContentsCarouselSection = void 0;
+var ContentsCarouselSection_1 = require("./ContentsCarouselSection");
+Object.defineProperty(exports, "ContentsCarouselSection", { enumerable: true, get: function () { return ContentsCarouselSection_1.ContentsCarouselSection; } });
+var ContentsSection_1 = require("./ContentsSection");
+Object.defineProperty(exports, "ContentsSection", { enumerable: true, get: function () { return ContentsSection_1.ContentsSection; } });
+var FooterSection_1 = require("./FooterSection");
+Object.defineProperty(exports, "FooterSection", { enumerable: true, get: function () { return FooterSection_1.FooterSection; } });
+var InfoBoxSection_1 = require("./InfoBoxSection");
+Object.defineProperty(exports, "InfoBoxSection", { enumerable: true, get: function () { return InfoBoxSection_1.InfoBoxSection; } });
+var IntroSection_1 = require("./IntroSection");
+Object.defineProperty(exports, "IntroSection", { enumerable: true, get: function () { return IntroSection_1.IntroSection; } });
+var MembershipSection_1 = require("./MembershipSection");
+Object.defineProperty(exports, "EditTypeMembershipSection", { enumerable: true, get: function () { return MembershipSection_1.EditTypeMembershipSection; } });
+var MembershipSection_2 = require("./MembershipSection");
+Object.defineProperty(exports, "NormalTypeMembershipSection", { enumerable: true, get: function () { return MembershipSection_2.NormalTypeMembershipSection; } });
+var FullscreenIframeSection_1 = require("./FullscreenIframeSection");
+Object.defineProperty(exports, "FullscreenIframeSection", { enumerable: true, get: function () { return FullscreenIframeSection_1.FullscreenIframeSection; } });
+var CustomSection_1 = require("./CustomSection");
+Object.defineProperty(exports, "CustomSection", { enumerable: true, get: function () { return CustomSection_1.CustomSection; } });

package/dist/src/sub/DynamicLayout/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var YouTubeLinkParser = /** @class */ (function () {
+    function YouTubeLinkParser() {
+    }
+    YouTubeLinkParser.getId = function (src) {
+        var _a;
+        var embedUrl = src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/);
+        var shareUrl = src.match(/youtu.be\/(.{11})/);
+        return (_a = (embedUrl || shareUrl)) === null || _a === void 0 ? void 0 : _a.pop();
+    };
+    YouTubeLinkParser.getThumbnailUrl = function (src) {
+        return "https://img.youtube.com/vi/".concat(YouTubeLinkParser.getId(src), "/0.jpg");
+    };
+    YouTubeLinkParser.getEmbedUrl = function (src) {
+        return "https://www.youtube.com/embed/".concat(YouTubeLinkParser.getId(src));
+    };
+    YouTubeLinkParser.getEmbedUrlWithLoop = function (src) {
+        return "https://www.youtube.com/embed/".concat(YouTubeLinkParser.getId(src), "?autoplay=1&mute=1&loop=1&color=white&controls=0&modestbranding=1&playsinline=1&rel=0&playlist=").concat(this.getId(src));
+    };
+    return YouTubeLinkParser;
+}());
+exports.default = YouTubeLinkParser;

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

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var TouTubeLinkParser_1 = __importDefault(require("./TouTubeLinkParser"));
+var YOUTUBE_SCRIPT_ID = 'YOUTUBE_SCRIPT';
+var YOUTUBE_SCRIPT_SRC = 'https://www.youtube.com/iframe_api';
+var YouTubeIframeHelper = /** @class */ (function () {
+    function YouTubeIframeHelper() {
+    }
+    YouTubeIframeHelper.getReady = function () {
+        var _this = this;
+        var _a;
+        var script = document.getElementById(YOUTUBE_SCRIPT_ID);
+        if (!script) {
+            var newScript = document.createElement('script');
+            newScript.id = YOUTUBE_SCRIPT_ID;
+            newScript.src = YOUTUBE_SCRIPT_SRC;
+            var firstScript = document.getElementsByTagName('script')[0];
+            (_a = firstScript.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(newScript, firstScript);
+            newScript.onload = function () {
+                var YT = window.YT;
+                YT.ready(function () {
+                    _this.onYouTubeIframeAPIReady();
+                });
+            };
+        }
+    };
+    YouTubeIframeHelper.cleanUp = function () {
+        var script = document.getElementById(YOUTUBE_SCRIPT_ID);
+        script === null || script === void 0 ? void 0 : script.remove();
+        this.playersQueueForYouTubeIframeAPIReady = [];
+        this.isYouTubeIframeAPIReady = false;
+    };
+    YouTubeIframeHelper.registerPlayerData = function (playerId, src) {
+        this.isYouTubeIframeAPIReady
+            ? this.addPlayer({ id: playerId, src: src })
+            : this.playersQueueForYouTubeIframeAPIReady.push({ id: playerId, src: src });
+    };
+    YouTubeIframeHelper.onYouTubeIframeAPIReady = function () {
+        this.isYouTubeIframeAPIReady = true;
+        this.playersQueueForYouTubeIframeAPIReady.forEach(this.addPlayer);
+        this.playersQueueForYouTubeIframeAPIReady = [];
+    };
+    YouTubeIframeHelper.addPlayer = function (playerData) {
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            var newPlayer = new window.YT.Player(playerData.id, {
+                videoId: TouTubeLinkParser_1.default.getId(playerData.src),
+                playerVars: {
+                    playsinline: 1,
+                    autoplay: 1,
+                    controls: 0
+                },
+                events: {
+                    onReady: this.onPlayerReady,
+                    onStateChange: this.onPlayerStateChange
+                }
+            });
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }
+    };
+    YouTubeIframeHelper.onPlayerReady = function (event) {
+        var player = event.target.h;
+        YouTubeIframeHelper.concealPlayer(player);
+        event.target.mute();
+        event.target.playVideo();
+    };
+    YouTubeIframeHelper.onPlayerStateChange = function (event) {
+        var UNSTARTED = -1;
+        var ENDED = 0;
+        var PLAYING = 1;
+        var PAUSED = 2;
+        var BUFFERING = 3;
+        // const CUED = 5; 동영상이 신호를 받고 재생할 준비가 되었을 때,
+        var stateCode = event.data;
+        var player = event.target.h;
+        try {
+            switch (stateCode) {
+                case PLAYING:
+                    YouTubeIframeHelper.revealPlayer(player);
+                    break;
+                case UNSTARTED:
+                case BUFFERING:
+                    YouTubeIframeHelper.concealPlayer(player);
+                    break;
+                case ENDED:
+                case PAUSED:
+                    YouTubeIframeHelper.concealPlayer(player);
+                    event.target.playVideo();
+                    break;
+            }
+        }
+        catch (err) {
+            YouTubeIframeHelper.concealPlayer(player);
+        }
+    };
+    YouTubeIframeHelper.concealPlayer = function (player) {
+        player.style.display = 'none';
+        return;
+    };
+    YouTubeIframeHelper.revealPlayer = function (player) {
+        player.style.display = 'initial';
+        return;
+    };
+    YouTubeIframeHelper.playersQueueForYouTubeIframeAPIReady = [];
+    YouTubeIframeHelper.isYouTubeIframeAPIReady = false;
+    return YouTubeIframeHelper;
+}());
+exports.default = YouTubeIframeHelper;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function deepCopy(obj) {
+    if (typeof obj !== 'object' || obj === null) {
+        return obj;
+    }
+    var result = Array.isArray(obj) ? [] : {};
+    for (var key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            result[key] = deepCopy(obj[key]);
+        }
+    }
+    return result;
+}
+exports.default = deepCopy;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * currency에 따라 숫자를 통화 형식으로 변환한다.
+ *
+ * ex) KRW 1024 => 1,024
+ *
+ * ex) USD 1024 => 1,024.00
+ */
+function formatCurrency(value, currency) {
+    if (currency === void 0) { currency = 'KRW'; }
+    var decimals;
+    switch (currency) {
+        case 'KRW':
+            decimals = 0;
+            break;
+        case 'USD':
+            decimals = 2;
+            break;
+    }
+    var str = Number(value).toFixed(decimals);
+    if (decimals) {
+        return str.replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
+    }
+    return str.replace(/(\d)(?=(\d{3})+$)/g, '$1,');
+}
+exports.default = formatCurrency;

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

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YouTubeIframeHelper = exports.YouTubeLinkParser = void 0;
+var TouTubeLinkParser_1 = require("./TouTubeLinkParser");
+Object.defineProperty(exports, "YouTubeLinkParser", { enumerable: true, get: function () { return __importDefault(TouTubeLinkParser_1).default; } });
+var YouTubeIframeHelper_1 = require("./YouTubeIframeHelper");
+Object.defineProperty(exports, "YouTubeIframeHelper", { enumerable: true, get: function () { return __importDefault(YouTubeIframeHelper_1).default; } });

package/dist/src/sub/GoogleFontkit/GoogleFontApplyExample.js

@@ -0,0 +1,92 @@
+"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 __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");
+var react_1 = require("react");
+var getGoogleFontDefaultText_1 = __importDefault(require("./api/getGoogleFontDefaultText"));
+var callGoogleFontCSSAndApply_1 = __importDefault(require("./utils/callGoogleFontCSSAndApply"));
+function TextCB(_a) {
+    var text = _a.text, font = _a.font;
+    var _b = (0, react_1.useState)(text), defaultText = _b[0], setDefaultText = _b[1];
+    (0, react_1.useEffect)(function () {
+        (0, callGoogleFontCSSAndApply_1.default)(font);
+        (0, getGoogleFontDefaultText_1.default)(font).then(function (data) {
+            setDefaultText(data.sampleText.tester);
+        });
+    }, [font]);
+    return (0, jsx_runtime_1.jsx)("div", __assign({ style: { fontFamily: font } }, { children: defaultText }));
+}
+function GoogleFontApplyExample() {
+    var texts = [
+        {
+            font: 'Dokdo',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Open Sans',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Poppins',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Dokdo',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Lato',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Dokdo',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Dokdo',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Caveat',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Dokdo',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Material Icons Sharp',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Material Symbols Rounded',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Orbitron',
+            text: 'Whereas disregard and contempt for human rights have resulted'
+        },
+        {
+            font: 'Noto Color Emoji',
+            text: 'a'
+        },
+        { font: 'Noto Sans KR', test: '노토산스 한국어' },
+        { font: 'Noto Sans JP', test: '노토산스 일본어' },
+        { font: 'Noto Sans NKo Unjoined', text: '노토산스 외국어' }
+    ];
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: texts.map(function (group) { return ((0, jsx_runtime_1.jsx)(TextCB, { text: group.text, font: group.font }, group.font)); }) }));
+}
+exports.default = GoogleFontApplyExample;

package/dist/src/sub/GoogleFontkit/GoogleFontsListExample.js

@@ -0,0 +1,57 @@
+"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 __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");
+var styled_components_1 = __importDefault(require("styled-components"));
+var constants_1 = require("./constants");
+var GoogleFontItem_1 = __importDefault(require("./headless/GoogleFontItem"));
+var GoogleFontsList_1 = __importDefault(require("./headless/GoogleFontsList"));
+var GOOGLE_FONT_API_KEY = '문의바람';
+function GoogleFontsListExample() {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(GoogleFontsList_1.default, __assign({ apiKey: GOOGLE_FONT_API_KEY, sort: "trending" }, { children: function (_a) {
+                var isLoading = _a.isLoading, filteredFonts = _a.filteredFonts, filterOptions = _a.filterOptions, changeSort = _a.changeSort, changeFilterOption = _a.changeFilterOption;
+                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(SFilters, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ type: "button", onClick: function () { return changeSort('date'); } }, { children: "change sort" })), (0, jsx_runtime_1.jsx)("input", { type: "text", onChange: function (e) {
+                                        return changeFilterOption({
+                                            name: 'searchQuery',
+                                            value: e.target.value
+                                        });
+                                    } }), (0, jsx_runtime_1.jsx)("div", __assign({ style: { backgroundColor: 'yellow' } }, { children: constants_1.SUBSETS.map(function (eachSubset) {
+                                        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: eachSubset }), (0, jsx_runtime_1.jsx)("input", { type: "checkbox", id: eachSubset, value: eachSubset, checked: filterOptions.subsets.includes(eachSubset), onClick: function () {
+                                                        return changeFilterOption({
+                                                            name: 'subsets',
+                                                            value: [eachSubset]
+                                                        });
+                                                    } }, eachSubset)] }));
+                                    }) })), (0, jsx_runtime_1.jsx)("div", __assign({ style: { backgroundColor: 'red' } }, { children: constants_1.CATEGORIES.map(function (category) {
+                                        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: category }), (0, jsx_runtime_1.jsx)("input", { type: "checkbox", id: category, value: category, checked: filterOptions.categories.includes(category), onClick: function () {
+                                                        return changeFilterOption({
+                                                            name: 'categories',
+                                                            value: [category]
+                                                        });
+                                                    } }, category)] }));
+                                    }) }))] }), isLoading && 'isLoading', filteredFonts.map(function (font) { return ((0, jsx_runtime_1.jsx)(GoogleFontItem_1.default, __assign({ font: font, fetchDefaultText: false }, { children: function (_a) {
+                                var isFontFamilyLoading = _a.isLoading, ref = _a.ref;
+                                return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: ref }, { children: [isFontFamilyLoading && (0, jsx_runtime_1.jsx)("div", { children: "loading.." }), (0, jsx_runtime_1.jsx)("div", __assign({ style: { fontFamily: font.family } }, { children: font.family }))] })));
+                            } }), font.id)); })] }));
+            } })) }));
+}
+var SFilters = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid black;\n"], ["\n  border: 1px solid black;\n"])));
+exports.default = GoogleFontsListExample;
+var templateObject_1;

package/dist/src/sub/GoogleFontkit/api/getGoogleFontCss.js

@@ -0,0 +1,53 @@
+"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 });
+var GOOGLE_FONTS_CSS_BASE_URL = 'https://fonts.googleapis.com/css2';
+function getGoogleFontCss(searchParamsObj) {
+    return __awaiter(this, void 0, void 0, function () {
+        var url;
+        return __generator(this, function (_a) {
+            url = new URL(GOOGLE_FONTS_CSS_BASE_URL);
+            Object.entries(searchParamsObj).forEach(function (param) {
+                var key = param[0], value = param[1];
+                url.searchParams.append(key, value);
+            });
+            return [2 /*return*/, fetch(url.href).then(function (res) { return res.text(); })];
+        });
+    });
+}
+exports.default = getGoogleFontCss;

package/dist/src/sub/GoogleFontkit/api/getGoogleFontDefaultText.js

@@ -0,0 +1,55 @@
+"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 });
+var GOOGLE_SAMPLE_TEXT_BASE_URL = 'https://fonts.google.com/sampletext';
+function getGoogleFontDefaultText(family) {
+    return __awaiter(this, void 0, void 0, function () {
+        var url;
+        return __generator(this, function (_a) {
+            url = new URL(GOOGLE_SAMPLE_TEXT_BASE_URL);
+            url.searchParams.append('family', family);
+            return [2 /*return*/, fetch(url.href).then(function (res) {
+                    return res.text().then(function (text) {
+                        var testTexts = JSON.parse(text.substring(5));
+                        return testTexts;
+                    });
+                })];
+        });
+    });
+}
+exports.default = getGoogleFontDefaultText;

package/dist/src/sub/GoogleFontkit/api/getGoogleWebFonts.js

@@ -0,0 +1,53 @@
+"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 });
+var GOOGLE_WEBFONTS_BASE_URL = 'https://www.googleapis.com/webfonts/v1/webfonts';
+function getGoogleWebFonts(searchParamsObj) {
+    return __awaiter(this, void 0, void 0, function () {
+        var url;
+        return __generator(this, function (_a) {
+            url = new URL(GOOGLE_WEBFONTS_BASE_URL);
+            Object.entries(searchParamsObj).forEach(function (param) {
+                var key = param[0], value = param[1];
+                url.searchParams.append(key, value);
+            });
+            return [2 /*return*/, fetch(url.href).then(function (res) { return res.json(); })];
+        });
+    });
+}
+exports.default = getGoogleWebFonts;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SUBSETS = exports.SORTS = exports.CATEGORIES = exports.PREVIEW_ATTRIBUTE_NAME = exports.FONT_FAMILY_REGEX = exports.FONT_FACE_REGEX = void 0;
+exports.FONT_FACE_REGEX = /@font-face {([\s\S]*?)}/gm;
+exports.FONT_FAMILY_REGEX = /font-family: ['"](.*?)['"]/gm;
+exports.PREVIEW_ATTRIBUTE_NAME = 'data-is-preview';
+exports.CATEGORIES = [
+    'serif',
+    'sans-serif',
+    'display',
+    'handwriting',
+    'monospace'
+];
+exports.SORTS = ['trending', 'popularity', 'date', 'alpha'];
+exports.SUBSETS = [
+    'korean',
+    'latin',
+    'latin-ext',
+    'arabic',
+    'bengali',
+    'chinese-hongkong',
+    'chinese-simplified',
+    'chinese-traditional',
+    'cyrillic',
+    'cyrillic-ext',
+    'devanagari',
+    'greek',
+    'greek-ext',
+    'gujarati',
+    'gurmukhi',
+    'hebrew',
+    'japanese',
+    'kannada',
+    'khmer',
+    'malayalam',
+    'myanmar',
+    'oriya',
+    'sinhala',
+    'tamil',
+    '​telugu',
+    'thai',
+    'tibetan',
+    'vietnamese'
+];