dn-react-router-toolkit 0.1.0 → 0.1.1

package/dist/cjs/auth-kit/apple_auth.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppleAuth = void 0;
 const jose_1 = require("jose");
 class AppleAuth {
+    AUTH;
     constructor(AUTH) {
         this.AUTH = AUTH;
     }

package/dist/cjs/auth-kit/auth_service.js

@@ -22,14 +22,16 @@ exports.REFRESH_TOKEN_COOKIE = (0, react_router_1.createCookie)(exports.REFRESH_
     sameSite: "strict",
 });
 class AuthService {
+    repository;
+    JWT_MANAGER;
+    OBJECT_STORAGE;
     constructor({ repository, JWT_MANAGER, OBJECT_STORAGE, }) {
         this.repository = repository;
         this.JWT_MANAGER = JWT_MANAGER;
         this.OBJECT_STORAGE = OBJECT_STORAGE;
     }
     async verify(request) {
-        var _a;
-        const accessToken = ((_a = request === null || request === void 0 ? void 0 : request.headers.get("Authorization")) === null || _a === void 0 ? void 0 : _a.replace("Bearer ", "")) ||
+        const accessToken = request?.headers.get("Authorization")?.replace("Bearer ", "") ||
             (await this.getAccessTokenFromCookies(request));
         if (accessToken) {
             return this.JWT_MANAGER.verifyAccessToken(accessToken);
@@ -43,14 +45,12 @@ class AuthService {
         return this.refresh(request);
     }
     async getAccessTokenFromCookies(request) {
-        var _a;
         const cookieStore = await exports.ACCESS_TOKEN_COOKIE.parse(request.headers.get("cookie"));
-        return (_a = cookieStore.get(exports.ACCESS_TOKEN_KEY)) === null || _a === void 0 ? void 0 : _a.value;
+        return cookieStore.get(exports.ACCESS_TOKEN_KEY)?.value;
     }
     async getRefreshTokenFromCookies(request) {
-        var _a;
         const cookieStore = await exports.REFRESH_TOKEN_COOKIE.parse(request.headers.get("cookie"));
-        return (_a = cookieStore.get(exports.REFRESH_TOKEN_KEY)) === null || _a === void 0 ? void 0 : _a.value;
+        return cookieStore.get(exports.REFRESH_TOKEN_KEY)?.value;
     }
     async refresh(request) {
         const refreshToken = await this.getRefreshTokenFromCookies(request);

package/dist/cjs/auth-kit/client/google_login_button.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GoogleLoginButton = GoogleLoginButton;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const fc_1 = require("react-icons/fc");
 const react_router_1 = require("react-router");
 function GoogleLoginButton({ className = "max-w-[300px] w-full", GOOGLE_CLIENT_ID, GOOGLE_REDIRECT_URI, }) {
@@ -18,8 +15,5 @@ function GoogleLoginButton({ className = "max-w-[300px] w-full", GOOGLE_CLIENT_I
     href.searchParams.append("response_type", "code");
     href.searchParams.append("scope", "email profile");
     href.searchParams.append("state", redirectUrl);
-    return (react_1.default.createElement("div", { className: className },
-        react_1.default.createElement("a", { href: href.toString(), className: "relative flex items-center border border-neutral-300 px-4 py-3 no-underline hover:no-underline bg-white hover:bg-neutral-100 rounded" },
-            react_1.default.createElement(fc_1.FcGoogle, null),
-            react_1.default.createElement("p", { className: "text-[14px] text-black absolute left-0 right-0 text-center" }, "\uAD6C\uAE00\uB85C \uACC4\uC18D\uD558\uAE30"))));
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsxs)("a", { href: href.toString(), className: "relative flex items-center border border-neutral-300 px-4 py-3 no-underline hover:no-underline bg-white hover:bg-neutral-100 rounded", children: [(0, jsx_runtime_1.jsx)(fc_1.FcGoogle, {}), (0, jsx_runtime_1.jsx)("p", { className: "text-[14px] text-black absolute left-0 right-0 text-center", children: "\uAD6C\uAE00\uB85C \uACC4\uC18D\uD558\uAE30" })] }) }));
 }

package/dist/cjs/auth-kit/client/redirect_page.js

@@ -1,15 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RedirectPage = RedirectPage;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_router_1 = require("react-router");
 function RedirectPage() {
     const navigate = (0, react_router_1.useNavigate)();
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         const searchParams = new URLSearchParams(window.location.search);
         const redirectUrl = searchParams.get("redirectUrl") ||
             new URL("/", window.location.origin).toString();
@@ -17,5 +14,5 @@ function RedirectPage() {
             navigate(redirectUrl);
         }
     }, [navigate]);
-    return react_1.default.createElement(react_1.default.Fragment, null);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
 }

