@owp/core 1.28.0 → 1.30.0

package/dist/types/{components/OwpSettings → store}/owpSettingsSlice.d.ts

@@ -1,6 +1,5 @@
-import { OwpSettingsConfigType, OwpThemesType } from '@/components/OwpSettings/OwpSettings';
+import type { OwpThemesType } from '@/types/OwpSettingsTypes';
 import { createSelector, PayloadAction } from '@reduxjs/toolkit';
-import { PartialDeep } from 'type-fest';
 /**
  * The lightPaletteText object defines the text color palette for the light theme.
  */
@@ -927,460 +926,6 @@ export declare const changeOwpTheme: import("@reduxjs/toolkit").AsyncThunk<Paylo
 } | ({
     rejectedWithValue: false;
 } & {})), import("@reduxjs/toolkit").SerializedError>, OwpThemesType, import("@reduxjs/toolkit").AsyncThunkConfig>;
-/**
- * Generates the settings object by merging the default settings with the new settings.
- */
-export declare function generateSettings(_defaultSettings: OwpSettingsConfigType, _newSettings: PartialDeep<OwpSettingsConfigType>): OwpSettingsConfigType & {
-    layout: {
-        config: import("@/components/layouts/themeLayoutConfigs").themeLayoutDefaultsProps;
-    };
-} & {
-    layout?: {
-        style?: string;
-        config?: {
-            mode?: string;
-            containerWidth?: string;
-            navbar?: {
-                display?: boolean;
-                style?: string;
-                folded?: boolean;
-                position?: string;
-                open?: boolean;
-            };
-            toolbar?: {
-                display?: boolean;
-                style?: string;
-            };
-            footer?: {
-                display?: boolean;
-                style?: string;
-            };
-            leftSidePanel?: {
-                display?: boolean;
-            };
-            rightSidePanel?: {
-                display?: boolean;
-            };
-        } | {
-            mode?: string;
-            containerWidth?: number;
-            navbar?: {
-                display?: boolean;
-                style?: string;
-                folded?: boolean;
-            };
-            toolbar?: {
-                display?: boolean;
-                style?: string;
-                position?: string;
-            };
-            footer?: {
-                display?: boolean;
-                style?: string;
-            };
-            leftSidePanel?: {
-                display?: boolean;
-            };
-            rightSidePanel?: {
-                display?: boolean;
-            };
-        } | {
-            mode?: string;
-            containerWidth?: number;
-            scroll?: string;
-            navbar?: {
-                display?: boolean;
-                style?: string;
-                folded?: boolean;
-            };
-            toolbar?: {
-                display?: boolean;
-                style?: string;
-                position?: string;
-            };
-            footer?: {
-                display?: boolean;
-                style?: string;
-            };
-            leftSidePanel?: {
-                display?: boolean;
-            };
-            rightSidePanel?: {
-                display?: boolean;
-            };
-        };
-    };
-    customScrollbars?: boolean;
-    direction?: "rtl" | "ltr";
-    theme?: {
-        main?: {
-            palette?: {
-                common?: {
-                    black?: string;
-                    white?: string;
-                };
-                mode?: import("@mui/material").PaletteMode;
-                contrastThreshold?: number;
-                tonalOffset?: number | {
-                    light?: number;
-                    dark?: number;
-                };
-                primary?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                secondary?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                error?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                warning?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                info?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                success?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                grey?: {
-                    50?: string;
-                    100?: string;
-                    200?: string;
-                    300?: string;
-                    400?: string;
-                    500?: string;
-                    600?: string;
-                    700?: string;
-                    800?: string;
-                    900?: string;
-                    A100?: string;
-                    A200?: string;
-                    A400?: string;
-                    A700?: string;
-                };
-                text?: {
-                    primary?: string;
-                    secondary?: string;
-                    disabled?: string;
-                };
-                divider?: import("@mui/material/styles/createPalette").TypeDivider;
-                action?: {
-                    active?: string;
-                    hover?: string;
-                    hoverOpacity?: number;
-                    selected?: string;
-                    selectedOpacity?: number;
-                    disabled?: string;
-                    disabledOpacity?: number;
-                    disabledBackground?: string;
-                    focus?: string;
-                    focusOpacity?: number;
-                    activatedOpacity?: number;
-                };
-                background?: {
-                    default?: string;
-                    paper?: string;
-                };
-                getContrastText?: (background: string) => string;
-                augmentColor?: (options: import("@mui/material/styles/createPalette").PaletteAugmentColorOptions) => import("@mui/material").PaletteColor;
-            };
-        };
-        navbar?: {
-            palette?: {
-                common?: {
-                    black?: string;
-                    white?: string;
-                };
-                mode?: import("@mui/material").PaletteMode;
-                contrastThreshold?: number;
-                tonalOffset?: number | {
-                    light?: number;
-                    dark?: number;
-                };
-                primary?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                secondary?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                error?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                warning?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                info?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                success?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                grey?: {
-                    50?: string;
-                    100?: string;
-                    200?: string;
-                    300?: string;
-                    400?: string;
-                    500?: string;
-                    600?: string;
-                    700?: string;
-                    800?: string;
-                    900?: string;
-                    A100?: string;
-                    A200?: string;
-                    A400?: string;
-                    A700?: string;
-                };
-                text?: {
-                    primary?: string;
-                    secondary?: string;
-                    disabled?: string;
-                };
-                divider?: import("@mui/material/styles/createPalette").TypeDivider;
-                action?: {
-                    active?: string;
-                    hover?: string;
-                    hoverOpacity?: number;
-                    selected?: string;
-                    selectedOpacity?: number;
-                    disabled?: string;
-                    disabledOpacity?: number;
-                    disabledBackground?: string;
-                    focus?: string;
-                    focusOpacity?: number;
-                    activatedOpacity?: number;
-                };
-                background?: {
-                    default?: string;
-                    paper?: string;
-                };
-                getContrastText?: (background: string) => string;
-                augmentColor?: (options: import("@mui/material/styles/createPalette").PaletteAugmentColorOptions) => import("@mui/material").PaletteColor;
-            };
-        };
-        toolbar?: {
-            palette?: {
-                common?: {
-                    black?: string;
-                    white?: string;
-                };
-                mode?: import("@mui/material").PaletteMode;
-                contrastThreshold?: number;
-                tonalOffset?: number | {
-                    light?: number;
-                    dark?: number;
-                };
-                primary?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                secondary?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                error?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                warning?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                info?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                success?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                grey?: {
-                    50?: string;
-                    100?: string;
-                    200?: string;
-                    300?: string;
-                    400?: string;
-                    500?: string;
-                    600?: string;
-                    700?: string;
-                    800?: string;
-                    900?: string;
-                    A100?: string;
-                    A200?: string;
-                    A400?: string;
-                    A700?: string;
-                };
-                text?: {
-                    primary?: string;
-                    secondary?: string;
-                    disabled?: string;
-                };
-                divider?: import("@mui/material/styles/createPalette").TypeDivider;
-                action?: {
-                    active?: string;
-                    hover?: string;
-                    hoverOpacity?: number;
-                    selected?: string;
-                    selectedOpacity?: number;
-                    disabled?: string;
-                    disabledOpacity?: number;
-                    disabledBackground?: string;
-                    focus?: string;
-                    focusOpacity?: number;
-                    activatedOpacity?: number;
-                };
-                background?: {
-                    default?: string;
-                    paper?: string;
-                };
-                getContrastText?: (background: string) => string;
-                augmentColor?: (options: import("@mui/material/styles/createPalette").PaletteAugmentColorOptions) => import("@mui/material").PaletteColor;
-            };
-        };
-        footer?: {
-            palette?: {
-                common?: {
-                    black?: string;
-                    white?: string;
-                };
-                mode?: import("@mui/material").PaletteMode;
-                contrastThreshold?: number;
-                tonalOffset?: number | {
-                    light?: number;
-                    dark?: number;
-                };
-                primary?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                secondary?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                error?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                warning?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                info?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                success?: {
-                    light?: string;
-                    main?: string;
-                    dark?: string;
-                    contrastText?: string;
-                };
-                grey?: {
-                    50?: string;
-                    100?: string;
-                    200?: string;
-                    300?: string;
-                    400?: string;
-                    500?: string;
-                    600?: string;
-                    700?: string;
-                    800?: string;
-                    900?: string;
-                    A100?: string;
-                    A200?: string;
-                    A400?: string;
-                    A700?: string;
-                };
-                text?: {
-                    primary?: string;
-                    secondary?: string;
-                    disabled?: string;
-                };
-                divider?: import("@mui/material/styles/createPalette").TypeDivider;
-                action?: {
-                    active?: string;
-                    hover?: string;
-                    hoverOpacity?: number;
-                    selected?: string;
-                    selectedOpacity?: number;
-                    disabled?: string;
-                    disabledOpacity?: number;
-                    disabledBackground?: string;
-                    focus?: string;
-                    focusOpacity?: number;
-                    activatedOpacity?: number;
-                };
-                background?: {
-                    default?: string;
-                    paper?: string;
-                };
-                getContrastText?: (background: string) => string;
-                augmentColor?: (options: import("@mui/material/styles/createPalette").PaletteAugmentColorOptions) => import("@mui/material").PaletteColor;
-            };
-        };
-    };
-    defaultAuth?: string[];
-    loginRedirectUrl?: string;
-};
 /**
  * Sets the default settings for the application.
  */

