@owp/core 2.1.6 → 2.2.0

package/dist/layout/components/menus/PasswordChangeMenu.js

@@ -0,0 +1,237 @@
+var Q = Object.defineProperty;
+var s = (e, r) => Q(e, "name", { value: r, configurable: !0 });
+import { jsxs as d, jsx as t } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useGetCurrentUser as X } from "../../../hooks/useCurrentUser.js";
+import { useOwpTranslation as b } from "../../../hooks/useOwpTranslation.js";
+import { useStorage as Z } from "../../../hooks/useStorage.js";
+import N from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Visibility.js";
+import T from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/VisibilityOff.js";
+import _ from "@mui/material/Alert";
+import q from "@mui/material/Button";
+import k from "@mui/material/IconButton";
+import L from "@mui/material/InputAdornment";
+import J from "@mui/material/ListItemIcon";
+import K from "@mui/material/ListItemText";
+import Y from "@mui/material/MenuItem";
+import W from "@mui/material/TextField";
+import { useMutation as ee } from "@tanstack/react-query";
+import { useDialogs as te } from "@toolpad/core/useDialogs";
+import { useState as P, useMemo as D } from "react";
+import { useForm as ne, Controller as O } from "react-hook-form";
+import { OwpSvgIcon as se } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
+import { clamp as oe } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/math/clamp.js";
+import { toString as re } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/toString.js";
+import { OwpDialog as ae } from "../../../components/OwpDialog/OwpDialog.js";
+const y = "success", h = "fail", ie = "!@#$%^&*()_-+=[]{}:;'\",.<>/?`~|\\", le = /* @__PURE__ */ s((e) => e.replace(/[[\]\\^-]/g, "\\$&"), "escapeRegExpCharacterClass"), $ = le(ie), ce = new RegExp(`[${$}]`), me = new RegExp(
+  `[^A-Za-z0-9${$}]`,
+  "g"
+), U = /* @__PURE__ */ s((e) => e.replace(me, ""), "sanitizePasswordValue");
+function de() {
+  const { t: e } = b(), r = {
+    Weak: e("Pages.ChangePassword.label.약함"),
+    Medium: e("Pages.ChangePassword.label.보통"),
+    Strong: e("Pages.ChangePassword.label.강력")
+  }, { control: i, handleSubmit: c, watch: l, reset: B } = ne({
+    defaultValues: { password: "", confirm: "" }
+  }), [A, H] = P(!1), [E, j] = P(!1), [g, p] = P(null), f = X(), { getEnv: R } = Z(), S = D(() => {
+    try {
+      return R();
+    } catch (n) {
+      return console.error("🚀 ~ getEnv ~ error:", n), {};
+    }
+  }, [R]), m = l("password"), v = l("confirm"), o = D(() => {
+    const n = m.length >= 8, a = /[A-Za-z]/.test(m), x = /\d/.test(m), C = ce.test(m), F = m === v && m.length > 0, V = n && a && x && C, w = [n, a, x, C].filter(Boolean).length, G = w <= 2 ? "Weak" : w === 3 ? "Medium" : "Strong";
+    return { len: n, hasLetter: a, hasNum: x, hasSpecial: C, match: F, valid: V, score: w, strength: G };
+  }, [m, v]), z = oe(o.score / 4 * 100, 0, 100), I = { Weak: "bg-red-500", Medium: "bg-yellow-500", Strong: "bg-green-500" }, M = ee({
+    mutationFn: /* @__PURE__ */ s(({ password: n }) => ge({
+      apiBaseUrl: S == null ? void 0 : S.apiBaseUrl,
+      password: n,
+      userSeq: f == null ? void 0 : f.USERSEQ
+    }), "mutationFn"),
+    onSuccess: /* @__PURE__ */ s((n) => {
+      p(n), n === y && B();
+    }, "onSuccess")
+  });
+  return /* @__PURE__ */ d("form", { onSubmit: c(/* @__PURE__ */ s(async ({ password: n }) => {
+    !o.valid || !o.match || (p(null), await M.mutateAsync({ password: n }));
+  }, "submit")), className: "w-full max-w-lg space-y-20", children: [
+    /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ t(
+        O,
+        {
+          name: "password",
+          control: i,
+          render: /* @__PURE__ */ s(({ field: n }) => /* @__PURE__ */ t(
+            W,
+            {
+              ...n,
+              autoFocus: !0,
+              label: e("Pages.ChangePassword.label.새 비밀번호"),
+              variant: "outlined",
+              fullWidth: !0,
+              type: A ? "text" : "password",
+              slotProps: {
+                inputLabel: {
+                  sx: {
+                    backgroundColor: "background.paper",
+                    px: 0.5,
+                    lineHeight: 1.2,
+                    zIndex: 1
+                  }
+                },
+                input: {
+                  endAdornment: /* @__PURE__ */ t(L, { position: "end", children: /* @__PURE__ */ t(k, { onClick: /* @__PURE__ */ s(() => H((a) => !a), "onClick"), children: A ? /* @__PURE__ */ t(T, {}) : /* @__PURE__ */ t(N, {}) }) })
+                }
+              },
+              onChange: /* @__PURE__ */ s((a) => {
+                n.onChange(U(a.target.value)), g !== null && p(null);
+              }, "onChange"),
+              helperText: e("Message.8자 이상, 영문·숫자·특수문자 포함")
+            }
+          ), "render")
+        }
+      ),
+      !!m && /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ t("div", { className: "h-2 w-full bg-gray-200 rounded", children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: `h-3 rounded transition-all ${I[o.strength]}`,
+            style: { width: `${z}%` }
+          }
+        ) }),
+        /* @__PURE__ */ t("div", { className: "flex justify-end text-sm font-medium text-gray-700", children: /* @__PURE__ */ t("span", { className: `ml-1 ${I[o.strength].replace("bg-", "text-")}`, children: r[o.strength] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(
+      O,
+      {
+        name: "confirm",
+        control: i,
+        render: /* @__PURE__ */ s(({ field: n }) => /* @__PURE__ */ t(
+          W,
+          {
+            ...n,
+            label: e("Pages.ChangePassword.label.비밀번호 확인"),
+            variant: "outlined",
+            fullWidth: !0,
+            type: E ? "text" : "password",
+            slotProps: {
+              inputLabel: {
+                sx: {
+                  backgroundColor: "background.paper",
+                  px: 0.5,
+                  lineHeight: 1.2,
+                  zIndex: 1
+                }
+              },
+              input: {
+                endAdornment: /* @__PURE__ */ t(L, { position: "end", children: /* @__PURE__ */ t(k, { onClick: /* @__PURE__ */ s(() => j((a) => !a), "onClick"), children: E ? /* @__PURE__ */ t(T, {}) : /* @__PURE__ */ t(N, {}) }) })
+              }
+            },
+            onChange: /* @__PURE__ */ s((a) => {
+              n.onChange(U(a.target.value)), g !== null && p(null);
+            }, "onChange"),
+            error: !!n.value && !o.match,
+            helperText: n.value ? o.match ? e("Message.일치합니다.") : e("Message.비밀번호가 일치하지 않습니다.") : ""
+          }
+        ), "render")
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: "grid grid-cols-2 gap-2 ml-12 text-md", children: [
+      /* @__PURE__ */ t(u, { ok: o.len, text: e("Message.8자 이상") }),
+      /* @__PURE__ */ t(u, { ok: o.hasLetter, text: e("Message.영문 포함") }),
+      /* @__PURE__ */ t(u, { ok: o.hasNum, text: e("Message.숫자 포함") }),
+      /* @__PURE__ */ t(u, { ok: o.hasSpecial, text: e("Message.특수문자 포함") }),
+      /* @__PURE__ */ t(u, { ok: o.match, text: e("Message.비밀번호 일치") })
+    ] }),
+    /* @__PURE__ */ t(
+      q,
+      {
+        fullWidth: !0,
+        type: "submit",
+        variant: "contained",
+        color: "secondary",
+        loading: M.isPending,
+        disabled: !o.valid || !o.match,
+        sx: { letterSpacing: "0.06em" },
+        children: e("Button.변경")
+      }
+    ),
+    g === y && /* @__PURE__ */ t(_, { severity: "success", children: e("Message.비밀번호가 변경되었습니다.") }),
+    g === h && /* @__PURE__ */ t(_, { severity: "error", children: e("Message.변경에 실패했습니다. 다시 시도해주세요.") })
+  ] });
+}
+s(de, "PasswordChangeContent");
+function ue({ open: e, onClose: r }) {
+  const { t: i } = b();
+  return /* @__PURE__ */ t(
+    ae,
+    {
+      title: i("Title.패스워드 변경"),
+      canConfirm: !1,
+      cancelText: i("Button.닫기"),
+      open: e,
+      onClose: /* @__PURE__ */ s(() => r(), "onClose"),
+      maxWidth: "xs",
+      children: /* @__PURE__ */ t(de, {})
+    }
+  );
+}
+s(ue, "PasswordChangeDialog");
+function Ue(e) {
+  const { onAction: r } = e, { t: i } = b(), c = te();
+  return /* @__PURE__ */ d(
+    Y,
+    {
+      onClick: /* @__PURE__ */ s(async () => {
+        r == null || r(), c.open(ue);
+      }, "onClick"),
+      children: [
+        /* @__PURE__ */ t(J, { className: "min-w-36", children: /* @__PURE__ */ t(se, { children: "heroicons-outline:pencil-square" }) }),
+        /* @__PURE__ */ t(
+          K,
+          {
+            primary: i("Button.패스워드 변경"),
+            sx: { "& .MuiListItemText-primary": { letterSpacing: "0.02em" } }
+          }
+        )
+      ]
+    }
+  );
+}
+s(Ue, "PasswordChangeMenu");
+const u = /* @__PURE__ */ s(({ ok: e, text: r }) => /* @__PURE__ */ d("div", { className: "flex items-center gap-4", children: [
+  /* @__PURE__ */ t("span", { className: `w-6 h-6 rounded-full ${e ? "bg-green-500" : "bg-gray-300"}` }),
+  /* @__PURE__ */ t("span", { className: e ? "text-gray-800" : "text-gray-500", children: r })
+] }), "Rule");
+async function ge({
+  password: e,
+  userSeq: r,
+  apiBaseUrl: i
+}) {
+  if (!i || !e || r == null)
+    return h;
+  try {
+    const c = await fetch(`${i}/updateIpxUser_USERPASSWORD`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        "IPX_USER.USERPASSWORD": e,
+        "IPX_USER.USERSEQ": re(r)
+      })
+    });
+    if (!c.ok)
+      return h;
+    const l = await c.json();
+    if ((l == null ? void 0 : l.resultCode) === "STATUS_1" && (l == null ? void 0 : l.resultCount) === 1)
+      return y;
+  } catch (c) {
+    console.error(c);
+  }
+  return h;
+}
+s(ge, "updateUserPassword");
+export {
+  Ue as default
+};
+//# sourceMappingURL=PasswordChangeMenu.js.map

