@solapi/ui-kit 1.0.0 → 1.0.1

package/dist/createMutationConfig.js

@@ -0,0 +1,209 @@
+import { create as w } from "zustand";
+const S = w((a, r) => ({
+  queue: [],
+  isProcessing: !1,
+  lastAddedRequest: null,
+  lastRemovedRequestId: null,
+  enqueue: (e, s = {}) => {
+    const n = `req_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, {
+      reason: t = "Unknown",
+      mfa: o,
+      isNewMfa: c,
+      then: f,
+      catch: l
+    } = s, i = {
+      id: n,
+      status: "pending",
+      config: e,
+      reason: t,
+      createdAt: Date.now(),
+      mfa: o,
+      isNewMfa: c,
+      then: f,
+      catch: l
+    };
+    return a((u) => ({
+      queue: [...u.queue, i],
+      lastAddedRequest: i
+    })), n;
+  },
+  dequeue: (e) => {
+    const s = r().queue.find((n) => n.id === e);
+    s && s.status === "pending" && s.catch?.(new Error("2차 인증이 중단되었습니다.")), a((n) => ({
+      queue: n.queue.filter((t) => t.id !== e),
+      lastRemovedRequestId: e
+    }));
+  },
+  clearQueue: () => {
+    a({ queue: [] });
+  },
+  updateQueue: (e, s) => {
+    a((n) => ({
+      queue: n.queue.map((t) => t.id === e ? { ...t, ...s } : t)
+    }));
+  },
+  resolve: (e, s) => {
+    const n = r().queue.find((t) => t.id === e);
+    n && (a((t) => ({
+      queue: t.queue.filter((o) => o.id !== e),
+      lastRemovedRequestId: e
+    })), n.then?.(s));
+  },
+  reject: (e, s) => {
+    const n = r().queue.find((t) => t.id === e);
+    n && (a((t) => ({
+      queue: t.queue.filter((o) => o.id !== e),
+      lastRemovedRequestId: e
+    })), n.catch?.(s));
+  },
+  getQueueStatus: () => {
+    const { queue: e } = r();
+    return {
+      total: e.length
+    };
+  },
+  getLastAddedRequest: () => {
+    const { lastAddedRequest: e } = r();
+    return e;
+  },
+  getLastRemovedRequestId: () => {
+    const { lastRemovedRequestId: e } = r();
+    return e;
+  }
+}));
+let M = {
+  legacyMfaHeaderKey: "x-mfa-data",
+  newMfaHeaderKey: "x-auth-flow",
+  authTypeLabels: {
+    PASSWORD: "비밀번호",
+    "KR-ARS": "ARS",
+    SMS: "문자",
+    "EMAIL-OTP": "이메일",
+    HASH: "문자 해시",
+    ARS: "ARS",
+    "SELF-CERT": "본인인증",
+    "MULTI-CERT": "간편인증",
+    CERT: "본인인증"
+  },
+  authTypePriority: [
+    "PASSWORD",
+    "MULTI-CERT",
+    "SELF-CERT",
+    "EMAIL-OTP",
+    "KR-ARS",
+    "SMS",
+    "HASH",
+    "ARS",
+    "CERT"
+  ]
+};
+function F(a) {
+  M = { ...M, ...a };
+}
+function g() {
+  return { ...M };
+}
+function p(a) {
+  const e = g().newMfaHeaderKey || "x-auth-flow";
+  try {
+    const n = a?.response?.headers || {}, t = JSON.parse(n[e] || "{}"), o = t?.allowedAuthTypes || [], c = t.requiredFactors || [], f = t.completedFactors || [], l = c.find(
+      (d) => !f.includes(d)
+    ), i = {
+      ...t,
+      allowedAuthTypes: o,
+      requiredFactors: c,
+      completedFactors: f,
+      targetFactor: l
+    }, u = a.config, { enqueue: q } = S.getState();
+    return new Promise((d, R) => {
+      q(u, {
+        reason: "New MFA required",
+        isNewMfa: !0,
+        mfa: i,
+        then: d,
+        catch: R
+      });
+    });
+  } catch (s) {
+    console.error("신규 MFA 처리 실패:", s);
+  }
+  return !1;
+}
+function A(a) {
+  try {
+    const r = a?.response, e = r?.data || {}, s = String(r?.status), { mfa: n, errorCode: t } = e;
+    if (n && s === "401" && t === "Unauthorized") {
+      const o = a.config, { enqueue: c } = S.getState();
+      return new Promise((f, l) => {
+        c(o, {
+          reason: "Legacy MFA required",
+          isNewMfa: !1,
+          mfa: n,
+          then: f,
+          catch: l
+        });
+      });
+    }
+  } catch (r) {
+    console.error("기존 MFA 처리 실패:", r);
+  }
+  return !1;
+}
+function y(a) {
+  const e = g().newMfaHeaderKey || "x-auth-flow";
+  try {
+    const s = a?.response, n = s?.headers || {}, t = s?.data?.errorCode, o = String(s?.status);
+    return n?.[e] && o === "401" && t === "Unauthorized" ? p(a) : A(a);
+  } catch (s) {
+    console.error("MFA 처리 실패:", s);
+  }
+  return !1;
+}
+function T(a = {}, r) {
+  const {
+    enableAlert: e = !0,
+    successMessage: s,
+    errorMessage: n,
+    onSuccess: t,
+    onError: o,
+    mutationFn: c,
+    snackbar: f,
+    ...l
+  } = a, i = r || f;
+  return {
+    ...l,
+    mutationFn: async (u, q) => {
+      const d = c || (() => Promise.resolve(void 0));
+      let R;
+      try {
+        R = await d(u, q);
+      } catch (h) {
+        const m = await y(h);
+        if (m === !1)
+          throw h;
+        R = m;
+      }
+      return R;
+    },
+    onSuccess: async (u, q, d) => {
+      e && s && i && i.success(s), t && await t(u, q, d);
+    },
+    onError: async (u, q, d) => {
+      if (e && i) {
+        const R = u?.response?.data?.errorMessage, h = n || R || u?.message || "요청 처리 중 오류가 발생했습니다.";
+        i.error(h);
+      }
+      o && await o(u, q, d);
+    }
+  };
+}
+export {
+  F as configureMfa,
+  T as createMutationConfig,
+  T as default,
+  g as getMfaSettings,
+  A as handleLegacyMfa,
+  y as handleMfa,
+  p as handleNewMfa,
+  S as useRequestQueueStore
+};

package/dist/export/index.d.ts

@@ -10,4 +10,5 @@ export { default as ListFilter } from 'components/ListFilter';
 export { default as TextInput } from 'components/TextInput';
 export { DatePicker } from 'components/DatePicker';
 export { type Theme, type ThemeMode, type ThemeConfig, type ThemeColors, type ThemeSpacing, type ThemeTypography, type ThemeBorderRadius, type ThemeShadows, type ThemeTransition, type ThemeBreakpoints, defaultTheme, lightColors, darkColors, ThemeProvider, useTheme, useThemeOptional, getCSSVariable, setCSSVariable, getThemeColor, getThemeSpacing, getThemeFontSize, getThemeBorderRadius, getThemeShadow, createTransition, mediaQuery, withAlpha, spacing } from 'theme/index';
+export { default as createMutationConfig } from 'lib/createMutationConfig';
 export { Box, Stack, Grid, Typography, Button, Divider, Collapse, Paper, IconButton } from 'components/common';