package/dist/types/{components/OwpSettings/OwpSettings.d.ts → types/OwpSettingsTypes.d.ts}

@@ -23,15 +23,3 @@ export type OwpSettingsConfigType = {
     defaultAuth?: string[];
     loginRedirectUrl: string;
 };
-/**
- * The OwpSettings component is responsible for rendering the settings form for the Owp React application.
- * It uses the useForm hook from the react-hook-form library to handle form state and validation.
- * It also uses various MUI components to render the form fields and sections.
- * The component is memoized to prevent unnecessary re-renders.
- */
-declare function OwpSettings(): import("react/jsx-runtime").JSX.Element;
-/**
- * OwpSettingsMemo 메모이징 컴포넌트
- */
-declare const OwpSettingsMemo: import("react").MemoExoticComponent<typeof OwpSettings>;
-export { OwpSettingsMemo as OwpSettings };

package/dist/types/utils/common/OwpUtils.d.ts

@@ -1,5 +1,5 @@
 import { OwpEventEmitter } from '@/components/OwpEventEmitter';
-import { OwpSettingsConfigType } from '@/components/OwpSettings/OwpSettings';
+import type { OwpSettingsConfigType } from '@/types/OwpSettingsTypes';
 import { DeepPartial } from 'react-hook-form';
 import { RouteObject } from 'react-router-dom';
 import { PartialDeep } from 'type-fest';