package/dist/layout/components/menus/PasswordChangeMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordChangeMenu.js","sources":["../../../../src/layout/components/menus/PasswordChangeMenu.tsx"],"sourcesContent":["import { OwpDialog as Dialog } from '@/components/OwpDialog';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentUser } from '@/hooks/useCurrentUser';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useStorage } from '@/hooks/useStorage';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport TextField from '@mui/material/TextField';\nimport { useMutation } from '@tanstack/react-query';\nimport { DialogProps, useDialogs } from '@toolpad/core/useDialogs';\nimport { clamp } from 'es-toolkit';\nimport { toString } from 'es-toolkit/compat';\nimport { useMemo, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\n\nconst SUCCESS = 'success';\nconst FAIL = 'fail';\nconst PASSWORD_ALLOWED_SPECIAL_CHARS = `!@#$%^&*()_-+=[]{}:;'\",.<>/?\\`~|\\\\`;\n\n/**\n * 정규식 문자 클래스 이스케이프\n * @param value 원본 문자열\n */\nconst escapeRegExpCharacterClass = (value: string) => value.replace(/[[\\]\\\\^-]/g, '\\\\$&');\n\nconst ESCAPED_PASSWORD_SPECIAL_CHARS = escapeRegExpCharacterClass(PASSWORD_ALLOWED_SPECIAL_CHARS);\nconst PASSWORD_SPECIAL_CHAR_PATTERN = new RegExp(`[${ESCAPED_PASSWORD_SPECIAL_CHARS}]`);\nconst DISALLOWED_PASSWORD_CHAR_PATTERN = new RegExp(\n  `[^A-Za-z0-9${ESCAPED_PASSWORD_SPECIAL_CHARS}]`,\n  'g',\n);\n\ntype FormValues = { password: string; confirm: string };\ntype PasswordChangeMenuProps = { onAction?: () => void };\n\n/**\n * 비밀번호 허용문자 정규화\n * @param value 입력 문자열\n */\nconst sanitizePasswordValue = (value: string) => value.replace(DISALLOWED_PASSWORD_CHAR_PATTERN, '');\n\n/**\n * Password change dialog content.\n */\nfunction PasswordChangeContent() {\n  const { t } = useOwpTranslation();\n\n  const STRENGTH = {\n    Weak: t('Pages.ChangePassword.label.약함'),\n    Medium: t('Pages.ChangePassword.label.보통'),\n    Strong: t('Pages.ChangePassword.label.강력'),\n  } as const;\n\n  const { control, handleSubmit, watch, reset } = useForm<FormValues>({\n    defaultValues: { password: '', confirm: '' },\n  });\n\n  const [showPwd, setShowPwd] = useState(false);\n  const [showConfirm, setShowConfirm] = useState(false);\n  const [done, setDone] = useState<typeof SUCCESS | typeof FAIL | null>(null);\n\n  const currentUser = useGetCurrentUser();\n  const { getEnv } = useStorage();\n\n  const env = useMemo(() => {\n    try {\n      return getEnv();\n    } catch (error) {\n      console.error('🚀 ~ getEnv ~ error:', error);\n      return {};\n    }\n  }, [getEnv]);\n\n  const pwd = watch('password');\n  const confirm = watch('confirm');\n\n  const rules = useMemo(() => {\n    const len = pwd.length >= 8;\n    const hasLetter = /[A-Za-z]/.test(pwd);\n    const hasNum = /\\d/.test(pwd);\n    const hasSpecial = PASSWORD_SPECIAL_CHAR_PATTERN.test(pwd);\n    const match = pwd === confirm && pwd.length > 0;\n    const valid = len && hasLetter && hasNum && hasSpecial;\n    const score = [len, hasLetter, hasNum, hasSpecial].filter(Boolean).length;\n    const strength = score <= 2 ? 'Weak' : score === 3 ? 'Medium' : 'Strong';\n    return { len, hasLetter, hasNum, hasSpecial, match, valid, score, strength };\n  }, [pwd, confirm]);\n\n  const pct = clamp((rules.score / 4) * 100, 0, 100);\n  const colors = { Weak: 'bg-red-500', Medium: 'bg-yellow-500', Strong: 'bg-green-500' };\n\n  const passwordChangeMutation = useMutation({\n    mutationFn: ({ password }: Pick<FormValues, 'password'>) =>\n      updateUserPassword({\n        apiBaseUrl: env?.apiBaseUrl,\n        password,\n        userSeq: currentUser?.USERSEQ,\n      }),\n    onSuccess: (resultCode) => {\n      setDone(resultCode);\n\n      if (resultCode === SUCCESS) {\n        reset();\n      }\n    },\n  });\n\n  const submit = async ({ password }: FormValues) => {\n    if (!rules.valid || !rules.match) {\n      return;\n    }\n\n    setDone(null);\n    await passwordChangeMutation.mutateAsync({ password });\n  };\n\n  return (\n    <form onSubmit={handleSubmit(submit)} className=\"w-full max-w-lg space-y-20\">\n      <div className=\"space-y-4\">\n        <Controller\n          name=\"password\"\n          control={control}\n          render={({ field }) => (\n            <TextField\n              {...field}\n              autoFocus\n              label={t('Pages.ChangePassword.label.새 비밀번호')}\n              variant=\"outlined\"\n              fullWidth\n              type={showPwd ? 'text' : 'password'}\n              slotProps={{\n                inputLabel: {\n                  sx: {\n                    backgroundColor: 'background.paper',\n                    px: 0.5,\n                    lineHeight: 1.2,\n                    zIndex: 1,\n                  },\n                },\n                input: {\n                  endAdornment: (\n                    <InputAdornment position=\"end\">\n                      <IconButton onClick={() => setShowPwd((v) => !v)}>\n                        {showPwd ? <VisibilityOff /> : <Visibility />}\n                      </IconButton>\n                    </InputAdornment>\n                  ),\n                },\n              }}\n              onChange={(e) => {\n                field.onChange(sanitizePasswordValue(e.target.value));\n\n                if (done !== null) {\n                  setDone(null);\n                }\n              }}\n              helperText={t('Message.8자 이상, 영문·숫자·특수문자 포함')}\n            />\n          )}\n        />\n        {!!pwd && (\n          <div className=\"space-y-4\">\n            <div className=\"h-2 w-full bg-gray-200 rounded\">\n              <div\n                className={`h-3 rounded transition-all ${colors[rules.strength]}`}\n                style={{ width: `${pct}%` }}\n              />\n            </div>\n            <div className=\"flex justify-end text-sm font-medium text-gray-700\">\n              <span className={`ml-1 ${colors[rules.strength].replace('bg-', 'text-')}`}>\n                {STRENGTH[rules.strength]}\n              </span>\n            </div>\n          </div>\n        )}\n      </div>\n      <Controller\n        name=\"confirm\"\n        control={control}\n        render={({ field }) => (\n          <TextField\n            {...field}\n            label={t('Pages.ChangePassword.label.비밀번호 확인')}\n            variant=\"outlined\"\n            fullWidth\n            type={showConfirm ? 'text' : 'password'}\n            slotProps={{\n              inputLabel: {\n                sx: {\n                  backgroundColor: 'background.paper',\n                  px: 0.5,\n                  lineHeight: 1.2,\n                  zIndex: 1,\n                },\n              },\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton onClick={() => setShowConfirm((v) => !v)}>\n                      {showConfirm ? <VisibilityOff /> : <Visibility />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n            }}\n            onChange={(e) => {\n              field.onChange(sanitizePasswordValue(e.target.value));\n\n              if (done !== null) {\n                setDone(null);\n              }\n            }}\n            error={!!field.value && !rules.match}\n            helperText={\n              !field.value\n                ? ''\n                : !rules.match\n                  ? t('Message.비밀번호가 일치하지 않습니다.')\n                  : t('Message.일치합니다.')\n            }\n          />\n        )}\n      />\n\n      <div className=\"grid grid-cols-2 gap-2 ml-12 text-md\">\n        <Rule ok={rules.len} text={t('Message.8자 이상')} />\n        <Rule ok={rules.hasLetter} text={t('Message.영문 포함')} />\n        <Rule ok={rules.hasNum} text={t('Message.숫자 포함')} />\n        <Rule ok={rules.hasSpecial} text={t('Message.특수문자 포함')} />\n        <Rule ok={rules.match} text={t('Message.비밀번호 일치')} />\n      </div>\n\n      <Button\n        fullWidth\n        type=\"submit\"\n        variant=\"contained\"\n        color=\"secondary\"\n        loading={passwordChangeMutation.isPending}\n        disabled={!rules.valid || !rules.match}\n        sx={{ letterSpacing: '0.06em' }}\n      >\n        {t('Button.변경')}\n      </Button>\n\n      {done === SUCCESS && (\n        <Alert severity=\"success\">\n          {t('Message.비밀번호가 변경되었습니다.')}\n        </Alert>\n      )}\n      {done === FAIL && (\n        <Alert severity=\"error\">\n          {t('Message.변경에 실패했습니다. 다시 시도해주세요.')}\n        </Alert>\n      )}\n    </form>\n  );\n}\n\nfunction PasswordChangeDialog({ open, onClose }: DialogProps) {\n  const { t } = useOwpTranslation();\n\n  return (\n    <Dialog\n      title={t('Title.패스워드 변경')}\n      canConfirm={false}\n      cancelText={t('Button.닫기')}\n      open={open}\n      onClose={() => onClose()}\n      maxWidth=\"xs\"\n    >\n      <PasswordChangeContent />\n    </Dialog>\n  );\n}\n\n/**\n * Password change menu item.\n */\nfunction PasswordChangeMenu(props: PasswordChangeMenuProps) {\n  const { onAction } = props;\n  const { t } = useOwpTranslation();\n  const dialogs = useDialogs();\n\n  return (\n    <MenuItem\n      onClick={async () => {\n        onAction?.();\n        dialogs.open(PasswordChangeDialog);\n      }}\n    >\n      <ListItemIcon className=\"min-w-36\">\n        <SvgIcon>heroicons-outline:pencil-square</SvgIcon>\n      </ListItemIcon>\n      <ListItemText\n        primary={t('Button.패스워드 변경')}\n        sx={{ '& .MuiListItemText-primary': { letterSpacing: '0.02em' } }}\n      />\n    </MenuItem>\n  );\n}\n\nconst Rule = ({ ok, text }: { ok: boolean; text: string }) => (\n  <div className=\"flex items-center gap-4\">\n    <span className={`w-6 h-6 rounded-full ${ok ? 'bg-green-500' : 'bg-gray-300'}`} />\n    <span className={ok ? 'text-gray-800' : 'text-gray-500'}>{text}</span>\n  </div>\n);\n\nasync function updateUserPassword({\n  password,\n  userSeq,\n  apiBaseUrl,\n}: {\n  password?: string;\n  apiBaseUrl?: string;\n  userSeq?: number;\n}): Promise<typeof SUCCESS | typeof FAIL> {\n  if (!apiBaseUrl || !password || userSeq == null) {\n    return FAIL;\n  }\n\n  try {\n    const res = await fetch(`${apiBaseUrl}/updateIpxUser_USERPASSWORD`, {\n      method: 'PUT',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({\n        'IPX_USER.USERPASSWORD': password,\n        'IPX_USER.USERSEQ': toString(userSeq),\n      }),\n    });\n\n    if (!res.ok) {\n      return FAIL;\n    }\n    const result = await res.json();\n\n    if (result?.resultCode === 'STATUS_1' && result?.resultCount === 1) {\n      return SUCCESS;\n    }\n  } catch (error) {\n    console.error(error);\n  }\n\n  return FAIL;\n}\n\nexport default PasswordChangeMenu;\n"],"names":["SUCCESS","FAIL","PASSWORD_ALLOWED_SPECIAL_CHARS","escapeRegExpCharacterClass","__name","value","ESCAPED_PASSWORD_SPECIAL_CHARS","PASSWORD_SPECIAL_CHAR_PATTERN","DISALLOWED_PASSWORD_CHAR_PATTERN","sanitizePasswordValue","PasswordChangeContent","t","useOwpTranslation","STRENGTH","control","handleSubmit","watch","reset","useForm","showPwd","setShowPwd","useState","showConfirm","setShowConfirm","done","setDone","currentUser","useGetCurrentUser","getEnv","useStorage","env","useMemo","error","pwd","confirm","rules","len","hasLetter","hasNum","hasSpecial","match","valid","score","strength","pct","clamp","colors","passwordChangeMutation","useMutation","password","updateUserPassword","resultCode","jsxs","jsx","Controller","field","TextField","InputAdornment","IconButton","v","VisibilityOff","Visibility","e","Rule","Button","Alert","PasswordChangeDialog","open","onClose","Dialog","PasswordChangeMenu","props","onAction","dialogs","useDialogs","MenuItem","ListItemIcon","SvgIcon","ListItemText","ok","text","userSeq","apiBaseUrl","res","toString","result"],"mappings":"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"}

package/dist/layout/components/menus/UserMenu.js

@@ -0,0 +1,133 @@
+var A = Object.defineProperty;
+var o = (a, s) => A(a, "name", { value: s, configurable: !0 });
+import { jsx as r, jsxs as n, Fragment as C } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useGetCurrentUser as S } from "../../../hooks/useCurrentUser.js";
+import { useStorage as I } from "../../../hooks/useStorage.js";
+import k from "@mui/material/Avatar";
+import v from "@mui/material/Box";
+import y from "@mui/material/IconButton";
+import b from "@mui/material/Popover";
+import { darken as w } from "@mui/material/styles";
+import f from "@mui/material/Typography";
+import { clsx as O } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useMemo as _, useState as D } from "react";
+import d from "./LogoutMenu.js";
+import R from "./PasswordChangeMenu.js";
+import { OwpSvgIcon as P } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
+const h = 36, x = 18;
+function J(a) {
+  var u;
+  const { className: s, popoverProps: g, arrowIcon: E = "heroicons-outline:chevron-up" } = a, e = S(), { getEnv: m } = I(), i = _(() => {
+    try {
+      return m();
+    } catch (t) {
+      return console.error("🚀 ~ getEnv ~ error:", t), {};
+    }
+  }, [m]), [l, p] = D(null), N = /* @__PURE__ */ o((t) => {
+    p(t.currentTarget);
+  }, "userMenuClick"), c = /* @__PURE__ */ o(() => {
+    p(null);
+  }, "userMenuClose");
+  return e ? /* @__PURE__ */ n(C, { children: [
+    /* @__PURE__ */ n(
+      v,
+      {
+        className: O(
+          "user-menu flex justify-start shrink-0  min-h-56 h-56 rounded-lg p-8 space-x-12",
+          s
+        ),
+        sx: {
+          backgroundColor: "transparent",
+          border: 0,
+          textAlign: "left"
+        },
+        children: [
+          /* @__PURE__ */ r(
+            k,
+            {
+              sx: /* @__PURE__ */ o((t) => ({
+                background: /* @__PURE__ */ o((M) => w(M.palette.background.default, 0.05), "background"),
+                color: t.palette.text.secondary,
+                width: `${h}px`,
+                height: `${h}px`,
+                fontSize: `${x}px`,
+                lineHeight: `${x}px`
+              }), "sx"),
+              className: "avatar md:mx-4",
+              children: (u = e == null ? void 0 : e.PERMISSIONID_CODENM) == null ? void 0 : u[0]
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: "flex flex-col flex-auto space-y-8", children: [
+            /* @__PURE__ */ r(
+              f,
+              {
+                component: "span",
+                className: "title flex font-semibold text-base capitalize truncate  tracking-tight leading-none",
+                children: e.USERNAME
+              }
+            ),
+            /* @__PURE__ */ n(
+              f,
+              {
+                className: "subtitle flex text-md font-medium tracking-tighter leading-none",
+                color: "text.secondary",
+                children: [
+                  e.DEPTID_CODENM,
+                  " / ",
+                  e.RANKID_CODENM
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(
+            y,
+            {
+              className: "arrow-wrapper -mx-12 flex-shrink-0",
+              color: "inherit",
+              "aria-haspopup": "menu",
+              "aria-expanded": !!l,
+              onClick: N,
+              sx: {
+                alignSelf: "center",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                transform: "translateX(8px)"
+              },
+              children: /* @__PURE__ */ r(P, { className: "arrow", size: 16, children: E })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      b,
+      {
+        open: !!l,
+        anchorEl: l,
+        onClose: c,
+        anchorOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        transformOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        classes: {
+          paper: "py-8 min-w-136"
+        },
+        ...g,
+        children: [
+          (i == null ? void 0 : i.isPasswordChangeEnabled) && /* @__PURE__ */ r(R, { onAction: c }),
+          /* @__PURE__ */ r(d, { onAction: c })
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ r(d, {});
+}
+o(J, "UserMenu");
+export {
+  J as default
+};
+//# sourceMappingURL=UserMenu.js.map

package/dist/layout/components/menus/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.js","sources":["../../../../src/layout/components/menus/UserMenu.tsx"],"sourcesContent":["import { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentUser } from '@/hooks/useCurrentUser';\nimport { useStorage } from '@/hooks/useStorage';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport Popover, { type PopoverProps } from '@mui/material/Popover';\nimport { darken } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport clsx from 'clsx';\nimport { type MouseEvent, useMemo, useState } from 'react';\nimport LogoutMenu from './LogoutMenu';\nimport PasswordChangeMenu from './PasswordChangeMenu';\n\ntype UserMenuProps = {\n  className?: string;\n  popoverProps?: Partial<PopoverProps>;\n  arrowIcon?: string;\n};\n\nconst USER_AVATAR_SIZE = 36;\nconst USER_AVATAR_FONT_SIZE = 18;\n\n/**\n * The user menu.\n */\nfunction UserMenu(props: UserMenuProps) {\n  const { className, popoverProps, arrowIcon = 'heroicons-outline:chevron-up' } = props;\n\n  const currentUser = useGetCurrentUser();\n  const { getEnv } = useStorage();\n\n  const env = useMemo(() => {\n    try {\n      return getEnv();\n    } catch (error) {\n      console.error('🚀 ~ getEnv ~ error:', error);\n      return {};\n    }\n  }, [getEnv]);\n\n  const [userMenu, setUserMenu] = useState<HTMLElement | null>(null);\n\n  const userMenuClick = (event: MouseEvent<HTMLElement>) => {\n    setUserMenu(event.currentTarget);\n  };\n\n  const userMenuClose = () => {\n    setUserMenu(null);\n  };\n\n  if (!currentUser) {\n    return <LogoutMenu />;\n  }\n\n  return (\n    <>\n      <Box\n        className={clsx(\n          'user-menu flex justify-start shrink-0  min-h-56 h-56 rounded-lg p-8 space-x-12',\n          className,\n        )}\n        sx={{\n          backgroundColor: 'transparent',\n          border: 0,\n          textAlign: 'left',\n        }}\n      >\n        <Avatar\n          sx={(theme) => ({\n            background: (theme) => darken(theme.palette.background.default, 0.05),\n            color: theme.palette.text.secondary,\n            width: `${USER_AVATAR_SIZE}px`,\n            height: `${USER_AVATAR_SIZE}px`,\n            fontSize: `${USER_AVATAR_FONT_SIZE}px`,\n            lineHeight: `${USER_AVATAR_FONT_SIZE}px`,\n          })}\n          className=\"avatar md:mx-4\"\n        >\n          {currentUser?.PERMISSIONID_CODENM?.[0]}\n        </Avatar>\n        <div className=\"flex flex-col flex-auto space-y-8\">\n          <Typography\n            component=\"span\"\n            className=\"title flex font-semibold text-base capitalize truncate  tracking-tight leading-none\"\n          >\n            {currentUser.USERNAME}\n          </Typography>\n          <Typography\n            className=\"subtitle flex text-md font-medium tracking-tighter leading-none\"\n            color=\"text.secondary\"\n          >\n            {currentUser.DEPTID_CODENM} / {currentUser.RANKID_CODENM}\n          </Typography>\n        </div>\n        <IconButton\n          className=\"arrow-wrapper -mx-12 flex-shrink-0\"\n          color=\"inherit\"\n          aria-haspopup=\"menu\"\n          aria-expanded={Boolean(userMenu)}\n          onClick={userMenuClick}\n          sx={{\n            alignSelf: 'center',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            transform: 'translateX(8px)',\n          }}\n        >\n          <SvgIcon className=\"arrow\" size={16}>\n            {arrowIcon}\n          </SvgIcon>\n        </IconButton>\n      </Box>\n      <Popover\n        open={Boolean(userMenu)}\n        anchorEl={userMenu}\n        onClose={userMenuClose}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        classes={{\n          paper: 'py-8 min-w-136',\n        }}\n        {...popoverProps}\n      >\n        {env?.isPasswordChangeEnabled && <PasswordChangeMenu onAction={userMenuClose} />}\n        <LogoutMenu onAction={userMenuClose} />\n      </Popover>\n    </>\n  );\n}\n\nexport default UserMenu;\n"],"names":["USER_AVATAR_SIZE","USER_AVATAR_FONT_SIZE","UserMenu","props","className","popoverProps","arrowIcon","currentUser","useGetCurrentUser","getEnv","useStorage","env","useMemo","error","userMenu","setUserMenu","useState","userMenuClick","__name","event","userMenuClose","jsxs","Fragment","Box","clsx","jsx","Avatar","theme","darken","_a","Typography","IconButton","SvgIcon","Popover","PasswordChangeMenu","LogoutMenu"],"mappings":"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"}

package/dist/layout/components/navbar/NavbarPinToggleButton.js

@@ -0,0 +1,58 @@
+var u = Object.defineProperty;
+var r = (o, n) => u(o, "name", { value: n, configurable: !0 });
+import { jsx as t } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import d from "./NavbarToggleButton.js";
+import { useOwpTranslation as p } from "../../../hooks/useOwpTranslation.js";
+import { useAppSelector as h } from "../../../hooks/useAppStore.js";
+import { selectOwpCurrentSettings as m } from "../../../store/owpSettingsSlice.js";
+import l from "@mui/material/SvgIcon";
+import { clsx as g } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+function k(o) {
+  return /* @__PURE__ */ t(l, { ...o, viewBox: "0 0 24 24", children: /* @__PURE__ */ t(
+    "path",
+    {
+      d: "M4 6.5h16M4 12h16M4 17.5h16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1,
+      vectorEffect: "non-scaling-stroke"
+    }
+  ) });
+}
+r(k, "NavbarAutoHideIcon");
+function v(o) {
+  return /* @__PURE__ */ t(l, { ...o, viewBox: "0 0 24 24", children: /* @__PURE__ */ t(
+    "path",
+    {
+      d: "M4 6.5h11.5M4 12h8.5M4 17.5h11.5M18.75 8.5 15.25 12l3.5 3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1,
+      vectorEffect: "non-scaling-stroke"
+    }
+  ) });
+}
+r(v, "NavbarPinnedIcon");
+function L(o) {
+  var s;
+  const { children: n, ...e } = o, a = h(m), { config: f } = a.layout, i = (s = f.navbar) == null ? void 0 : s.folded, { t: c } = p();
+  return /* @__PURE__ */ t(
+    d,
+    {
+      ...e,
+      color: e.color ?? "inherit",
+      tooltipTitle: c(i ? "Title.네비게이션 고정" : "Title.네비게이션 자동 숨김"),
+      className: g(i ? "opacity-100" : "opacity-70", e.className),
+      children: n ?? (i ? /* @__PURE__ */ t(v, { color: "inherit", sx: { fontSize: 24 } }) : /* @__PURE__ */ t(k, { color: "inherit", sx: { fontSize: 24 } }))
+    }
+  );
+}
+r(L, "NavbarPinToggleButton");
+export {
+  L as default
+};
+//# sourceMappingURL=NavbarPinToggleButton.js.map

package/dist/layout/components/navbar/NavbarPinToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarPinToggleButton.js","sources":["../../../../src/layout/components/navbar/NavbarPinToggleButton.tsx"],"sourcesContent":["import NavbarToggleButton, {\n  NavbarToggleButtonProps,\n} from '@/layout/components/navbar/NavbarToggleButton';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useAppSelector } from '@/hooks/useAppStore';\nimport { selectOwpCurrentSettings as selectCurrentSettings } from '@/store/owpSettingsSlice';\nimport type { OwpSettingsConfigType as SettingsConfigType } from '@/types/OwpSettingsTypes';\nimport SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';\nimport clsx from 'clsx';\nimport type { ReactNode } from 'react';\n\ntype NavbarPinToggleButtonProps = NavbarToggleButtonProps & {\n  className?: string;\n  children?: ReactNode;\n};\n\n/**\n * Navbar auto-hide state icon.\n */\nfunction NavbarAutoHideIcon(props: SvgIconProps) {\n  return (\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\n      <path\n        d=\"M4 6.5h16M4 12h16M4 17.5h16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1}\n        vectorEffect=\"non-scaling-stroke\"\n      />\n    </SvgIcon>\n  );\n}\n\n/**\n * Navbar pinned state icon.\n */\nfunction NavbarPinnedIcon(props: SvgIconProps) {\n  return (\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\n      <path\n        d=\"M4 6.5h11.5M4 12h8.5M4 17.5h11.5M18.75 8.5 15.25 12l3.5 3.5\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1}\n        vectorEffect=\"non-scaling-stroke\"\n      />\n    </SvgIcon>\n  );\n}\n\n/**\n * Navbar pin toggle button.\n */\nfunction NavbarPinToggleButton(props: NavbarPinToggleButtonProps) {\n  const { children, ...rest } = props;\n  const settings: SettingsConfigType = useAppSelector(selectCurrentSettings);\n  const { config } = settings.layout;\n  const folded = config.navbar?.folded;\n  const { t } = useOwpTranslation();\n\n  return (\n    <NavbarToggleButton\n      {...rest}\n      color={rest.color ?? 'inherit'}\n      tooltipTitle={\n        folded ? t('Title.네비게이션 고정') : t('Title.네비게이션 자동 숨김')\n      }\n      className={clsx(folded ? 'opacity-100' : 'opacity-70', rest.className)}\n    >\n      {children ??\n        (folded ? (\n          <NavbarPinnedIcon color=\"inherit\" sx={{ fontSize: 24 }} />\n        ) : (\n          <NavbarAutoHideIcon color=\"inherit\" sx={{ fontSize: 24 }} />\n        ))}\n    </NavbarToggleButton>\n  );\n}\n\nexport default NavbarPinToggleButton;\n"],"names":["NavbarAutoHideIcon","props","jsx","SvgIcon","__name","NavbarPinnedIcon","NavbarPinToggleButton","children","rest","settings","useAppSelector","selectCurrentSettings","config","folded","_a","t","useOwpTranslation","NavbarToggleButton","clsx"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAmBC,GAAqB;AAC/C,SACE,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAO,SAAQ,aAC1B,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,QAAO;AAAA,MACP,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AAdSE,EAAAJ,GAAA;AAmBT,SAASK,EAAiBJ,GAAqB;AAC7C,SACE,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAO,SAAQ,aAC1B,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,QAAO;AAAA,MACP,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AAdSE,EAAAC,GAAA;AAmBT,SAASC,EAAsBL,GAAmC;;AAChE,QAAM,EAAE,UAAAM,GAAU,GAAGC,EAAA,IAASP,GACxBQ,IAA+BC,EAAeC,CAAqB,GACnE,EAAE,QAAAC,MAAWH,EAAS,QACtBI,KAASC,IAAAF,EAAO,WAAP,gBAAAE,EAAe,QACxB,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAAd;AAAA,IAACe;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,OAAOA,EAAK,SAAS;AAAA,MACrB,cACWO,EAATF,IAAW,mBAAsB,mBAAN;AAAA,MAE7B,WAAWK,EAAKL,IAAS,gBAAgB,cAAcL,EAAK,SAAS;AAAA,MAEpE,UAAAD,MACEM,IACC,gBAAAX,EAACG,GAAA,EAAiB,OAAM,WAAU,IAAI,EAAE,UAAU,GAAA,GAAM,IAExD,gBAAAH,EAACF,KAAmB,OAAM,WAAU,IAAI,EAAE,UAAU,MAAM;AAAA,IAAA;AAAA,EAAA;AAIpE;AAxBSI,EAAAE,GAAA;"}

package/dist/layout/components/navbar/NavbarToggleButton.js

@@ -0,0 +1,60 @@
+var T = Object.defineProperty;
+var a = (o, i) => T(o, "name", { value: i, configurable: !0 });
+import { jsx as n } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { selectOwpCurrentSettings as S, setDefaultSettings as v } from "../../../store/owpSettingsSlice.js";
+import { useOwpTranslation as w } from "../../../hooks/useOwpTranslation.js";
+import { useThemeMediaQuery as C } from "../../../hooks/useThemeMediaQuery.js";
+import { useAppDispatch as h, useAppSelector as A } from "../../../hooks/useAppStore.js";
+import { navbarToggleMobile as B } from "../../../store/navbarSlice.js";
+import M from "@mui/material/IconButton";
+import N from "@mui/material/Tooltip";
+import { alpha as r } from "@mui/material/styles";
+import { clsx as O } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { OwpSvgIcon as D } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
+import { set as I } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/set.js";
+const j = /* @__PURE__ */ a((o) => ({
+  borderWidth: "1px",
+  borderStyle: "solid",
+  borderColor: r(o.palette.text.primary, o.palette.mode === "dark" ? 0.32 : 0.16),
+  backgroundColor: r(o.palette.common.white, o.palette.mode === "dark" ? 0.08 : 0.9),
+  boxShadow: `inset 0 1px 0 ${r(o.palette.common.white, o.palette.mode === "dark" ? 0.08 : 0.88)}`,
+  color: r(o.palette.text.primary, o.palette.mode === "dark" ? 0.92 : 0.72),
+  transition: o.transitions.create(["background-color", "border-color", "transform"], {
+    duration: o.transitions.duration.shorter
+  }),
+  "&:hover": {
+    backgroundColor: r(o.palette.primary.main, o.palette.mode === "dark" ? 0.18 : 0.08),
+    borderColor: r(o.palette.primary.main, o.palette.mode === "dark" ? 0.4 : 0.22),
+    transform: "translateY(-1px)"
+  }
+}), "lightSurfaceButtonSx");
+function P(o) {
+  const {
+    className: i = "",
+    children: d = /* @__PURE__ */ n(D, { size: 20, color: "action", children: "heroicons-outline:bars-3" }),
+    surfaceTone: m = "inherit",
+    tooltipTitle: f,
+    sx: t,
+    ...u
+  } = o, s = h(), b = C((e) => e.breakpoints.down("lg")), { t: g } = w(), l = A(S), x = f ?? g("Title.메뉴"), k = m === "light" ? [j, ...Array.isArray(t) ? t : t ? [t] : []] : t, y = /* @__PURE__ */ n(
+    M,
+    {
+      onClick: /* @__PURE__ */ a(() => {
+        var e, p, c;
+        s(b ? B() : v(
+          I({}, "layout.config.navbar.folded", !((c = (p = (e = l == null ? void 0 : l.layout) == null ? void 0 : e.config) == null ? void 0 : p.navbar) != null && c.folded))
+        ));
+      }, "onClick"),
+      ...u,
+      sx: k,
+      className: O(i),
+      children: d
+    }
+  );
+  return /* @__PURE__ */ n(N, { title: x, placement: "bottom", children: y });
+}
+a(P, "NavbarToggleButton");
+export {
+  P as default
+};
+//# sourceMappingURL=NavbarToggleButton.js.map

package/dist/layout/components/navbar/NavbarToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarToggleButton.js","sources":["../../../../src/layout/components/navbar/NavbarToggleButton.tsx"],"sourcesContent":["import type { OwpSettingsConfigType as SettingsConfigType } from '@/types/OwpSettingsTypes';\nimport {\n  selectOwpCurrentSettings as selectCurrentSettings,\n  setDefaultSettings,\n} from '@/store/owpSettingsSlice';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport { useAppDispatch, useAppSelector } from '@/hooks/useAppStore';\nimport { navbarToggleMobile } from '@/store/navbarSlice';\nimport IconButton, { type IconButtonProps } from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport { alpha, type SxProps, type Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { set } from 'es-toolkit/compat';\nimport { ReactNode } from 'react';\n\nexport type NavbarToggleButtonProps = IconButtonProps & {\n  surfaceTone?: 'inherit' | 'light';\n  tooltipTitle?: ReactNode;\n};\n\nconst lightSurfaceButtonSx = (theme: Theme) => ({\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  borderColor: alpha(theme.palette.text.primary, theme.palette.mode === 'dark' ? 0.32 : 0.16),\n  backgroundColor: alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.08 : 0.9),\n  boxShadow: `inset 0 1px 0 ${alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.08 : 0.88)}`,\n  color: alpha(theme.palette.text.primary, theme.palette.mode === 'dark' ? 0.92 : 0.72),\n  transition: theme.transitions.create(['background-color', 'border-color', 'transform'], {\n    duration: theme.transitions.duration.shorter,\n  }),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.primary.main, theme.palette.mode === 'dark' ? 0.18 : 0.08),\n    borderColor: alpha(theme.palette.primary.main, theme.palette.mode === 'dark' ? 0.4 : 0.22),\n    transform: 'translateY(-1px)',\n  },\n});\n\n/**\n * The navbar toggle button.\n */\nfunction NavbarToggleButton(props: NavbarToggleButtonProps) {\n  const {\n    className = '',\n    children = (\n      <SvgIcon size={20} color=\"action\">\n        heroicons-outline:bars-3\n      </SvgIcon>\n    ),\n    surfaceTone = 'inherit',\n    tooltipTitle,\n    sx,\n    ...rest\n  } = props;\n\n  const dispatch = useAppDispatch();\n  const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n  const { t } = useOwpTranslation();\n  const settings: SettingsConfigType = useAppSelector(selectCurrentSettings);\n  const resolvedTooltipTitle = tooltipTitle ?? t('Title.메뉴');\n  const resolvedSx: SxProps<Theme> | undefined =\n    surfaceTone === 'light'\n      ? [lightSurfaceButtonSx, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])]\n      : sx;\n\n  const button = (\n    <IconButton\n      onClick={() => {\n        if (isMobile) {\n          dispatch(navbarToggleMobile());\n        } else {\n          dispatch(\n            setDefaultSettings(\n              set({}, 'layout.config.navbar.folded', !settings?.layout?.config?.navbar?.folded),\n            ),\n          );\n        }\n      }}\n      {...rest}\n      sx={resolvedSx}\n      className={clsx(className)}\n    >\n      {children}\n    </IconButton>\n  );\n\n  return (\n    <Tooltip title={resolvedTooltipTitle} placement=\"bottom\">\n      {button}\n    </Tooltip>\n  );\n}\n\nexport default NavbarToggleButton;\n"],"names":["lightSurfaceButtonSx","__name","theme","alpha","NavbarToggleButton","props","className","children","jsx","SvgIcon","surfaceTone","tooltipTitle","sx","rest","dispatch","useAppDispatch","isMobile","useThemeMediaQuery","t","useOwpTranslation","settings","useAppSelector","selectCurrentSettings","resolvedTooltipTitle","resolvedSx","button","IconButton","navbarToggleMobile","setDefaultSettings","set","_c","_b","_a","clsx","Tooltip"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,IAAuB,gBAAAC,EAAA,CAACC,OAAkB;AAAA,EAC9C,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAaC,EAAMD,EAAM,QAAQ,KAAK,SAASA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,EAC1F,iBAAiBC,EAAMD,EAAM,QAAQ,OAAO,OAAOA,EAAM,QAAQ,SAAS,SAAS,OAAO,GAAG;AAAA,EAC7F,WAAW,iBAAiBC,EAAMD,EAAM,QAAQ,OAAO,OAAOA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI,CAAC;AAAA,EAC1G,OAAOC,EAAMD,EAAM,QAAQ,KAAK,SAASA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,EACpF,YAAYA,EAAM,YAAY,OAAO,CAAC,oBAAoB,gBAAgB,WAAW,GAAG;AAAA,IACtF,UAAUA,EAAM,YAAY,SAAS;AAAA,EAAA,CACtC;AAAA,EACD,WAAW;AAAA,IACT,iBAAiBC,EAAMD,EAAM,QAAQ,QAAQ,MAAMA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,IAC9F,aAAaC,EAAMD,EAAM,QAAQ,QAAQ,MAAMA,EAAM,QAAQ,SAAS,SAAS,MAAM,IAAI;AAAA,IACzF,WAAW;AAAA,EAAA;AAEf,IAf6B;AAoB7B,SAASE,EAAmBC,GAAgC;AAC1D,QAAM;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,UAAAC,IACE,gBAAAC,EAACC,GAAA,EAAQ,MAAM,IAAI,OAAM,UAAS,UAAA,4BAElC;AAAA,IAEF,aAAAC,IAAc;AAAA,IACd,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR,GAEES,IAAWC,EAAA,GACXC,IAAWC,EAAmB,CAACf,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GACrE,EAAE,GAAAgB,EAAA,IAAMC,EAAA,GACRC,IAA+BC,EAAeC,CAAqB,GACnEC,IAAuBZ,KAAgBO,EAAE,UAAU,GACnDM,IACJd,MAAgB,UACZ,CAACV,GAAsB,GAAI,MAAM,QAAQY,CAAE,IAAIA,IAAKA,IAAK,CAACA,CAAE,IAAI,CAAA,CAAG,IACnEA,GAEAa,IACJ,gBAAAjB;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,SAAS,gBAAAzB,EAAA,MAAM;;AACb,QACEa,EADEE,IACOW,MAGPC;AAAA,UACEC,EAAI,CAAA,GAAI,+BAA+B,GAACC,KAAAC,KAAAC,IAAAZ,KAAA,gBAAAA,EAAU,WAAV,gBAAAY,EAAkB,WAAlB,gBAAAD,EAA0B,WAA1B,QAAAD,EAAkC,OAAM;AAAA,QAAA,CAJvD;AAAA,MAQjC,GAVS;AAAA,MAWR,GAAGjB;AAAA,MACJ,IAAIW;AAAA,MACJ,WAAWS,EAAK3B,CAAS;AAAA,MAExB,UAAAC;AAAA,IAAA;AAAA,EAAA;AAIL,2BACG2B,GAAA,EAAQ,OAAOX,GAAsB,WAAU,UAC7C,UAAAE,GACH;AAEJ;AAlDSxB,EAAAG,GAAA;"}