package/dist/cjs/auth-kit/google_auth.js

@@ -3,6 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GoogleAuth = void 0;
 const response_1 = require("../http-kit/response");
 class GoogleAuth {
+    AUTH;
+    GOOGLE_CLIENT_ID;
+    GOOGLE_CLIENT_SECRET;
+    GOOGLE_REDIRECT_URI;
     constructor(AUTH, GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET, GOOGLE_REDIRECT_URI) {
         this.GOOGLE_CLIENT_ID = GOOGLE_CLIENT_ID;
         this.GOOGLE_CLIENT_SECRET = GOOGLE_CLIENT_SECRET;

package/dist/cjs/auth-kit/jwt.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.JWTManager = void 0;
 const jose_1 = require("jose");
 class JWTManager {
+    siteOrigin;
     constructor(siteOrigin) {
         this.siteOrigin = siteOrigin;
     }

package/dist/cjs/auth-kit/kakao_auth.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KakaoAuth = void 0;
 const http_kit_1 = require("../http-kit");
 class KakaoAuth {
+    AUTH;
     constructor(AUTH) {
         this.AUTH = AUTH;
     }
@@ -25,7 +26,11 @@ class KakaoAuth {
         };
         const user = await this.AUTH.findUser("kakao", payload);
         if (!user) {
-            throw (0, http_kit_1.createJsonResponse)(404)(Object.assign(Object.assign({ provider: "kakao" }, payload), { message: "사용자를 찾을 수 없습니다." }));
+            throw (0, http_kit_1.createJsonResponse)(404)({
+                provider: "kakao",
+                ...payload,
+                message: "사용자를 찾을 수 없습니다.",
+            });
         }
         const { accessToken, refreshToken } = await this.AUTH.issueTokenPair(user);
         return {

package/dist/cjs/components/modal/fullscreen_container.js

@@ -1,32 +1,17 @@
 "use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = FullscreenContainer;
 exports.useFullscreen = useFullscreen;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const cn_1 = require("../../cn");
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-function FullscreenContainer(_a) {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    const containerRef = (0, react_2.useRef)(null);
+const react_1 = require("react");
+function FullscreenContainer({ className, children, ...props }) {
+    const containerRef = (0, react_1.useRef)(null);
     useFullscreen(containerRef);
-    return (react_1.default.createElement("div", Object.assign({ ref: containerRef }, props, { className: (0, cn_1.cn)("fixed left-0 right-0 top-0 bottom-0", className) }), children));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, ...props, className: (0, cn_1.cn)("fixed left-0 right-0 top-0 bottom-0", className), children: children }));
 }
 function useFullscreen(ref) {
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         const container = ref.current;
         if (!container) {
             return;
@@ -44,7 +29,7 @@ function useFullscreen(ref) {
                 return;
             }
             container.classList.remove("bottom-0");
-            container.style.height = `${visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height}px`;
+            container.style.height = `${visualViewport?.height}px`;
             if (visualViewport.height < window.innerHeight) {
                 window.addEventListener("scroll", scroll);
             }
@@ -53,11 +38,11 @@ function useFullscreen(ref) {
             }
         };
         resize();
-        visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.addEventListener("resize", resize);
+        visualViewport?.addEventListener("resize", resize);
         scroll();
         return () => {
             window.removeEventListener("scroll", scroll);
-            visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.removeEventListener("resize", resize);
+            visualViewport?.removeEventListener("resize", resize);
         };
     }, [ref]);
     return "fixed inset-0";

package/dist/cjs/components/modal/hooks.js

@@ -7,10 +7,10 @@ exports.ModalContext = void 0;
 exports.useModalRoot = useModalRoot;
 exports.useModalPortal = useModalPortal;
 exports.useModal = useModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
 const modal_1 = __importDefault(require("./modal"));
-const react_2 = __importDefault(require("react"));
 function useModalRoot() {
     const [container, setContainer] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
@@ -39,12 +39,10 @@ exports.ModalContext = (0, react_1.createContext)({});
 function useModal() {
     const ch2 = (0, react_1.useRef)(null);
     const open = () => {
-        var _a;
-        (_a = ch2.current) === null || _a === void 0 ? void 0 : _a.call(ch2, true);
+        ch2.current?.(true);
     };
     const close = () => {
-        var _a;
-        (_a = ch2.current) === null || _a === void 0 ? void 0 : _a.call(ch2, false);
+        ch2.current?.(false);
     };
     const Component = (0, react_1.useCallback)(function Component(props) {
         const [isOpen, setIsOpen] = (0, react_1.useState)(false);
@@ -68,7 +66,7 @@ function useModal() {
                 // document.body.style.overflow = "";
             };
         }, [isOpen]);
-        return (react_2.default.createElement(exports.ModalContext.Provider, { value: { open, close, isOpen } }, createPortal(react_2.default.createElement(modal_1.default, Object.assign({}, props, { open: isOpen, onBackgroundClick: close })))));
+        return ((0, jsx_runtime_1.jsx)(exports.ModalContext.Provider, { value: { open, close, isOpen }, children: createPortal((0, jsx_runtime_1.jsx)(modal_1.default, { ...props, open: isOpen, onBackgroundClick: close })) }));
     }, []);
     return {
         open,

package/dist/cjs/components/modal/modal.js

@@ -32,24 +32,13 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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 });
 exports.default = Modal;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const fullscreen_container_1 = require("./fullscreen_container");
 const cn_1 = require("../../cn");
-function Modal(_a) {
-    var { open, className, background = "bg-gray-500/25", onBackgroundClick, children } = _a, props = __rest(_a, ["open", "className", "background", "onBackgroundClick", "children"]);
+function Modal({ open, className, background = "bg-gray-500/25", onBackgroundClick, children, ...props }) {
     const containerRef = (0, react_1.useRef)(null);
     const fullscreen = (0, fullscreen_container_1.useFullscreen)(containerRef);
     const [mounted, setMounted] = react_1.default.useState(false);
@@ -70,22 +59,21 @@ function Modal(_a) {
     }, [open]);
     const onBackgroundMouseDown = (event) => {
         event.preventDefault();
-        onBackgroundClick === null || onBackgroundClick === void 0 ? void 0 : onBackgroundClick();
+        onBackgroundClick?.();
     };
     const onModalMouseDown = (event) => {
         event.stopPropagation();
     };
     const onBackgroundTouchStart = (event) => {
         event.preventDefault();
-        onBackgroundClick === null || onBackgroundClick === void 0 ? void 0 : onBackgroundClick();
+        onBackgroundClick?.();
     };
     const onModalTouchStart = (event) => {
         event.stopPropagation();
     };
-    return (react_1.default.createElement("div", { ref: containerRef, className: (0, cn_1.cn)(fullscreen, "z-[999] flex flex-col justify-center transition-bg duration-200 md:px-6 overflow-hidden print:px-0 print:block print:overflow-auto", open && mounted
+    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: (0, cn_1.cn)(fullscreen, "z-[999] flex flex-col justify-center transition-bg duration-200 md:px-6 overflow-hidden print:px-0 print:block print:overflow-auto", open && mounted
             ? (0, cn_1.cn)(background, "ease-out")
-            : "bg-transparent ease-in pointer-events-none"), onMouseDown: onBackgroundMouseDown, onTouchStart: onBackgroundTouchStart },
-        react_1.default.createElement("div", { className: (0, cn_1.cn)("relative flex-1 flex flex-col justify-end md:justify-center items-center transition-[opacity transform] duration-200 print:block", open && mounted
+            : "bg-transparent ease-in pointer-events-none"), onMouseDown: onBackgroundMouseDown, onTouchStart: onBackgroundTouchStart, children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("relative flex-1 flex flex-col justify-end md:justify-center items-center transition-[opacity transform] duration-200 print:block", open && mounted
                 ? "translate-y-[0px] opacity-100 ease-out"
-                : "translate-y-[100%] md:translate-y-[50px] opacity-0 ease-in") }, (open || mounted) && (react_1.default.createElement("div", Object.assign({}, props, { className: (0, cn_1.cn)(className, "w-full max-h-[92vh] print:w-[unset] print:max-h-[unset] rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-auto print:rounded-none"), onMouseDown: onModalMouseDown, onTouchStart: onModalTouchStart }), children)))));
+                : "translate-y-[100%] md:translate-y-[50px] opacity-0 ease-in"), children: (open || mounted) && ((0, jsx_runtime_1.jsx)("div", { ...props, className: (0, cn_1.cn)(className, "w-full max-h-[92vh] print:w-[unset] print:max-h-[unset] rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-auto print:rounded-none"), onMouseDown: onModalMouseDown, onTouchStart: onModalTouchStart, children: children })) }) }));
 }