package/dist/usePageLockLoading-BUI_3PlR.js

@@ -0,0 +1,39 @@
+var L = Object.defineProperty;
+var e = (t, o) => L(t, "name", { value: o, configurable: !0 });
+import { S } from "./localStorageKeys-Che0CNci.js";
+import { u as g } from "./useShortcuts-CCf98L8m.js";
+import { useRef as T, useEffect as G } from "react";
+import { useLocation as _, useNavigate as R } from "react-router-dom";
+import { S as a } from "./storageKeys-C6xHFiTo.js";
+import { useAtomValue as i, useSetAtom as d } from "jotai";
+import { atomWithStorage as m } from "jotai/utils";
+const k = "/auth/login", C = "Message.로그인이 필요합니다.", v = /* @__PURE__ */ e(({
+  loginPath: t = k,
+  isEnabled: o,
+  snackbarMessageKey: r = C
+} = {}) => {
+  const { env: s } = g(), l = _(), u = R(), p = typeof window > "u" ? null : window.localStorage.getItem(S), E = l.pathname.startsWith(t), n = (o ?? (s == null ? void 0 : s.isAccessTokenGuardEnabled) ?? !0) && !p && !E, c = T(!1);
+  return G(() => {
+    if (!n) {
+      c.current = !1;
+      return;
+    }
+    c.current || (c.current = !0, u(t, {
+      replace: !0,
+      state: r ? {
+        snackbarMessageKey: r
+      } : void 0
+    }));
+  }, [t, u, n, r]), n;
+}, "useAccessTokenGuard"), f = m(a.currentUserId, ""), x = /* @__PURE__ */ e(() => i(f), "useGetCurrentUserId"), D = /* @__PURE__ */ e(() => d(f), "useSetCurrentUserId"), A = m(
+  a.lockLoadingProps,
+  { loading: !1 }
+), F = /* @__PURE__ */ e(() => i(A), "useGetPageLockLoading"), H = /* @__PURE__ */ e(() => ({ setLoading: d(A) }), "usePageLockLoading");
+export {
+  v as a,
+  x as b,
+  D as c,
+  H as d,
+  F as u
+};
+//# sourceMappingURL=usePageLockLoading-BUI_3PlR.js.map

