@bwg-ui/core 1.1.15 → 1.1.17

package/dist/chunks/ViewContainer-DQl7Mb0U.cjs

@@ -1,36 +0,0 @@
-"use strict";const t=require("./jsx-runtime-CeSfJrVB.cjs"),u=require("./AuthContext-CXng9fj0.cjs"),E=require("./ScreenProtectContext-CVuXrJm6.cjs"),i=require("antd"),m=require("react-router-dom"),w=require("./envUtils-CduTHoHu.cjs"),n=require("react"),v=require("@ant-design/icons");class g extends n.Component{constructor(r){super(r),this.resetError=()=>{this.setState({hasError:!1,error:void 0,errorInfo:void 0})},this.state={hasError:!1}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,s){console.error("ErrorBound caught an error:",r,s),this.setState({error:r,errorInfo:s})}render(){return this.state.hasError?this.props.fallback?this.props.fallback:t.jsxRuntimeExports.jsxs("div",{style:{padding:"40px 20px",textAlign:"center",backgroundColor:"#fafafa",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[t.jsxRuntimeExports.jsx(i.Result,{status:"error",title:"컴포넌트 로딩 중 오류가 발생했습니다",subTitle:this.state.error?`오류 내용: ${this.state.error.message}`:"알 수 없는 오류가 발생했습니다",extra:[t.jsxRuntimeExports.jsx(i.Button,{type:"primary",icon:t.jsxRuntimeExports.jsx(v.ReloadOutlined,{}),onClick:this.resetError,style:{marginRight:8},children:"다시 시도"},"retry")]}),this.state.error&&t.jsxRuntimeExports.jsxs("details",{style:{marginTop:"20px",textAlign:"left",maxWidth:"600px",backgroundColor:"#fff",padding:"16px",borderRadius:"6px",border:"1px solid #d9d9d9"},children:[t.jsxRuntimeExports.jsx("summary",{style:{cursor:"pointer",fontWeight:"bold"},children:"오류 상세 정보"}),t.jsxRuntimeExports.jsx("pre",{style:{marginTop:"8px",fontSize:"12px",color:"#666",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:this.state.error.stack})]})]}):this.props.children}}const x="bwg-dot-line-wave-v4";function R(){if(typeof document>"u"||document.getElementById(x))return;const e=document.createElement("style");e.id=x,e.textContent=`
-    .bwg-dotline {
-      display: inline-flex;
-      align-items: center;
-      gap: var(--bwg-gap, 12px);
-      height: calc(var(--bwg-size, 12px) + 2 * var(--bwg-amp, 12px));
-      line-height: 0;
-    }
-    .bwg-dotline .dot {
-      width: var(--bwg-size, 12px);
-      height: var(--bwg-size, 12px);
-      border-radius: 50%;
-      background: currentColor;
-      will-change: transform, opacity;
-      filter: drop-shadow(0 1px 2px rgba(0,0,0,.12));
-      animation: bwg-dotline-sine var(--bwg-speed, 780ms) linear infinite;
-    }
-
-    /* sin(θ) 근사: 0, 45, 90, 135, 180, 225, 270, 315, 360deg */
-    @keyframes bwg-dotline-sine {
-      0%   { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }
-      12.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }
-      25%  { transform: translate3d(0, calc(-1      * var(--bwg-amp, 12px)), 0) scale(1.06); opacity: 1; }
-      37.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }
-      50%  { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }
-      62.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }
-      75%  { transform: translate3d(0, calc( 1      * var(--bwg-amp, 12px)), 0) scale(.96); opacity: .76; }
-      87.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }
-      100% { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      .bwg-dotline .dot { animation: none; }
-    }
-  `,document.head.appendChild(e)}const C=({colors:e=["#DAD3FF","#B3A6FF","#9380FF","#816BFA"],count:r,size:s=12,gap:c=10,amp:h=16,speedMs:p=900,direction:f="ltr",phase:y=.7})=>{n.useEffect(()=>{R()},[]);const a=r??e.length,j=Array.from({length:a}),b={"--bwg-size":`${s}px`,"--bwg-gap":`${c}px`,"--bwg-amp":`${h}px`,"--bwg-speed":`${p}ms`},d=p/a*y;return t.jsxRuntimeExports.jsx("span",{className:"bwg-dotline",role:"img","aria-label":"loading",style:b,children:j.map((P,o)=>t.jsxRuntimeExports.jsx("span",{className:"dot",style:{backgroundColor:e[o%e.length],animationDelay:f==="ltr"?`${o*d}ms`:`${(a-1-o)*d}ms`}},o))})},l=({spin:e=null,text:r="인증중..."})=>{const{busy:s}=u.useAuth();return e??s?t.jsxRuntimeExports.jsxs("div",{style:{position:"fixed",height:"100vh",left:0,right:0,top:0,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:8,padding:"8px 12px",background:"rgba(0,0,0,0.6)",color:"#fff",zIndex:1e4},"aria-live":"polite","aria-busy":"true",role:"status",children:[t.jsxRuntimeExports.jsx(i.Spin,{indicator:t.jsxRuntimeExports.jsx(C,{colors:["#DAD3FF","#B3A6FF","#9380FF","#816BFA"],size:12,gap:10,amp:16,speedMs:900,phase:.75,direction:"ltr"})}),t.jsxRuntimeExports.jsx("span",{className:"bwg-spin-txt",style:{marginTop:"15px"},children:r})]}):null},D=()=>{const{reauthWithPin:e}=u.useAuth();return t.jsxRuntimeExports.jsx(E.ScreenProtectProvider,{idleMs:30*6e4,onUnlock:async r=>w.isLocal?!0:!!r&&await e(r),children:t.jsxRuntimeExports.jsx(i.ConfigProvider,{getPopupContainer:()=>document.getElementById("app-shell")||document.body,children:t.jsxRuntimeExports.jsxs("div",{id:"app-shell",children:[t.jsxRuntimeExports.jsx(l,{}),t.jsxRuntimeExports.jsx(m.Outlet,{})]})})})},F=()=>t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx(l,{}),t.jsxRuntimeExports.jsx(m.Outlet,{})]}),k=({isActive:e,instance:r,params:s})=>t.jsxRuntimeExports.jsx("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",visibility:e?"visible":"hidden",opacity:e?1:0,transition:"opacity 0.2s ease-in-out",pointerEvents:e?"auto":"none"},children:t.jsxRuntimeExports.jsx(g,{children:t.jsxRuntimeExports.jsx(n.Suspense,{fallback:null,children:r&&n.createElement(r,{params:s})})})}),S=n.memo(k);exports.ErrorBound=g;exports.ProgressOverlay=l;exports.ProtectedLayout=D;exports.PublicLayout=F;exports.ViewContainer=S;
-//# sourceMappingURL=ViewContainer-DQl7Mb0U.cjs.map