package/dist/cjs/file-kit/client/drop_file_input.js

@@ -1,52 +1,9 @@
 "use strict";
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-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 });
 exports.useDropFileInput = useDropFileInput;
 exports.DropFileMessageBox = DropFileMessageBox;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const uuid_1 = require("uuid");
 const cn_1 = require("../../cn");
 function useDropFileInput({ defaultValue, options, uploadFile, onFileInput, onFileUploaded, limit, } = {}) {
@@ -64,8 +21,7 @@ function useDropFileInput({ defaultValue, options, uploadFile, onFileInput, onFi
     (0, react_1.useEffect)(() => {
         fileRef.current = files;
     }, [files]);
-    const Component = (0, react_1.useCallback)(function Component(_a) {
-        var { className, container = "border border-dashed border-neutral-300 rounded flex items-center justify-center", draggingClassName, name, hideMessage = false, children } = _a, props = __rest(_a, ["className", "container", "draggingClassName", "name", "hideMessage", "children"]);
+    const Component = (0, react_1.useCallback)(function Component({ className, container = "border border-dashed border-neutral-300 rounded flex items-center justify-center", draggingClassName, name, hideMessage = false, children, ...props }) {
         const [isDragging, setIsDragging] = (0, react_1.useState)(false);
         const handleDragEnter = (0, react_1.useCallback)((e) => {
             e.preventDefault();
@@ -117,11 +73,14 @@ function useDropFileInput({ defaultValue, options, uploadFile, onFileInput, onFi
                     key: (0, uuid_1.v4)(),
                 };
                 setFiles((prevFiles) => [...prevFiles, fileItem]);
-                uploadFile === null || uploadFile === void 0 ? void 0 : uploadFile(file, options).then(async (item) => {
-                    await (onFileUploaded === null || onFileUploaded === void 0 ? void 0 : onFileUploaded(item));
+                uploadFile?.(file, options).then(async (item) => {
+                    await onFileUploaded?.(item);
                     setFiles((prevFiles) => prevFiles.map((f) => {
                         if (f.key === fileItem.key) {
-                            return Object.assign(Object.assign({}, f), { item });
+                            return {
+                                ...f,
+                                item,
+                            };
                         }
                         return f;
                     }));
@@ -139,8 +98,7 @@ function useDropFileInput({ defaultValue, options, uploadFile, onFileInput, onFi
         }, [handleFiles]);
         const inputRef = (0, react_1.useRef)(null);
         const handleClick = (0, react_1.useCallback)(() => {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            inputRef.current?.click();
         }, []);
         const handleKeyDown = (0, react_1.useCallback)((e) => {
             if (e.key === "Enter" || e.key === " ") {
@@ -153,22 +111,19 @@ function useDropFileInput({ defaultValue, options, uploadFile, onFileInput, onFi
                 e.target.value = "";
             }
         }, [handleFiles]);
-        return (react_1.default.createElement("div", { className: (0, cn_1.cn)(className, container, (draggingClassName === null || draggingClassName === void 0 ? void 0 : draggingClassName(isDragging)) ||
-                (isDragging ? "bg-neutral-300/25" : "hover:bg-neutral-300/25"), "transition-colors cursor-pointer"), onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, onClick: handleClick, onChange: handleChange, onKeyDown: handleKeyDown, tabIndex: 0, role: "button" },
-            react_1.default.createElement("input", Object.assign({}, props, { defaultValue: "", type: "file", hidden: true, ref: inputRef })),
-            react_1.default.createElement("input", { name: name, hidden: true, readOnly: true, value: files
-                    .map((file) => {
-                    if (file.item &&
-                        typeof file.item === "object" &&
-                        "id" in file.item) {
-                        return file.item.id;
-                    }
-                    return null;
-                })
-                    .filter(Boolean)
-                    .join(",") }),
-            children ||
-                (!(hideMessage && !isDragging) && react_1.default.createElement(DropFileMessageBox, null))));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)(className, container, draggingClassName?.(isDragging) ||
+                (isDragging ? "bg-neutral-300/25" : "hover:bg-neutral-300/25"), "transition-colors cursor-pointer"), onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, onClick: handleClick, onChange: handleChange, onKeyDown: handleKeyDown, tabIndex: 0, role: "button", children: [(0, jsx_runtime_1.jsx)("input", { ...props, defaultValue: "", type: "file", hidden: true, ref: inputRef }), (0, jsx_runtime_1.jsx)("input", { name: name, hidden: true, readOnly: true, value: files
+                        .map((file) => {
+                        if (file.item &&
+                            typeof file.item === "object" &&
+                            "id" in file.item) {
+                            return file.item.id;
+                        }
+                        return null;
+                    })
+                        .filter(Boolean)
+                        .join(",") }), children ||
+                    (!(hideMessage && !isDragging) && (0, jsx_runtime_1.jsx)(DropFileMessageBox, {}))] }));
     }, [limit, fileRef, files, options, uploadFile, onFileInput, onFileUploaded]);
     const loadedFileIds = files
         .map((file) => {
@@ -188,8 +143,6 @@ function useDropFileInput({ defaultValue, options, uploadFile, onFileInput, onFi
     };
 }
 function DropFileMessageBox() {
-    return (react_1.default.createElement("div", { className: "text-sm pointer-events-none flex justify-center items-center" },
-        react_1.default.createElement("div", { className: "flex flex-col items-center" },
-            react_1.default.createElement("span", null, "\uD30C\uC77C\uC744 \uC5EC\uAE30\uB85C \uB04C\uC5B4\uB2E4 \uB193\uAC70\uB098 \uD074\uB9AD\uD574\uC11C \uC120\uD0DD\uD574 \uC8FC\uC138\uC694"))));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "text-sm pointer-events-none flex justify-center items-center", children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center", children: (0, jsx_runtime_1.jsx)("span", { children: "\uD30C\uC77C\uC744 \uC5EC\uAE30\uB85C \uB04C\uC5B4\uB2E4 \uB193\uAC70\uB098 \uD074\uB9AD\uD574\uC11C \uC120\uD0DD\uD574 \uC8FC\uC138\uC694" }) }) }));
 }
 exports.default = useDropFileInput;

package/dist/cjs/file-kit/client/file_uploader.js

@@ -2,18 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileUploader = void 0;
 class FileUploader {
+    endpoint;
     constructor(endpoint = "/api/files") {
-        this.formatSize = (size) => {
-            if (size < 1024) {
-                return `${size} B`;
-            }
-            if (size < 1024 * 1024) {
-                return `${(size / 1024).toFixed(2)} KB`;
-            }
-            return `${(size / (1024 * 1024)).toFixed(2)} MB`;
-        };
         this.endpoint = endpoint;
     }
+    formatSize = (size) => {
+        if (size < 1024) {
+            return `${size} B`;
+        }
+        if (size < 1024 * 1024) {
+            return `${(size / 1024).toFixed(2)} KB`;
+        }
+        return `${(size / (1024 * 1024)).toFixed(2)} MB`;
+    };
     uploadFile(file, options = {}) {
         return this.uploadBlob(file, file.name, options);
     }
@@ -24,7 +25,11 @@ class FileUploader {
                 const img = new Image();
                 img.src = URL.createObjectURL(blob);
                 img.onload = () => {
-                    resolve(Object.assign(Object.assign({}, options.metadata), { width: img.width, height: img.height }));
+                    resolve({
+                        ...options.metadata,
+                        width: img.width,
+                        height: img.height,
+                    });
                 };
                 img.onerror = reject;
                 return;
@@ -33,7 +38,12 @@ class FileUploader {
                 const video = document.createElement("video");
                 video.src = URL.createObjectURL(blob);
                 video.onloadedmetadata = () => {
-                    resolve(Object.assign(Object.assign({}, options.metadata), { width: video.videoWidth, height: video.videoHeight, duration: video.duration }));
+                    resolve({
+                        ...options.metadata,
+                        width: video.videoWidth,
+                        height: video.videoHeight,
+                        duration: video.duration,
+                    });
                 };
                 video.onerror = reject;
                 return;

package/dist/cjs/file-kit/file_service.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileService = void 0;
 const uuid_1 = require("uuid");
 class FileService {
+    prefix;
+    repository;
+    OBJECT_STORAGE;
     constructor(prefix = "user", { repository, OBJECT_STORAGE, }) {
         this.prefix = prefix;
         this.repository = repository;

package/dist/cjs/file-kit/object_storage.js

@@ -4,10 +4,11 @@ exports.ObjectStorage = void 0;
 const client_s3_1 = require("@aws-sdk/client-s3");
 const s3_request_presigner_1 = require("@aws-sdk/s3-request-presigner");
 class ObjectStorage {
+    client = new client_s3_1.S3Client({
+        region: "ap-northeast-2",
+    });
+    bucketName;
     constructor(bucketName) {
-        this.client = new client_s3_1.S3Client({
-            region: "ap-northeast-2",
-        });
         this.bucketName = bucketName;
     }
     async generateSignedUrl(key, { contentType, expiresIn = 3600, } = {}) {

package/dist/cjs/file-kit/responsive_image.js

@@ -1,30 +1,15 @@
 "use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createResponsiveImage = void 0;
 exports.generateSrcSet = generateSrcSet;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const sizes = [
     64, 128, 256, 320, 480, 640, 768, 1080, 1200, 1536, 1920, 2560, 3840,
 ];
 const createResponsiveImage = (cdn) => {
-    const Component = (_a) => {
-        var { alt, file, ratio } = _a, props = __rest(_a, ["alt", "file", "ratio"]);
-        const src = cdn(file === null || file === void 0 ? void 0 : file.key) || props.src || "#";
-        return (react_1.default.createElement("img", Object.assign({}, props, { src: src, alt: alt, srcSet: generateSrcSet(src, ratio, props) })));
+    const Component = ({ alt, file, ratio, ...props }) => {
+        const src = cdn(file?.key) || props.src || "#";
+        return ((0, jsx_runtime_1.jsx)("img", { ...props, src: src, alt: alt, srcSet: generateSrcSet(src, ratio, props) }));
     };
     return Component;
 };

package/dist/cjs/http-kit/response.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.INTERNAL_SERVER_ERROR = exports.TOO_MANY_REQUESTS = exports.UNPROCESSABLE_ENTITY = exports.CONFLICT = exports.REQUEST_TIMEOUT = exports.NOT_ACCEPTABLE = exports.METHOD_NOT_ALLOWED = exports.NOT_FOUND = exports.FORBIDDEN = exports.UNAUTHORIZED = exports.BAD_REQUEST = exports.createException = exports.NO_CONTENT = exports.ACCEPTED = exports.CREATED = exports.OK = exports.createJsonResponse = void 0;
 const createJsonResponse = (status) => {
     return (data = {}, init) => {
-        return Response.json(data, Object.assign({ status }, init));
+        return Response.json(data, { status, ...init });
     };
 };
 exports.createJsonResponse = createJsonResponse;
@@ -12,7 +12,10 @@ exports.OK = (0, exports.createJsonResponse)(200);
 exports.CREATED = (0, exports.createJsonResponse)(201);
 exports.ACCEPTED = (0, exports.createJsonResponse)(202);
 const NO_CONTENT = (init) => {
-    return new Response(null, Object.assign(Object.assign({}, init), { status: 204 }));
+    return new Response(null, {
+        ...init,
+        status: 204,
+    });
 };
 exports.NO_CONTENT = NO_CONTENT;
 const createException = (status, defaultMessage = "오류가 발생했습니다.") => {

package/dist/cjs/route/api/auth/refresh/route.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.authRefreshHandler = void 0;
 const http_kit_1 = require("../../../../http-kit");
 const authRefreshHandler = async (request, { AUTH, }) => {
-    var _a;
-    const refreshToken = ((_a = request === null || request === void 0 ? void 0 : request.headers.get("Authorization")) === null || _a === void 0 ? void 0 : _a.replace("Bearer ", "")) ||
+    const refreshToken = request?.headers.get("Authorization")?.replace("Bearer ", "") ||
         (await AUTH.getRefreshTokenFromCookies(request));
     if (!refreshToken) {
         return (0, http_kit_1.BAD_REQUEST)();

package/dist/cjs/route/api/files/[fileId]/route.js

@@ -11,7 +11,7 @@ const fileDeleteHandler = async (request, { fileId }, { AUTH, repository, }) =>
     if (!file) {
         return (0, http_kit_1.NOT_FOUND)("파일을 찾을 수 없습니다.", { headers });
     }
-    if (!repository.hasPermission(file, auth === null || auth === void 0 ? void 0 : auth.userId)) {
+    if (!repository.hasPermission(file, auth?.userId)) {
         return (0, http_kit_1.FORBIDDEN)("파일을 삭제할 권한이 없습니다.", { headers });
     }
     await repository.deleteFile(fileId);

package/dist/cjs/route/api/files/route.js

@@ -16,7 +16,7 @@ const fileUploadHandler = async (request, { AUTH, FILE_SERVICE, }) => {
     }
     try {
         const result = await FILE_SERVICE.generateSignedUrl({
-            userId: auth === null || auth === void 0 ? void 0 : auth.userId,
+            userId: auth?.userId,
             name,
             type,
             size,

package/dist/cjs/route/auth/callback/[provider]/route.js

@@ -29,7 +29,10 @@ const thirdPartyAuthCallbackHandler = async (request, { provider, }, { AUTH, GOO
     const redirectUrl = url.searchParams.get("state") || SITE_ORIGIN;
     return new Response("Temporary Redirect", {
         status: 307,
-        headers: Object.assign(Object.assign({}, headers), { Location: new URL(`/r?redirectUrl=${encodeURIComponent(redirectUrl)}`, request.url).toString() }),
+        headers: {
+            ...headers,
+            Location: new URL(`/r?redirectUrl=${encodeURIComponent(redirectUrl)}`, request.url).toString(),
+        },
     });
 };
 exports.thirdPartyAuthCallbackHandler = thirdPartyAuthCallbackHandler;