package/dist/usePageLockLoading-BUI_3PlR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageLockLoading-BUI_3PlR.js","sources":["../src/hooks/useAccessTokenGuard.ts","../src/hooks/useCurrentUserId.ts","../src/hooks/usePageLockLoading.ts"],"sourcesContent":["import { STORAGE_ACCESS_TOKEN_KEY } from '@/constants/localStorageKeys';\nimport { useOwpAppContext } from '@/context/OwpAppProvider';\nimport { useEffect, useRef } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nexport interface UseAccessTokenGuardOptions {\n  loginPath?: string;\n  isEnabled?: boolean;\n  snackbarMessageKey?: string;\n}\n\nconst DEFAULT_LOGIN_PATH = '/auth/login';\nconst DEFAULT_SNACKBAR_MESSAGE_KEY = 'Message.로그인이 필요합니다.';\n\n/**\n * 액세스 토큰 기반 로그인 가드\n * @param loginPath 로그인 라우트 경로\n * @param isEnabled 가드 활성화 여부\n * @param snackbarMessageKey 로그인 필요 안내 메시지 키\n */\nexport const useAccessTokenGuard = ({\n  loginPath = DEFAULT_LOGIN_PATH,\n  isEnabled,\n  snackbarMessageKey = DEFAULT_SNACKBAR_MESSAGE_KEY,\n}: UseAccessTokenGuardOptions = {}) => {\n  const { env } = useOwpAppContext();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const accessToken =\n    typeof window === 'undefined' ? null : window.localStorage.getItem(STORAGE_ACCESS_TOKEN_KEY);\n  const isLoginRoute = location.pathname.startsWith(loginPath);\n  const isAccessTokenGuardEnabled = isEnabled ?? env?.isAccessTokenGuardEnabled ?? true;\n  const shouldRedirectToLogin = isAccessTokenGuardEnabled && !accessToken && !isLoginRoute;\n  const hasHandledRedirectRef = useRef(false);\n\n  useEffect(() => {\n    if (!shouldRedirectToLogin) {\n      hasHandledRedirectRef.current = false;\n      return;\n    }\n\n    if (hasHandledRedirectRef.current) {\n      return;\n    }\n\n    hasHandledRedirectRef.current = true;\n\n    navigate(loginPath, {\n      replace: true,\n      state: snackbarMessageKey\n        ? {\n            snackbarMessageKey,\n          }\n        : undefined,\n    });\n  }, [loginPath, navigate, shouldRedirectToLogin, snackbarMessageKey]);\n\n  return shouldRedirectToLogin;\n};\n","import { STORAGE_KEYS } from '@/constants/storageKeys';\nimport { useAtomValue, useSetAtom } from 'jotai';\nimport { atomWithStorage } from 'jotai/utils';\n\nconst currentUserIdAtom = atomWithStorage<string | ''>(STORAGE_KEYS.currentUserId, '');\n\n/**\n * 현재 사용자 ID 조회 훅\n */\nexport const useGetCurrentUserId = () => {\n  return useAtomValue(currentUserIdAtom);\n};\n\n/**\n * 현재 사용자 ID 설정 훅\n */\nexport const useSetCurrentUserId = () => {\n  return useSetAtom(currentUserIdAtom);\n};\n","import type { OwpPageLockLoadingProps } from '@/components/OwpPageLockLoading';\nimport { STORAGE_KEYS } from '@/constants/storageKeys';\nimport { useAtomValue, useSetAtom } from 'jotai';\nimport { atomWithStorage } from 'jotai/utils';\n\nconst currentLockLoadingAtom = atomWithStorage<OwpPageLockLoadingProps | undefined>(\n  STORAGE_KEYS.lockLoadingProps,\n  { loading: false },\n);\n\n/**\n * 페이지 잠금 로딩 상태 조회\n */\nexport const useGetPageLockLoading = () => {\n  return useAtomValue(currentLockLoadingAtom);\n};\n\n/**\n * 페이지 잠금 로딩 상태 설정\n */\nexport const usePageLockLoading = () => {\n  return { setLoading: useSetAtom(currentLockLoadingAtom) };\n};\n"],"names":["DEFAULT_LOGIN_PATH","DEFAULT_SNACKBAR_MESSAGE_KEY","useAccessTokenGuard","__name","loginPath","isEnabled","snackbarMessageKey","env","useOwpAppContext","location","useLocation","navigate","useNavigate","accessToken","STORAGE_ACCESS_TOKEN_KEY","isLoginRoute","shouldRedirectToLogin","hasHandledRedirectRef","useRef","useEffect","currentUserIdAtom","atomWithStorage","STORAGE_KEYS","useGetCurrentUserId","useAtomValue","useSetCurrentUserId","useSetAtom","currentLockLoadingAtom","useGetPageLockLoading","usePageLockLoading"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAqB,eACrBC,IAA+B,uBAQxBC,IAAsB,gBAAAC,EAAA,CAAC;AAAA,EAClC,WAAAC,IAAYJ;AAAA,EACZ,WAAAK;AAAA,EACA,oBAAAC,IAAqBL;AACvB,IAAgC,OAAO;AACrC,QAAM,EAAE,KAAAM,EAAA,IAAQC,EAAA,GACVC,IAAWC,EAAA,GACXC,IAAWC,EAAA,GACXC,IACJ,OAAO,SAAW,MAAc,OAAO,OAAO,aAAa,QAAQC,CAAwB,GACvFC,IAAeN,EAAS,SAAS,WAAWL,CAAS,GAErDY,KAD4BX,MAAaE,KAAA,gBAAAA,EAAK,8BAA6B,OACtB,CAACM,KAAe,CAACE,GACtEE,IAAwBC,EAAO,EAAK;AAE1C,SAAAC,EAAU,MAAM;AACd,QAAI,CAACH,GAAuB;AAC1B,MAAAC,EAAsB,UAAU;AAChC;AAAA,IACF;AAEA,IAAIA,EAAsB,YAI1BA,EAAsB,UAAU,IAEhCN,EAASP,GAAW;AAAA,MAClB,SAAS;AAAA,MACT,OAAOE,IACH;AAAA,QACE,oBAAAA;AAAA,MAAA,IAEF;AAAA,IAAA,CACL;AAAA,EACH,GAAG,CAACF,GAAWO,GAAUK,GAAuBV,CAAkB,CAAC,GAE5DU;AACT,GAtCmC,wBChB7BI,IAAoBC,EAA6BC,EAAa,eAAe,EAAE,GAKxEC,IAAsB,gBAAApB,EAAA,MAC1BqB,EAAaJ,CAAiB,GADJ,wBAOtBK,IAAsB,gBAAAtB,EAAA,MAC1BuB,EAAWN,CAAiB,GADF,wBCX7BO,IAAyBN;AAAA,EAC7BC,EAAa;AAAA,EACb,EAAE,SAAS,GAAA;AACb,GAKaM,IAAwB,gBAAAzB,EAAA,MAC5BqB,EAAaG,CAAsB,GADP,0BAOxBE,IAAqB,gBAAA1B,EAAA,OACzB,EAAE,YAAYuB,EAAWC,CAAsB,EAAA,IADtB;"}