Merge pull request #274 from Nexters/develop

[운영배포] 10차 MVP (웹뷰 브릿지, 공연 등록 개선, 정산 요약, 팝업 추가)

README.md

@@ -17,11 +17,12 @@
 ## 패키지 설명
 
 - `apps/admin`: 불티에서 공연을 생성하고 관리하는 사용자들을 위한 서비스입니다.
-- `apps/preview`: 공연 예매 페이지를 공유했을 때 랜딩될 페이지입니다. (WIP)
-- `apps/super-admin`: 불티 팀원이 사용할 슈퍼 어드민 페이지입니다. (WIP)
+- `apps/preview`: 공연 예매 페이지를 공유했을 때 랜딩될 페이지입니다.
+- `apps/super-admin`: 불티 팀원이 사용할 슈퍼 어드민 페이지입니다.
 - `apps/storybook`: 불티에서 공통적으로 사용될 디자인 컴포넌트를 확인할 수 있는 Storybook 페이지입니다.
 - `packages/api`: 웹 클라이언트에서 사용되는 서버 API 호출 관련 로직이 포함된 패키지입니다.
 - `packages/config-eslint`: 각 패키지에서 공통적으로 사용될 ESLint 관련 설정이 포함된 패키지입니다.
 - `packages/config-typescript`: 각 패키지에서 공통적으로 사용될 TypeScript 관련 설정이 포함된 패키지입니다.
 - `packages/icon`: 공통적으로 사용될 아이콘 컴포넌트가 포함된 패키지입니다.
 - `packages/ui`: 공통적으로 사용될 디자인 컴포넌트가 포함된 패키지입니다.
+- `packages/ui`: 공통적으로 사용될 웹뷰 브릿지가 포함된 패키지입니다.

apps/admin/package.json

@@ -6,13 +6,14 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives",
     "lint:fix": "TIMING=1 eslint . --ext ts,tsx --fix",
     "type-check": "tsc --noEmit",
     "preview": "vite preview"
   },
   "dependencies": {
     "@boolti/api": "*",
+    "@boolti/bridge": "*",
     "@boolti/icon": "*",
     "@boolti/ui": "*",
     "@dnd-kit/core": "^6.1.0",
@@ -27,21 +28,22 @@
     "date-fns": "^3.3.1",
     "framer-motion": "^11.2.10",
     "jotai": "^2.8.3",
-    "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
     "lodash.debounce": "^4.0.8",
     "qrcode.react": "^3.1.0",
     "react": "^18.2.0",
     "react-daum-postcode": "^3.1.3",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
+    "react-error-boundary": "^4.1.2",
     "react-hook-form": "^7.50.0",
     "react-intersection-observer": "^9.8.0",
     "react-pdf": "^9.0.0",
     "react-router-dom": "^6.21.3",
     "react-select": "^5.8.0",
     "react-tooltip": "^5.26.3",
-    "the-new-css-reset": "^1.11.2"
+    "the-new-css-reset": "^1.11.2",
+    "vconsole": "^3.15.1"
   },
   "devDependencies": {
     "@boolti/eslint-config": "*",

apps/admin/src/App.tsx

@@ -24,7 +24,6 @@ import {
   QRPage,
   OAuthKakaoPage,
   HomePage,
-  ShowAddCompletePage,
   SignUpCompletePage,
   SitePolicyPage,
   GiftRegisterPage,
@@ -40,9 +39,13 @@ import ShowTicketPage from './pages/ShowTicketPage';
 import ShowReservationPage from './pages/ShowReservationPage';
 import ShowSettlementPage from './pages/ShowSettlementPage';
 import ShowEnterancePage from './pages/ShowEnterancePage';
+import { initVConsole } from './utils/vConsole';
+import { checkIsWebView } from '@boolti/bridge';
 
 setDefaultOptions({ locale: ko });
 
+initVConsole();
+
 const publicRoutes = [
   {
     element: (
@@ -97,7 +100,7 @@ const publicRoutes = [
 const PrivateRoute = () => {
   const { isLogin } = useAuthAtom();
 
-  if (!isLogin()) {
+  if (!isLogin() && !checkIsWebView()) {
     return <Navigate to={PATH.LOGIN} replace />;
   }
 
@@ -124,12 +127,9 @@ const privateRoutes = [
         element: <SignUpCompletePage />,
       },
       { path: PATH.HOME, element: <HomePage /> },
-      { path: PATH.SHOW_ADD, element: <ShowAddPage step="info" /> },
-      { path: PATH.SHOW_ADD_TICKET, element: <ShowAddPage step="ticket" /> },
-      {
-        path: PATH.SHOW_ADD_COMPLETE,
-        element: <ShowAddCompletePage />,
-      },
+      { path: PATH.SHOW_ADD, element: <ShowAddPage step="basic" /> },
+      { path: PATH.SHOW_ADD_DETAIL, element: <ShowAddPage step="detail" /> },
+      { path: PATH.SHOW_ADD_SALES, element: <ShowAddPage step="sales" /> },
       {
         path: '/',
         element: (