package/dist/chunks/ViewContainer-DQl7Mb0U.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewContainer-DQl7Mb0U.cjs","sources":["../../src/components/layout/ErrorBound.tsx","../../src/components/layout/ProgressOverlay.tsx","../../src/components/layout/ProtectLayout.tsx","../../src/components/layout/PublicLayout.tsx","../../src/components/layout/ViewContainer.tsx"],"sourcesContent":["import React, { Component, ErrorInfo, ReactNode } from 'react';\r\nimport { Result, Button } from 'antd';\r\nimport { ReloadOutlined, HomeOutlined } from '@ant-design/icons';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\ninterface Props {\r\n  children: ReactNode;\r\n  fallback?: ReactNode;\r\n}\r\n\r\ninterface State {\r\n  hasError: boolean;\r\n  error?: Error;\r\n  errorInfo?: ErrorInfo;\r\n}\r\n\r\n// 에러 페이지 컴포넌트\r\nexport const ErrorPage: React.FC<{\r\n  error?: Error;\r\n  resetError?: () => void;\r\n  onGoHome?: () => void;\r\n}> = ({ error, resetError, onGoHome }) => {\r\n  const navigate = useNavigate();\r\n\r\n  const handleGoHome = () => {\r\n    if (onGoHome) {\r\n      onGoHome();\r\n    } else {\r\n      // 기본 홈 이동 로직\r\n      navigate('/');\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        padding: '40px 20px',\r\n        textAlign: 'center',\r\n        backgroundColor: '#fafafa',\r\n        minHeight: '400px',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n      }}\r\n    >\r\n      <Result\r\n        status=\"error\"\r\n        title=\"컴포넌트 로딩 중 오류가 발생했습니다\"\r\n        subTitle={\r\n          error\r\n            ? `오류 내용: ${error.message}`\r\n            : '알 수 없는 오류가 발생했습니다'\r\n        }\r\n        extra={[\r\n          <Button\r\n            key=\"retry\"\r\n            type=\"primary\"\r\n            icon={<ReloadOutlined />}\r\n            onClick={resetError}\r\n            style={{ marginRight: 8 }}\r\n          >\r\n            다시 시도\r\n          </Button>,\r\n          <Button key=\"home\" icon={<HomeOutlined />} onClick={handleGoHome}>\r\n            홈으로\r\n          </Button>,\r\n        ]}\r\n      />\r\n      {error && (\r\n        <details\r\n          style={{\r\n            marginTop: '20px',\r\n            textAlign: 'left',\r\n            maxWidth: '600px',\r\n            backgroundColor: '#fff',\r\n            padding: '16px',\r\n            borderRadius: '6px',\r\n            border: '1px solid #d9d9d9',\r\n          }}\r\n        >\r\n          <summary style={{ cursor: 'pointer', fontWeight: 'bold' }}>\r\n            오류 상세 정보\r\n          </summary>\r\n          <pre\r\n            style={{\r\n              marginTop: '8px',\r\n              fontSize: '12px',\r\n              color: '#666',\r\n              whiteSpace: 'pre-wrap',\r\n              wordBreak: 'break-word',\r\n            }}\r\n          >\r\n            {error.stack}\r\n          </pre>\r\n        </details>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\n// 에러 경계 클래스 컴포넌트\r\nexport class ErrorBound extends Component<Props, State> {\r\n  constructor(props: Props) {\r\n    super(props);\r\n    this.state = { hasError: false };\r\n  }\r\n\r\n  static getDerivedStateFromError(error: Error): State {\r\n    return { hasError: true, error };\r\n  }\r\n\r\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\r\n    console.error('ErrorBound caught an error:', error, errorInfo);\r\n    this.setState({\r\n      error,\r\n      errorInfo,\r\n    });\r\n  }\r\n\r\n  resetError = () => {\r\n    this.setState({ hasError: false, error: undefined, errorInfo: undefined });\r\n  };\r\n\r\n  render() {\r\n    if (this.state.hasError) {\r\n      if (this.props.fallback) {\r\n        return this.props.fallback;\r\n      }\r\n\r\n      return (\r\n        <div\r\n          style={{\r\n            padding: '40px 20px',\r\n            textAlign: 'center',\r\n            backgroundColor: '#fafafa',\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            justifyContent: 'center',\r\n            alignItems: 'center',\r\n          }}\r\n        >\r\n          <Result\r\n            status=\"error\"\r\n            title=\"컴포넌트 로딩 중 오류가 발생했습니다\"\r\n            subTitle={\r\n              this.state.error\r\n                ? `오류 내용: ${this.state.error.message}`\r\n                : '알 수 없는 오류가 발생했습니다'\r\n            }\r\n            extra={[\r\n              <Button\r\n                key=\"retry\"\r\n                type=\"primary\"\r\n                icon={<ReloadOutlined />}\r\n                onClick={this.resetError}\r\n                style={{ marginRight: 8 }}\r\n              >\r\n                다시 시도\r\n              </Button>,\r\n            ]}\r\n          />\r\n          {this.state.error && (\r\n            <details\r\n              style={{\r\n                marginTop: '20px',\r\n                textAlign: 'left',\r\n                maxWidth: '600px',\r\n                backgroundColor: '#fff',\r\n                padding: '16px',\r\n                borderRadius: '6px',\r\n                border: '1px solid #d9d9d9',\r\n              }}\r\n            >\r\n              <summary style={{ cursor: 'pointer', fontWeight: 'bold' }}>\r\n                오류 상세 정보\r\n              </summary>\r\n              <pre\r\n                style={{\r\n                  marginTop: '8px',\r\n                  fontSize: '12px',\r\n                  color: '#666',\r\n                  whiteSpace: 'pre-wrap',\r\n                  wordBreak: 'break-word',\r\n                }}\r\n              >\r\n                {this.state.error.stack}\r\n              </pre>\r\n            </details>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return this.props.children;\r\n  }\r\n}\r\n\r\n// 함수형 컴포넌트용 에러 경계 훅\r\nexport const useErrorHandler = () => {\r\n  const [error, setError] = React.useState<Error | null>(null);\r\n\r\n  const handleError = React.useCallback((error: Error) => {\r\n    console.error('useErrorHandler caught an error:', error);\r\n    setError(error);\r\n  }, []);\r\n\r\n  const resetError = React.useCallback(() => {\r\n    setError(null);\r\n  }, []);\r\n\r\n  return { error, handleError, resetError };\r\n};\r\n","import { useAuth } from \"@/provider/contexts/AuthContext\";\r\nimport { Spin } from \"antd\";\r\nimport React, { useEffect } from 'react';\r\n\r\nconst DOTLINE_STYLE_ID = 'bwg-dot-line-wave-v4';\r\nfunction ensureDotLineWaveStylesV4() {\r\n  if (typeof document === 'undefined') return;\r\n  if (document.getElementById(DOTLINE_STYLE_ID)) return;\r\n\r\n  const style = document.createElement('style');\r\n  style.id = DOTLINE_STYLE_ID;\r\n  style.textContent = `\r\n    .bwg-dotline {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--bwg-gap, 12px);\r\n      height: calc(var(--bwg-size, 12px) + 2 * var(--bwg-amp, 12px));\r\n      line-height: 0;\r\n    }\r\n    .bwg-dotline .dot {\r\n      width: var(--bwg-size, 12px);\r\n      height: var(--bwg-size, 12px);\r\n      border-radius: 50%;\r\n      background: currentColor;\r\n      will-change: transform, opacity;\r\n      filter: drop-shadow(0 1px 2px rgba(0,0,0,.12));\r\n      animation: bwg-dotline-sine var(--bwg-speed, 780ms) linear infinite;\r\n    }\r\n\r\n    /* sin(θ) 근사: 0, 45, 90, 135, 180, 225, 270, 315, 360deg */\r\n    @keyframes bwg-dotline-sine {\r\n      0%   { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }\r\n      12.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }\r\n      25%  { transform: translate3d(0, calc(-1      * var(--bwg-amp, 12px)), 0) scale(1.06); opacity: 1; }\r\n      37.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }\r\n      50%  { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }\r\n      62.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }\r\n      75%  { transform: translate3d(0, calc( 1      * var(--bwg-amp, 12px)), 0) scale(.96); opacity: .76; }\r\n      87.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }\r\n      100% { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .bwg-dotline .dot { animation: none; }\r\n    }\r\n  `;\r\n  document.head.appendChild(style);\r\n}\r\n\r\n/* 직선 도트 파동 인디케이터 */\r\nconst DotLineSmoothIndicator: React.FC<{\r\n  colors?: string[];         // 각 점 색\r\n  count?: number;            // 점 개수 (기본: colors 길이)\r\n  size?: number;             // 점 지름\r\n  gap?: number;              // 점 간격\r\n  amp?: number;              // 진폭(px)\r\n  speedMs?: number;          // 한 주기(ms)\r\n  direction?: 'ltr' | 'rtl'; // 파동 진행 방향\r\n  phase?: number;            // 점 간 지연 비율(0~1) — 낮출수록 부드러움\r\n}> = ({\r\n  colors = ['#DAD3FF', '#B3A6FF', '#9380FF', '#816BFA'],\r\n  count,\r\n  size = 12,\r\n  gap = 10,\r\n  amp = 16,\r\n  speedMs = 900,\r\n  direction = 'ltr',\r\n  phase = 0.7,\r\n}) => {\r\n  useEffect(() => { ensureDotLineWaveStylesV4(); }, []);\r\n\r\n  const n = count ?? colors.length;\r\n  const dots = Array.from({ length: n });\r\n  const baseStyle = {\r\n    ['--bwg-size' as any]: `${size}px`,\r\n    ['--bwg-gap' as any]: `${gap}px`,\r\n    ['--bwg-amp' as any]: `${amp}px`,\r\n    ['--bwg-speed' as any]: `${speedMs}ms`,\r\n  } as React.CSSProperties;\r\n\r\n  const perDotDelay = (speedMs / n) * phase;\r\n\r\n  return (\r\n    <span className=\"bwg-dotline\" role=\"img\" aria-label=\"loading\" style={baseStyle}>\r\n      {dots.map((_, i) => (\r\n        <span\r\n          key={i}\r\n          className=\"dot\"\r\n          style={{\r\n            backgroundColor: colors[i % colors.length],\r\n            animationDelay:\r\n              direction === 'ltr'\r\n                ? `${(i * perDotDelay)}ms`\r\n                : `${((n - 1 - i) * perDotDelay)}ms`,\r\n          }}\r\n        />\r\n      ))}\r\n    </span>\r\n  );\r\n};\r\n\r\n\r\n/**\r\n * 진행 중 표시\r\n * @returns ProgressOverlay\r\n */\r\nconst ProgressOverlay: React.FC<{spin?: boolean | null; text?: string }> = ({spin = null, text = '인증중...',}) => {\r\n    const { busy } = useAuth();\r\n    const show = (spin ?? busy);\r\n  if (!show) return null;\r\n    return (\r\n      <div\r\n        style={{\r\n          position: \"fixed\",\r\n          height: \"100vh\",\r\n          left: 0,\r\n          right: 0,\r\n          top: 0,\r\n          display: \"flex\",\r\n          flexDirection:'column',\r\n          justifyContent: \"center\",\r\n          alignItems: \"center\",\r\n          gap: 8,\r\n          padding: \"8px 12px\",\r\n          background: \"rgba(0,0,0,0.6)\",\r\n          color: \"#fff\",\r\n          zIndex: 10000,\r\n        }}\r\n         aria-live=\"polite\"\r\n        aria-busy=\"true\"\r\n        role=\"status\"\r\n      >\r\n      <Spin\r\n        indicator={\r\n          <DotLineSmoothIndicator\r\n            colors={['#DAD3FF', '#B3A6FF', '#9380FF', '#816BFA']}\r\n            size={12}\r\n            gap={10}\r\n            amp={16}\r\n            speedMs={900}\r\n            phase={0.75}  \r\n            direction=\"ltr\"\r\n          />\r\n        }\r\n      />\r\n        <span className=\"bwg-spin-txt\" style={{marginTop:\"15px\"}}>{text}</span>\r\n      </div>\r\n    );\r\n  };\r\n\r\nexport default ProgressOverlay;","import { useAuth } from \"@/provider/contexts/AuthContext\";\r\nimport { ScreenProtectProvider } from \"@/provider/contexts/ScreenProtectContext\";\r\nimport { isLocal } from \"@/utils\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { Outlet } from \"react-router-dom\";\r\nimport ProgressOverlay from \"./ProgressOverlay\";\r\n\r\n/**\r\n * 보호 레이아웃\r\n * @returns ProtectedLayout\r\n */\r\nconst ProtectedLayout = () => {\r\n    const { reauthWithPin } = useAuth();\r\n    // NOTE: 인증 여부 체크는 각 페이지(/main)의 스토어 가드에 위임합니다.\r\n    // 필요하다면 여기서도 RequireAuth로 감싸세요.\r\n    return (\r\n      <ScreenProtectProvider idleMs={30 * 60_000} onUnlock={async (pin) => {\r\n        if(isLocal) {\r\n          // 로컬에서는 항상 true\r\n          return true;\r\n        }\r\n        return !!pin && (await reauthWithPin(pin));\r\n      }}>\r\n        {/* Ensure AntD portals mount inside protected shell if you need it */}\r\n        <ConfigProvider getPopupContainer={() => document.getElementById(\"app-shell\") || document.body}>\r\n          <div id=\"app-shell\">\r\n            <ProgressOverlay />\r\n            <Outlet />\r\n          </div>\r\n        </ConfigProvider>\r\n      </ScreenProtectProvider>\r\n    );\r\n  }\r\n\r\n  export default ProtectedLayout;","import { Outlet } from \"react-router-dom\";\r\nimport ProgressOverlay from \"./ProgressOverlay\";\r\n\r\n/**\r\n * 공개 레이아웃\r\n * @returns PublicLayout\r\n */\r\nconst PublicLayout = () => {\r\n    return (\r\n      <div>\r\n        <ProgressOverlay />\r\n        <Outlet />\r\n      </div>\r\n    );\r\n}\r\n\r\nexport default PublicLayout;","import React, { memo, Suspense } from \"react\";\r\nimport { ErrorBound } from \"./ErrorBound\";\r\n\r\nconst ViewContainer = ({\r\n    isActive,\r\n    instance,\r\n    params,\r\n  }: {\r\n    isActive: boolean;\r\n    instance?: React.ComponentType;\r\n    params?: Record<string, any>;\r\n  }) => {\r\n  return       <div\r\n  style={{\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n    visibility: isActive ? 'visible' : 'hidden',\r\n    opacity: isActive ? 1 : 0,\r\n    transition: 'opacity 0.2s ease-in-out',\r\n    pointerEvents: isActive ? 'auto' : 'none',\r\n  }}\r\n>\r\n  <ErrorBound>\r\n    <Suspense \r\n      fallback={null}\r\n    >\r\n      {instance && React.createElement(instance, { params } as any)}\r\n    </Suspense>\r\n  </ErrorBound>\r\n</div>;\r\n};\r\n\r\nexport default memo(ViewContainer);"],"names":["ErrorBound","Component","props","error","errorInfo","jsxs","jsx","Result","Button","ReloadOutlined","DOTLINE_STYLE_ID","ensureDotLineWaveStylesV4","style","DotLineSmoothIndicator","colors","count","size","gap","amp","speedMs","direction","phase","useEffect","n","dots","baseStyle","perDotDelay","_","i","ProgressOverlay","spin","text","busy","useAuth","Spin","ProtectedLayout","reauthWithPin","ScreenProtectProvider","pin","isLocal","ConfigProvider","Outlet","PublicLayout","ViewContainer","isActive","instance","params","Suspense","React","ViewContainer$1","memo"],"mappings":"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"}

package/dist/chunks/ViewContainer-v1V83KBq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewContainer-v1V83KBq.js","sources":["../../src/components/layout/ErrorBound.tsx","../../src/components/layout/ProgressOverlay.tsx","../../src/components/layout/ProtectLayout.tsx","../../src/components/layout/PublicLayout.tsx","../../src/components/layout/ViewContainer.tsx"],"sourcesContent":["import React, { Component, ErrorInfo, ReactNode } from 'react';\r\nimport { Result, Button } from 'antd';\r\nimport { ReloadOutlined, HomeOutlined } from '@ant-design/icons';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\ninterface Props {\r\n  children: ReactNode;\r\n  fallback?: ReactNode;\r\n}\r\n\r\ninterface State {\r\n  hasError: boolean;\r\n  error?: Error;\r\n  errorInfo?: ErrorInfo;\r\n}\r\n\r\n// 에러 페이지 컴포넌트\r\nexport const ErrorPage: React.FC<{\r\n  error?: Error;\r\n  resetError?: () => void;\r\n  onGoHome?: () => void;\r\n}> = ({ error, resetError, onGoHome }) => {\r\n  const navigate = useNavigate();\r\n\r\n  const handleGoHome = () => {\r\n    if (onGoHome) {\r\n      onGoHome();\r\n    } else {\r\n      // 기본 홈 이동 로직\r\n      navigate('/');\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        padding: '40px 20px',\r\n        textAlign: 'center',\r\n        backgroundColor: '#fafafa',\r\n        minHeight: '400px',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n      }}\r\n    >\r\n      <Result\r\n        status=\"error\"\r\n        title=\"컴포넌트 로딩 중 오류가 발생했습니다\"\r\n        subTitle={\r\n          error\r\n            ? `오류 내용: ${error.message}`\r\n            : '알 수 없는 오류가 발생했습니다'\r\n        }\r\n        extra={[\r\n          <Button\r\n            key=\"retry\"\r\n            type=\"primary\"\r\n            icon={<ReloadOutlined />}\r\n            onClick={resetError}\r\n            style={{ marginRight: 8 }}\r\n          >\r\n            다시 시도\r\n          </Button>,\r\n          <Button key=\"home\" icon={<HomeOutlined />} onClick={handleGoHome}>\r\n            홈으로\r\n          </Button>,\r\n        ]}\r\n      />\r\n      {error && (\r\n        <details\r\n          style={{\r\n            marginTop: '20px',\r\n            textAlign: 'left',\r\n            maxWidth: '600px',\r\n            backgroundColor: '#fff',\r\n            padding: '16px',\r\n            borderRadius: '6px',\r\n            border: '1px solid #d9d9d9',\r\n          }}\r\n        >\r\n          <summary style={{ cursor: 'pointer', fontWeight: 'bold' }}>\r\n            오류 상세 정보\r\n          </summary>\r\n          <pre\r\n            style={{\r\n              marginTop: '8px',\r\n              fontSize: '12px',\r\n              color: '#666',\r\n              whiteSpace: 'pre-wrap',\r\n              wordBreak: 'break-word',\r\n            }}\r\n          >\r\n            {error.stack}\r\n          </pre>\r\n        </details>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\n// 에러 경계 클래스 컴포넌트\r\nexport class ErrorBound extends Component<Props, State> {\r\n  constructor(props: Props) {\r\n    super(props);\r\n    this.state = { hasError: false };\r\n  }\r\n\r\n  static getDerivedStateFromError(error: Error): State {\r\n    return { hasError: true, error };\r\n  }\r\n\r\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\r\n    console.error('ErrorBound caught an error:', error, errorInfo);\r\n    this.setState({\r\n      error,\r\n      errorInfo,\r\n    });\r\n  }\r\n\r\n  resetError = () => {\r\n    this.setState({ hasError: false, error: undefined, errorInfo: undefined });\r\n  };\r\n\r\n  render() {\r\n    if (this.state.hasError) {\r\n      if (this.props.fallback) {\r\n        return this.props.fallback;\r\n      }\r\n\r\n      return (\r\n        <div\r\n          style={{\r\n            padding: '40px 20px',\r\n            textAlign: 'center',\r\n            backgroundColor: '#fafafa',\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            justifyContent: 'center',\r\n            alignItems: 'center',\r\n          }}\r\n        >\r\n          <Result\r\n            status=\"error\"\r\n            title=\"컴포넌트 로딩 중 오류가 발생했습니다\"\r\n            subTitle={\r\n              this.state.error\r\n                ? `오류 내용: ${this.state.error.message}`\r\n                : '알 수 없는 오류가 발생했습니다'\r\n            }\r\n            extra={[\r\n              <Button\r\n                key=\"retry\"\r\n                type=\"primary\"\r\n                icon={<ReloadOutlined />}\r\n                onClick={this.resetError}\r\n                style={{ marginRight: 8 }}\r\n              >\r\n                다시 시도\r\n              </Button>,\r\n            ]}\r\n          />\r\n          {this.state.error && (\r\n            <details\r\n              style={{\r\n                marginTop: '20px',\r\n                textAlign: 'left',\r\n                maxWidth: '600px',\r\n                backgroundColor: '#fff',\r\n                padding: '16px',\r\n                borderRadius: '6px',\r\n                border: '1px solid #d9d9d9',\r\n              }}\r\n            >\r\n              <summary style={{ cursor: 'pointer', fontWeight: 'bold' }}>\r\n                오류 상세 정보\r\n              </summary>\r\n              <pre\r\n                style={{\r\n                  marginTop: '8px',\r\n                  fontSize: '12px',\r\n                  color: '#666',\r\n                  whiteSpace: 'pre-wrap',\r\n                  wordBreak: 'break-word',\r\n                }}\r\n              >\r\n                {this.state.error.stack}\r\n              </pre>\r\n            </details>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return this.props.children;\r\n  }\r\n}\r\n\r\n// 함수형 컴포넌트용 에러 경계 훅\r\nexport const useErrorHandler = () => {\r\n  const [error, setError] = React.useState<Error | null>(null);\r\n\r\n  const handleError = React.useCallback((error: Error) => {\r\n    console.error('useErrorHandler caught an error:', error);\r\n    setError(error);\r\n  }, []);\r\n\r\n  const resetError = React.useCallback(() => {\r\n    setError(null);\r\n  }, []);\r\n\r\n  return { error, handleError, resetError };\r\n};\r\n","import { useAuth } from \"@/provider/contexts/AuthContext\";\r\nimport { Spin } from \"antd\";\r\nimport React, { useEffect } from 'react';\r\n\r\nconst DOTLINE_STYLE_ID = 'bwg-dot-line-wave-v4';\r\nfunction ensureDotLineWaveStylesV4() {\r\n  if (typeof document === 'undefined') return;\r\n  if (document.getElementById(DOTLINE_STYLE_ID)) return;\r\n\r\n  const style = document.createElement('style');\r\n  style.id = DOTLINE_STYLE_ID;\r\n  style.textContent = `\r\n    .bwg-dotline {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--bwg-gap, 12px);\r\n      height: calc(var(--bwg-size, 12px) + 2 * var(--bwg-amp, 12px));\r\n      line-height: 0;\r\n    }\r\n    .bwg-dotline .dot {\r\n      width: var(--bwg-size, 12px);\r\n      height: var(--bwg-size, 12px);\r\n      border-radius: 50%;\r\n      background: currentColor;\r\n      will-change: transform, opacity;\r\n      filter: drop-shadow(0 1px 2px rgba(0,0,0,.12));\r\n      animation: bwg-dotline-sine var(--bwg-speed, 780ms) linear infinite;\r\n    }\r\n\r\n    /* sin(θ) 근사: 0, 45, 90, 135, 180, 225, 270, 315, 360deg */\r\n    @keyframes bwg-dotline-sine {\r\n      0%   { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }\r\n      12.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }\r\n      25%  { transform: translate3d(0, calc(-1      * var(--bwg-amp, 12px)), 0) scale(1.06); opacity: 1; }\r\n      37.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }\r\n      50%  { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }\r\n      62.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }\r\n      75%  { transform: translate3d(0, calc( 1      * var(--bwg-amp, 12px)), 0) scale(.96); opacity: .76; }\r\n      87.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }\r\n      100% { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .bwg-dotline .dot { animation: none; }\r\n    }\r\n  `;\r\n  document.head.appendChild(style);\r\n}\r\n\r\n/* 직선 도트 파동 인디케이터 */\r\nconst DotLineSmoothIndicator: React.FC<{\r\n  colors?: string[];         // 각 점 색\r\n  count?: number;            // 점 개수 (기본: colors 길이)\r\n  size?: number;             // 점 지름\r\n  gap?: number;              // 점 간격\r\n  amp?: number;              // 진폭(px)\r\n  speedMs?: number;          // 한 주기(ms)\r\n  direction?: 'ltr' | 'rtl'; // 파동 진행 방향\r\n  phase?: number;            // 점 간 지연 비율(0~1) — 낮출수록 부드러움\r\n}> = ({\r\n  colors = ['#DAD3FF', '#B3A6FF', '#9380FF', '#816BFA'],\r\n  count,\r\n  size = 12,\r\n  gap = 10,\r\n  amp = 16,\r\n  speedMs = 900,\r\n  direction = 'ltr',\r\n  phase = 0.7,\r\n}) => {\r\n  useEffect(() => { ensureDotLineWaveStylesV4(); }, []);\r\n\r\n  const n = count ?? colors.length;\r\n  const dots = Array.from({ length: n });\r\n  const baseStyle = {\r\n    ['--bwg-size' as any]: `${size}px`,\r\n    ['--bwg-gap' as any]: `${gap}px`,\r\n    ['--bwg-amp' as any]: `${amp}px`,\r\n    ['--bwg-speed' as any]: `${speedMs}ms`,\r\n  } as React.CSSProperties;\r\n\r\n  const perDotDelay = (speedMs / n) * phase;\r\n\r\n  return (\r\n    <span className=\"bwg-dotline\" role=\"img\" aria-label=\"loading\" style={baseStyle}>\r\n      {dots.map((_, i) => (\r\n        <span\r\n          key={i}\r\n          className=\"dot\"\r\n          style={{\r\n            backgroundColor: colors[i % colors.length],\r\n            animationDelay:\r\n              direction === 'ltr'\r\n                ? `${(i * perDotDelay)}ms`\r\n                : `${((n - 1 - i) * perDotDelay)}ms`,\r\n          }}\r\n        />\r\n      ))}\r\n    </span>\r\n  );\r\n};\r\n\r\n\r\n/**\r\n * 진행 중 표시\r\n * @returns ProgressOverlay\r\n */\r\nconst ProgressOverlay: React.FC<{spin?: boolean | null; text?: string }> = ({spin = null, text = '인증중...',}) => {\r\n    const { busy } = useAuth();\r\n    const show = (spin ?? busy);\r\n  if (!show) return null;\r\n    return (\r\n      <div\r\n        style={{\r\n          position: \"fixed\",\r\n          height: \"100vh\",\r\n          left: 0,\r\n          right: 0,\r\n          top: 0,\r\n          display: \"flex\",\r\n          flexDirection:'column',\r\n          justifyContent: \"center\",\r\n          alignItems: \"center\",\r\n          gap: 8,\r\n          padding: \"8px 12px\",\r\n          background: \"rgba(0,0,0,0.6)\",\r\n          color: \"#fff\",\r\n          zIndex: 10000,\r\n        }}\r\n         aria-live=\"polite\"\r\n        aria-busy=\"true\"\r\n        role=\"status\"\r\n      >\r\n      <Spin\r\n        indicator={\r\n          <DotLineSmoothIndicator\r\n            colors={['#DAD3FF', '#B3A6FF', '#9380FF', '#816BFA']}\r\n            size={12}\r\n            gap={10}\r\n            amp={16}\r\n            speedMs={900}\r\n            phase={0.75}  \r\n            direction=\"ltr\"\r\n          />\r\n        }\r\n      />\r\n        <span className=\"bwg-spin-txt\" style={{marginTop:\"15px\"}}>{text}</span>\r\n      </div>\r\n    );\r\n  };\r\n\r\nexport default ProgressOverlay;","import { useAuth } from \"@/provider/contexts/AuthContext\";\r\nimport { ScreenProtectProvider } from \"@/provider/contexts/ScreenProtectContext\";\r\nimport { isLocal } from \"@/utils\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { Outlet } from \"react-router-dom\";\r\nimport ProgressOverlay from \"./ProgressOverlay\";\r\n\r\n/**\r\n * 보호 레이아웃\r\n * @returns ProtectedLayout\r\n */\r\nconst ProtectedLayout = () => {\r\n    const { reauthWithPin } = useAuth();\r\n    // NOTE: 인증 여부 체크는 각 페이지(/main)의 스토어 가드에 위임합니다.\r\n    // 필요하다면 여기서도 RequireAuth로 감싸세요.\r\n    return (\r\n      <ScreenProtectProvider idleMs={30 * 60_000} onUnlock={async (pin) => {\r\n        if(isLocal) {\r\n          // 로컬에서는 항상 true\r\n          return true;\r\n        }\r\n        return !!pin && (await reauthWithPin(pin));\r\n      }}>\r\n        {/* Ensure AntD portals mount inside protected shell if you need it */}\r\n        <ConfigProvider getPopupContainer={() => document.getElementById(\"app-shell\") || document.body}>\r\n          <div id=\"app-shell\">\r\n            <ProgressOverlay />\r\n            <Outlet />\r\n          </div>\r\n        </ConfigProvider>\r\n      </ScreenProtectProvider>\r\n    );\r\n  }\r\n\r\n  export default ProtectedLayout;","import { Outlet } from \"react-router-dom\";\r\nimport ProgressOverlay from \"./ProgressOverlay\";\r\n\r\n/**\r\n * 공개 레이아웃\r\n * @returns PublicLayout\r\n */\r\nconst PublicLayout = () => {\r\n    return (\r\n      <div>\r\n        <ProgressOverlay />\r\n        <Outlet />\r\n      </div>\r\n    );\r\n}\r\n\r\nexport default PublicLayout;","import React, { memo, Suspense } from \"react\";\r\nimport { ErrorBound } from \"./ErrorBound\";\r\n\r\nconst ViewContainer = ({\r\n    isActive,\r\n    instance,\r\n    params,\r\n  }: {\r\n    isActive: boolean;\r\n    instance?: React.ComponentType;\r\n    params?: Record<string, any>;\r\n  }) => {\r\n  return       <div\r\n  style={{\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n    visibility: isActive ? 'visible' : 'hidden',\r\n    opacity: isActive ? 1 : 0,\r\n    transition: 'opacity 0.2s ease-in-out',\r\n    pointerEvents: isActive ? 'auto' : 'none',\r\n  }}\r\n>\r\n  <ErrorBound>\r\n    <Suspense \r\n      fallback={null}\r\n    >\r\n      {instance && React.createElement(instance, { params } as any)}\r\n    </Suspense>\r\n  </ErrorBound>\r\n</div>;\r\n};\r\n\r\nexport default memo(ViewContainer);"],"names":["ErrorBound","Component","props","error","errorInfo","jsxs","jsx","Result","Button","ReloadOutlined","DOTLINE_STYLE_ID","ensureDotLineWaveStylesV4","style","DotLineSmoothIndicator","colors","count","size","gap","amp","speedMs","direction","phase","useEffect","dots","baseStyle","perDotDelay","_","i","ProgressOverlay","spin","text","busy","useAuth","Spin","ProtectedLayout","reauthWithPin","ScreenProtectProvider","pin","isLocal","ConfigProvider","Outlet","PublicLayout","ViewContainer","isActive","instance","params","Suspense","React","ViewContainer$1","memo"],"mappings":"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"}

package/dist/chunks/_commonjsHelpers-DKOUU3wS.cjs

@@ -1,2 +0,0 @@
-"use strict";var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}exports.commonjsGlobal=o;exports.getDefaultExportFromCjs=l;
-//# sourceMappingURL=_commonjsHelpers-DKOUU3wS.cjs.map

package/dist/chunks/_commonjsHelpers-DKOUU3wS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers-DKOUU3wS.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/chunks/_commonjsHelpers-DaMA6jEr.js

@@ -1,9 +0,0 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-export {
-  o as c,
-  l as g
-};
-//# sourceMappingURL=_commonjsHelpers-DaMA6jEr.js.map

package/dist/chunks/_commonjsHelpers-DaMA6jEr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers-DaMA6jEr.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}